@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a:focus, a:hover, a:active {
  outline: none;
  text-decoration: none;
}

html body button, html body select, html body input {
  background: initial;
  border: initial;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
html body button:focus, html body select:focus, html body input:focus {
  outline: none;
  box-shadow: none;
}
html body *:focus {
  outline: none !important;
  box-shadow: none;
}

input {
  cursor: initial;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 1070;
}

.ui-state-disabled {
  cursor: default !important;
}

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 380px;
  padding: 40px 50px;
  display: none;
  background: #000;
  color: #fff;
  border: 1px solid #9b9b9b;
  z-index: 99999 !important;
}
.ui-datepicker a {
  color: #fff;
}
.ui-datepicker a:hover {
  color: #f75a01;
}
.ui-datepicker .ico-arrow.arrow-left {
  top: 16px;
  left: 10px;
}
.ui-datepicker .ico-arrow.arrow-right {
  top: 3px;
  right: -14px;
  left: auto;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker-unselectable {
  opacity: 0.5;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
  text-transform: uppercase;
}

.ui-datepicker-calendar thead {
  color: #f75a01;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.ui-datepicker td span.ui-state-active,
.ui-datepicker td a.ui-state-active {
  background: #f75a01;
  color: #fff;
  font-family: "Roboto-Bold", sans-serif;
}

.range-highlight a {
  background: #555555;
}

.range-to a {
  background: #f75a01;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  cursor: pointer;
  min-height: 0; /* support: IE7 */
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button:focus {
  outline: none;
}

.show-on-page-block .ui-selectmenu-button span.ui-icon {
  font-size: 28px;
}
.show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text {
  border: 1px solid #e7e7e7;
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  padding: 10px 50px 10px 10px;
  font-family: "Roboto-Regular", sans-serif;
}

.select-show-items {
  margin-bottom: 20px;
  margin-top: 8px;
}
.select-show-items .ui-selectmenu-button {
  border: 1px solid #e7e7e7;
  background-color: #fff;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  padding: 0 20px 0 0;
  font-family: "Roboto-Regular", sans-serif;
}
.select-show-items .ui-selectmenu-button .ui-selectmenu-icon.icon-arrow {
  font-size: 30px;
}

.ui-selectmenu-menu {
  font-family: "Roboto-Regular", sans-serif;
}
.ui-selectmenu-menu.selection, .ui-selectmenu-menu.mCustomScrollbar, .ui-selectmenu-menu.show-items, .ui-selectmenu-menu.small {
  font-size: 14px !important;
  box-shadow: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  border-radius: 10px;
  border: 1px solid #DFDFDF;
}
.ui-selectmenu-menu.selection::-webkit-scrollbar, .ui-selectmenu-menu.mCustomScrollbar::-webkit-scrollbar, .ui-selectmenu-menu.show-items::-webkit-scrollbar, .ui-selectmenu-menu.small::-webkit-scrollbar {
  width: 0 !important;
}
.ui-selectmenu-menu.selection::-webkit-scrollbar-thumb, .ui-selectmenu-menu.mCustomScrollbar::-webkit-scrollbar-thumb, .ui-selectmenu-menu.show-items::-webkit-scrollbar-thumb, .ui-selectmenu-menu.small::-webkit-scrollbar-thumb {
  background: #FF0000;
}
.ui-selectmenu-menu.selection .ui-menu, .ui-selectmenu-menu.mCustomScrollbar .ui-menu, .ui-selectmenu-menu.show-items .ui-menu, .ui-selectmenu-menu.small .ui-menu {
  box-shadow: none;
  border-top: none;
  background: #fff;
}
.ui-selectmenu-menu.selection .ui-menu-item .ui-menu-item-wrapper, .ui-selectmenu-menu.mCustomScrollbar .ui-menu-item .ui-menu-item-wrapper, .ui-selectmenu-menu.show-items .ui-menu-item .ui-menu-item-wrapper, .ui-selectmenu-menu.small .ui-menu-item .ui-menu-item-wrapper {
  padding: 0 10px;
  color: #000;
}

.ui-selectmenu-button span.ui-icon {
  right: 35px;
  left: auto;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  height: 0px;
  width: 0px;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 10px 35px 10px 10px;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-selectmenu-button span.ui-selectmenu-text:focus {
  outline: none;
  box-shadow: 0 4px 20px #e7e7e7;
  font: 14px "Roboto-Regular", sans-serif;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
}

.ui-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete,
.ui-selectmenu-menu {
  max-height: 250px;
  overflow-y: hidden;
  background: #000;
  font: 14px/40px "Roboto-Regular", sans-serif;
}

.ui-selectmenu-menu {
  font: 16px/40px "Roboto-Regular", sans-serif;
}

.ui-menu-item {
  cursor: pointer;
  padding: 0 20px;
  transition: all 0.15s;
}
.ui-menu-item:hover {
  background: #f75a01;
}

.ui-select label {
  display: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu ul[aria-hidden=true] {
  display: none;
}

.ui-front {
  z-index: 1070;
}

.ui-selectmenu-button {
  cursor: pointer;
  font: 14px "Roboto", sans-serif;
}

.ui-selectmenu-open {
  display: block;
}

.select-menu__label {
  font-size: 16px;
  margin-right: 20px;
}

.custom-combobox {
  position: relative;
  display: inline-block;
  width: 100%;
}
.custom-combobox.open .custom-combobox__inner {
  z-index: 1;
}

.custom-combobox-toggle {
  width: 100%;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  transition: all 0.15s;
}
.custom-combobox-toggle:hover {
  color: #fff;
}

.custom-combobox__inner {
  position: relative;
  background: #000;
  padding: 15px 20px 10px;
  display: block;
  height: 55px;
}

.custom-combobox-input {
  width: 100%;
  background: url(../img/icons/loupe.svg) #fff no-repeat 95% 50%;
  background-size: 20px;
  margin: 0;
  padding: 5px 35px 5px 10px;
}

.dark-theme .custom-combobox__inner {
  background: #fff;
}
.dark-theme .custom-combobox-toggle {
  background: #fff;
  color: #000;
}
.dark-theme .custom-combobox-toggle:hover {
  color: #000;
}
.dark-theme .ui-autocomplete, .dark-theme .ui-selectmenu-menu {
  background: #fff;
  color: #000;
}
.dark-theme .ui-menu-item:hover {
  color: #fff;
}
.dark-theme .arrow-downblack {
  color: #000;
  transform: rotate(90deg);
}

.ui-autocomplete, .ui-selectmenu-menu {
  background: #fff;
}

.ui-menu-item:hover {
  color: #fff;
}

.arrow-downblack {
  color: #000;
  transform: rotate(90deg);
}

@media only screen and (max-width: 767px) {
  .ui-datepicker {
    padding: 10px 10px;
    left: 0 !important;
    width: 100% !important;
  }
}
.ui-slider {
  height: 3px;
  position: relative;
}
.ui-slider .ui-state-default {
  position: absolute;
  display: block;
  top: -100%;
  bottom: -100%;
  margin: auto;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-left: -7px;
  border: none;
  background: #f75a01;
  outline: none;
  cursor: pointer;
}

#range-slider {
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 6px;
  height: 6px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.15, #f75a01), color-stop(0.15, #C5C5C5)) !important;
}

#range-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #E9E9E9;
  border: 1px solid #CECECE;
  height: 15px;
  width: 15px;
}

@keyframes slideProgress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.js-eye-block.active .js-eye-icon img.active {
  opacity: 0;
}
.js-eye-block.active .js-eye-icon img.noactive {
  opacity: 1;
}
.js-eye-block .js-all {
  display: none;
}
.js-eye-block .js-eye-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.js-eye-block .js-eye-icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
}
.js-eye-block .js-eye-icon img.noactive {
  opacity: 0;
}

.js-copy-button {
  cursor: pointer;
}
.js-copy-button.disable {
  pointer-events: none;
}

.discount-code-block__copy-btn {
  position: relative;
  z-index: 20;
  width: auto;
  min-width: 170px;
  max-width: 200px;
  height: 45px;
  margin-bottom: 15px;
  border-radius: 7px;
  border: 1px solid #f75a01;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.discount-code-block__copy-btn:hover .step-info-msg {
  opacity: 1;
}
.discount-code-block__copy-btn .discount-code-block__btn-text {
  position: absolute;
  color: #f75a01;
  font-size: 14px;
  font-family: Avenir-Next-Bold;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: fit-content;
}
.discount-code-block__copy-btn .discount-code-block__btn-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.discount-code-block__copy-btn--copied {
  width: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  text-align: center;
  font-size: 13px;
  font-family: Avenir-Next-Bold;
  font-weight: 700;
  color: #f75a01;
}
.discount-code-block__copy-btn .step-info-msg {
  height: max-content;
  position: absolute;
  bottom: 65px;
  left: -30px;
  display: block;
  pointer-events: none;
  opacity: 0;
}
.discount-code-block__code .discount-code-block__title {
  font-size: 13px;
  font-family: Avenir-Next-Bold;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.discount-code-block__code .discount-code-block__text {
  font-size: 13px;
  font-family: Avenir-Next-Bold;
  font-weight: 700;
  line-height: 1;
  color: #f75a01;
}
.discount-code-block__percent {
  text-align: center;
  font-size: 13px;
  font-family: Avenir-Next-Bold;
  font-weight: 700;
  line-height: 1;
  color: #f75a01;
}
.discount-code-block__adena-card {
  margin-bottom: 15px;
}
.discount-code-block__adena-card .discount-code-block__copy-btn {
  margin: 0 auto;
  max-width: 170px;
}

.daterangepicker-custom {
  background: #fff;
  border: 1px solid #808080;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .daterangepicker-custom {
    width: calc(100% - 30px);
    /* max-width: 347px; */
    left: 50% !important;
    transform: translate(-50%, 0px);
  }
}
.daterangepicker-custom:after, .daterangepicker-custom:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .daterangepicker-custom .drp-calendar {
    width: 100%;
    max-width: 100%;
  }
}
.daterangepicker-custom .ranges {
  margin-top: 0 !important;
}
.daterangepicker-custom select.yearselect, .daterangepicker-custom select.monthselect {
  float: left;
  width: 48%;
  text-align: center;
  font-size: 14px;
  color: black;
}
.daterangepicker-custom select.yearselect option, .daterangepicker-custom select.monthselect option {
  text-align: left;
}
.daterangepicker-custom select.yearselect option:checked, .daterangepicker-custom select.monthselect option:checked {
  text-align: center;
}
.daterangepicker-custom .custom-select-wrap {
  float: left;
  width: 48%;
  text-align: center;
}
.daterangepicker-custom .custom-select-wrap .fake-select {
  height: auto;
  min-height: auto;
  padding: 5px 5px 5px 5px;
  border: 0;
  line-height: 20px;
}
.daterangepicker-custom .custom-select-wrap .fake-select .value {
  font-weight: 700;
}
.daterangepicker-custom .custom-select-wrap .fake-select .ico-arrow {
  right: 20px;
  display: none;
}
.daterangepicker-custom .custom-select-wrap .options-list-wrap {
  width: 110px;
  top: 30px;
}
.daterangepicker-custom .custom-select-wrap .options-list-wrap .options-list li {
  font-size: 12px;
  padding: 5px 13px;
  text-align: left;
}
.daterangepicker-custom .table-condensed thead tr th {
  color: #9a9a9a;
}
.daterangepicker-custom .table-condensed thead tr th.prev span {
  margin-left: 2px;
  border-width: 0 3px 3px 0;
}
.daterangepicker-custom .table-condensed thead tr th.prev:hover {
  background-color: #f75a01;
  color: #fff;
}
.daterangepicker-custom .table-condensed thead tr th.prev:hover span {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
.daterangepicker-custom .table-condensed thead tr th.next span {
  margin-right: 2px;
  border-width: 0 3px 3px 0;
}
.daterangepicker-custom .table-condensed thead tr th.next:hover {
  background-color: #f75a01;
}
.daterangepicker-custom .table-condensed thead tr th.next:hover span {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
.daterangepicker-custom .table-condensed tbody tr td:hover, .daterangepicker-custom .table-condensed tbody tr td.active {
  background-color: #f75a01 !important;
  color: #fff;
}
.daterangepicker-custom .table-condensed tbody tr td.in-range {
  background-color: #ffe3d2;
}
.daterangepicker-custom .drp-buttons {
  display: flex !important;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .daterangepicker-custom .drp-buttons {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.daterangepicker-custom .drp-buttons .btn {
  min-width: 90px;
  min-height: 35px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}
.daterangepicker-custom .drp-buttons .btn.cancelBtn {
  margin-left: auto;
  background: transparent;
  border: 1px solid #f75a01;
  color: #f75a01;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .daterangepicker-custom .drp-buttons .btn.cancelBtn {
    margin-left: initial;
  }
}
.daterangepicker-custom .drp-buttons .btn.cancelBtn:hover {
  background: transparent;
  border: 1px solid #f75a01;
  color: #f75a01;
  box-shadow: none !important;
}
.daterangepicker-custom .drp-buttons .btn.applyBtn {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.daterangepicker-custom .drp-buttons .btn.applyBtn:hover {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.daterangepicker-custom .drp-buttons .drp-selected {
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .daterangepicker-custom .drp-buttons .drp-selected {
    display: block !important;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }
}

.tabs-custom {
  position: relative;
}
.tabs-custom__wrap {
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 4px !important;
  border: none !important;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__wrap.slick-initialized {
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    background: none !important;
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  .tabs-custom__wrap.slick-initialized .slick-arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #13192a;
    border-radius: 4px;
    transition: 0.2s;
    cursor: pointer;
  }
  .tabs-custom__wrap.slick-initialized .slick-arrow:hover i {
    color: #f75a01;
  }
  .tabs-custom__wrap.slick-initialized .slick-arrow.slick-next {
    margin-left: 15px;
  }
  .tabs-custom__wrap.slick-initialized .slick-arrow.slick-prev {
    margin-right: 15px;
  }
  .tabs-custom__wrap.slick-initialized .slick-arrow i {
    color: white;
    font-size: 20px;
    transition: 0.2s;
  }
}
@media only screen and (max-width: 767px) {
  .tabs-custom__wrap .slick-list {
    width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  }
}
@media only screen and (max-width: 767px) {
  .tabs-custom__wrap .slick-slide:not(:only-child) .tabs-custom__item.active .tabs-custom__item-link {
    border: none !important;
    background: #ffe3d2 !important;
  }
  .tabs-custom__wrap .slick-slide:not(:only-child) .tabs-custom__item.active .tabs-custom__item-link .tabs-custom__item-title {
    color: #000;
  }
  .tabs-custom__wrap .slick-slide:not(:only-child) .tabs-custom__item.active .tabs-custom__item-link .tabs-custom__item-content {
    color: #000;
  }
}
.tabs-custom__item {
  width: 100%;
  min-height: 60px;
}
.tabs-custom__item:only-child:hover .tabs-custom__item-link, .tabs-custom__item:only-child:focus .tabs-custom__item-link {
  background: #fff !important;
  color: #000;
}
.tabs-custom__item:only-child:hover .tabs-custom__item-link .tabs-custom__item-title, .tabs-custom__item:only-child:focus .tabs-custom__item-link .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__item:only-child:hover .tabs-custom__item-link .tabs-custom__item-content, .tabs-custom__item:only-child:focus .tabs-custom__item-link .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__item:not(:only-child):hover .tabs-custom__item-link, .tabs-custom__item:not(:only-child):focus .tabs-custom__item-link {
  border: none !important;
  background: #fff;
}
.tabs-custom__item:not(:only-child):hover .tabs-custom__item-link .tabs-custom__item-title, .tabs-custom__item:not(:only-child):focus .tabs-custom__item-link .tabs-custom__item-title {
  color: #f75a01;
}
.tabs-custom__item:not(:only-child):hover .tabs-custom__item-link .tabs-custom__item-content, .tabs-custom__item:not(:only-child):focus .tabs-custom__item-link .tabs-custom__item-content {
  color: #f75a01;
}
.tabs-custom__item:not(:only-child).active .tabs-custom__item-link {
  border: none !important;
  background: #ffe3d2;
}
.tabs-custom__item:not(:only-child).active .tabs-custom__item-link .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__item:not(:only-child).active .tabs-custom__item-link .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__item:not(:only-child).active:hover .tabs-custom__item-link, .tabs-custom__item:not(:only-child).active:focus .tabs-custom__item-link {
  border: none !important;
  background: #ffe3d2;
}
.tabs-custom__item:not(:only-child).active:hover .tabs-custom__item-link .tabs-custom__item-title, .tabs-custom__item:not(:only-child).active:focus .tabs-custom__item-link .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__item:not(:only-child).active:hover .tabs-custom__item-link .tabs-custom__item-content, .tabs-custom__item:not(:only-child).active:focus .tabs-custom__item-link .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__item:last-child .tabs-custom__item-link {
  border-right: 0px solid transparent !important;
}
.tabs-custom__item:last-child .tabs-custom__item-link::after {
  display: none;
}
.tabs-custom__item-link {
  position: relative !important;
  width: 100%;
  min-height: 60px;
  padding: 15px !important;
  margin-left: -1px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: none !important;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__item-link {
    margin-left: 0;
  }
}
.tabs-custom__item-link--row {
  flex-direction: row;
}
.tabs-custom__item-link--row .tabs-custom__item-title {
  margin-bottom: 0;
}
.tabs-custom__item-link.active {
  z-index: 2;
}
.tabs-custom__item-link.active::after {
  display: none;
}
.tabs-custom__item-link::after {
  background: #fff;
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 70%;
  top: 15%;
  right: -1px;
  background-color: #808080;
  z-index: 1;
  opacity: 0.5;
}
.tabs-custom__item-title {
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.375 !important;
  letter-spacing: 0.0735417px !important;
  color: #000000;
  text-align: center !important;
}
.tabs-custom__item-title--lg {
  font-size: 20px !important;
  line-height: 1.3 !important;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__item-title--lg {
    font-size: 18px !important;
    line-height: 1.3333333333 !important;
  }
}
.tabs-custom__item-title--md {
  font-size: 16px !important;
}
.tabs-custom__item-content {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.375 !important;
  letter-spacing: 0.0735417px !important;
  color: #000000;
  text-align: center !important;
}
.tabs-custom__item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
.tabs-custom__item-img--sm {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.tabs-custom__item-img img {
  width: 100%;
}
.tabs-custom__manage-offers--type-offers .tabs-custom__item:first-child .tabs-custom__item-title .tabs-custom__item-title--img::before {
  -webkit-mask-image: url("../../img/icons/coins_stack.svg");
}
.tabs-custom__manage-offers--type-offers .tabs-custom__item .tabs-custom__item-title .tabs-custom__item-title--img {
  position: relative;
}
.tabs-custom__manage-offers--type-offers .tabs-custom__item .tabs-custom__item-title .tabs-custom__item-title--img::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  left: -30px;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("../../img/icons/cards_ico.svg");
  background-color: #000;
}
.tabs-custom__dashboard-page {
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__dashboard-page {
    margin-top: 0px !important;
  }
}
.tabs-custom__payout-page-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page {
  position: relative;
  width: calc(100% - 110px);
  height: 62px;
  margin: 0 auto;
  display: flex;
  background: #fff;
  border: none !important;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  z-index: 10;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page.slick-initialized .tabs-custom__payout-tab {
  min-width: inherit;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:hover, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:focus {
  background: #fff !important;
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:hover .tabs-custom__item-title, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:focus .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:hover .tabs-custom__item-content, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:only-child .tabs-custom__payout-tab:focus .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:hover, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:focus {
  border: none !important;
  background: #fff;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:hover .tabs-custom__item-title, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:focus .tabs-custom__item-title {
  color: #f75a01;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:hover .tabs-custom__item-content, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab:focus .tabs-custom__item-content {
  color: #f75a01;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab.active {
  border: none !important;
  background: #ffe3d2;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab.active .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab.active .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:hover, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:focus {
  border: none !important;
  background: #ffe3d2;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:hover .tabs-custom__item-title, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:focus .tabs-custom__item-title {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:hover .tabs-custom__item-content, .tabs-custom__payout-page-wrap .tabs-custom__payout-page .slick-slide:not(:only-child) .tabs-custom__payout-tab .tabs-custom__payout-tab:focus .tabs-custom__item-content {
  color: #000;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab {
  position: relative !important;
  width: 100%;
  min-width: 340px;
  min-height: 60px;
  height: 100%;
  padding: 15px !important;
  margin-left: -1px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: none !important;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab {
    margin-left: 0;
    padding: 0 15px !important;
    align-items: center;
    min-height: 62px;
  }
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab.active {
  z-index: 2;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab.active::after {
  display: none;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab::after {
  background: #fff;
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 70%;
  top: 15%;
  right: -1px;
  background-color: #808080;
  z-index: 1;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab::after {
    display: none;
  }
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab .tabs-custom__item-title {
  margin-bottom: 0;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab .tabs-custom__payout-tab-img {
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-right: 6px;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-page .tabs-custom__payout-tab .tabs-custom__payout-tab-img img {
  width: 100%;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows {
  position: absolute;
  width: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #13192a;
  border-radius: 4px;
  transform: none;
  transition: 0.2s;
  cursor: pointer;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow:hover {
  background: #13192a !important;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow:hover i {
  color: #f75a01;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow::before {
  display: none;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow.slick-next {
  margin-left: 15px;
  margin-right: inherit;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow.slick-prev {
  margin-right: 15px;
}
.tabs-custom__payout-page-wrap .tabs-custom__payout-arrows .slick-arrow i {
  color: white;
  font-size: 20px;
  transition: 0.2s;
}

.flex-row-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-container {
  position: relative;
  padding: 30px;
  border-radius: 4px;
  background: #fff;
}

.history-table #history-form #coupon-index-form .table-filters {
  margin: 20px 0 0px;
}
.history-table #history-form #transaction-grid .table-filters {
  margin: 10px 0;
}
@media only screen and (max-width: 767px) {
  .history-table #history-form #transaction-grid .table-filters {
    display: none;
  }
}

.img-hover-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-hover-block img {
  position: absolute;
  transition: 0.2s ease all;
}
.img-hover-block img.hov {
  opacity: 0;
}
.img-hover-block img.nohov {
  opacity: 1;
}
.img-hover-block__tab-wrap {
  width: 20px;
  height: 20px;
}

.remove-btn__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.remove-btn__btn {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remove-btn__btn:hover .img-hover-block .hov {
  opacity: 1;
}
.remove-btn__btn:hover .img-hover-block .nohov {
  opacity: 0;
}
.remove-btn__btn .img-hover-block {
  width: 100%;
  min-height: 100%;
}
.remove-btn__btn .img-hover-block img {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.remove-btn__booknark-remove {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .remove-btn__booknark-remove {
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.remove-btn__booknark-remove span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 100;
  color: #000;
  transition: 0.5s ease all;
  opacity: 0.3;
}
.remove-btn__booknark-remove span:hover {
  transform: rotate(180deg);
  opacity: 0.5;
}
@media only screen and (max-width: 992px) {
  .remove-btn__booknark-remove--products {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .remove-btn__booknark-remove--products {
    top: 241px;
  }
}

.button-wrap {
  width: 100%;
  display: flex;
}
.button-wrap--sb {
  justify-content: space-between;
}

.button.button-border {
  background-color: #fff;
  border: 1px solid #f75a01;
  color: #f75a01;
  font-weight: 700;
}
.button.button-border:hover {
  background: #f75a01;
  color: #fff;
}

.disable-element {
  pointer-events: none !important;
}

.close-btn {
  font-size: 12px;
  color: #f75a01;
  padding: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #f75a01;
  text-transform: uppercase;
  padding: 14px 40px;
  border: 1px solid #f75a01;
  margin-left: 30px;
  font-weight: 700;
}

.back-link {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #f75a01 !important;
  transition: 0.2s;
}
.back-link:hover::before {
  border-top: 8px solid #ff9f00;
}
.back-link::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  transform: rotate(90deg);
  border: 8px solid transparent;
  border-top: 8px solid #ccc;
  transition: 0.2s;
}
.back-link span {
  margin-left: 20px;
}

.inner-title {
  font-family: "Roboto-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 34px;
}

.max-w-border {
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #d6d6d6;
  margin: 20px 0;
}

.select-show-items .custom-select-wrap {
  min-width: 80px;
}

.border-bot-grey {
  border-bottom: 1px solid #d6d6d6;
}

.border-top-grey {
  border-top: 1px solid #d6d6d6;
}

.table-responsive {
  overflow: inherit;
}
@media only screen and (max-width: 992px) {
  .table-responsive {
    overflow: auto;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.filters-wrap {
  display: flex;
}
.filters-wrap__row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__row {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.filters-wrap__element {
  padding-right: 10px !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__element {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.filters-wrap__element:not(:first-child) {
  padding-left: 0px !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__element:not(:first-child) {
    padding-left: 15px !important;
  }
}
.filters-wrap__element .input-group {
  display: flex;
}
.filters-wrap__element .control-label {
  color: #000 !important;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-transform: none !important;
}
.filters-wrap__element .datepicker-range,
.filters-wrap__element .fake-select,
.filters-wrap__element .input-lg,
.filters-wrap__element input {
  border: 1px solid #808080 !important;
  text-transform: none !important;
}
.filters-wrap__element .datepicker-range::placeholder,
.filters-wrap__element .fake-select::placeholder,
.filters-wrap__element .input-lg::placeholder,
.filters-wrap__element input::placeholder {
  color: #000 !important;
}
.filters-wrap__element--order__id {
  width: 11%;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__element--order__id {
    width: 100%;
  }
}
.filters-wrap__element--pagination {
  margin-left: auto;
}
.filters-wrap__element--pagination .custom-select-wrap {
  width: fit-content;
  margin-left: auto;
}
.filters-wrap .price-field__wrap {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .filters-wrap .price-field__wrap {
    margin-top: 20px;
    justify-content: space-between;
    width: 100%;
  }
}
.filters-wrap__transactions-page {
  margin-top: 5px !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__transactions-page {
    flex-direction: column;
  }
}
.filters-wrap__transactions-page .filters-wrap__element--order__id {
  width: 11%;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__transactions-page .filters-wrap__element--order__id {
    width: 100%;
  }
}
.filters-wrap__page-document {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__page-document .filters-wrap__element {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__page-document .filters-wrap__element:first-child {
    padding-left: 0 !important;
  }
}
.filters-wrap__page-document .filters-wrap__element:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__page-document .filters-wrap__element:last-child {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__page-document .filters-wrap__element:last-child .custom-select-wrap {
    width: 100%;
  }
}
.filters-wrap__page-document .filters-wrap__element .form-group {
  margin-bottom: 0 !important;
}
.filters-wrap__page-document .filters-wrap__element .help-block {
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__history-log .filters-wrap__element:last-child {
    margin-bottom: 10px;
  }
}
.filters-wrap__history-log .filters-wrap__element .form-group {
  margin-bottom: 0 !important;
}
.filters-wrap__history-log .filters-wrap__element .form-group .control-label {
  margin-bottom: 0 !important;
}
.filters-wrap__notifications-page .filters-wrap__element:nth-child(3) {
  max-width: 195px;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__notifications-page .filters-wrap__element:nth-child(3) {
    max-width: initial;
  }
}
.filters-wrap__notifications-page .filters-wrap__element--pagination {
  min-width: 95px;
  margin-left: initial;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__notifications-page .filters-wrap__element--pagination {
    min-width: initial;
    margin-bottom: 15px;
    padding-left: 5px !important;
  }
}
.filters-wrap__notifications-page .filters-wrap__element--pagination .custom-select-wrap {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__notifications-page .filters-wrap__element--search {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__notifications-page .filters-wrap__element .control-label {
    display: none;
  }
}
.filters-wrap__page-search .filters-wrap__element:first-child {
  padding-left: 0 !important;
}
.filters-wrap__page-search .filters-wrap__element:nth-child(5) {
  padding-right: 0 !important;
}
.filters-wrap__page-search .filters-wrap__element:last-child {
  padding-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__page-offer .filters-wrap__element-search {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__menage-offers {
    margin-bottom: 15px;
  }
}
.filters-wrap__menage-offers .filters-wrap__element {
  padding-left: 0px !important;
}
.filters-wrap__menage-offers .filters-wrap__element:last-child {
  padding-right: 0 !important;
}
@media only screen and (max-width: 992px) {
  .filters-wrap__menage-offers .filters-wrap__element {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__menage-offers .filters-wrap__element {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .filters-wrap__menage-offers .filters-wrap__element:last-child {
    padding-right: 5px !important;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__menage-offers .filters-wrap__element--order__id {
    width: 16.66666667%;
  }
}
.filters-wrap__menage-offers .filters-wrap__element--calendar-icon input {
  padding-left: 45px !important;
  background-image: url(../../img/icons/new_calendar.png) !important;
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
}
.filters-wrap__shop-page .filters-wrap__element {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__shop-page .filters-wrap__element {
    padding: 0 !important;
  }
}
.filters-wrap__shop-page .filters-wrap__element:first-child {
  padding-left: 0 !important;
}
.filters-wrap__shop-page .filters-wrap__element:last-child {
  padding-right: 0 !important;
}
.filters-wrap__shop-page .filters-wrap__select {
  margin-left: auto;
}
.filters-wrap__shop-page .filters-wrap__select .row {
  margin: 0;
}
.filters-wrap__shop-page .filters-wrap__select .col-xs-12 {
  padding: 0 !important;
}
.filters-wrap__shop-page .filters-wrap__select .select-show-items {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__payment-transaction {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__cupon-code {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__mass-discount .filters-wrap__element {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.filters-wrap__bookmarks-page {
  margin-bottom: 20px;
}
.filters-wrap__bookmarks-page .filters-wrap__element {
  margin-bottom: 10px;
}
.filters-wrap__bookmarks-page .filters-wrap__element:last-child {
  padding-right: 15px !important;
}
.filters-wrap__bookmarks-page .filters-wrap__element .input-group {
  margin-bottom: 0 !important;
}
.filters-wrap__bookmarks-page form {
  width: 100%;
}
.filters-wrap__affiliate-page .filters-wrap__element {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}
.filters-wrap__affiliate-page .filters-wrap__element:last-child {
  justify-content: end;
  padding-right: 15px !important;
}
.filters-wrap__affiliate-page .filters-wrap__element .filter-item-date {
  width: 100%;
}
.filters-wrap__affiliate-statistics .filters-wrap__element {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__holdbacks {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
  }
}
.filters-wrap__bonus-balance .filters-wrap__element:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .filters-wrap__followers-filters .filters-wrap__element:first-child {
    padding-left: 5px !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .filters-wrap__followers-filters .filters-wrap__element:last-child {
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
}
.filters-wrap .bookmarks-product__remove-btn {
  width: 100%;
  height: 55px;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #808080 !important;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.filters-wrap .bookmarks-product__remove-btn:hover {
  border: 1px solid #f75a01 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.filters-wrap .bookmarks-product__remove-btn:hover span {
  color: #f75a01;
}
.filters-wrap .bookmarks-product__remove-btn:hover .img-hover-block img.hov {
  opacity: 1;
}
.filters-wrap .bookmarks-product__remove-btn:hover .img-hover-block img.nohov {
  opacity: 0;
}
.filters-wrap .bookmarks-product__remove-btn span {
  font-size: 14px;
  font-weight: 700px;
  color: #000;
  transition: 0.2s;
}
.filters-wrap .bookmarks-product__remove-btn .img-hover-block {
  width: 20px;
  height: 20px;
}
.filters-wrap .bookmarks-product__remove-btn .img-hover-block img {
  width: 100%;
  height: 100%;
  margin-right: 6px;
}

.breadcrumb {
  background: transparent;
  text-transform: uppercase;
  font: 20px "Roboto-Light", sans-serif;
  margin: 0 15px;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0;
  padding-top: 15px;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb > .active {
  color: #f75a01;
  font-family: Avenir-Next;
  font-size: 20px;
  line-height: 24px;
}
.breadcrumb > li + li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  margin: 0 10px;
  color: #5c5c5c;
  font-weight: 600;
}
.breadcrumb .item {
  text-transform: capitalize;
}
.breadcrumb li {
  padding-bottom: 15px;
}
.breadcrumb li a {
  font-family: Avenir-Next;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.breadcrumb li a:hover {
  color: #f75a01;
}

.category-page .breadcrumb {
  margin-bottom: 10px;
}

.page-title__wrap {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  align-items: center;
}
.page-title__wrap .step-info {
  margin-left: 10px;
}
.page-title__wrap .step-info .step-info-i {
  margin-top: 0 !important;
}
.page-title__wrap .step-info .step-info-msg {
  height: fit-content;
}
@media only screen and (max-width: 767px) {
  .page-title__wrap .step-info .step-info-msg {
    top: 20px !important;
    right: -50px !important;
  }
}
.page-title__wrap .page-title__flex-row {
  display: flex;
  align-items: center;
}
.page-title__main-img {
  width: 220px;
  margin-right: 5%;
}
@media only screen and (max-width: 767px) {
  .page-title__main-img {
    display: none;
  }
}
.page-title__img {
  width: 20px !important;
  margin-right: 10px !important;
}
.page-title__text {
  font: 20px "Roboto-Light", sans-serif;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.page-title__store-page.page-title__wrap {
  margin-top: 0;
}
.page-title__order-page.page-title__wrap {
  margin-top: 0;
}
.page-title__add-funds-page.page-title__wrap {
  margin-top: 0px;
  margin-bottom: 25px;
}
.page-title__add-funds-page.page-title__wrap .step-info {
  width: fit-content;
  padding: 0;
}
.page-title__payment-transactions-page.page-title__wrap {
  margin-bottom: 0px;
}
.page-title__transactions-page.page-title__wrap {
  margin-bottom: 0px;
}
.page-title__holdbacks-page.page-title__wrap .step-info-msg {
  bottom: -80px;
}
.page-title__bonus-balance.page-title__wrap {
  margin-bottom: 10px;
}
.page-title__manage-offers .step-info {
  margin-top: -3px;
}
.page-title__manage-offers .step-info .step-info-msg {
  width: 500px;
}
@media only screen and (max-width: 992px) {
  .page-title__manage-offers .step-info .step-info-msg {
    width: 300px;
    top: -10px;
    height: fit-content;
  }
}
@media only screen and (max-width: 767px) {
  .page-title__manage-offers .step-info .step-info-msg {
    right: -90px !important;
  }
}
.page-title__cupone-code .step-info {
  margin-top: -3px;
}
.page-title__mass-discount .step-info {
  margin-top: -3px;
}
.page-title__products-search.page-title__wrap {
  margin-top: 0;
  margin-bottom: 30px;
}

.search_store-result,
.search-my_store-result,
.search-category-result {
  position: absolute;
  right: 0;
  top: 55px;
  width: 100%;
  border: 1px solid #f75a01;
  background: #fff;
  display: none;
  z-index: 99;
  padding: 0 15px;
  max-height: 500px;
  overflow-y: auto;
}
.search_store-result .list-view .count-list,
.search-my_store-result .list-view .count-list,
.search-category-result .list-view .count-list {
  padding: 10px 0;
}
.search_store-result .list-view .item-list div[data-key],
.search-my_store-result .list-view .item-list div[data-key],
.search-category-result .list-view .item-list div[data-key] {
  margin: 10px 0;
}
.search_store-result .list-view .item-list .card__img_ajax a,
.search-my_store-result .list-view .item-list .card__img_ajax a,
.search-category-result .list-view .item-list .card__img_ajax a {
  display: block;
}
.search_store-result .list-view .item-list .card__img_ajax img,
.search-my_store-result .list-view .item-list .card__img_ajax img,
.search-category-result .list-view .item-list .card__img_ajax img {
  max-width: 250px;
  width: 100%;
  height: auto;
}
.search_store-result .list-view .item-list .card__body_ajax .card__title,
.search-my_store-result .list-view .item-list .card__body_ajax .card__title,
.search-category-result .list-view .item-list .card__body_ajax .card__title {
  padding: 15px 0 5px;
  display: block;
  font: 16px "Roboto-Medium", sans-serif;
  min-height: 90px;
  overflow: hidden;
}
.search_store-result .list-view .button-see-all,
.search-my_store-result .list-view .button-see-all,
.search-category-result .list-view .button-see-all {
  padding: 10px 0;
}

.light-theme {
  color: #000;
}
.light-theme iframe {
  max-width: 100%;
}
.light-theme .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.light-theme header .navbar__item .user-dropdown.dropdown-menu {
  background: #fff;
}
.light-theme header .user-dropdown.dropdown-menu .wrap-items-menu,
.light-theme .footer-lang-choice .user-dropdown.dropdown-menu .wrap-items-menu {
  background: #fff;
}
.light-theme header .user-dropdown.dropdown-menu .wrap-items-menu div a,
.light-theme .footer-lang-choice .user-dropdown.dropdown-menu .wrap-items-menu div a {
  color: #000;
}
.light-theme .nav-admin .dropdown-menu {
  background: #13192a;
}
.light-theme .nav-admin li a::after {
  background: #f75a01;
}
.light-theme .nav-admin li:hover a::after {
  background: #f75a01;
}
.light-theme .nav-admin .dropdown-menu li:hover a {
  background-color: #4c536c;
}
.light-theme .proposals__title {
  font-family: Avenir-Next-Bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 25px;
  margin-top: 0;
}
.light-theme .page-wrap.category-page,
.light-theme .page-wrap.product-page {
  background: #ededf2;
  min-height: calc(100vh - 140px);
}
@media only screen and (max-width: 767px) {
  .light-theme .page-wrap.category-page,
  .light-theme .page-wrap.product-page {
    min-height: fit-content;
  }
}
.light-theme .page-wrap.product-page .not-bg {
  padding-left: 0;
  padding-right: 0;
}
.light-theme .page-wrap {
  padding-top: 62px;
  background: #fff;
  min-height: calc(100vh - 140px);
}
@media only screen and (max-width: 767px) {
  .light-theme .page-wrap {
    padding-top: 44px;
    min-height: fit-content;
  }
}
.light-theme .page-wrap.maintenance {
  height: 100%;
}
.light-theme .page-wrap.maintenance .error-page {
  padding-top: 10%;
}
.light-theme .page-wrap .sidebar-wrap {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.light-theme .page-wrap .sidebar-wrap .nav.nav-pills li.active a {
  background: #ffe3d2;
  color: #000;
}
@media only screen and (min-width: 992px) {
  .light-theme .page-wrap .sidebar-sticky {
    position: sticky;
    top: 160px;
  }
}
.light-theme .page-wrap .tab-content,
.light-theme .page-wrap .tab-content-unheight {
  background: #fff;
  padding: 20px 15px 0;
  border-radius: 4px;
}
.light-theme .page-wrap .tab-content.suggest-padding,
.light-theme .page-wrap .tab-content-unheight.suggest-padding {
  padding: 20px 5px 0;
}
.light-theme .page-wrap .tab-content.not-bg,
.light-theme .page-wrap .tab-content-unheight.not-bg {
  background: none;
}
.light-theme .page-wrap.wrap-wait {
  background: #13192a;
}
.light-theme .buttons-block .button-accent {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border: none;
  border-radius: 8px;
  padding: 15px 36px;
}
.light-theme .buttons-block .button-accent:hover, .light-theme .buttons-block .button-accent:focus {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .buttons-block {
  padding-bottom: 30px;
}
.light-theme .main-section,
.light-theme .banner-once,
.light-theme .featured_products,
.light-theme .index-offers,
.light-theme .product-offers,
.light-theme .markets-section,
.light-theme .buttons-block,
.light-theme .markets-slider {
  background: #ededf2;
}
.light-theme .buttons-block .inner {
  background: #fff;
  box-shadow: 0px 10px 48px #e3e3e3;
  border-radius: 10px;
}
.light-theme .buttons-block .inner .logo {
  padding: 26px 20px;
}
.light-theme .buttons-block .inner .info {
  font-size: 18px;
  font-family: Avenir-Next;
  padding: 21px 0;
}
.light-theme .buttons-block .inner .buttons {
  margin-top: 18px;
}
.light-theme .footer-lang-choice {
  background: #13192a;
}
.light-theme header .avatar-wrap .img-circle.img-responsive {
  height: auto;
}
.light-theme .footer-lang-choice .logo {
  background: url(../img/icons/Wyrel_logo_min.svg) no-repeat left;
}
.light-theme footer .logo {
  background: url(../img/icons/Wyrel_logo_min.svg) no-repeat left;
}
.light-theme footer .footer-question a {
  color: #f85a01;
}
.light-theme footer .footer__menu-items li a:hover, .light-theme footer .footer__menu-items li a:focus {
  color: #f85a01;
}
.light-theme footer .footer__regions .region-list span {
  background: #f85a01;
  color: #fff;
}
.light-theme header .footer-lang-choice .navbar__item.notify-item {
  border-radius: 4px;
  width: 50px;
  padding-left: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
.light-theme header .footer-lang-choice .navbar__item.bookmark-item {
  margin-left: 0;
  border-radius: 4px;
  width: 50px;
  padding-left: 5px;
  margin-right: 10px;
}
.light-theme header .navbar__item .cart-button .cart-cost,
.light-theme header .footer-lang-choice .navbar__item .cart-button .cart-cost {
  display: none;
}
.light-theme header .navbar__item.card-item,
.light-theme header .footer-lang-choice .navbar__item.card-item {
  min-width: 70px;
  margin-left: 10px;
}
.light-theme header .footer-lang-choice .navbar__item .cart-button {
  width: 50px;
}
.light-theme header .navbar__item .cart-button .cart-text,
.light-theme header .footer-lang-choice .navbar__item .cart-button .cart-text {
  background: #0033ee;
}
.light-theme .navbar-nav > li > a.menu-item__link,
.light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link,
.light-theme .top-menu {
  opacity: 1;
}
.light-theme .navbar-nav > li > a.menu-item__link a,
.light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link a,
.light-theme .top-menu a {
  padding-left: 30px;
}
.light-theme .navbar-nav > li > a.menu-item__link a:hover, .light-theme .navbar-nav > li > a.menu-item__link a:focus,
.light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link a:hover,
.light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link a:focus,
.light-theme .top-menu a:hover,
.light-theme .top-menu a:focus {
  color: #f85a01;
  opacity: 1;
}
.light-theme .footer-lang-choice .navbar-nav > li {
  margin-right: 0;
}
.light-theme .footer-lang-choice .navbar-nav > li:last-child {
  margin-right: 0;
}
.light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link {
  padding: 15px 15px 15px;
}
.light-theme .footer-lang-choice .navbar-nav > li > a b .fa-sort-desc {
  top: 14px;
}
.light-theme .main-section .main-slider {
  overflow: initial;
  margin-top: 10px;
}
.light-theme .main-section .main-slider .slider__item {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.light-theme .main-section .main-slider .slider__item .label {
  font-size: 26px;
  text-transform: uppercase;
  position: absolute;
  z-index: 9;
  width: 200px;
  transform: rotate(-45deg);
  top: 41px;
  left: -42px;
  padding: 5px;
  font-family: Roboto-Regular;
}
.light-theme .main-section .main-slider .slider__item .footer-slider {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  height: 66px;
  z-index: 9;
  font-size: 12px;
  display: none;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .button-block {
  padding-right: 10px;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .btn {
  font-size: 14px;
  font-family: Avenir-Next-Bold;
  padding: 15px 42px;
  text-transform: uppercase;
  margin: 8px 0 0;
  display: inline-block;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 8px;
  margin-right: 10px;
  cursor: pointer;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .btn:hover, .light-theme .main-section .main-slider .slider__item .footer-slider .btn:focus {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.light-theme .main-section .main-slider .slider__item .footer-slider .slider-title {
  font-family: Avenir-Next-Bold;
  font-size: 19px;
  text-transform: initial;
  display: inline-block;
  padding: 5px 20px 0;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .slider-title:hover, .light-theme .main-section .main-slider .slider__item .footer-slider .slider-title:focus {
  color: #000;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .price-from-block {
  font-size: 16px;
  padding: 5px 20px 20px;
  font-family: Avenir-Light;
}
.light-theme .main-section .main-slider .slider__item .footer-slider .price-from-block span {
  font-family: Avenir-Next-Bold;
}
.light-theme .main-section .main-slider.mini-banner .slider__item .footer-slider {
  height: auto;
}
.light-theme .main-section .main-slider.mini-banner .slider__item .footer-slider .slider-title {
  padding: 15px 20px;
}
.light-theme .main-section .main-slider.mini-banner .slider__item .footer-slider .price-from-block {
  padding: 0 20px 20px;
}
.light-theme .featured_products,
.light-theme .index-offers {
  padding-top: 10px;
}
.light-theme .featured_products ul.nav.nav-tabs,
.light-theme .index-offers ul.nav.nav-tabs {
  overflow: inherit;
}
.light-theme .featured_products ul.nav.nav-tabs .nav-item a,
.light-theme .index-offers ul.nav.nav-tabs .nav-item a {
  margin-right: 20px;
  text-transform: capitalize;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  box-shadow: 0px 10px 48px #e3e3e3;
  border-radius: 4px;
  font-family: Avenir-Next;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  padding: 15px;
  transition: 0s;
  cursor: pointer;
}
.light-theme .featured_products ul.nav.nav-tabs .nav-item a::before,
.light-theme .index-offers ul.nav.nav-tabs .nav-item a::before {
  display: none;
}
.light-theme .featured_products ul.nav.nav-tabs .nav-item a:hover,
.light-theme .index-offers ul.nav.nav-tabs .nav-item a:hover {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.light-theme .featured_products ul.nav.nav-tabs .nav-item.active a,
.light-theme .index-offers ul.nav.nav-tabs .nav-item.active a {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.light-theme .featured_products,
.light-theme .index-offers,
.light-theme .product-offers {
  font-family: Avenir;
}
.light-theme .featured_products .button-accent,
.light-theme .index-offers .button-accent,
.light-theme .product-offers .button-accent {
  font-family: Avenir-Next-Bold;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 10px;
}
.light-theme .featured_products .button-accent:hover, .light-theme .featured_products .button-accent:focus,
.light-theme .index-offers .button-accent:hover,
.light-theme .index-offers .button-accent:focus,
.light-theme .product-offers .button-accent:hover,
.light-theme .product-offers .button-accent:focus {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.light-theme .featured_products .card,
.light-theme .index-offers .card,
.light-theme .product-offers .card {
  background: #ffffff;
  border: 0;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}
.light-theme .featured_products .card .cover,
.light-theme .index-offers .card .cover,
.light-theme .product-offers .card .cover {
  background: #ffffff;
  opacity: 0.2;
}
.light-theme .featured_products .card .card__title,
.light-theme .index-offers .card .card__title,
.light-theme .product-offers .card .card__title {
  font-size: 16px;
  color: #13192a;
  padding: 15px;
  height: auto;
  min-height: auto;
  padding: 0 15px 10px;
  height: 70px;
}
.light-theme .featured_products .card .count-offers,
.light-theme .index-offers .card .count-offers,
.light-theme .product-offers .card .count-offers {
  color: #13192a;
  padding: 0 15px;
  opacity: 0.5;
  font-size: 15px;
}
.light-theme .featured_products .simple-card .card__offer-info,
.light-theme .index-offers .simple-card .card__offer-info,
.light-theme .product-offers .simple-card .card__offer-info {
  color: #fff;
  border-bottom: 0;
  background: linear-gradient(180deg, #f65901 0%, #f85900 100%);
  border-radius: 4px;
  font-family: Avenir-Next;
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 105px;
  padding: 10px;
  min-height: 30px;
}
.light-theme .featured_products .simple-card .card__offer-info .offer-price,
.light-theme .index-offers .simple-card .card__offer-info .offer-price,
.light-theme .product-offers .simple-card .card__offer-info .offer-price {
  font-family: Avenir-Next-Bold;
}
.light-theme .featured_products .simple-card .card__body,
.light-theme .index-offers .simple-card .card__body,
.light-theme .product-offers .simple-card .card__body {
  padding: 25px 0;
  min-height: 130px;
}
.light-theme .featured_products .nav.nav-tabs,
.light-theme .index-offers .nav.nav-tabs,
.light-theme .product-offers .nav.nav-tabs {
  margin-bottom: 30px;
}
.light-theme .featured_products #search-public-store,
.light-theme .index-offers #search-public-store,
.light-theme .product-offers #search-public-store {
  display: flex;
}
.light-theme .markets-section {
  padding: 0;
}
.light-theme .markets-section .section-title {
  margin-right: 20px;
  text-transform: capitalize;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  box-shadow: 0px 10px 48px #e3e3e3;
  border-radius: 10px;
  font-family: Avenir-Next;
  font-weight: 700;
  font-size: 180px;
  color: #fff;
  padding: 15px;
  display: inline-block;
}
.light-theme .markets-slider .slick-prev,
.light-theme .markets-slider .slick-next {
  background: #33384c;
  color: #fff;
}
.light-theme .markets-slider .market-card {
  width: 100% !important;
  height: auto !important;
}
.light-theme .markets-slider .market-card .market__img {
  width: 44px;
  height: 44px;
  background: #c4c4c4;
  border-radius: 4px;
}
.light-theme .markets-slider .markets-list {
  padding: 0 60px;
  margin: 30px 0;
}
.light-theme .markets-slider .markets-list .info {
  padding-left: 0;
}
.light-theme .markets-slider .markets-list .info .market__name {
  text-align: left;
  margin-top: 0;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #13192a;
}
.light-theme .markets-slider .markets-list .info .count {
  text-align: left;
  color: #13192a;
  opacity: 0.5;
}
.light-theme .markets-slider .slick-prev,
.light-theme .markets-slider .slick-next {
  margin-top: -18px;
}
.light-theme .featured_products,
.light-theme .index-offers,
.light-theme .product-offers {
  padding-top: 0;
}
.light-theme .card .avatar-wrap {
  background: #000000;
  border: 1.5px solid #bcbcbc;
  border-radius: 8px;
}
.light-theme .card .avatar-wrap.online {
  border: 1.5px solid #f96501;
}
.light-theme .index-offers .card .user-info .nick-name,
.light-theme .product-offers .card .user-info .nick-name {
  color: #13192a;
}
.light-theme .card .amount-wrap {
  color: #fff;
  background: linear-gradient(180deg, #f65901 0%, #f85900 100%);
  border-radius: 4px;
  font-family: Avenir-Next;
  font-size: 16px;
  padding: 7px;
  min-height: 30px;
  right: 0px;
  top: -60px;
}
.light-theme .index-offers .card .card__title a,
.light-theme .product-offers .card .card__title a {
  color: #13192a;
}
.light-theme .index-offers .card .card__body {
  padding: 25px 0 0;
  min-height: 130px;
}
.light-theme .index-offers .card .card__body .view-block .button-accent {
  font-family: Avenir-Next-Bold;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 18px 32px;
  top: 27%;
}
.light-theme .index-offers .card .card__body .view-block .button-accent:hover, .light-theme .index-offers .card .card__body .view-block .button-accent:focus {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.light-theme .index-offers .card .card__body.title-item-prod {
  padding: 0;
  min-height: auto;
}
.light-theme .index-offers .card .card__text,
.light-theme .index-offers .card .product-offers .card .card__text {
  opacity: 1;
}
.light-theme .index-offers .card .card__text,
.light-theme .product-offers .card .card__text {
  height: auto;
  font-size: 15px !important;
}
.light-theme .index-offers .card .card__text .row .waranty,
.light-theme .product-offers .card .card__text .row .waranty {
  padding-right: 0;
  opacity: 0.8;
}
.light-theme .index-offers .card .card__text .row .delivery,
.light-theme .product-offers .card .card__text .row .delivery {
  padding-left: 0;
  opacity: 0.8;
}
.light-theme .index-offers .card .card__text,
.light-theme .product-offers .card .card__text {
  font-family: Avenir-Next;
  color: #13192a;
  padding: 10px 15px 10px;
  font-size: 13px;
}
.light-theme .index-offers .card .card__text span,
.light-theme .product-offers .card .card__text span {
  font-family: Avenir-Next-Bold;
  text-transform: capitalize;
  color: #13192a;
}
.light-theme #cardModal .modal-dialog .modal-content {
  background: #fff;
}
.light-theme #cardModal .modal-dialog .modal-content .modal-body .card-items .card-item .list-items .item .count {
  margin: 0 5px;
  width: -webkit-fill-available;
  width: -moz-available;
}
.light-theme #cardModal .modal-dialog .modal-content .modal-body .card-items .card-item .list-items .item .count-row a.down,
.light-theme #cardModal .modal-dialog .modal-content .modal-body .card-items .card-item .list-items .item .count-row a.up {
  width: 25px;
  height: 25px;
  background: #33384c;
  line-height: 25px;
}
.light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button {
  margin: 0 15px;
}
.light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button.checkout {
  font-family: Avenir-Next-Bold;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 18px 32px;
  max-width: 240px;
  margin-top: 0;
}
.light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button.checkout:hover, .light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button.checkout:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .index-offers .card .avatar-wrap .ico-user-status,
.light-theme .product-offers .card .avatar-wrap .ico-user-status {
  width: 15px;
  height: 15px;
}
.light-theme .input-group.search .input-group-btn {
  display: none;
}
.light-theme .input-group.search .form-control {
  font-family: Avenir-Next;
  padding-left: 60px;
  border: 1px solid #808080 !important;
  border-radius: 4px !important;
  color: #000;
  background: url(../img/themes/light-version/catalog/search-ico.svg) 20px center #fff no-repeat;
}
.light-theme .input-group.search .form-control:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .input-group.search .form-control:focus {
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .input-group.search .form-control::placeholder {
  opacity: 0.8;
  color: #000;
}
.light-theme .catalog .search-bar-row {
  margin-bottom: 30px;
  margin-top: 0;
}
.light-theme .catalog .price-field input#minprice,
.light-theme .catalog .price-field input#maxprice {
  background: #fff;
  color: #000;
  border: 1px solid #808080;
  border-radius: 4px;
}
.light-theme .catalog .price-field input#minprice:hover, .light-theme .catalog .price-field input#minprice:focus,
.light-theme .catalog .price-field input#maxprice:hover,
.light-theme .catalog .price-field input#maxprice:focus {
  border: 1px solid #808080 !important;
}
.light-theme .catalog .price-field input#minprice::placeholder,
.light-theme .catalog .price-field input#maxprice::placeholder {
  color: #dadada;
}
.light-theme .show-on-page-block .ico-arrow.black,
.light-theme .select-show-items .ico-arrow.black,
.light-theme .product-filters .ico-arrow.black {
  color: #000;
}
.light-theme .show-on-page-block .ui-selectmenu-button,
.light-theme .select-show-items .ui-selectmenu-button,
.light-theme .product-filters .ui-selectmenu-button {
  background: #fff;
  color: #000;
  border-radius: 4px;
  width: 100%;
}
.light-theme .show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text,
.light-theme .select-show-items .ui-selectmenu-button span.ui-selectmenu-text,
.light-theme .product-filters .ui-selectmenu-button span.ui-selectmenu-text {
  border-radius: 4px;
  color: #000;
}
.light-theme .show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text:hover, .light-theme .show-on-page-block .ui-selectmenu-button span.ui-selectmenu-textfocus,
.light-theme .select-show-items .ui-selectmenu-button span.ui-selectmenu-text:hover,
.light-theme .select-show-items .ui-selectmenu-button span.ui-selectmenu-textfocus,
.light-theme .product-filters .ui-selectmenu-button span.ui-selectmenu-text:hover,
.light-theme .product-filters .ui-selectmenu-button span.ui-selectmenu-textfocus {
  color: #000;
  border-color: #f75a01;
}
.light-theme .show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.light-theme .select-show-items .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.light-theme .product-filters .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  transform: rotate(180deg);
  right: 19px;
  top: 35px;
}
.light-theme .show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow::before,
.light-theme .select-show-items .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow::before,
.light-theme .product-filters .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow::before {
  border-top-color: #f75a01;
}
.light-theme .show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.light-theme .select-show-items .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.light-theme .product-filters .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #000;
  border-color: #dfdfdf;
}
.light-theme .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f75a01;
  color: #fff;
}
.light-theme .alphabet-wrap {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.light-theme .alphabet-wrap .dropbtn {
  color: #000;
}
.light-theme .alphabet-wrap .dropbtn:hover, .light-theme .alphabet-wrap .dropbtn.active {
  background: #f75a01;
}
.light-theme .dropdown-content .info-block .card__title {
  color: #000;
  font-family: Avenir-Next;
}
.light-theme .dropdown-content .info-block .card__title:hover, .light-theme .dropdown-content .info-block .card__title:focus {
  color: #f75a01;
}
.light-theme .simple-card .card__title {
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #13192a;
  padding: 0 15px;
  height: auto;
  min-height: 48px;
}
.light-theme .featured_products .card.simple-card .card__offer-info,
.light-theme .catalog-wrap .card.simple-card .card__offer-info,
.light-theme .recently-viewed-section .card.simple-card .card__offer-info {
  color: #fff;
  position: absolute;
  background: linear-gradient(180deg, #f65901 0%, #f85900 100%);
  border-radius: 4px;
  font-family: Avenir-Next;
  font-size: 16px;
  padding: 7px;
  min-height: 30px;
  right: 0px;
  top: -32.5px;
  z-index: 3;
}
.light-theme .featured_products .card.simple-card .card__offer-info .offer-price,
.light-theme .catalog-wrap .card.simple-card .card__offer-info .offer-price,
.light-theme .recently-viewed-section .card.simple-card .card__offer-info .offer-price {
  font-family: Avenir-Next-Bold;
}
.light-theme .featured_products .card.simple-card .card__offer-info.grey-offer,
.light-theme .catalog-wrap .card.simple-card .card__offer-info.grey-offer,
.light-theme .recently-viewed-section .card.simple-card .card__offer-info.grey-offer {
  background: #808080;
}
.light-theme .featured_products .card.simple-card .card__body,
.light-theme .catalog-wrap .card.simple-card .card__body,
.light-theme .recently-viewed-section .card.simple-card .card__body {
  position: relative;
}
.light-theme .card .card__body {
  padding: 25px 0;
}
.light-theme .card .card__body .count-offers {
  color: #13192a;
  padding: 0 15px;
  opacity: 0.8;
}
.light-theme .catalog .card {
  background: #fff;
}
.light-theme .catalog .card .view-block .cover {
  background: #ffffff;
  opacity: 0.2;
}
.light-theme .catalog .card .view-block .button-accent {
  font-family: Avenir-Next-Bold;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 10px;
  line-height: 30px;
}
.light-theme .catalog .card .view-block .button-accent:hover, .light-theme .catalog .card .view-block .button-accent:focus {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.light-theme .catalog-wrap .summary {
  color: #13192a;
}
.light-theme .pagination-wrap .pagination li a,
.light-theme .pagination-wrap .pagination li span,
.light-theme .pagination-wrap .pagination li.disabled a,
.light-theme .pagination-wrap .pagination li.disabled span {
  background: transparent;
  border-color: transparent;
  color: #13192a;
}
.light-theme .pagination-wrap .pagination li.active a,
.light-theme .pagination-wrap .pagination li.active span, .light-theme .pagination-wrap .pagination li:hover a,
.light-theme .pagination-wrap .pagination li:hover span,
.light-theme .pagination-wrap .pagination li.disabled.active a,
.light-theme .pagination-wrap .pagination li.disabled.active span,
.light-theme .pagination-wrap .pagination li.disabled:hover a,
.light-theme .pagination-wrap .pagination li.disabled:hover span {
  background: #f75a01;
  border-color: #f75a01;
  color: #fff;
}
.light-theme .proposals__description {
  color: #13192a;
  text-align: center;
}
.light-theme .tabs-stats {
  margin-top: 0;
}
.light-theme .tabs-stats .nav-tabs {
  border-radius: 4px;
  overflow: inherit;
}
.light-theme .tabs-stats .nav-tabs,
.light-theme .sub-tabs-stats .nav-tabs {
  background: none;
}
.light-theme .product-page .platform-menu li a.active,
.light-theme .product-page .platform-menu li a:focus,
.light-theme .product-page .platform-menu li a:hover {
  background: #fff;
}
.light-theme .product-page .platform-menu li a {
  border: 2px solid #fff;
  background: #fff;
  color: #000;
  font-family: Avenir-Next-Bold;
  border-radius: 0;
}
.light-theme .product-page .platform-menu li a {
  border-radius: 5px;
}
.light-theme .sort-bar .sort-text {
  font-family: Avenir-Next;
  color: #000000;
}
.light-theme .checkbox-1.inline-checkbox + label {
  font-family: Avenir-Next;
  color: #000000;
}
.light-theme .checkbox-1:checked + label .checkmark {
  background-color: #f75a01;
  border-color: #f75a01;
}
.light-theme .card {
  background: #fff;
  color: #000000;
  font-family: Avenir-Next;
}
.light-theme .card.card-balance {
  overflow: inherit;
}
.light-theme .card .user-info .nick-name {
  color: #000000;
}
.light-theme .card .button--link-to-chat,
.light-theme .card .button--link-not-chat {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.light-theme .card .button--link-to-chat:hover,
.light-theme .card .button--link-not-chat:hover {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.light-theme .card .view-block .button-accent {
  font-family: Avenir-Next-Bold;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 10px;
  line-height: 30px;
  border-radius: 7px;
  top: 40%;
}
.light-theme .card .view-block .button-accent:hover, .light-theme .card .view-block .button-accent:focus {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.light-theme .card .view-block .cover {
  background: #ffffff;
  opacity: 0.2;
}
.light-theme .card-horizontal.card-with-gold .card__block::after,
.light-theme .top-proposal-card.card-with-gold .card__block::after {
  background: #d6d6d6;
}
.light-theme .card.card-catalog .account-details .user-details-btn_1 {
  color: #fa6b01;
  text-transform: none;
}
.light-theme .card.card-vertical .card__button--buy-now,
.light-theme .card.card-horizontal .card__button--buy-now,
.light-theme .card.top-proposal-card .card__button--buy-now {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
}
.light-theme .game-info__desc {
  font-family: Avenir-Next-Bold;
  line-height: 28px;
}
.light-theme .card-horizontal .user-orders,
.light-theme .top-proposal-card .user-orders {
  font-family: Avenir-Next;
}
.light-theme .card.card-vertical .card__button--add,
.light-theme .card.card-horizontal .card__button--add,
.light-theme .card.top-proposal-card .card__button--add {
  font-family: Avenir-Next-Bold;
}
.light-theme .card.card-vertical .card__button--add:hover,
.light-theme .card.card-horizontal .card__button--add:hover,
.light-theme .card.top-proposal-card .card__button--add:hover {
  color: #fa6b01;
}
.light-theme .card.card-catalog .card__block-account .convert__amount.amount input:hover, .light-theme .card.card-catalog .card__block-account .convert__amount.amount input:focus {
  border: 1px solid #fa6b01;
}
.light-theme .offer-add-block .title {
  color: #000;
}
.light-theme .offer-add-block button.button-def {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.light-theme .offer-add-block button.button-def:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.light-theme .product-tabs.nav-tabs li.active > a h5,
.light-theme .product-tabs.nav-tabs li > a:hover h5 {
  color: #fa6b01 !important;
}
.light-theme .product-tabs.nav-tabs li.active > a {
  border-bottom: 5px solid transparent;
}
.light-theme .product-tabs.nav-tabs li.active > a:hover {
  border-bottom: 5px solid #fa6b01;
  transition: 0s all;
}
.light-theme .product-tabs.nav-tabs li > a h5 {
  color: #000;
}
.light-theme .product-description {
  line-height: 1.5;
  color: #000 !important;
}
.light-theme .recently-viewed-section .section-title {
  color: #13192a;
}
.light-theme .shopping-cart-page,
.light-theme .transaction-to-payment-page {
  background: #ededf2;
}
.light-theme .shopping-cart-page .transaction-to-payment-block,
.light-theme .transaction-to-payment-page .transaction-to-payment-block {
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 4px !important;
  margin-top: 20px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.light-theme .shopping-cart-page .transaction-to-payment-block.items-slider,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.items-slider {
  background: #fff;
}
.light-theme .shopping-cart-page .transaction-to-payment-block__title,
.light-theme .transaction-to-payment-page .transaction-to-payment-block__title {
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: Avenir-Next;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .summary-block .product-title,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .summary-block .product-title {
  color: #000;
  font-size: 16px;
  font-family: Avenir-Next-Bold;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .summary-info-title,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .summary-info-title {
  font-family: Avenir-Next;
  color: #000;
  text-transform: inherit;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .summary-info-value,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .summary-info-value {
  font-family: Avenir-Next-Bold;
  color: #000;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .form .info,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .form .info {
  color: #000;
  font-family: Avenir-Next;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .form .info span,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .form .info span {
  font-family: Avenir-Next;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev {
  left: -25px;
  top: -42px;
  background: #11151a;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:before,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:before {
  color: #fff;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:hover,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:hover {
  background: #f75a01;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:hover:before,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:hover:before {
  color: #fff;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next {
  left: calc(100% - 65px);
  background: #11151a;
  top: -42px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:before,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:before {
  color: #fff;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:hover,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:hover {
  background: #f75a01;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:hover:before,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:hover:before {
  color: #fff;
}
.light-theme .shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab:hover,
.light-theme .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab:hover {
  border-bottom-color: transparent;
  background: transparent;
}
.light-theme .shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab:hover h5,
.light-theme .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab:hover h5 {
  color: #f75a01 !important;
}
.light-theme .shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab.active:hover h5,
.light-theme .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab.active:hover h5 {
  color: #000 !important;
}
.light-theme .shopping-cart-page .payment-form .payment-card-name,
.light-theme .transaction-to-payment-page .payment-form .payment-card-name {
  color: #000000;
  font-family: Avenir-Next;
}
.light-theme .shopping-cart-page .payment-form-summary,
.light-theme .transaction-to-payment-page .payment-form-summary {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.light-theme .shopping-cart-page .payment-form-summary-title,
.light-theme .transaction-to-payment-page .payment-form-summary-title {
  color: #000000;
  font-family: Avenir-Next;
}
.light-theme .shopping-cart-page .payment-form-summary-value,
.light-theme .transaction-to-payment-page .payment-form-summary-value {
  color: #000000;
  font-family: Avenir-Next-Bold;
}
.light-theme .shopping-cart-page .transaction-to-payment-block .back-to-shopping,
.light-theme .transaction-to-payment-page .transaction-to-payment-block .back-to-shopping {
  background: #f75a01;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap {
  background: #f7f7f7;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info {
  background: #33384c;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional {
  font-family: Avenir-Next;
  color: #000;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional a,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional a {
  color: #f75a01;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional.checked::before,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional.checked::before {
  background-color: #f75a01;
  border: 0.75px solid #f75a01;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap {
  margin-top: 15px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__label,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__label {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
  color: #000000;
  font-family: Avenir-Next;
  font-weight: 900;
  text-transform: uppercase;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-icon,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-icon {
  width: 16px;
  display: block;
  margin: 0 5px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-icon img,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-icon img {
  width: 100%;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-msg,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info .step-info-msg {
  left: 100px;
  bottom: 28px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info:hover .step-info-msg,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__step-info:hover .step-info-msg {
  display: block;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
  max-width: 260px;
}
@media only screen and (max-width: 767px) {
  .light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input,
  .light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input {
    max-width: 100%;
  }
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input .form-group,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input .form-group {
  margin-bottom: 0 !important;
  width: 100%;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input .help-block,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input .help-block {
  margin-bottom: 0px !important;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input input,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input input {
  width: 100%;
  padding: 0 55px 0 15px;
  font-size: 14px;
  height: 55px;
  box-shadow: none;
  background: none;
  border: 1px solid #808080;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input input::placeholder,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__input input::placeholder {
  color: #000;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__img,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0%, -50%);
  width: 24px;
  height: 24px;
}
.light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__img img,
.light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-input-wrap .payment-input__img img {
  width: 100%;
}
.light-theme .shopping-cart-page .back-to-shopping {
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-block.shopping-cart-header,
.light-theme .shopping-cart-page .shopping-cart-block.payment-block-tabs-container {
  background: #fff;
}
.light-theme .shopping-cart-page .shopping-cart-header-title {
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-details .shopping-cart-details-row {
  background: #fff;
  font-family: Avenir-Next;
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-name {
  font-family: Avenir-Next;
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info {
  color: #000;
  font-weight: 600;
}
.light-theme .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash {
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount {
  color: #000;
}
.light-theme .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item {
  color: #000;
}
.light-theme .shopping-cart-page .payment-form-summary {
  background: #fff;
}
.light-theme .radio__container .radio:checked + .radio__label::before {
  border-color: #f75a01;
}
.light-theme .payment-form .radio__container .radio__label::after {
  background-color: #f75a01;
}
.light-theme .button--positive {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.light-theme .button--positive:hover, .light-theme .button--positive:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .modal-window .modal-button {
  color: #ff9f00;
}
.light-theme .modal-window .modal-button:hover, .light-theme .modal-window .modal-button:focus {
  color: #f75a01;
}
.light-theme .dashboard-page .user-section,
.light-theme .dashboard-wrap .user-section {
  background: #ededf2;
  color: #000;
}
.light-theme .tab-pane#info .user-info__name {
  color: #000 !important;
  font-family: Avenir-Next-Bold;
}
.light-theme .card-balance .wallet-list .row.wallet .name {
  font-family: Avenir-Next;
  color: #000;
}
.light-theme .button.button-accent {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.light-theme .button.button-accent:hover, .light-theme .button.button-accent:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .button.button-border {
  background-color: #fff;
  border: 1px solid #f75a01;
  color: #f75a01;
}
.light-theme .button.button-border:hover {
  background: #f75a01;
  color: #fff;
}
.light-theme .login-page .button.button-accent {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.light-theme .login-page .button.button-accent:hover, .light-theme .login-page .button.button-accent:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .notification-settings a {
  color: #f75a01;
}
.light-theme #document-index-form .input-group.search .form-control {
  border: 1px solid #808080 !important;
}
.light-theme #document-index-form .input-group.search .form-control:hover, .light-theme #document-index-form .input-group.search .form-control:focus {
  border: 1px solid #808080 !important;
}
.light-theme #document-index-form .ui-selectmenu-text {
  border: 1px solid #dadada !important;
}
.light-theme #document-index-form .ui-selectmenu-text:hover, .light-theme #document-index-form .ui-selectmenu-text:focus {
  border: 1px solid #808080 !important;
}
.light-theme #document-index-form .ui-selectmenu-button-open .ui-selectmenu-text {
  border: 1px solid #f75a01 !important;
}
.light-theme #document-index-form .document-index-form-filters .select-show-items {
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
  .light-theme #document-index-form .document-index-form-filters .select-show-items {
    margin-top: 0 !important;
  }
}
.light-theme #document-index-form .document-index-form-filters .select-show-items .custom-select-wrap {
  max-width: 71px;
}
.light-theme .user-section .search-result-status {
  color: #000;
}
.light-theme .user-section .table-wrap.table-responsive {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 40px;
}
.light-theme .user-section .table-wrap.table-responsive .follow-table .nick-name {
  color: #000;
}
.light-theme .user-section .table-wrap.table-responsive .seller-buyer {
  color: #000;
}
.light-theme .user-section .table-wrap.table-responsive .user-profile-follows .button--follow {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.light-theme .user-section .table-wrap.table-responsive .user-profile-follows .button--follow:hover, .light-theme .user-section .table-wrap.table-responsive .user-profile-follows .button--follow:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.light-theme .user-section .table-wrap.table-responsive .user-profile-follows__info {
  color: #000;
}
.light-theme #store__offers .select-wrap .ui-selectmenu-button {
  border: none;
}
.light-theme #store__offers .select-wrap.black .ui-selectmenu-text {
  color: #000;
  background: #fff;
}
.light-theme #store__offers .ico-arrow {
  color: #000;
}
.light-theme .card.card-vertical .card__button,
.light-theme .card.card-horizontal .card__button,
.light-theme .card.top-proposal-card .card__button {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  transition: 1s ease all !important;
}
.light-theme .card.card-vertical .card__button.card__button--add,
.light-theme .card.card-horizontal .card__button.card__button--add,
.light-theme .card.top-proposal-card .card__button.card__button--add {
  background: none;
  color: #000;
}
.light-theme .card.card-vertical .card__button.card__button--add:hover, .light-theme .card.card-vertical .card__button.card__button--add:focus,
.light-theme .card.card-horizontal .card__button.card__button--add:hover,
.light-theme .card.card-horizontal .card__button.card__button--add:focus,
.light-theme .card.top-proposal-card .card__button.card__button--add:hover,
.light-theme .card.top-proposal-card .card__button.card__button--add:focus {
  color: #f75a01;
}
.light-theme .card.card-vertical .card__button:hover, .light-theme .card.card-vertical .card__button:focus,
.light-theme .card.card-horizontal .card__button:hover,
.light-theme .card.card-horizontal .card__button:focus,
.light-theme .card.top-proposal-card .card__button:hover,
.light-theme .card.top-proposal-card .card__button:focus {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%) !important;
  color: #fff;
}
.light-theme .card.card-vertical .card__button.card__button--added,
.light-theme .card.card-horizontal .card__button.card__button--added,
.light-theme .card.top-proposal-card .card__button.card__button--added {
  color: #f75a01;
  border: 1px solid #f75a01;
  background: transparent;
}
.light-theme .card.card-vertical .card__button.card__button--added:hover, .light-theme .card.card-vertical .card__button.card__button--added:focus,
.light-theme .card.card-horizontal .card__button.card__button--added:hover,
.light-theme .card.card-horizontal .card__button.card__button--added:focus,
.light-theme .card.top-proposal-card .card__button.card__button--added:hover,
.light-theme .card.top-proposal-card .card__button.card__button--added:focus {
  background: transparent !important;
}
.light-theme .order-page .table-order-head a {
  color: #000;
}
.light-theme .order-page .tabs-stats .nav-tabs > li.active > a {
  background-color: #ffe3d2;
  color: #000 !important;
  border-radius: 4px;
  height: auto !important;
}
.light-theme .order-page .tabs-stats .nav-tabs > li:hover > a {
  color: #f75a01 !important;
}
.light-theme .order-page .tabs-stats .nav-tabs > li:hover > a .order_title::before {
  background-color: #f75a01;
}
.light-theme .order-page .tabs-stats .nav-tabs > li.active:hover > a {
  color: #000 !important;
}
.light-theme .order-page .tabs-stats .nav-tabs > li.active:hover > a .order_title::before {
  background-color: #000;
}
.light-theme .order-page .table-order-head {
  background: #fff;
}
.light-theme .order-page .table-order-head__item .order-item__price {
  color: #000;
}
.light-theme .table-wrap .table-white thead tr:last-child th {
  border-bottom: 10px solid #ededf2;
}
.light-theme .add-funds .step-info-title {
  color: #000;
}
.light-theme .add-funds .step-count {
  border: 1px solid #000;
  color: #000;
}
.light-theme .form label {
  color: #000;
}
.light-theme .select-wrap .ui-selectmenu-button {
  border: none;
}
.light-theme .page-wrap .tab-content.transaction-to-payment-block {
  padding: 30px 50px;
}
.light-theme .modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  z-index: 99;
}
.light-theme .notification-wrap .notification-header .title {
  color: #000;
}
.light-theme .notification-wrap .notification-body .notification {
  margin-left: 8px;
}
.light-theme .notification-wrap .notification-body .notification.read {
  background: #fff;
}
.light-theme #addReport .modal-dialog .modal-body .button-block button,
.light-theme #removeTemplateMessage .modal-dialog .modal-body .button-block button,
.light-theme #addTemplateMessage .modal-dialog .modal-body .button-block button,
.light-theme #telegram-modal .modal-dialog .modal-body .button-block button {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.light-theme .manage-controls .manage-control-button {
  color: #000;
}
.light-theme .bookmarks-page .product-list .item {
  background: #fff;
}
.light-theme .bookmarks-page .product-list .item-info__description {
  color: #000;
}
.light-theme .bookmarks-page .radio__label {
  color: #000;
}
.light-theme .bookmarks-page .radio:checked + .radio__label {
  color: #000;
}
.light-theme .bookmarks-page .radio__label::before {
  border: 1px solid #000;
}
.light-theme .about-us {
  margin: 50px 0 0;
  color: #808080;
  padding-bottom: 50px;
}
.light-theme .about-us .why-should .title,
.light-theme .about-us .wyrel-mission .title,
.light-theme .about-us .why-should .title,
.light-theme .about-us .bonus-program .title,
.light-theme .about-us .affiliate-program .title,
.light-theme .about-us .all-transactions .title,
.light-theme .about-us .wyrel-community .title,
.light-theme .about-us .wyrel-mission .pod-header {
  color: #000;
}
.light-theme .about-us .why-should ul li {
  color: #808080;
}
.light-theme .faq-page h1.top-title {
  color: #000;
  line-height: 30px;
}
.light-theme .faq-card-container .faq-card .faq-card__header {
  color: #000;
}
.light-theme .faq-card-container .faq-card .faq-card__list > li > a {
  color: #000;
}
.light-theme .faq-page .section-title {
  color: #000;
}
.light-theme .faq-page .faq-list__text {
  color: #000;
}
.light-theme hr {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.light-theme hr.divider-title {
  border-top: 2px solid #f75a01;
}
.light-theme .order-review-block .order-review-msg {
  color: #000;
}
.light-theme .order-review-block .order-review-panel__text .order-review__input {
  color: #000;
}
.light-theme .order-review-block .order-review-panel__text .order-review__input::placeholder {
  color: #000 !important;
}
.light-theme .affiliate-page-about .affiliate__about-text,
.light-theme .affiliate-page-about .affiliate__how-work .level__text,
.light-theme .affiliate-page-about .affiliate__example p,
.light-theme .affiliate-page-about .affiliate__benefits p,
.light-theme .affiliate-page-about .affiliate__statistics p,
.light-theme .affiliate-page-about .affiliate__profit .affiliate-slider-4 p,
.light-theme .affiliate-page-about .affiliate__do-dont p,
.light-theme .affiliate-page-about .affiliate__do-dont p {
  color: #000;
}
.light-theme .secondary-page.how_to-page {
  background: none;
}
.light-theme .static-page .panel {
  background: none;
  color: #000;
}
.light-theme .secondary-page .contact-us-form .form-title,
.light-theme .secondary-page .contact-us-form .contact-us-link-group .contact-us-link,
.light-theme .secondary-page.how_to-page .section-title,
.light-theme .secondary-page .step-info-title,
.light-theme .points-balance-page .points-balance-block .points-balance-info .point-count,
.light-theme .points-balance-page .points-balance-block .points-balance-info .info,
.light-theme .points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item-title,
.light-theme .points-balance-page .faq-block .faq-preview,
.light-theme .withdrawals-page .payment-method-tabs,
.light-theme .table-wrap .table-black a,
.light-theme .table-wrap .table-black thead tr th,
.light-theme .offer-page .title {
  color: #000;
}
.light-theme .offer-page .create-listing-step .step-count {
  color: #000;
}
.light-theme .offer-page .create-listing-step .step-title {
  color: #000;
}
.light-theme .document-form .form-group .control-label,
.light-theme form.create-listing-form .form-group .control-label,
.light-theme .offer-update .form .form-group .control-label,
.light-theme .offer-create .form .form-group .control-label,
.light-theme .product-create .form .form-group .control-label {
  color: #000 !important;
  text-transform: none;
  font-family: Avenir-Next;
  font-size: 14px;
}
.light-theme .offer-page .create-listing-step .step-count {
  border: 1px solid #000;
}
.light-theme .offer-page .create-listing-form .create-listing-msg {
  color: #000;
}
.light-theme #choose_product .find-block,
.light-theme #create-offer .find-block {
  background: #fff;
}
.light-theme .offer-create .offer-params,
.light-theme .offer-update .offer-params {
  color: #000;
}
.light-theme .offer-create,
.light-theme .offer-update {
  color: #000;
}
.light-theme .search-product-form input {
  border: none;
}
.light-theme .styled-back:hover, .light-theme .styled-back:focus {
  color: #fff;
}
.light-theme .product-create .step-info-title,
.light-theme .offer-create .step-info-title,
.light-theme .offer-update .step-info-title {
  color: #000;
}
.light-theme .product-create .step-count,
.light-theme .offer-create .step-count,
.light-theme .offer-update .step-count {
  color: #000;
  border: 1px solid #000;
}
.light-theme .product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text {
  border: none;
}
.light-theme .offer-create .upload-code-block .title,
.light-theme .offer-update .upload-code-block .title {
  color: #000;
}
.light-theme .offer-create .upload-code-block .upload-wrap .nav-tabs,
.light-theme .offer-update .upload-code-block .upload-wrap .nav-tabs {
  background: #fff;
}
.light-theme .offer-create .summary-title,
.light-theme .offer-update .summary-title {
  color: #000;
}
.light-theme .offer-create .checkbox-group .checkbox-header a.active,
.light-theme .offer-update .checkbox-group .checkbox-header a.active {
  color: #f75a01;
}
.light-theme .table.table-black {
  background: #fff;
  color: #000;
}
.light-theme .table.table-black thead tr {
  border: 1px solid #808080;
}
.light-theme .offer-list .table.table-black .wrap-header-checkbox form .btn {
  padding: 0;
}
.light-theme .offer-list .table.table-black tbody tr td {
  color: #000;
}
.light-theme .offer-list .table.table-black tbody tr td .ui-selectmenu-button span.ui-icon {
  color: #000;
}
.light-theme .offer-list #offer-grid-gold input[type=checkbox] {
  border: 1px solid #aaaaaa;
  margin-left: 5px;
}
.light-theme .offer-list #offer-grid-gold .table.table-black tbody input[type=checkbox] {
  margin-left: 5px;
}
.light-theme .affiliate-page .affiliate-program-step__title {
  color: #000;
}
.light-theme .affiliate-page .affiliate-program-step__info {
  color: #000;
}
.light-theme .affiliate-page .new-reflink-create-info {
  color: #000;
}
.light-theme .affiliate-page .statistic-tables .nav-tabs li {
  background: #fff;
}
.light-theme .statistic-tables .table-wrap .table-filters .control-label {
  color: #000;
}
.light-theme .affiliate-page .foot-notes {
  color: #000;
}
.light-theme .nav-tabs.platform-menu > li.active > a,
.light-theme .nav-tabs.platform-menu > li.active > a:hover,
.light-theme .nav-tabs.platform-menu > li.active > a:focus {
  color: #000;
  z-index: 2;
  background: transparent !important;
}
.light-theme .nav-tabs.platform-menu > li.active > a h5,
.light-theme .nav-tabs.platform-menu > li.active > a:hover h5,
.light-theme .nav-tabs.platform-menu > li.active > a:focus h5 {
  color: #000;
}
.light-theme .platform_background {
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 4px;
  opacity: 0.1;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.light-theme .field-passwordresetrequestform-email .help-block {
  text-align: justify;
}
.light-theme .btn__close-case {
  font-weight: 600;
  font-size: 16px;
}
.light-theme .card.card-catalog .card__block-account .convert__amount.amount input {
  background: none;
  color: #000;
  border: 1px solid #000;
}
.light-theme .shopping-cart-page .cart-item-nick {
  border: 1px solid #000;
}
.light-theme .modal-window .modal-content .shopping-cart-details__item.shopping-cart-item .cart-item.form-control {
  border: 1px solid #000;
}
.light-theme .tab-pane#info .tab-content,
.light-theme .tab-pane#messages .tab-content,
.light-theme .tab-content-unheight {
  background: #fff;
  color: #000;
}
.light-theme .tab-pane#info .tab-content .tab__title,
.light-theme .tab-pane#messages .tab-content .tab__title {
  color: #000;
}
.light-theme .pref-block .info-list label {
  color: #000;
}
.light-theme .info-list .list-item .form-group .form-control {
  color: #000;
  border: none !important;
}
.light-theme .account-page .info-list .list-item .form-group .form-control {
  border: 1px solid #808080 !important;
}
.light-theme .account-page .info-list .list-item .form-group .form-control:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .account-page .info-list .list-item .form-group .form-control:focus {
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .tab-pane#info .tab-content-unheight,
.light-theme .tab-pane#messages .tab-content-unheight {
  background: #fff;
  color: #000;
}
.light-theme .tab-pane#info .tab-content-unheight h2.block-title,
.light-theme .tab-pane#messages .tab-content-unheight h2.block-title {
  color: #000;
}
.light-theme .tab-pane#info .tab-content-unheight p,
.light-theme .tab-pane#messages .tab-content-unheight p {
  color: #000;
}
.light-theme .tab-pane#info .tab-content-unheight #notification-form .form-group input[type=text].form-control,
.light-theme .tab-pane#messages .tab-content-unheight #notification-form .form-group input[type=text].form-control {
  color: #000;
  border: 1px solid #dadada;
}
.light-theme .notification-settings .input-notifications .form-control {
  color: #000;
}
.light-theme .modal-dialog {
  border-left: 1px solid #f7f7f7;
  background: #fff;
}
.light-theme .modal-content {
  background: #fff;
  color: #000;
}
.light-theme .modal-content textarea.form-control {
  background: #fff;
}
.light-theme .modal.black .close {
  color: #000;
}
.light-theme .modal.black {
  background: #fff;
}
.light-theme #info__notifications .datepicker-group.white .form-control.input-lg {
  border: 1px solid #dadada;
  color: #000;
}
.light-theme #info__notifications .select-wrap .ui-selectmenu-button .ui-selectmenu-text,
.light-theme #messages__inbox .select-wrap .ui-selectmenu-button .ui-selectmenu-text,
.light-theme #info__history .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  border: 1px solid #dadada;
  color: #000;
}
.light-theme #info__notifications .input-group.search .form-control,
.light-theme #messages__inbox .input-group.search .form-control,
.light-theme #info__history .input-group.search .form-control {
  border: 1px solid #808080 !important;
  color: #000;
}
.light-theme #info__notifications .input-group.search .form-control:hover,
.light-theme #messages__inbox .input-group.search .form-control:hover,
.light-theme #info__history .input-group.search .form-control:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme #info__notifications .input-group.search .form-control:focus,
.light-theme #messages__inbox .input-group.search .form-control:focus,
.light-theme #info__history .input-group.search .form-control:focus {
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .table-wrap .table tr td {
  color: #000;
}
.light-theme .table-wrap .table tr td {
  border-top: 1px solid #dadada;
}
.light-theme .socials-list {
  margin-top: 20px;
}
.light-theme .account-page .info-list .list-item .form-group.socials-list .form-control {
  border: none !important;
}
.light-theme .table-wrap .table thead tr:first-child th {
  border-bottom: 1px solid #808080;
}
.light-theme .table-wrap .table-black tbody tr:last-child td {
  border-top: 1px solid #dadada;
}
.light-theme .list-item {
  border-bottom: 1px solid #dadada;
}
.light-theme .table-wrap .table-filters .datepicker-group.white .form-control.input-lg {
  border: 1px solid #dadada;
  background: #fff;
  color: #000;
}
.light-theme .order-page .table-order-head__item .order-item {
  color: #000;
}
.light-theme .filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button {
  border: 1px solid #fff;
}
.light-theme .filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button:hover, .light-theme .filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button:focus {
  border: 1px solid #f75a01;
}
.light-theme .filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button .ui-selectmenu-text {
  border: 0;
  color: #000;
  background: #fff;
}
.light-theme .form-group-container .form-group:first-child input {
  text-align: right;
}
.light-theme .ticket-view .details {
  background: #fff;
}
.light-theme .ticket-view .details-items.details-id::after {
  height: 1px;
  background-color: #dadada;
}
.light-theme .ticket-view .details.details-order .details-items.details-total::before {
  height: 1px;
  background-color: #dadada;
}
.light-theme .modal-footer .button-refund .button.cancel {
  color: #000;
}
.light-theme .tabs-table .nav-tabs {
  border-bottom: none;
  margin: 0 0 20px 0;
}
.light-theme .tabs-table .nav-tabs.tab-two-cell {
  margin: 0 !important;
}
.light-theme .tabs-table .nav-tabs.tab-two-cell li {
  width: 50%;
}
.light-theme .tabs-table .nav-tabs.tab-two-cell li a {
  width: 100%;
}
.light-theme .tabs-table .nav-tabs.tab-two-cell li h5 {
  color: #000;
}
.light-theme .tabs-table .nav-tabs.tab-two-cell li.active h5 {
  color: #fff;
}
.light-theme .search-product-form input {
  border: 1px solid #eee;
  background: #fff;
  color: #000;
}
.light-theme .search-product-form input:hover, .light-theme .search-product-form input:focus {
  border: 1px solid #808080 !important;
}
.light-theme .product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text {
  color: #000;
}
.light-theme .offer-create .tabs-table .nav-tabs > li > a h5,
.light-theme .offer-update .tabs-table .nav-tabs > li > a h5 {
  color: #000;
}
.light-theme .offer-create .tabs-table .nav-tabs > li > a:hover h5,
.light-theme .offer-update .tabs-table .nav-tabs > li > a:hover h5 {
  color: #fff;
}
.light-theme .offer-create .tabs-table .nav-tabs > li.active > a h5,
.light-theme .offer-update .tabs-table .nav-tabs > li.active > a h5 {
  color: #fff;
}
.light-theme .product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.light-theme .offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text {
  border: 1px solid #fff;
  color: #000;
  background: #fff;
}
.light-theme .product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover,
.light-theme .offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover,
.light-theme .offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover {
  border: 1px solid #f75a01;
}
.light-theme .ticket-view .details-items.details-info::after {
  height: 1px;
  background-color: #dadada;
}
.light-theme .ticket-view .details-items.details-info-btn::after {
  height: 1px;
  background-color: #dadada;
}
.light-theme .timeline .empty {
  color: #000;
}
.light-theme .modal-overflow .modal-body .control-label {
  color: #000 !important;
}
.light-theme .ticket-big-btn {
  color: #fff;
}
.light-theme .ticket-big-btn:hover, .light-theme .ticket-big-btn:focus {
  color: #fff;
}
.light-theme .fl_upld label {
  color: #fff !important;
}
.light-theme .modal-overflow .modal-body .control-label-file {
  color: #000;
}
.light-theme .new-case-modal .modal-body .select-wrap__input-helper {
  color: #000;
}
.light-theme .new-case-modal .modal-body .confirm-text label {
  color: #000;
}
.light-theme .modal .modal-button--close::before,
.light-theme .modal .modal-button--close::after {
  background: #000;
}
.light-theme .button.button-transparent {
  color: #000;
}
.light-theme .product-page .tabs-stats .nav-tabs,
.light-theme .product-page .sub-tabs-stats .nav-tabs {
  background: #fff;
}
.light-theme .product-page .nav-tab__title {
  color: #000;
}
.light-theme .product-page .nav-tab__amount {
  color: #000;
}
.light-theme .checkbox-1 + label .checkmark {
  border: 1px solid #000;
}
.light-theme .product-region-links span {
  color: #000;
}
.light-theme .card .calculate .calculate-count .count-wrap input,
.light-theme .card .calculate .calculate-sum input {
  color: #000;
  background: #fff;
  border: 1px solid #dadada;
}
.light-theme .card .calculate .calculate-count-text,
.light-theme .card .calculate .calculate-sum-text {
  color: #000;
}
.light-theme .modal.black .modal-body .button-block .button.continue:hover, .light-theme .modal.black .modal-body .button-block .button.continue:focus {
  background: #f75a01;
}
.light-theme .info-list label {
  color: #000;
}
.light-theme .account-page .list-item {
  border-bottom: none;
}
.light-theme .account-page .list-item a.btn-connect:hover {
  color: #fff;
}
.light-theme .withdrawals-page .form .form-control.input-lg {
  background: #fff !important;
}
.light-theme .withdrawals-page .form .form-control.input-lg:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .withdrawals-page .form .form-control.input-lg:focus {
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.light-theme .offer-list .offer-filter input[type=text],
.light-theme .offer-list #offer-grid-gold-filters input[type=text] {
  background-color: #fff;
  color: #000;
}
.light-theme .offer-list .offer-filter input[type=text]::placeholder,
.light-theme .offer-list #offer-grid-gold-filters input[type=text]::placeholder {
  color: #000;
}
.light-theme .ticket-creation-form .form-group .control-label,
.light-theme .document-creation-form .form-group .control-label {
  color: #000 !important;
}
.light-theme .table-responsive .null-message {
  color: #000;
}
.light-theme .user-profile-name {
  color: #000;
}
.light-theme .seller-buyer {
  color: #000;
}
.light-theme .user-profile-follows__info {
  color: #000;
}
.light-theme .tabs .tab-link {
  color: #000;
}
.light-theme .user-profile-tab-content .tab-content-info {
  color: #000;
}
.light-theme .user-profile-page .card .card__body {
  padding: 0;
}
.light-theme .user-profile-page .card__title {
  padding-top: 25px !important;
}
.light-theme .user-profile-reviews-title {
  color: #000;
}
.light-theme header .login-block span,
.light-theme header .login-block a {
  color: #fff;
}
.light-theme header .login-block span:hover,
.light-theme header .login-block a:hover {
  color: #fff !important;
  background: #f75a01;
}
.light-theme .catalog .search-bar-row .select-show-items.category-select-wrap {
  width: 170px;
}
.light-theme .redeem-modal.modal {
  width: 500px;
}
.light-theme .btn-open-dispute {
  color: #fff !important;
}
.light-theme .refund-partial-modal .modal-body .input-block input {
  border: 1px solid #dadada;
  color: #000;
  background: #fff;
}
.light-theme .refund-partial-modal .modal-body .input-block label {
  color: #000;
}
.light-theme .order-page .tabs-stats .nav-tabs > li > a {
  background-color: #fff;
  height: auto !important;
}
.light-theme .order-page .tabs-stats .nav-tabs > li > a h5 {
  display: flex;
  align-items: center;
}
.light-theme .order-page .table-order-head__item .order-item__seller span {
  color: #000;
}
.light-theme .order-items .order-item__product .order-product-info {
  color: #000;
}
.light-theme .suggest-translation .tab-content,
.light-theme .suggest-translation .tab-content-unheight {
  padding: 20px 0 0;
}
.light-theme .img-with-footer.mobile {
  display: none;
}
.light-theme .img-with-footer.desktop {
  display: inherit;
}

@media only screen and (max-width: 1199px) {
  .light-theme header .top-menu {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .light-theme .catalog .search-bar-row .select-show-items.category-select-wrap {
    width: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .light-theme .navbar-nav > li > a.menu-item__link,
  .light-theme .footer-lang-choice .navbar-nav > li > a.menu-item__link {
    padding: 15px 15px 15px 5px;
  }
  .light-theme #document-index-form .select-show-items {
    margin-top: 15px;
  }
  .light-theme header .search-form .form-control-submit {
    left: 15px;
  }
  .light-theme .page-wrap .tab-content.transaction-to-payment-block {
    padding-bottom: 70px;
  }
  .light-theme .markets-slider .markets-list .info .market__name {
    padding-left: 10px;
  }
  .light-theme .markets-slider .markets-list .info .count {
    padding-left: 10px;
  }
  .light-theme .catalog .search-bar-row .select-show-items.category-select-wrap {
    width: 230px;
  }
  .light-theme .input-group.search .form-control {
    padding-left: 60px !important;
  }
  .modal-window .full-description {
    padding: 30px;
  }
  .modal-window .bookmark-toggle {
    display: none;
  }
  .light-theme .card-horizontal.card-with-gold .card__block::after,
  .light-theme .top-proposal-card.card-with-gold .card__block::after {
    background: transparent;
  }
  .card.card-horizontal.card-with-gold .card__block.card__convert-block::before {
    background: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .light-theme .img-with-footer.mobile {
    display: inherit;
  }
  .light-theme .img-with-footer.desktop {
    display: none;
  }
  .light-theme .modal-footer .button-refund .button.cancel {
    display: block;
    margin: 10px auto;
    padding: 15px;
  }
  .fileinput .thumbnail > img {
    max-width: 320px;
  }
  .payout-table {
    padding: 0 !important;
  }
  .light-theme .table-wrap .table-filters .control-label {
    margin-top: 10px;
  }
  .light-theme .proposals__title {
    display: none;
  }
  header .logo {
    top: 13px;
    left: 15px;
  }
  .light-theme header .navbar__item .cart-button .cart-cost,
  .light-theme header .footer-lang-choice .navbar__item .cart-button .cart-cost {
    display: inline-block;
    position: absolute;
  }
  .light-theme header .navbar__item .cart-button .cart-text {
    right: auto;
    left: 15px;
    top: -15px;
  }
  .light-theme header .navbar__item .cart-button .cart-cost {
    left: 37px;
  }
  header .navbar__item > a {
    padding: 0 !important;
    position: relative;
  }
  .ico.ico-mobile {
    margin-left: 0;
  }
  .ico.ico-mobile.notifications {
    margin-left: 0;
  }
  header .ico.messages {
    width: 25px;
    height: 25px;
  }
  header .ico.notifications {
    width: 25px;
    height: 25px;
  }
  header .ico.messages {
    width: 25px;
    height: 25px;
  }
  header .navbar-right .navbar__item {
    height: 25px;
    margin: 10px 0;
  }
  .footer-lang-choice .navbar-right {
    margin: 25px 0 15px;
  }
  .light-theme .main-section .main-slider {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .buttons-block .logo {
    display: none;
  }
  .light-theme .buttons-block .inner .info {
    padding: 21px 20px;
    text-align: center;
  }
  .light-theme .markets-slider .markets-list {
    padding: 0;
  }
  .light-theme .markets-slider .markets-list .info .count {
    display: none;
  }
  .light-theme .markets-slider .market-card .market__img {
    display: block;
    height: 80px;
    position: relative;
    width: 90%;
    overflow: hidden;
  }
  .light-theme .markets-slider .market-card .market__name {
    padding-left: 10%;
  }
  .light-theme .buttons-block .button-accent,
  .light-theme .buttons-block .inner .buttons {
    margin-top: 0;
  }
  .featured_products .title,
  .index-offers .title {
    margin-top: 30px;
  }
  .light-theme .markets-section .section-title {
    margin-bottom: 20px;
  }
  .light-theme .markets-section .section__top-bar {
    margin-bottom: 0;
  }
  .light-theme .catalog .search-bar-row .select-show-items.category-select-wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .go2top {
    display: none;
  }
  .light-theme .card-horizontal.card-with-gold .card__block::after,
  .light-theme .top-proposal-card.card-with-gold .card__block::after {
    background: none;
  }
  .light-theme .product-tabs.nav-tabs li.active > a,
  .light-theme .product-tabs.nav-tabs li > a:hover {
    border-bottom: 0;
  }
  .light-theme .top-proposal-card.video-block {
    margin-bottom: 0;
  }
  .light-theme .recently-viewed-section.section {
    margin-top: 50px;
  }
  .light-theme .recently-viewed-slider.row {
    margin-left: 0;
    margin-right: 0;
  }
  .light-theme .page-wrap.category-page .step-info-msg,
  .light-theme .page-wrap.product-page .step-info-msg {
    left: 0;
    right: auto;
    width: 200px;
  }
  .light-theme .catalog .search-bar-row {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .light-theme .catalog .alphabet-wrap {
    margin-bottom: 30px;
  }
  .light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button.checkout {
    max-width: 183px;
  }
  .light-theme .shopping-cart-page .button--positive {
    max-width: 100%;
  }
  .light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev,
  .light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev {
    left: -8px;
  }
  .light-theme .shopping-cart-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next,
  .light-theme .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next {
    left: calc(100% - 80px);
  }
  .light-theme .page-wrap .tab-content.transaction-to-payment-block {
    padding: 30px 15px;
  }
  .light-theme .shopping-cart-page .transaction-to-payment-block .back-to-shopping,
  .light-theme .transaction-to-payment-page .transaction-to-payment-block .back-to-shopping {
    display: none;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider .slider-title {
    padding: 5px 0;
    font-size: 15px;
    line-height: 15px;
    height: 35px;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider {
    padding: 0 15px;
    height: 110px;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider .price-from-block {
    padding: 5px 0;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider .btn {
    margin-top: 20px;
    padding: 5px 5px;
  }
  .light-theme #cardModal .modal-dialog .modal-content .modal-footer .button-row button {
    margin: 0 15px 10px;
  }
  .light-theme .section-title {
    margin-bottom: 20px;
  }
  .table-responsive {
    margin-bottom: 0;
  }
  .light-theme .offer-list #offer-grid-gold .table.table-black tbody input[type=checkbox] {
    margin-left: 0;
  }
  .table-responsive {
    overflow: hidden;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider .button-block {
    padding-right: 0 !important;
    text-align: center !important;
  }
  .light-theme .main-section .main-slider .slider__item .footer-slider .button-block a {
    margin: 0 !important;
  }
  .light-theme .page-wrap.product-page .recommend-section .items-slider .slider__nav-1 .slick-arrow.slick-next {
    left: calc(100% - 90px);
  }
  .light-theme .page-wrap.product-page .tabs-stats .nav-tabs.nav-tabs-slider-1 li {
    padding: 20px 0 10px;
  }
  .light-theme .page-wrap.product-page .tab-content,
  .light-theme .page-wrap.product-page .tab-content-unheight {
    padding: 20px 0 0;
  }
  .light-theme .page-wrap.product-page .tabs-stats .nav-tabs,
  .light-theme .page-wrap.product-page .sub-tabs-stats .nav-tabs {
    margin-bottom: 0;
  }
  .dashboard-page .step-info-prof .step-info-msg {
    right: auto;
    width: 170px;
  }
  .index-offers .step-info-msg {
    right: auto;
    left: 0;
    top: -20px;
    line-height: 0px;
    width: 120px;
  }
  .card.card-horizontal {
    overflow: hidden;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .wrap-total {
    display: block;
  }
  .card.card-vertical .discount-wrap,
  .card.card-horizontal .discount-wrap,
  .card.top-proposal-card .discount-wrap {
    display: block;
    width: auto;
    max-width: 220px;
    margin: 0 auto;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .card__button {
    height: 40px;
    line-height: 40px;
    min-width: 130px;
    margin: 20px auto;
    display: block;
  }
  .user-dropdown {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  }
}
.table-filters input,
.modal-dialog input,
.tab-content input {
  border: 1px solid #808080 !important;
  border-radius: 4px !important;
}
.table-filters .custom-select,
.table-filters .fake-select,
.modal-dialog .custom-select,
.modal-dialog .fake-select,
.tab-content .custom-select,
.tab-content .fake-select {
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
}

.card .calculate .calculate-count-text,
.card .calculate .calculate-sum-text {
  top: 10px;
  opacity: 1;
  font-size: 14px;
  right: 12px;
}

.card .calculate .calculate-count,
.card .calculate .calculate-sum {
  padding-right: 0px;
  width: 100%;
}

.sort-bar .sort-text {
  padding-left: 25px;
  position: relative;
}
.sort-bar .sort-text::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 4px;
  height: 12px;
  width: 12px;
  background-image: url("../../img/icons/sort_by.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.empty_checkout {
  padding-bottom: 60px;
}
.empty_checkout .empty-block {
  background-size: 20%;
}
@media only screen and (max-width: 992px) {
  .empty_checkout .empty-block {
    background-size: 50%;
  }
}

.top-menu a {
  position: relative;
  display: flex;
  align-items: center;
}
.top-menu a::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 8px;
  top: 2px;
  transition: all 0.1s;
}
.top-menu a.faq::before {
  width: 17px;
  height: 14px;
  background-image: url("../../img/icons/account/faq-icn.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top-menu a.faq:hover::before {
  background-image: url("../../img/icons/account/faq-icn-hov.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top-menu a.about::before {
  width: 17px;
  height: 14px;
  background-image: url("../../img/icons/account/about-us.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top-menu a.about:hover::before {
  background-image: url("../../img/icons/account/about-us-hov.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.order-page .tabs-stats .nav-tabs > li:hover {
  background-color: transparent !important;
}

input[type=text]:hover,
textarea:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

input[type=text]:focus,
textarea:focus {
  border: 1px solid #808080 !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

input[type=number]:hover,
input[type=number]:focus,
input[type=text].count-input:hover,
input[type=text].count-input:focus,
input[type=text].calculate-count:hover,
input[type=text].calculate-count:focus {
  background-color: #fff !important;
  background: #fff !important;
  cursor: pointer !important;
}

.sidebar_main-info .caret {
  margin-left: 10px;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.bold_title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000 !important;
}

.orange_text {
  font-size: 14px !important;
  color: #f75a01 !important;
  font-weight: 500 !important;
  padding-top: 10px !important;
}

.notification-wrap .notification .category {
  font-size: 14px;
}

.chat-footer textarea.messageInput:focus {
  background-color: #fff !important;
  color: #000 !important;
}

.modal-wrapper {
  border-radius: 10px;
  position: relative;
  width: 95% !important;
}
@media only screen and (max-width: 992px) {
  .modal-wrapper {
    top: 1%;
    left: 50%;
    transform: translate(-50%, 0px);
  }
}
.modal-wrapper__dialog {
  padding: 0 !important;
}
.modal-wrapper__close {
  position: absolute;
  width: fit-content;
  right: 20px !important;
  top: 20px !important;
  transition: 0.3s;
  z-index: 10;
  opacity: 1;
}
.modal-wrapper__title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 22px;
  line-height: 0.6818181818;
  color: #000;
}
.modal-wrapper__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
}
.modal-wrapper__btns {
  display: flex;
  justify-content: space-between;
}
.modal-wrapper__btn {
  min-width: 180px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: 0.3s;
  font-family: "Avenir-Next-Bold";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
}
.modal-wrapper__btn:hover {
  filter: brightness(120%);
}
.modal-wrapper__btn--btn1 {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.modal-wrapper__btn--btn2 {
  border: 1px solid #f75a01;
  color: #f75a01;
}
.modal-wrapper__btn--btn2:hover {
  color: #fff !important;
  background: #f75a01;
}
.modal-wrapper__delivery {
  max-width: 500px;
  min-height: 426px;
  padding-left: 42px;
  padding-right: 42px;
  padding-bottom: 45px;
  padding-top: 56px;
}
@media only screen and (max-width: 992px) {
  .modal-wrapper__delivery {
    padding-left: 42px !important;
    padding-right: 42px !important;
    padding-bottom: 45px !important;
    padding-top: 56px !important;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery {
    padding-top: 100px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 42px !important;
    height: fit-content !important;
  }
}
.modal-wrapper__delivery .modal-wrapper__close {
  display: none;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery .modal-wrapper__close {
    display: block;
  }
}
.modal-wrapper__delivery .modal-wrapper__img {
  width: fit-content;
  margin: 0 auto;
  margin-top: 27px;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery .modal-wrapper__img {
    margin-top: 35px;
  }
}
.modal-wrapper__delivery .modal-wrapper__text {
  margin: 0 auto;
  margin-top: 27px;
  max-width: 387px;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery .modal-wrapper__text {
    margin-top: 35px;
  }
}
.modal-wrapper__delivery .modal-wrapper__btns {
  width: 100%;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery .modal-wrapper__btns {
    flex-direction: column;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-wrapper__delivery .modal-wrapper__btn {
    width: 100%;
  }
  .modal-wrapper__delivery .modal-wrapper__btn:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (min-width: 1920px) {
  .container-xl {
    width: 1620px;
  }
  .col-xl-3 {
    width: 25%;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .container-xl {
    width: 1340px;
  }
}
.title-block-landing {
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .title-block-landing {
    padding-bottom: 15px;
  }
}
.title-block-landing .title {
  background-image: url("../../img/landing/Title-mask.svg");
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: 40% 0;
  -webkit-background-clip: text;
  display: inline-block;
}
.title-block-landing .title h3 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36364;
  text-transform: uppercase;
  white-space: nowrap;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .title-block-landing .title h3 {
    font-size: 16px;
    line-height: 1.5;
  }
}
.title-block-landing .view-all {
  display: none;
  align-items: center;
}
.title-block-landing .view-all:hover span {
  color: #F75A01;
}
.title-block-landing .view-all:hover svg path {
  fill: #F75A01;
}
.title-block-landing .view-all span {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #4e8aff;
  padding-right: 5px;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .title-block-landing .view-all span {
    font-size: 14px;
    line-height: 1.3;
  }
}
.title-block-landing .view-all svg path {
  transition: 0.4s;
}

.banner-wrap {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .banner-wrap .container-dots {
    width: 100%;
    z-index: 20;
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 30px;
    cursor: pointer;
  }
  .banner-wrap .container-dots .slick-dots {
    display: flex;
    width: 100%;
    padding: 0 20px;
  }
  .banner-wrap .container-dots .slick-dots li.slick-active::after {
    background-color: #4E8AFF;
    -webkit-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
    -moz-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
    -o-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
    animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
    z-index: 2;
    animation-play-state: running;
  }
  .banner-wrap .container-dots .slick-dots li {
    height: 3px;
    width: 100%;
    margin: 0 1px;
    background: transparent;
    border-radius: 4px;
    z-index: 20;
    color: transparent;
    font-size: 0;
    position: relative;
    padding: 15px 0;
    overflow: hidden;
  }
  .banner-wrap .container-dots .slick-dots li::before {
    content: "";
    position: absolute;
    border-radius: 4px;
    width: 100%;
    height: 3px;
    top: calc(50% - 1px);
    left: 0;
    background: #eaeaea;
  }
  .banner-wrap .container-dots .slick-dots li::after {
    content: "";
    position: absolute;
    border-radius: 4px;
    width: 100%;
    height: 3px;
    top: calc(50% - 1px);
    left: 0;
  }
}

.banner {
  height: 900px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1920px) and (max-width: 2100px) {
  .banner {
    height: 760px;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .banner {
    height: 650px;
  }
}
@media (max-width: 1639px) {
  .banner {
    height: 570px;
  }
}
@media only screen and (max-width: 1440px) {
  .banner {
    height: 500px;
  }
}
@media (max-width: 1250px) {
  .banner {
    height: 400px;
  }
}
@media only screen and (max-width: 992px) {
  .banner {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .banner {
    height: 500px;
    overflow: hidden;
  }
}
@media (max-width: 420px) {
  .banner {
    height: 440px;
  }
}
.banner::after {
  background: #fff;
  border-top: 10px solid #F75A01;
  content: "";
  height: 93px;
  position: absolute;
  transform-origin: top left;
  transform: rotate(4.4deg) skew(4.6deg);
  width: 50.2%;
  z-index: 1;
  bottom: 0;
  left: 0;
}
@media (min-width: 2150px) {
  .banner::after {
    transform: rotate(3.4deg) skew(3.6deg);
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .banner::after {
    height: 81px;
  }
}
@media (max-width: 1639px) {
  .banner::after {
    height: 72px;
  }
}
@media only screen and (max-width: 1440px) {
  .banner::after {
    height: 65px;
  }
}
@media only screen and (max-width: 1200px) {
  .banner::after {
    height: 53px;
    transform: rotate(4.1deg) skew(4.2deg);
  }
}
@media only screen and (max-width: 992px) {
  .banner::after {
    height: 42px;
    transform: rotate(3.6deg) skew(3.7deg);
  }
}
@media only screen and (max-width: 767px) {
  .banner::after {
    content: none;
  }
}
.banner::before {
  background: #fff;
  border-top: 10px solid #F75A01;
  content: "";
  height: 93px;
  position: absolute;
  transform-origin: top right;
  transform: rotate(-4.4deg) skew(-4.6deg);
  width: 50.2%;
  z-index: 1;
  bottom: 0;
  right: 0;
}
@media (min-width: 2150px) {
  .banner::before {
    transform: rotate(-3.4deg) skew(-3.6deg);
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .banner::before {
    height: 81px;
  }
}
@media (max-width: 1639px) {
  .banner::before {
    height: 72px;
  }
}
@media only screen and (max-width: 1440px) {
  .banner::before {
    height: 65px;
  }
}
@media only screen and (max-width: 1200px) {
  .banner::before {
    height: 53px;
    transform: rotate(-4.1deg) skew(-4.2deg);
  }
}
@media only screen and (max-width: 992px) {
  .banner::before {
    height: 42px;
    transform: rotate(-3.6deg) skew(-3.7deg);
  }
}
@media only screen and (max-width: 767px) {
  .banner::before {
    content: none;
  }
}
.banner__dots {
  width: 100%;
  z-index: 20;
  min-height: 30px;
  cursor: pointer;
}
.banner__dots .slick-dots {
  display: flex;
  width: 100%;
}
.banner__dots .slick-dots li.slick-active::after {
  background-color: #4E8AFF;
  -webkit-animation: progres 5.2s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  -moz-animation: progres 5.2s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  -o-animation: progres 5.2s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  animation: progres 5.2s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  z-index: 2;
  animation-play-state: running;
}
.banner__dots .slick-dots li {
  height: 3px;
  width: 100%;
  margin: 0 1px;
  background: transparent;
  border-radius: 4px;
  z-index: 20;
  color: transparent;
  font-size: 0;
  position: relative;
  padding: 15px 0;
  overflow: hidden;
}
.banner__dots .slick-dots li::before {
  content: "";
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 3px;
  top: calc(50% - 1px);
  left: 0;
  background: #eaeaea;
}
.banner__dots .slick-dots li::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 3px;
  top: calc(50% - 1px);
  left: 0;
}
.banner .slick-slide:first-child li.slick-active::after {
  -webkit-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  -moz-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  -o-animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  animation: progres 5.6s forwards cubic-bezier(0.29, 0.03, 0.76, 0.9);
  animation-play-state: running;
}
@keyframes progres {
  0% {
    width: 0%;
    transform: translateX(0);
  }
  94% {
    width: 100%;
    transform: translateX(0);
  }
  95% {
    width: 100%;
    transform: translateX(25%);
  }
  96% {
    width: 105%;
    transform: translateX(50%);
  }
  97% {
    width: 105%;
    transform: translateX(75%);
  }
  98% {
    width: 105%;
    transform: translateX(100%);
  }
  99% {
    width: 105%;
    transform: translateX(100%);
  }
  100% {
    width: 105%;
    transform: translateX(0);
  }
}
.banner__slide {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .banner__slide {
    height: 500px;
  }
}
@media (max-width: 420px) {
  .banner__slide {
    height: 440px;
  }
}
.banner__img-wrap {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .banner__img-wrap {
    max-height: 500px;
  }
  .banner__img-wrap img {
    height: 500px;
    object-fit: cover;
  }
}
@media (max-width: 420px) {
  .banner__img-wrap {
    max-height: 440px;
  }
}
.banner__img-wrap img {
  width: 100%;
}
@media (max-width: 460px) {
  .banner__img-wrap img {
    height: 100%;
  }
}
.banner__info-wrap {
  position: absolute;
  top: 158px;
  width: 463px;
  padding: 30px 30px 15px;
  backdrop-filter: blur(15px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 10px;
  opacity: 0;
}
@media (min-width: 2100px) {
  .banner__info-wrap {
    top: 220px;
  }
}
@media (min-width: 768px) {
  .banner__info-wrap:hover .slick-dots .slick-active::after {
    animation-play-state: paused !important;
  }
}
.banner__info-wrap.animate {
  animation: slideAppear 1.5s 1;
  opacity: 1;
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .banner__info-wrap {
    top: 100px;
  }
}
@media (max-width: 1639px) {
  .banner__info-wrap {
    top: 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .banner__info-wrap {
    top: 55px;
  }
}
@media only screen and (max-width: 1200px) {
  .banner__info-wrap {
    top: 60px;
  }
}
@media (max-width: 1250px) {
  .banner__info-wrap {
    padding: 15px 15px 0;
    width: 300px;
  }
}
@media only screen and (max-width: 992px) {
  .banner__info-wrap {
    top: 39px;
    width: 274px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__info-wrap {
    padding: 0 20px;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    backdrop-filter: none;
    box-shadow: none;
    background: none;
  }
}
@keyframes slideAppear {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0);
  }
}
.banner__title {
  height: 91px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
@media (max-width: 1250px) {
  .banner__title {
    height: 62px;
    margin-bottom: 11.5px;
  }
}
@media only screen and (max-width: 992px) {
  .banner__title {
    height: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__title {
    height: 62px;
    margin-bottom: 15px;
  }
}
.banner__description {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #f6f6f6 !important;
  height: 47px;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media (max-width: 1250px) {
  .banner__description {
    height: 25px;
    margin-bottom: 22.5px;
    font-size: 10px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 992px) {
  .banner__description {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__description {
    height: 27px;
    font-size: 12px;
    text-align: center;
  }
}
.banner__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 1250px) {
  .banner__info {
    margin-bottom: 7.5px;
  }
}
@media only screen and (max-width: 992px) {
  .banner__info {
    margin-bottom: 0;
  }
}
.banner__info::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(246, 246, 246, 0.1);
}
.banner__info-price {
  display: flex;
  align-items: center;
}
.banner__info-price .icon {
  width: 44px;
  height: 44px;
  backdrop-filter: blur(25px);
  background: rgba(246, 246, 246, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
@media (max-width: 1250px) {
  .banner__info-price .icon {
    width: 30px;
    height: 30px;
  }
  .banner__info-price .icon img {
    width: 20px;
    height: 20px;
  }
}
.banner__info-price .text {
  padding-left: 10px;
}
.banner__info-price .text span {
  font-family: "Avenir", sans-serif;
  letter-spacing: 0.8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  color: #f5f5f5 !important;
}
@media (max-width: 1250px) {
  .banner__info-price .text span {
    font-size: 12px;
    line-height: 1.2;
  }
}
.banner__info-price .text p {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 600;
  font-size: 24px;
  white-space: nowrap;
  line-height: 1.1;
  color: #f6f6f6 !important;
}
@media (max-width: 1250px) {
  .banner__info-price .text p {
    font-size: 14px;
  }
}
.banner__info-platform {
  display: flex;
  flex-direction: column;
  min-width: 173px;
}
@media (max-width: 1250px) {
  .banner__info-platform {
    min-width: 126px;
  }
}
@media only screen and (max-width: 992px) {
  .banner__info-platform {
    min-width: 102px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__info-platform {
    min-width: 130px;
  }
}
.banner__info-platform span {
  font-family: "Avenir", sans-serif;
  letter-spacing: 0.8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
  color: #f5f5f5 !important;
  margin-bottom: 5px;
}
@media (max-width: 1250px) {
  .banner__info-platform span {
    font-size: 12px;
    line-height: 1.2;
  }
}
.banner__info-platform .platforms {
  display: flex;
  padding-top: 5px;
}
@media (max-width: 1250px) {
  .banner__info-platform .platforms {
    padding-top: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__info-platform .platforms {
    padding-top: 2px;
  }
}
.banner__info-platform .platforms .platform {
  width: 32px;
  height: 25px;
  backdrop-filter: blur(25px);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 4px;
  margin-right: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.banner__info-platform .platforms .platform.item-1 {
  background-image: url("../../img/icons/platforms/other.svg");
}
.banner__info-platform .platforms .platform.item-2, .banner__info-platform .platforms .platform.item-7 {
  background-image: url("../../img/icons/platforms/playstation.svg");
}
.banner__info-platform .platforms .platform.item-4, .banner__info-platform .platforms .platform.item-11, .banner__info-platform .platforms .platform.item-12, .banner__info-platform .platforms .platform.item-13, .banner__info-platform .platforms .platform.item-14, .banner__info-platform .platforms .platform.item-15 {
  background-image: url("../../img/icons/platforms/pc.svg");
}
.banner__info-platform .platforms .platform.item-5, .banner__info-platform .platforms .platform.item-6, .banner__info-platform .platforms .platform.item-9, .banner__info-platform .platforms .platform.item-10 {
  background-image: url("../../img/icons/platforms/nintendo.svg");
}
.banner__info-platform .platforms .platform.item-3, .banner__info-platform .platforms .platform.item-8 {
  background-image: url("../../img/icons/platforms/xbox.svg");
}
.banner__info-platform .platforms .platform.item-16 {
  background-image: url("../../img/icons/platforms/mobile.svg");
}
@media (max-width: 1250px) {
  .banner__info-platform .platforms .platform {
    width: 24px;
    height: 18px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .banner__info-platform .platforms .platform {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .banner__info-platform .platforms .platform {
    width: 25px;
    height: 25px;
  }
}
.banner__info-platform .platforms .platform:last-child {
  margin-right: 0;
}

.products-block {
  padding: 50px 0 20px;
}
@media only screen and (max-width: 992px) {
  .products-block {
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .products-block {
    padding: 30px 0 30px;
  }
}

.platforms-block {
  background: #f5f5f5;
  padding: 50px 0;
}
@media only screen and (max-width: 992px) {
  .platforms-block {
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .platforms-block {
    max-height: 279px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .platforms-block .slider-platforms {
    margin: 0 -15px;
  }
  .platforms-block .slider-platforms .slick-slide .platforms-block__el {
    transform: scaleY(0.89);
  }
  .platforms-block .slider-platforms .slick-slide .platforms-block__el-text {
    transform: scaleY(1.11);
  }
  .platforms-block .slider-platforms .slick-active .platforms-block__el {
    transform: scaleY(1);
  }
  .platforms-block .slider-platforms .slick-active .platforms-block__el-text {
    transform: scaleY(1);
  }
  .platforms-block .slider-platforms .col-12 {
    padding: 0 5px;
  }
  .platforms-block .slider-platforms .platforms-block__el {
    width: 266px;
  }
}
.platforms-block__el {
  border-radius: 10px;
  overflow: hidden;
  height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.8s;
  padding: 20px 0;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .platforms-block__el {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 180px;
    padding: 0 0 0 20px;
    margin-bottom: 30px;
  }
}
.platforms-block__el::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  z-index: 1;
  top: 50%;
  left: 50%;
  transition: 0.8s;
  transform: translate(-50%, -50%);
}
@media (max-width: 1639px) {
  .platforms-block__el::after {
    width: 180%;
  }
}
@media only screen and (max-width: 1200px) {
  .platforms-block__el::after {
    width: 190%;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el::after {
    height: 215%;
    width: 160%;
  }
}
.platforms-block__el:hover::after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.platforms-block__el:hover .platforms-block__el-img img {
  transform: scale(1.08);
}
.platforms-block__el:hover .dot-1 {
  top: 32px;
  transform: rotate(135deg);
}
.platforms-block__el:hover .dot-2 {
  top: 75px;
  transform: rotate(35deg);
}
.platforms-block__el:hover .dot-3 {
  bottom: 49px;
  transform: rotate(-7deg);
}
.platforms-block__el .dot {
  position: absolute;
  width: 39px;
  height: 36.7px;
  z-index: 3;
  transition: 0.8s;
}
.platforms-block__el .dot-1 {
  top: 12px;
  right: 44px;
  transform: rotate(160deg);
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .platforms-block__el .dot-1 {
    right: 24px;
  }
}
@media (max-width: 1639px) {
  .platforms-block__el .dot-1 {
    right: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el .dot-1 {
    right: 130px;
  }
}
.platforms-block__el .dot-2 {
  left: 25px;
  top: 110px;
}
@media (max-width: 1639px) {
  .platforms-block__el .dot-2 {
    left: 20px;
  }
}
.platforms-block__el .dot-3 {
  transform: rotate(-67deg);
  right: 32px;
  bottom: 31px;
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .platforms-block__el .dot-3 {
    right: 12px;
  }
}
@media (max-width: 1639px) {
  .platforms-block__el .dot-3 {
    right: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el .dot-3 {
    right: 180px;
  }
}
.platforms-block__el .dot img {
  width: 100%;
}
.platforms-block__el.el-1::after {
  background: linear-gradient(195deg, #7468FF 0%, #DB00FF 100%);
}
.platforms-block__el.el-1 .platforms-block__el-img {
  max-width: 250px;
  margin-top: 5px;
}
@media (max-width: 1639px) {
  .platforms-block__el.el-1 .platforms-block__el-img {
    max-width: 206px;
    margin-top: 27px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el.el-1 .platforms-block__el-img {
    max-width: 176px;
    margin-top: 0;
  }
}
.platforms-block__el.el-2::after {
  background: linear-gradient(195deg, #7468FF 0%, #7468FF 0.01%, #F75A01 100%);
}
.platforms-block__el.el-2 .platforms-block__el-img {
  max-width: 197px;
  margin-top: 17px;
}
@media (max-width: 1639px) {
  .platforms-block__el.el-2 .platforms-block__el-img {
    max-width: 174px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el.el-2 .platforms-block__el-img {
    max-width: 148px;
    margin-top: 0;
    margin-right: 27px;
  }
}
.platforms-block__el.el-3::after {
  background: linear-gradient(195deg, #68F6FF 0%, #0601F7 100%);
}
.platforms-block__el.el-3 .platforms-block__el-img {
  max-width: 217px;
  margin-top: 26px;
}
@media (max-width: 1639px) {
  .platforms-block__el.el-3 .platforms-block__el-img {
    max-width: 191px;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el.el-3 .platforms-block__el-img {
    max-width: 163px;
    margin-top: 0;
    margin-right: 16px;
  }
}
.platforms-block__el.el-4::after {
  background: linear-gradient(195deg, #FFBA68 0%, #F70101 100%);
}
.platforms-block__el.el-4 .platforms-block__el-img {
  max-width: 249.5px;
  margin-top: 20px;
}
@media (max-width: 1639px) {
  .platforms-block__el.el-4 .platforms-block__el-img {
    max-width: 182px;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 992px) {
  .platforms-block__el.el-4 .platforms-block__el-img {
    max-width: 162px;
    margin-top: 0;
    margin-right: 17px;
  }
}
.platforms-block__el-text {
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .platforms-block__el-text {
    align-items: flex-start;
  }
}
.platforms-block__el-text h4 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
.platforms-block__el-text span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .platforms-block__el-text span {
    text-align: start;
  }
}
.platforms-block__el-img {
  z-index: 5;
}
.platforms-block__el-img img {
  transition: 0.8s;
  width: 100%;
}

.deal-week-block,
.best-release-block {
  padding: 64px 0;
  position: relative;
  height: 450px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .deal-week-block,
  .best-release-block {
    height: 300px;
    padding: 58px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block,
  .best-release-block {
    height: 380px;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .deal-week-block .col-sm-6,
  .best-release-block .col-sm-6 {
    width: 100%;
  }
}
.deal-week-block .container,
.best-release-block .container {
  z-index: 3;
  position: relative;
}
.deal-week-block__back-img,
.best-release-block__back-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1920px) {
  .deal-week-block__back-img img,
  .best-release-block__back-img img {
    height: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__back-img img,
  .best-release-block__back-img img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 415px) {
  .deal-week-block__back-img img,
  .best-release-block__back-img img {
    height: 100%;
  }
}
.deal-week-block__link-wrap,
.best-release-block__link-wrap {
  display: flex;
  height: 322px;
  align-items: flex-end;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link-wrap,
  .best-release-block__link-wrap {
    height: 184px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__link-wrap,
  .best-release-block__link-wrap {
    height: auto;
  }
}
.deal-week-block__link,
.best-release-block__link {
  width: 502px;
  padding: 15px 100px 15px 30px;
  backdrop-filter: blur(15px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 10px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .deal-week-block__link,
  .best-release-block__link {
    width: 420px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link,
  .best-release-block__link {
    width: 325px;
    padding: 15px 50px 15px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__link,
  .best-release-block__link {
    width: 100%;
    padding: 14px 50px 14px 15px;
    max-height: 82px;
  }
}
.deal-week-block__link::after,
.best-release-block__link::after {
  position: absolute;
  content: "";
  background-image: url("../../img/icons/arrow-white.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link::after,
  .best-release-block__link::after {
    width: 24px;
    height: 24px;
    right: 15px;
  }
}
.deal-week-block__link h2,
.best-release-block__link h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  color: #f6f6f6;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
  .deal-week-block__link h2,
  .best-release-block__link h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link h2,
  .best-release-block__link h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__link h2,
  .best-release-block__link h2 {
    padding-bottom: 4px;
  }
}
.deal-week-block__link p,
.best-release-block__link p {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #f5f5f5;
}
@media only screen and (max-width: 1200px) {
  .deal-week-block__link p,
  .best-release-block__link p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link p,
  .best-release-block__link p {
    font-size: 12px;
  }
}
.deal-week-block__content,
.best-release-block__content {
  display: block;
  backdrop-filter: blur(15px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 10px;
  padding: 30px;
  width: 504px;
  transition: 0s !important;
}
@media only screen and (max-width: 1200px) {
  .deal-week-block__content,
  .best-release-block__content {
    width: 480px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content,
  .best-release-block__content {
    width: 274px;
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content,
  .best-release-block__content {
    width: 100%;
    background: none;
    backdrop-filter: none;
    box-shadow: none;
  }
}
.deal-week-block__content-img,
.best-release-block__content-img {
  height: 119px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-img,
  .best-release-block__content-img {
    height: 47px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-img,
  .best-release-block__content-img {
    height: 75.5px;
    margin-top: 88px;
  }
}
.deal-week-block__content-img img,
.best-release-block__content-img img {
  height: 100%;
}
.deal-week-block__content-description,
.best-release-block__content-description {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #f6f6f6;
  margin-bottom: 30px;
  height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-description,
  .best-release-block__content-description {
    font-size: 10px;
    margin-bottom: 10px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-description,
  .best-release-block__content-description {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 15px;
    height: 26px;
  }
}
.deal-week-block__content-info,
.best-release-block__content-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.deal-week-block__content-info::after,
.best-release-block__content-info::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(246, 246, 246, 0.1);
}
.deal-week-block__content-info-price,
.best-release-block__content-info-price {
  display: flex;
}
.deal-week-block__content-info-price .icon,
.best-release-block__content-info-price .icon {
  backdrop-filter: blur(25px);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 4px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-price .icon,
  .best-release-block__content-info-price .icon {
    width: 30px;
    height: 30px;
  }
  .deal-week-block__content-info-price .icon svg,
  .best-release-block__content-info-price .icon svg {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-price .icon,
  .best-release-block__content-info-price .icon {
    padding-top: 2px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-price .text,
  .best-release-block__content-info-price .text {
    display: flex;
    flex-direction: column;
  }
}
.deal-week-block__content-info-price .text span,
.best-release-block__content-info-price .text span {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
  color: #f5f5f5;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-price .text span,
  .best-release-block__content-info-price .text span {
    font-size: 10px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-price .text span,
  .best-release-block__content-info-price .text span {
    font-size: 12px;
    line-height: 1.1;
  }
}
.deal-week-block__content-info-price .text p,
.best-release-block__content-info-price .text p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #f6f6f6;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-price .text p,
  .best-release-block__content-info-price .text p {
    font-size: 12px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-price .text p,
  .best-release-block__content-info-price .text p {
    font-size: 16px;
  }
}
.deal-week-block__content-info-platforms,
.best-release-block__content-info-platforms {
  min-width: 173px;
}
@media (max-width: 1250px) {
  .deal-week-block__content-info-platforms,
  .best-release-block__content-info-platforms {
    min-width: 126px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-platforms,
  .best-release-block__content-info-platforms {
    min-width: 102px;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-platforms,
  .best-release-block__content-info-platforms {
    min-width: 130px;
  }
}
.deal-week-block__content-info-platforms span,
.best-release-block__content-info-platforms span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #f5f5f5;
  margin-left: 15px;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-platforms span,
  .best-release-block__content-info-platforms span {
    font-size: 10px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-platforms span,
  .best-release-block__content-info-platforms span {
    font-size: 12px;
  }
}
.deal-week-block__content-info-platforms .platforms,
.best-release-block__content-info-platforms .platforms {
  display: flex;
  padding-top: 5px;
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-platforms .platforms,
  .best-release-block__content-info-platforms .platforms {
    padding-top: 3px;
  }
}
.deal-week-block__content-info-platforms .platforms .platform,
.best-release-block__content-info-platforms .platforms .platform {
  backdrop-filter: blur(25px);
  background: rgba(246, 246, 246, 0.1);
  border-radius: 4px;
  width: 32px;
  height: 25px;
  margin-left: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.deal-week-block__content-info-platforms .platforms .platform.item-1,
.best-release-block__content-info-platforms .platforms .platform.item-1 {
  background-image: url("../../img/icons/platforms/other.svg");
}
.deal-week-block__content-info-platforms .platforms .platform.item-2, .deal-week-block__content-info-platforms .platforms .platform.item-7,
.best-release-block__content-info-platforms .platforms .platform.item-2,
.best-release-block__content-info-platforms .platforms .platform.item-7 {
  background-image: url("../../img/icons/platforms/playstation.svg");
}
.deal-week-block__content-info-platforms .platforms .platform.item-4, .deal-week-block__content-info-platforms .platforms .platform.item-11, .deal-week-block__content-info-platforms .platforms .platform.item-12, .deal-week-block__content-info-platforms .platforms .platform.item-13, .deal-week-block__content-info-platforms .platforms .platform.item-14, .deal-week-block__content-info-platforms .platforms .platform.item-15,
.best-release-block__content-info-platforms .platforms .platform.item-4,
.best-release-block__content-info-platforms .platforms .platform.item-11,
.best-release-block__content-info-platforms .platforms .platform.item-12,
.best-release-block__content-info-platforms .platforms .platform.item-13,
.best-release-block__content-info-platforms .platforms .platform.item-14,
.best-release-block__content-info-platforms .platforms .platform.item-15 {
  background-image: url("../../img/icons/platforms/pc.svg");
}
.deal-week-block__content-info-platforms .platforms .platform.item-5, .deal-week-block__content-info-platforms .platforms .platform.item-6, .deal-week-block__content-info-platforms .platforms .platform.item-9, .deal-week-block__content-info-platforms .platforms .platform.item-10,
.best-release-block__content-info-platforms .platforms .platform.item-5,
.best-release-block__content-info-platforms .platforms .platform.item-6,
.best-release-block__content-info-platforms .platforms .platform.item-9,
.best-release-block__content-info-platforms .platforms .platform.item-10 {
  background-image: url("../../img/icons/platforms/nintendo.svg");
}
.deal-week-block__content-info-platforms .platforms .platform.item-3, .deal-week-block__content-info-platforms .platforms .platform.item-8,
.best-release-block__content-info-platforms .platforms .platform.item-3,
.best-release-block__content-info-platforms .platforms .platform.item-8 {
  background-image: url("../../img/icons/platforms/xbox.svg");
}
.deal-week-block__content-info-platforms .platforms .platform.item-16,
.best-release-block__content-info-platforms .platforms .platform.item-16 {
  background-image: url("../../img/icons/platforms/mobile.svg");
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-info-platforms .platforms .platform,
  .best-release-block__content-info-platforms .platforms .platform {
    width: 18px;
    height: 18px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-info-platforms .platforms .platform,
  .best-release-block__content-info-platforms .platforms .platform {
    width: 25px;
    height: 25px;
    background-size: 17px;
  }
}
.deal-week-block__content-timer,
.best-release-block__content-timer {
  display: flex;
  justify-content: center;
}
.deal-week-block__content-timer-el,
.best-release-block__content-timer-el {
  backdrop-filter: blur(25px);
  background: rgba(246, 246, 246, 0.1);
  padding: 10px 5px;
  width: 60px;
  height: 69px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-timer-el,
  .best-release-block__content-timer-el {
    flex-direction: row;
    height: 44px;
    width: auto;
    min-width: 105px;
    padding: 5px 15px;
  }
}
.deal-week-block__content-timer-el span,
.best-release-block__content-timer-el span {
  font-family: "Avenir-Next-DemiBold", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: #f6f6f6;
  text-align: center;
}
.deal-week-block__content-timer-el p,
.best-release-block__content-timer-el p {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #f5f5f5;
  padding-top: 5px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .deal-week-block__content-timer-el p,
  .best-release-block__content-timer-el p {
    padding-top: 0;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 992px) {
  .deal-week-block {
    padding: 46px 0;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block {
    padding: 10px 0;
  }
  .deal-week-block .row {
    display: flex;
    flex-direction: column-reverse;
  }
}
.deal-week-block__back-img {
  left: auto;
  right: 0;
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .deal-week-block__back-img {
    right: 70px;
  }
}
@media (max-width: 1639px) {
  .deal-week-block__back-img {
    right: 160px;
  }
}
@media only screen and (max-width: 1440px) {
  .deal-week-block__back-img {
    right: 270px;
  }
}
@media only screen and (max-width: 1200px) {
  .deal-week-block__back-img {
    right: 410px;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__back-img {
    right: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__back-img {
    right: 0;
  }
}
.deal-week-block__link-wrap {
  height: 340px;
  float: right;
}
@media (min-width: 1920px) {
  .deal-week-block__link-wrap {
    margin-left: 20px;
    float: left;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__link-wrap {
    height: 208px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__link-wrap {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .deal-week-block__link {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .deal-week-block__content-description {
    margin-bottom: 15px;
  }
}
.deal-week-block__content {
  margin-right: 0;
}
@media (min-width: 1920px) {
  .deal-week-block__content {
    float: right;
    margin-right: 30px;
  }
}

.best-release-block__content {
  float: right;
  margin-right: 0;
}
@media (min-width: 1920px) {
  .best-release-block__content {
    float: left;
    margin-right: 30px;
  }
}
@media (min-width: 1920px) {
  .best-release-block__link-wrap {
    float: right;
    padding-right: 90px;
  }
}
@media (max-width: 1740px) {
  .best-release-block__back-img {
    left: -180px;
  }
}
@media only screen and (max-width: 1200px) {
  .best-release-block__back-img {
    left: -320px;
  }
}
@media only screen and (max-width: 992px) {
  .best-release-block__back-img {
    left: -140px;
  }
}
@media only screen and (max-width: 767px) {
  .best-release-block__back-img {
    left: 0;
  }
}

.discount-block {
  height: 350px;
  background-image: url("../../img/landing/discount.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.discount-block .col-sm-6 {
  width: 50% !important;
}
@media only screen and (max-width: 767px) {
  .discount-block .col-sm-6 {
    padding: 0 !important;
  }
}
.discount-block .row {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .discount-block {
    height: 219px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block {
    height: 135px;
  }
}
.discount-block__info-wrap {
  padding-left: 130px;
  height: 350px;
  display: flex;
  align-items: center;
  transform-style: inherit;
}
@media (max-width: 1919px) {
  .discount-block__info-wrap {
    padding-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .discount-block__info-wrap {
    height: 219px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block__info-wrap {
    padding-left: 15px;
    height: 135px;
  }
}
.discount-block__info {
  transform: translateZ(-1px) scale(1);
  padding: 30px 70px 30px 30px;
  border-radius: 10px;
  backdrop-filter: blur(15px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(246, 246, 246, 0.1);
  max-width: 577px;
}
@media only screen and (max-width: 992px) {
  .discount-block__info {
    padding: 15px 70px 15px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block__info {
    padding: 15px;
  }
}
.discount-block__info h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  color: #f6f6f6;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
  .discount-block__info h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .discount-block__info h2 {
    font-size: 18px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block__info h2 {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
.discount-block__info p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #f5f5f5;
}
@media only screen and (max-width: 992px) {
  .discount-block__info p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block__info p {
    font-size: 12px;
  }
}
.discount-block__img {
  height: 100%;
  padding-right: 160px;
  float: right;
}
@media (max-width: 1919px) {
  .discount-block__img {
    padding-right: 0;
  }
}
.discount-block__img img {
  height: 100%;
  max-height: 350px;
}
@media only screen and (max-width: 992px) {
  .discount-block__img img {
    max-height: 219px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-block__img img {
    max-height: 150px;
    transform: translateY(-7px);
  }
}

.news-block {
  padding: 50px 0 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .news-block {
    padding: 30px 0 0;
    max-height: 340px;
    overflow: hidden;
  }
}
.news-block .container {
  position: relative;
}
.news-block .view-all {
  display: flex;
}
.news-block .skeleton-container-news {
  transition: 0.5s;
  position: absolute;
  left: 15px;
  bottom: 0;
  padding-top: 10px;
  background-color: #fff;
  z-index: 100;
  width: calc(100% - 30px);
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news {
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
}
.news-block .skeleton-container-news .placeholder {
  background: linear-gradient(90deg, #E5E5E5 0% 25%, #E5E5E5 50%, #E5E5E5 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
.news-block .skeleton-container-news .placeholder-dark {
  background: linear-gradient(90deg, #C9C9C9 0% 25%, #E1E1E1 50%, #C9C9C9 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
.news-block .skeleton-container-news .placeholder-img {
  background: linear-gradient(90deg, #f5f5f5 0% 25%, #E1E1E1 50%, #f5f5f5 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
@keyframes wave-placeholder {
  from {
    background-position: 100% 0%;
  }
  to {
    background-position: -100% 0%;
  }
}
.news-block .skeleton-container-news .skeleton-block {
  display: flex;
  background-color: #F9F9F9;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  height: 133px;
}
@media only screen and (max-width: 992px) {
  .news-block .skeleton-container-news .skeleton-block {
    height: 172px;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news .skeleton-block {
    height: 266px;
    max-width: 266px;
    min-width: 266px;
    margin: 0 5px 6px;
    flex-direction: column;
    -webkit-transform: scaleY(0.93) !important;
    -ms-transform: scaleY(0.93) !important;
    -moz-transform: scaleY(0.93) !important;
    transform: scaleY(0.93) !important;
  }
  .news-block .skeleton-container-news .skeleton-block:nth-child(2) {
    -webkit-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    -moz-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
  }
}
.news-block .skeleton-container-news .skeleton-block__img {
  min-width: 255px;
  max-width: 255px;
  border-radius: 10px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news .skeleton-block__img {
    min-width: 266px;
    max-width: 266px;
    height: 139px;
  }
}
.news-block .skeleton-container-news .skeleton-block__content {
  width: 100%;
  padding: 18px 20px;
}
@media only screen and (max-width: 992px) {
  .news-block .skeleton-container-news .skeleton-block__content {
    padding: 24px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news .skeleton-block__content {
    padding: 15px;
  }
}
.news-block .skeleton-container-news .skeleton-block__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.news-block .skeleton-container-news .skeleton-block__top-time {
  width: 70px;
  height: 14px;
  border-radius: 8px;
}
.news-block .skeleton-container-news .skeleton-block__top-view {
  display: flex;
}
.news-block .skeleton-container-news .skeleton-block__top-view .icon {
  width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
.news-block .skeleton-container-news .skeleton-block__top-view .num {
  width: 24px;
  height: 14px;
  border-radius: 8px;
}
.news-block .skeleton-container-news .skeleton-block__title {
  width: 50%;
  height: 22px;
  border-radius: 8px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news .skeleton-block__title {
    width: 100%;
  }
}
.news-block .skeleton-container-news .skeleton-block__text {
  width: 100%;
  height: 18px;
}
.news-block .skeleton-container-news .skeleton-block__text.w-40 {
  margin-top: 5px;
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .news-block .skeleton-container-news .skeleton-block__text.w-40 {
    width: 100%;
  }
}
.news-block .news-wrap {
  padding: 0;
  margin: 0;
  opacity: 0;
  background: none;
}
@media only screen and (max-width: 767px) {
  .news-block .news-wrap {
    margin: 0 -15px;
  }
  .news-block .news-wrap .slick-slide .news-item {
    transform: scaleY(0.92);
  }
  .news-block .news-wrap .slick-active .news-item {
    transform: scaleY(1);
  }
}
.news-block .news-item {
  margin-bottom: 30px;
  background: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  transition: 0.8s;
}
@media only screen and (max-width: 767px) {
  .news-block .news-item {
    flex-direction: column;
    max-width: 266px;
    margin: 0 5px;
  }
}
.news-block .news-item:hover {
  transform: scale(1.075);
  box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.1019607843);
}
.news-block .news-item:hover .title {
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .news-block .news-item:hover {
    transform: scale(1);
  }
}
.news-block .news-item .img-wrap {
  border-radius: 10px;
  overflow: hidden;
  max-width: 255px;
  min-width: 255px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 992px) {
  .news-block .news-item .img-wrap {
    max-width: 329px;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .news-item .img-wrap {
    max-width: 100%;
    height: 139px;
  }
}
.news-block .news-item .img-wrap img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.news-block .news-item .wrap-info {
  padding: 13px 20px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .news-block .news-item .wrap-info {
    padding: 24px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .news-item .wrap-info {
    padding: 14px 15px;
  }
}
.news-block .news-item .wrap-info .time {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.news-block .news-item .wrap-info .time .time-left {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.news-block .news-item .wrap-info .time .view {
  display: flex;
  align-items: center;
}
.news-block .news-item .wrap-info .time .view span {
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
  padding-left: 5px;
  padding-top: 2px;
}
.news-block .news-item .wrap-info .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #505050;
  transition: 0.8s;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .news-block .news-item .wrap-info .title {
    height: 48px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .news-item .wrap-info .title {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}
.news-block .news-item .wrap-info .info {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  transition: 0.8s;
  color: #9d9d9d;
  height: 47px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 992px) {
  .news-block .news-item .wrap-info .info {
    font-size: 14px;
    height: 39px;
  }
}
@media only screen and (max-width: 767px) {
  .news-block .news-item .wrap-info .info {
    font-size: 14px;
  }
}

.products-block {
  overflow: hidden;
  min-height: 710px;
}
.products-block .container {
  position: relative;
}
@media (min-width: 993px) and (max-width: 1919px) {
  .products-block .col-xs-12:nth-child(7), .products-block .col-xs-12:nth-child(8) {
    display: none !important;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .products-block {
    min-height: 770px;
  }
}
@media (max-width: 1639px) {
  .products-block {
    min-height: 680px;
  }
}
@media only screen and (max-width: 1440px) {
  .products-block {
    min-height: 702px;
  }
}
@media only screen and (max-width: 1200px) {
  .products-block {
    min-height: 612px;
  }
}
@media only screen and (max-width: 992px) {
  .products-block {
    max-height: 345px;
    min-height: 345px;
    overflow: hidden;
  }
  .products-block .title-block-landing {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products-block {
    max-height: 295px;
    min-height: 295px;
  }
}

@media only screen and (max-width: 992px) {
  .slider-landing-products {
    margin: 0 -15px !important;
    opacity: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-landing-products .slick-slide .col-xs-12 {
    padding: 0 5px !important;
  }
  .slider-landing-products .slick-slide .home-cart {
    overflow: hidden;
    transform: scaleY(0.89) !important;
  }
  .slider-landing-products .slick-active .home-cart {
    transform: scale(1) !important;
  }
  .slider-landing-products .slick-active .home-cart .bookmark-toggle {
    right: 0 !important;
  }
  .slider-landing-products .slick-active .home-cart .home-cart__wrap-container {
    transform: scaleY(1) !important;
  }
  .slider-landing-products .slick-active .home-cart .home-cart__img-wrap {
    border-radius: 0 12px 0 0;
    overflow: hidden;
  }
}

.home-cart {
  margin-bottom: 30px;
  background: #f5f5f5;
  border-radius: 10px;
  transition: 0.8s;
}
@media only screen and (max-width: 992px) {
  .home-cart {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .home-cart {
    max-width: 266px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.home-cart:hover {
  transform: scale(1.07);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.05), -2px -2px 8px 0 rgba(0, 0, 0, 0.05);
}
.home-cart:hover .bookmark-toggle {
  right: -2px;
}
.home-cart:hover .home-cart__img-wrap {
  border-radius: 0 12px 0 0;
  overflow: hidden;
}
.home-cart:hover .home-cart__price-wrap {
  backdrop-filter: none;
}
.home-cart:hover .home-cart__video-wrap {
  opacity: 1;
}
.home-cart__link {
  white-space: nowrap;
}
.home-cart__wrap-container {
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  max-height: 215px;
  height: 215px;
  padding-top: 0.5px;
  padding-right: 0.5px;
  transition: 0.3s;
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .home-cart__wrap-container {
    max-height: 245px;
    height: 245px;
  }
}
@media (max-width: 1639px) {
  .home-cart__wrap-container {
    max-height: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 1440px) {
  .home-cart__wrap-container {
    max-height: 211px;
    height: 211px;
  }
}
@media only screen and (max-width: 1200px) {
  .home-cart__wrap-container {
    max-height: 166px;
    height: 166px;
  }
}
@media only screen and (max-width: 992px) {
  .home-cart__wrap-container {
    max-height: 181px;
    height: 181px;
  }
}
@media only screen and (max-width: 767px) {
  .home-cart__wrap-container {
    max-height: 152px;
    height: 152px;
  }
}
.home-cart .bookmark-toggle {
  position: absolute;
  transition: 0.8s;
  right: -58px;
  top: -7px;
  width: 51px;
  height: 44px;
  border-radius: 0 10px 0 10px;
  background-color: #F5F5F5;
  z-index: 6;
}
.home-cart .bookmark-toggle svg {
  transition: 0.2s;
}
.home-cart .bookmark-toggle svg path {
  transition: 0.2s;
}
.home-cart .bookmark-toggle:hover svg {
  fill: #F75A01;
}
.home-cart .bookmark-toggle:hover svg path {
  stroke: #F75A01 !important;
}
.home-cart .bookmark-toggle .button-favorite {
  position: absolute;
  padding-top: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 27px;
  height: 24px;
}
.home-cart .bookmark-toggle .button-favorite.active svg {
  fill: #F75A01;
}
.home-cart .bookmark-toggle .button-favorite.active svg path {
  stroke: #F75A01;
}
.home-cart__img-wrap-container {
  position: relative;
  z-index: 3;
}
.home-cart__img-wrap {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.home-cart__img-wrap img {
  width: 100%;
}
@media (min-width: 1920px) {
  .home-cart__img-wrap img {
    height: 218px;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .home-cart__img-wrap img {
    height: 250px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .home-cart__img-wrap img {
    height: 215px;
  }
}
.home-cart__video-wrap {
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .home-cart__video-wrap {
    display: none !important;
  }
}
.home-cart__video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  object-fit: cover;
  overflow: hidden;
}
.home-cart__price-wrap {
  z-index: 5;
  position: absolute;
  transition: 0.6s all;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  display: flex;
  backdrop-filter: blur(25px);
  background: rgba(31, 31, 31, 0.2);
  justify-content: space-between;
  padding: 5px 15px;
}
@media only screen and (max-width: 1200px) {
  .home-cart__price-wrap {
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 992px) {
  .home-cart__price-wrap {
    padding: 3px 15px;
  }
}
.home-cart__platforms {
  display: flex;
  align-items: center;
  transition: 0.6s;
}
.home-cart__platforms .platform {
  width: 32px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-right: 10px;
}
.home-cart__platforms .platform.item-1 {
  background-image: url("../../img/icons/platforms/other.svg");
}
.home-cart__platforms .platform.item-2, .home-cart__platforms .platform.item-7 {
  background-image: url("../../img/icons/platforms/playstation.svg");
}
.home-cart__platforms .platform.item-4, .home-cart__platforms .platform.item-11, .home-cart__platforms .platform.item-12, .home-cart__platforms .platform.item-13, .home-cart__platforms .platform.item-14, .home-cart__platforms .platform.item-15 {
  background-image: url("../../img/icons/platforms/pc.svg");
}
.home-cart__platforms .platform.item-5, .home-cart__platforms .platform.item-6, .home-cart__platforms .platform.item-9, .home-cart__platforms .platform.item-10 {
  background-image: url("../../img/icons/platforms/nintendo.svg");
}
.home-cart__platforms .platform.item-3, .home-cart__platforms .platform.item-8 {
  background-image: url("../../img/icons/platforms/xbox.svg");
}
.home-cart__platforms .platform.item-16 {
  background-image: url("../../img/icons/platforms/mobile.svg");
}
.home-cart__price {
  transition: 0.6s;
  font-family: "Avenir-Light", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.36364;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
}
@media (max-width: 1639px) {
  .home-cart__price {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1200px) {
  .home-cart__price {
    font-size: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .home-cart__price {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .home-cart__price {
    font-size: 16px;
  }
}
.home-cart__info {
  padding: 10px 15px;
  transition: 0.6s;
}
.home-cart__info a {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  transition: 0.6s;
  line-height: 1.4;
  color: #505050 !important;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #F5F5F5 90%, transparent);
}
@media (max-width: 1639px) {
  .home-cart__info {
    font-size: 16px;
  }
}

.skeleton-container {
  background-color: #fff;
  position: absolute;
  width: 100%;
  opacity: 1;
  transition: 0.5s;
  left: 15px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .skeleton-container {
    display: flex;
    left: 53%;
    transform: translateX(-50%);
    width: auto;
  }
}
@media only screen and (max-width: 992px) {
  .skeleton-container .col-xs-12 {
    display: none;
    width: 50% !important;
  }
  .skeleton-container .col-xs-12:nth-child(-n+2) {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .skeleton-container .col-xs-12 {
    padding: 0 5px !important;
    width: 100% !important;
    max-width: 276px;
    min-width: 276px;
    -webkit-transform: scaleY(0.93) !important;
    -ms-transform: scaleY(0.93) !important;
    -moz-transform: scaleY(0.93) !important;
    transform: scaleY(0.93) !important;
  }
  .skeleton-container .col-xs-12:nth-child(-n+3) {
    display: block !important;
  }
  .skeleton-container .col-xs-12:nth-child(2) {
    -webkit-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    -moz-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
  }
}
.skeleton-container .skeleton-block {
  margin-bottom: 30px;
  background-color: #F5F5F5;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .skeleton-container .skeleton-block {
    margin-bottom: 0;
  }
}
.skeleton-container .skeleton-block .placeholder {
  background: linear-gradient(90deg, #F5F5F5 0% 25%, #E5E5E5 50%, #F5F5F5 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
.skeleton-container .skeleton-block .placeholder-light {
  background: linear-gradient(90deg, #fff 0% 25%, #E1E1E1 50%, #fff 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
.skeleton-container .skeleton-block .placeholder-img {
  background: linear-gradient(90deg, #f5f5f5 0% 25%, #E1E1E1 50%, #f5f5f5 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1.5s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
@keyframes wave-placeholder {
  from {
    background-position: 100% 0%;
  }
  to {
    background-position: -100% 0%;
  }
}
.skeleton-container .skeleton-block__img {
  height: 171px;
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .skeleton-container .skeleton-block__img {
    height: 201px;
  }
}
@media (max-width: 1639px) {
  .skeleton-container .skeleton-block__img {
    height: 164px;
  }
}
@media only screen and (max-width: 1440px) {
  .skeleton-container .skeleton-block__img {
    height: 175px;
  }
}
@media only screen and (max-width: 1200px) {
  .skeleton-container .skeleton-block__img {
    height: 135px;
  }
}
@media only screen and (max-width: 992px) {
  .skeleton-container .skeleton-block__img {
    height: 145px;
  }
}
@media only screen and (max-width: 767px) {
  .skeleton-container .skeleton-block__img {
    height: 121px;
  }
}
.skeleton-container .skeleton-block__platforms {
  height: 44px;
  background-color: #CACACA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.skeleton-container .skeleton-block__platforms-left {
  display: flex;
}
.skeleton-container .skeleton-block__platforms-right .price {
  height: 30px;
  width: 83px;
  border-radius: 4px;
}
@media only screen and (max-width: 1200px) {
  .skeleton-container .skeleton-block__platforms-right .price {
    height: 25px;
    width: 60px;
  }
}
.skeleton-container .skeleton-block__platforms .platform {
  width: 32px;
  height: 25px;
  margin-right: 10px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .skeleton-container .skeleton-block__platforms .platform {
    width: 25px;
  }
}
@media (max-width: 1639px) {
  .skeleton-container .skeleton-block__platforms {
    height: 36px;
  }
}
@media only screen and (max-width: 1200px) {
  .skeleton-container .skeleton-block__platforms {
    height: 31px;
  }
}
@media only screen and (max-width: 992px) {
  .skeleton-container .skeleton-block__platforms {
    height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .skeleton-container .skeleton-block__platforms {
    height: 31px;
  }
}
.skeleton-container .skeleton-block__title {
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.skeleton-container .skeleton-block__title .title {
  height: 24px;
  width: 115px;
}

body.login {
  padding-top: 0;
}
body.modal-open {
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  body.modal-open {
    padding-right: 0;
  }
}
body.modal-open .header-inner__fixed-wrap {
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  body.modal-open .header-inner__fixed-wrap {
    padding-right: 0;
  }
}

.notification-background-item {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #FFFFFF;
  z-index: 9;
  transition: 0.5s;
}
.notification-background-item.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1024px) {
  .notification-background-item {
    display: none !important;
  }
}
.notification-mobile-container {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .notification-mobile-container {
    display: block;
  }
}
.notification-fade {
  position: absolute;
  bottom: 54px;
  width: 100%;
  height: 30px;
  background: linear-gradient(0deg, #171f2a 0%, rgba(23, 31, 42, 0.6) 100%);
  opacity: 0;
  visibility: hidden;
}
.notification-fade.active {
  opacity: 1;
  visibility: visible;
}
.notification.read .notification-category-text {
  color: #505050;
}
.notification.read .notification-text {
  color: #9ba1ab;
}
.notification.read .notification-text a {
  color: #9ba1ab !important;
}
.notification-bottom {
  position: relative;
}
.notification-alert-mark {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 0;
  padding: 10px 30px;
  justify-content: center;
  background-color: #FFFFFF;
  color: #1F1F1F;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  transform: translateY(41px);
  opacity: 0;
  transition: 0.5s;
}
.notification-alert-mark.active {
  opacity: 1;
  transform: translateY(0);
}
.notification-flex-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notification-wrap {
  position: absolute;
  width: 500px;
  top: calc(100% + 22px);
  right: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  z-index: 30;
  color: #f6f6f6;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all;
}
@media only screen and (max-width: 1024px) {
  .notification-wrap {
    box-shadow: none;
  }
}
.notification-wrap.active {
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width: 1024px) {
  .notification-wrap[data-device=desktop] {
    display: none;
  }
  .notification-wrap[data-device=desktop].active {
    opacity: 0;
  }
  .notification-wrap[data-device=mobile] {
    display: block;
  }
  .notification-wrap[data-device=mobile].active {
    opacity: 1;
  }
}
@media only screen and (min-width: 1023px) {
  .notification-wrap[data-device=desktop] {
    display: block;
  }
  .notification-wrap[data-device=mobile] {
    display: none;
  }
}
.notification-wrap .slick-list,
.notification-wrap .slick-track {
  width: 100%;
}
.notification-wrap .slick-arrow {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  background: #37475f;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.notification-wrap .slick-arrow.slick-next {
  right: 0;
  border-radius: 0px 4px 4px 0px;
}
.notification-wrap .slick-arrow.slick-prev {
  left: 0;
  border-radius: 4px 0px 0px 4px;
}
.notification-wrap .timeline-group {
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .notification-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 62px;
    width: 100%;
    height: calc(100% - 62px);
    z-index: 9999;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .notification-wrap {
    top: 44px;
    height: calc(100% - 44px);
  }
}
.notification-top {
  position: relative;
  padding: 30px 40px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 992px) {
  .notification-top {
    z-index: 100;
  }
}
@media only screen and (max-width: 767px) {
  .notification-top {
    padding: 20px 16px 16px 15px;
  }
}
.notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 30px !important;
  line-height: 15px !important;
  border-radius: 10px 10px 0px 0px !important;
  height: auto !important;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .notification-header {
    justify-content: initial;
  }
}
.notification-header::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 10px;
  width: 16px;
  height: 7px;
  background-image: url("../img/header/arrow-top.svg");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .notification-header {
    padding: 0 !important;
  }
  .notification-header::before {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .notification-header {
    padding: 0 !important;
  }
  .notification-header::before {
    display: none;
  }
}
.notification-header__title {
  display: none;
  gap: 10px;
}
@media only screen and (max-width: 992px) {
  .notification-header__title {
    display: flex;
  }
}
.notification-header__link {
  display: flex;
  position: relative;
  width: 24px;
  height: 25px;
}
.notification-body {
  position: relative;
  display: none;
  background-color: #F5F5F5;
}
.notification-body.active {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .notification-body {
    height: auto !important;
    flex: 1 0 0;
    overflow: hidden;
  }
}
.notification-body-content {
  position: relative;
  max-height: 100%;
  padding: 0 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.notification-body-content::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.notification-body-content::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.notification-body-content.faded {
  -webkit-mask-image: linear-gradient(180deg, transparent, black 0% 90%, transparent);
}
.notification-body-content.faded.faded-top {
  -webkit-mask-image: linear-gradient(180deg, transparent, black 10% 90%, transparent);
}
.notification-body-content.faded-top {
  -webkit-mask-image: linear-gradient(180deg, transparent, black 10% 90%, transparent);
}
@media only screen and (max-width: 1024px) {
  .notification-body-content {
    flex: 1 0 0;
    max-height: 100%;
  }
}
.notification-body-content .notification {
  position: relative;
  left: 0;
  margin: 5px 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  background: #fff !important;
  border-radius: 4px !important;
  cursor: pointer;
}
.notification-body-content .notification:first-child {
  margin-top: 0;
}
.notification-body-content .notification.read .notification-category-text::before {
  background-color: #9ba1ab;
}
.notification-body-content .deliver {
  margin: -8px 0 0;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
  color: rgba(0, 0, 0, 0.5);
}
.notification-body-content .deliver span {
  display: inline-block;
  padding: 0 5px;
  background: #efefef;
}
.notification-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Avenir-Next", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: capitalize;
  color: #1F1F1F;
}
.notification-title a {
  display: flex;
  color: #9ba1ab;
}
.notification-title a:hover {
  color: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .notification-title a {
    display: none;
  }
}
.notification-title a svg {
  fill: currentColor;
  transition: 0.5s;
}
@media only screen and (max-width: 767px) {
  .notification-title {
    font-size: 22px;
  }
}
.notification-close {
  display: flex;
  align-items: center;
}
.notification-settings {
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .notification-settings {
    position: relative;
    display: flex;
    flex: 1 0 0;
    justify-content: flex-end;
  }
}
.notification-open-settings {
  display: flex;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .notification-open-settings {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .notification-open-settings {
    display: flex;
  }
}
.notification-read {
  display: flex;
}
.notification-read .options {
  display: flex;
  align-items: center;
  gap: 10px;
}
.notification-read a {
  color: #9D9D9D !important;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.notification-read a:hover {
  color: #4E8AFF !important;
}
@media only screen and (max-width: 767px) {
  .notification-read {
    display: none;
  }
}
.notification-tabs {
  position: relative;
  display: flex;
  border: none;
}
.notification-tabs__item {
  background: #F0F0F2;
  padding: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.notification-tabs__wrap {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .notification-tabs-wrapper {
    padding: 4px;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #F0F0F2;
  }
}
.notification-tabs-item {
  position: relative;
  z-index: 2;
  flex: 1 0 0;
}
.notification-tabs-item.active {
  border-radius: 0 4px 4px 0;
  pointer-events: none;
}
.notification-tabs-item.active .notificator-tabs-link {
  background: transparent;
  color: #F6F6F6 !important;
  pointer-events: none;
  font-weight: 600;
}
.notification-tabs-item.active .notification-tabs-title {
  font-family: "Avenir-Next", sans-serif;
  color: #F6F6F6 !important;
  font-weight: 600;
}
.notification-tabs-item.active .count {
  font-family: "Avenir-Next", sans-serif;
  color: #4E8AFF;
  background-color: #f6f6f6;
}
.notification-tabs-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #9D9D9D !important;
  padding: 7px 20px !important;
  height: 34px;
  border: none !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.notification-tabs-link:hover, .notification-tabs-link:focus {
  background-color: transparent;
  border: none;
}
.notification-tabs-title {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px !important;
  line-height: initial;
  text-transform: uppercase;
  transition: 0.3s;
}
.notification-tabs .count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 100px;
  min-width: 18px;
  height: 18px;
  color: #9D9D9D;
  background-color: #E5E5E5;
  padding: 2px 5px;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  transition: 0.3s;
}
.notification-tabs .indicator {
  background-color: #4E8AFF;
  border-radius: 4px;
}
.notification-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  padding: 15px 20px !important;
  z-index: 10;
}
.notification-footer:hover {
  color: inherit !important;
  background: transparent !important;
}
@media only screen and (max-width: 1024px) {
  .notification-footer {
    background-color: #FFFFFF;
    padding: 0;
  }
  .notification-footer.alert-open {
    box-shadow: none;
    border-radius: 0 0 8px 8px;
  }
}
.notification-footer a {
  display: flex !important;
  align-items: center;
  padding: 0 !important;
  gap: 10px;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.notification-footer a.read-all {
  color: #505050 !important;
  font-weight: 400;
}
.notification-footer a.show-all {
  color: #4E8AFF !important;
  font-weight: 600;
  justify-content: flex-end;
}
.notification-footer a.show-all:hover {
  color: #1767FF !important;
}
.notification-footer a:not(.btn-mobile) .btn-preloader--gray {
  background-color: #354051 !important;
  border-radius: 0px 0px 10px 10px !important;
}
.notification-footer a:not(.btn-mobile)::after {
  border-radius: 0px 0px 10px 10px !important;
  background-color: #354051 !important;
}
.notification-footer a .img {
  position: relative;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .notification-footer {
    position: relative;
    width: 100%;
    border-radius: 0;
    background: transparent;
    padding: 0 !important;
    z-index: 100;
  }
  .notification-footer a {
    background-color: transparent;
    align-items: center;
    justify-content: center;
    height: 54px;
    color: #1767FF !important;
  }
}
.notification-list-settings {
  display: none;
  position: absolute;
  right: -9px;
  top: calc(100% + 9px);
  z-index: 10;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}
.notification-list-settings::before {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 7px solid #FFFFFF;
}
.notification-list-settings li:hover {
  background-color: #FFFFFF;
  color: #f6f6f6;
}
.notification-list-settings li:hover svg {
  fill: #f6f6f6;
}
.notification-list-settings li {
  padding: 15px 20px;
  background-color: #FFFFFF;
  color: #c0c3c9;
  line-height: 1.5;
  font-size: 16px;
  font-family: "Avenir Next", sans-serif;
}
.notification-list-settings li a {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #9D9D9D !important;
  font-family: "Avenir Next", sans-serif;
}
.notification-list-settings li:first-child {
  border-radius: 6px 6px 0 0;
}
.notification-list-settings li:last-child {
  border-radius: 0 0 6px 6px;
}
.notification-list-settings li svg {
  fill: #9ba1ab;
}
.notification-item-empty {
  position: absolute;
  top: calc(100% + 22px);
  right: 0;
  padding: 15px;
  min-width: 250px;
  width: 100% !important;
  text-align: center;
  border-radius: 8px;
  background-color: #fff !important;
  z-index: 10;
}
.notification-item-empty::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 12px;
  width: 18px;
  height: 7px;
  background-image: url("../img/header/arrow-top.svg");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .notification-item-empty::before {
    right: 15px;
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 1024px) {
  .notification-item-empty {
    right: inherit;
    left: -13px;
    max-width: 218px;
    height: max-content;
  }
  .notification-item-empty::before {
    right: inherit;
    left: 15px;
  }
}
.notification-item-empty svg {
  display: flex;
  margin: 0 auto;
}
.notification-date {
  display: flex;
  align-items: center;
  color: #9D9D9D;
  margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
  .notification-date {
    padding: 0;
  }
}
.notification-date .date {
  flex-shrink: 0;
  color: #9D9D9D;
  font-size: 12px;
  font-family: "Roboto-Light", sans-serif;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .notification-date {
    padding: 0;
  }
}
.notification-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  border-radius: 0;
  transition: box-shadow 0.5s;
}
@media only screen and (max-width: 767px) {
  .notification-content {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 992px) {
  .notification-content {
    border-radius: 4px;
  }
}
.notification-content .notifications-link {
  position: absolute;
  opacity: 0;
  width: 24px;
  height: 25px;
  right: 10px;
  top: 20px;
  margin-left: 5px;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  .notification-content .notifications-link {
    position: relative;
    top: 10px;
    right: 0;
    opacity: 1;
    visibility: visible;
  }
}
.notification-content.active {
  align-items: flex-start;
}
.notification-content.active .notification__content-text {
  width: calc(100% - 26px);
}
.notification-content.active .notifications-link {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.notification-content:hover {
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
.notification-content:hover .notifications-link {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.notification-content:hover .notification__content-text {
  width: calc(100% - 26px);
}
.notification-content:hover .notification-text {
  color: #9ba1ab;
}
.notification-content:hover .notification-text a {
  color: #9ba1ab !important;
}
.notification-content:hover .notification-category-text::before {
  background-color: #9ba1ab;
}
.notification-text {
  color: #1F1F1F;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  transition: 0.5s;
  height: 20px;
  overflow: hidden;
}
.notification-text a {
  color: #1F1F1F !important;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
}
.notification-text:not(.active) {
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, #212937 90%, rgba(33, 41, 55, 0) 100%);
}
.notification-category-text {
  display: flex;
  align-items: center;
  color: #1F1F1F;
  margin-bottom: 8px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 1.4;
}
.notification-category-text::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 20px;
  border-radius: 50%;
  display: block;
  transition: 0.5s;
}
.notification-category-text.blue::before {
  background-color: #00c2ff;
}
.notification-category-text.green::before {
  background-color: #46ca43;
}
.notification-category-text.red::before {
  background-color: #ff6161;
}
.notification-category-text.yellow::before {
  background-color: #ffc700;
}
.notification-category-time {
  display: flex;
  margin-left: 20px;
  color: #9ba1ab;
  font-size: 10px;
  font-family: "Roboto-Light", sans-serif;
  line-height: 1.2;
}
.notification-empty {
  margin-top: 10px;
  text-align: center;
}
.notification-empty-text {
  margin-top: 10px;
  color: #505050;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
.notification__content-text {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
}

.background-page {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  background-color: rgba(31, 31, 31, 0.7);
  pointer-events: none;
  opacity: 0;
  z-index: 1000;
  transition: opacity 0.5s;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
@media only screen and (max-width: 767px) {
  .background-page {
    top: 44px;
  }
}
.background-page.open-filters {
  z-index: 100;
}
.background-page.active {
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: all;
}
.background-page.sidebar-open {
  z-index: 9999;
}

.header-inner {
  width: 100%;
  min-width: 320px;
  position: relative;
}
.header-inner__fixed-wrap {
  width: 100%;
  position: fixed;
  z-index: 1200;
  padding: 10px 0;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
.header-inner__container-top {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-inner__container-top {
    align-items: center;
    justify-content: space-between;
  }
}
.header-inner__container-top::before {
  display: none;
}
.header-inner__container-top::after {
  display: none;
}
.header-inner__search--mob {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header-inner__search--mob {
    display: flex;
  }
}
.header-inner__search--mob button {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
}
.header-inner__search--mob button.active .open-search {
  opacity: 0;
}
.header-inner__search--mob button.active .close-search {
  opacity: 1;
}
.header-inner__search--mob button span {
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  transition: opacity 0.5s;
}
.header-inner__search--mob button span.open-search {
  opacity: 1;
}
.header-inner__search--mob button span.close-search {
  opacity: 0;
}
.header-inner__col {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-inner__col--left {
    width: fit-content;
    margin-top: 0;
  }
}
.header-inner__col--center {
  position: relative;
  flex-grow: 1;
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.header-inner__col--center:before, .header-inner__col--center:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 1px;
  height: 24px;
  background-color: #E5E5E5;
  transform: translateY(-50%);
}
.header-inner__col--center:before {
  left: 0;
}
.header-inner__col--center:after {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .header-inner__col--center {
    display: none;
  }
}
.header-inner__col--right {
  margin: 0 !important;
  padding: 0 !important;
}
@media only screen and (max-width: 1200px) {
  .header-inner__col--right {
    width: auto;
  }
}
@media only screen and (max-width: 992px) {
  .header-inner__col--right {
    display: none;
    width: 100%;
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-inner__col--right {
    display: none;
  }
}
.header-inner__col--mob {
  display: none;
  width: fit-content;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .header-inner__col--mob {
    display: flex;
  }
}
@media only screen and (max-width: 992px) {
  .header-inner__col--mob {
    display: flex;
  }
}
.header-inner__catalog-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 78px;
  height: 100%;
  background-color: #4E8AFF;
  border-radius: 4px;
  cursor: pointer;
}
.header-inner__catalog-button.active span:last-child {
  transform: rotateX(180deg);
}
.header-inner__catalog-button span {
  display: flex;
}
.header-inner__catalog-button span:last-child {
  transition: transform 0.5s;
  transform: rotateX(0);
}
.header-inner__header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-inner__header-logo picture {
  display: flex;
  width: 114px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .header-inner__header-logo picture {
    width: 69px;
    height: 24px;
  }
}
.header-inner__nav-list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-inner__nav-list:first-child {
  position: relative;
  margin-right: 30px;
  padding-right: 30px;
}
.header-inner__nav-list:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1px;
  height: 24px;
  background-color: #E5E5E5;
  transform: translateY(-50%);
  right: 0;
}
.header-inner__nav-item {
  position: relative;
  width: 44px;
  height: 40px;
}
.header-inner__nav-item > a {
  color: #9D9D9D;
  cursor: default;
}
.header-inner__nav-item > a:hover, .header-inner__nav-item > a:focus, .header-inner__nav-item > a.active {
  color: #9D9D9D;
}
.header-inner__nav-item--notifications a {
  color: #9D9D9D;
  cursor: pointer;
}
.header-inner__nav-item--notifications a:hover img, .header-inner__nav-item--notifications a:focus img, .header-inner__nav-item--notifications a.active img {
  position: absolute;
}
.header-inner__nav-item--notifications a:hover img.default, .header-inner__nav-item--notifications a:focus img.default, .header-inner__nav-item--notifications a.active img.default {
  opacity: 0;
}
.header-inner__nav-item--notifications a:hover img.active, .header-inner__nav-item--notifications a:focus img.active, .header-inner__nav-item--notifications a.active img.active {
  opacity: 1;
}
.header-inner__nav-item--bookmarks .js-remove-bookmark.active {
  cursor: pointer;
}
.header-inner__nav-item--bookmarks .js-remove-bookmark.active img {
  position: absolute;
}
.header-inner__nav-item--bookmarks .js-remove-bookmark.active img.default {
  opacity: 0;
}
.header-inner__nav-item--bookmarks .js-remove-bookmark.active img.active {
  opacity: 1;
}
.header-inner__nav-item--bookmarks .js-bookmarks-url {
  cursor: pointer;
}
.header-inner__nav-item--bookmarks .js-bookmarks-url:hover img, .header-inner__nav-item--bookmarks .js-bookmarks-url:focus img, .header-inner__nav-item--bookmarks .js-bookmarks-url.active img {
  position: absolute;
}
.header-inner__nav-item--bookmarks .js-bookmarks-url:hover img.default, .header-inner__nav-item--bookmarks .js-bookmarks-url:focus img.default, .header-inner__nav-item--bookmarks .js-bookmarks-url.active img.default {
  opacity: 0;
}
.header-inner__nav-item--bookmarks .js-bookmarks-url:hover img.active, .header-inner__nav-item--bookmarks .js-bookmarks-url:focus img.active, .header-inner__nav-item--bookmarks .js-bookmarks-url.active img.active {
  opacity: 1;
}
.header-inner__nav-item--card .js-cart-button {
  color: #9D9D9D;
  cursor: pointer;
}
.header-inner__nav-item--card .js-cart-button:hover img, .header-inner__nav-item--card .js-cart-button:focus img, .header-inner__nav-item--card .js-cart-button.active img {
  position: absolute;
}
.header-inner__nav-item--card .js-cart-button:hover img.default, .header-inner__nav-item--card .js-cart-button:focus img.default, .header-inner__nav-item--card .js-cart-button.active img.default {
  opacity: 0;
}
.header-inner__nav-item--card .js-cart-button:hover img.active, .header-inner__nav-item--card .js-cart-button:focus img.active, .header-inner__nav-item--card .js-cart-button.active img.active {
  opacity: 1;
}
.header-inner__nav-item .header-inner__nav-images {
  display: flex;
  position: relative;
  width: 24px;
  height: 24px;
}
.header-inner__nav-item .header-inner__nav-images img {
  position: absolute;
  transition: opacity 0.5s;
}
.header-inner__nav-item .header-inner__nav-images img.default {
  opacity: 1;
}
.header-inner__nav-item .header-inner__nav-images img.active {
  opacity: 0;
}
.header-inner__nav-item .header-inner__nav-container {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-inner__nav-item .header-inner__nav-arrow {
  margin-left: 7px;
  width: 10px;
  height: 8px;
}
.header-inner__nav-item .header-inner__count-informer {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 3px;
  background-color: #F75A01;
  position: absolute;
  top: -1px;
  right: 3px;
  z-index: 9;
  color: #F6F6F6;
  border-radius: 10px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.2;
  color: #fff;
}
.header-inner__nav-item--chat {
  display: none !important;
}
.header-inner__nav-item--lang {
  display: none !important;
  min-width: 80px;
}
.header-inner__nav-item--lang .header-inner__nav-img {
  width: 20px !important;
  height: 15px !important;
  margin-right: 5px !important;
}
.header-inner__nav-item--currency {
  min-width: 80px;
  display: none !important;
}
.header-inner__nav-item--currency .symbol {
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--notifications {
    display: none !important;
  }
}
.header-inner__nav-item--notifications .header-inner__nav-img {
  width: 18px;
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--chat {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--bookmarks {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--card {
    display: none !important;
  }
}
.header-inner__nav-item--card .header-inner__nav-container img {
  pointer-events: none;
}
.header-inner__nav-item--card .cart-cost {
  display: none;
}
.header-inner__nav-item--login-link {
  min-width: 75px;
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--login-link {
    display: none !important;
  }
}
.header-inner__nav-item--signIn-link {
  min-width: 87px;
}
@media only screen and (max-width: 767px) {
  .header-inner__nav-item--signIn-link {
    display: none !important;
  }
}
.header-inner__nav-item--mob-search {
  width: 40px;
}
.header-inner__nav-item--mob-search img {
  width: 100%;
}
.header-inner__nav-item--mob {
  display: none !important;
  min-width: auto !important;
  padding: 0 !important;
  background: none !important;
  z-index: 200;
}
.header-inner__nav-item.view-informer .count-informer {
  display: flex;
}
.header-inner__dropdown-menu {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  background: #13192a !important;
  border-radius: 4px !important;
  overflow: hidden;
}
.header-inner__dropdown-menu .header-inner__dropdown-item {
  width: 100%;
  height: 42px !important;
  padding: 0 10px 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 4px solid transparent !important;
  font-family: "Roboto-Regular", sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: 0.2s;
  cursor: pointer;
}
.header-inner__dropdown-menu .header-inner__dropdown-item:hover, .header-inner__dropdown-menu .header-inner__dropdown-item:focus {
  background: #33384c !important;
  border-left: 4px solid #f75a01 !important;
}
.header-inner .dropdown-button {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.header-search .search-form {
  height: 100%;
}
.header-search__filter {
  display: flex;
  align-items: center;
  color: #9D9D9D;
  transition: 0.5s color;
  cursor: pointer;
}
.header-search__filter:hover, .header-search__filter:focus {
  color: #4E8AFF;
}
.header-search__fiters-wrap {
  position: absolute;
  right: 30px;
  top: calc(100% + 15px);
  min-width: 300px;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1019607843);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: visibility 0.5s, opacity 0.5;
}
@media only screen and (max-width: 767px) {
  .header-search__fiters-wrap {
    min-width: unset;
    width: calc(100% - 30px);
    top: calc(100% + 5px);
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.header-search__fiters-wrap.active {
  opacity: 1;
  visibility: visible;
}
.header-search__filter-chips {
  position: absolute;
  right: 45px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  gap: 10px;
  padding: 7px 10px;
  background-color: #E5E5E5;
}
.header-search__filter-chips span {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .header-search__filter-chips {
    right: 28px;
  }
}
.header-search__filter-chips-remove {
  width: 14px;
  height: 14px;
  background: url("/img/header/сlose.svg") no-repeat center;
  background-size: 14px;
}
.header-search__fiters-list-button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  gap: 15px;
  background-color: transparent;
  color: rgb(157, 157, 157);
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  transition: background-color 0.5s, color 0.5s;
}
.header-search__fiters-list-button.active {
  background-color: rgba(78, 138, 255, 0.1);
  color: rgb(78, 138, 255);
}
.header-search__fiters-list-button:hover {
  background-color: rgba(78, 138, 255, 0.1);
  color: rgb(78, 138, 255);
}
.header-search__field {
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 15px;
}
.header-search__field input[type=text] {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  color: #1f1f1f !important;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
.header-search__field input[type=text]::placeholder {
  color: #9D9D9D !important;
}
.header-search__field input[type=text]:hover, .header-search__field input[type=text]:focus {
  color: #1f1f1f !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.header-search__form-wrap {
  flex-grow: 1;
  border-radius: 4px;
  padding: 4px 15px 4px 15px;
  background-color: #F5F5F5;
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .header-search__form-wrap {
    margin-left: 0;
  }
}
.header-search__form-wrap-mob {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  width: 100%;
  margin: 0;
  padding: 10px 16px;
  background-color: #FFFFFF;
}
.header-search__form-wrap-mob-item {
  display: flex;
  gap: 5px;
}
.header-search__wrap {
  display: flex;
  height: 100%;
}
.header-search__wrap--group {
  display: flex;
  align-items: center;
  width: 100%;
}
.header-search__wrap .header-search__form-submit {
  display: flex;
  align-items: center;
  color: #9D9D9D;
  transition: 0.2s color;
}
.header-search__wrap .header-search__form-submit:hover, .header-search__wrap .header-search__form-submit:focus {
  color: #4E8AFF;
}
.header-search__mobile-close-btn {
  display: none;
  position: absolute;
  right: -42px;
  top: 0px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  transition: 0.5s ease all;
}
@media only screen and (max-width: 767px) {
  .header-search__mobile-close-btn {
    display: block;
  }
}
.header-search__search-result {
  width: calc(100% + 115px);
  padding: 0;
  position: absolute;
  left: 50%;
  top: calc(100% + 15px);
  z-index: 99;
  background: #13192a;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2509803922);
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: all 0.5s;
}
.header-search__search-result.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media only screen and (max-width: 767px) {
  .header-search__search-result {
    width: calc(100% - 30px);
    top: calc(100% + 5px);
  }
}
.header-search__search-result .header-search__count-list {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-bottom: 0.5px solid rgba(180, 180, 180, 0.5);
  display: flex;
  align-items: center;
}
.header-search__search-result .header-search__count-list .header-search__count-result {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #fff;
  margin-right: 6px;
}
.header-search__search-result .header-search__count-list .header-search__count-sum {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #8e8e8e;
}
.header-search__search-result .header-search__count-list .header-search__count-sum .summary {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.header-search__item-list {
  max-height: 530px;
  overflow-x: hidden;
  padding: 10px;
  background-color: #F5F5F5;
}
.header-search__item-list > div {
  display: flex;
  align-items: stretch;
}
.header-search__item-list > div:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .header-search__item-list {
    max-height: 340px;
  }
}
.header-search__item-list::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.header-search__item-list::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.header-search__item-wrapper {
  position: relative;
  margin-left: 34px;
  display: flex;
  width: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .header-search__item-wrapper {
    margin-left: 30px;
  }
}
.header-search__item-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 767px) {
  .header-search__item-wrapper::before {
    display: none;
  }
}
.header-search__item {
  width: 100%;
  display: flex;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .header-search__item {
    margin-left: -10px;
  }
}
.header-search__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-color: #fff;
  mask-repeat: no-repeat;
  z-index: 1;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 767px) {
  .header-search__item:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  }
}
.header-search__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-color: #fff;
  mask-repeat: no-repeat;
  z-index: 1;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 767px) {
  .header-search__item::after {
    display: none;
  }
}
.header-search__item:hover:after {
  background-color: rgba(78, 138, 255, 0.1);
}
.header-search__item:hover .header-search__item-wrapper:before {
  background-color: rgba(78, 138, 255, 0.1);
}
.header-search__item:hover .header-search__item-title {
  color: #4E8AFF;
}
.header-search__item:hover .header-search__item-price {
  background-color: rgba(78, 138, 255, 0.05);
}
.header-search__item-img {
  width: 240px;
  height: 118px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  -webkit-clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
  clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
}
@media only screen and (max-width: 767px) {
  .header-search__item-img {
    height: 100%;
  }
}
.header-search__item-img img {
  width: 240px;
  height: 120px;
}
@media only screen and (max-width: 767px) {
  .header-search__item-img {
    width: 120px;
  }
  .header-search__item-img img {
    width: 120px;
    height: 60px;
  }
}
.header-search__item-title {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-family: "Avenir-Next", sans-serif;
  color: #505050;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4166666667;
  transition: color 0.5s;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .header-search__item-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.header-search__item-price-label {
  color: #9D9D9D;
  font-weight: 400;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.header-search__item-price-label--mob {
  color: #9D9D9D;
  font-weight: 400;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.4;
}
.header-search__item-price-quantity {
  color: #1F1F1F;
  font-weight: 600;
  font-family: "Avenir-Next", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.header-search__item-price-quantity--mob {
  color: #9D9D9D;
  font-weight: 600;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
.header-search__item-info {
  position: relative;
  width: 100%;
  padding: 12px 0;
}
@media only screen and (max-width: 992px) {
  .header-search__item-info {
    padding: 12px 12px 12px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search__item-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 6px 0;
    height: 60px;
  }
}
.header-search__item-price {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 140px;
  min-width: 140px;
  padding: 19px;
  background-color: rgba(78, 138, 255, 0.05);
  transition: background-color 0.5s;
  z-index: 2;
}
.header-search__item-price--mob {
  position: relative;
  display: none;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .header-search__item-price--mob {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search__item-price {
    display: none;
  }
}
.header-search__item-qty {
  position: relative;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #9D9D9D;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .header-search__item-qty {
    display: none;
  }
}
.header-search__item-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  gap: 30px;
}
.header-search__results-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4E8AFF;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.header-search__results-btn:hover, .header-search__results-btn:focus {
  color: #4E8AFF;
}
.header-search__item-footer-count {
  display: flex;
  align-items: center;
}
.header-search__item-footer-count span {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
.header-search__item-footer-count span .summary {
  color: inherit !important;
  font-size: inherit !important;
  margin-bottom: 0 !important;
  font-family: inherit !important;
}
@media only screen and (max-width: 767px) {
  .header-search__item-footer-count span .summary {
    margin-top: 0 !important;
  }
}
.header-search .card__platforms {
  position: relative;
  display: flex;
  margin-top: 22px;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .header-search .card__platforms {
    display: none;
  }
}
.header-search .card__platforms .desc {
  display: none;
}
.header-search .card__platforms .offer-image {
  height: 24px;
  width: 24px;
  mask-size: 25px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border-radius: 50%;
  background-color: #4E8AFF;
}
.header-search .card__platforms .offer-image.item-2 {
  background-image: url("../img/common/services/new_icons/boosting.svg");
}
.header-search .card__platforms .offer-image.item-5 {
  background-image: url("../img/common/services/new_icons/account.svg");
}
.header-search .card__platforms .offer-image.item-6 {
  background-image: url("../img/common/services/new_icons/currency.svg");
}
.header-search .card__platforms .offer-image.item-7 {
  background-image: url("../img/common/services/new_icons/items.svg");
}
.header-search .card__platforms .platform {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #4E8AFF;
  background-repeat: no-repeat;
  background-position: center;
}
.header-search .card__platforms .platform.ico-1 {
  background-image: url("../img/icons/platforms/other.svg");
}
.header-search .card__platforms .platform.ico-2, .header-search .card__platforms .platform.ico-7 {
  background-image: url("../img/icons/platforms/playstation.svg");
}
.header-search .card__platforms .platform.ico-4, .header-search .card__platforms .platform.ico-11, .header-search .card__platforms .platform.ico-12, .header-search .card__platforms .platform.ico-13, .header-search .card__platforms .platform.ico-14, .header-search .card__platforms .platform.ico-15 {
  background-image: url("../img/icons/platforms/pc.svg");
}
.header-search .card__platforms .platform.ico-5, .header-search .card__platforms .platform.ico-6, .header-search .card__platforms .platform.ico-9, .header-search .card__platforms .platform.ico-10 {
  background-image: url("../img/icons/platforms/nintendo.svg");
}
.header-search .card__platforms .platform.ico-3, .header-search .card__platforms .platform.ico-8 {
  background-image: url("../img/icons/platforms/xbox.svg");
}
.header-search .card__platforms .platform.ico-16 {
  background-image: url("../img/icons/platforms/mobile.svg");
}
.header-search .card__platforms .platform:not(:first-child) {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .header-search .card__platforms {
    display: none;
  }
}
.header-search .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  height: 220px;
}
.header-search .empty-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-search .empty h3 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.header-search .empty p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
}

.header-notifications__drop-wrap {
  display: none;
  width: 410px;
  position: absolute;
  top: 44px;
  right: -155px;
  z-index: 30;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden;
  color: #000;
}
.header-notifications__header {
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-notifications__title {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
}
.header-notifications__settings {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  color: #f75a01;
}
.header-notifications__body {
  height: 450px;
  padding: 0 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.header-notifications__body .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.header-notifications__item {
  width: 100% !important;
  margin-left: 8px !important;
  border-top: 0.6px solid #d6d6d6 !important;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
.header-notifications__item .header-notifications__item-info {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-notifications__item .header-notifications__category-img span {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #000;
}
.header-notifications__item .header-notifications__category-img::before {
  color: #fff;
  padding: 6px;
  border-radius: 50%;
  margin-right: 7px;
}
.header-notifications__item .header-notifications__category-img.icon-user::before {
  background: #f75a01;
}
.header-notifications__item .header-notifications__category-img.icon-basket::before {
  background: orange;
}
.header-notifications__item .header-notifications__category-img.icon-wallet::before {
  background: red;
}
.header-notifications__item .header-notifications__category-img.icon-bell::before {
  background: #f75a01;
}
.header-notifications__item .header-notifications__category-img.icon-tag::before {
  background: #00b241;
}
.header-notifications__item .header-notifications__date {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #8c919c;
}
.header-notifications__item .header-notifications__message {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  color: #000 !important;
}
.header-notifications__item .header-notifications__message a {
  color: #f75a01 !important;
}
.header-notifications__item .header-notifications__message .transaction-complete {
  color: #00b241 !important;
}
.header-notifications__footer {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-notifications__footer a {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  transition: 0.2s;
}
.header-notifications__footer a:hover {
  color: #f75a01;
}

.header-notifications__drop-wrap {
  display: none;
  width: 410px;
  position: absolute;
  top: 44px;
  right: -155px;
  z-index: 30;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden;
  color: #000;
}
.header-notifications__header {
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-notifications__title {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
}
.header-notifications__settings {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  color: #f75a01;
}
.header-notifications__body {
  height: 450px;
  padding: 0 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.header-notifications__body .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.header-notifications__item {
  width: 100% !important;
  margin-left: 8px !important;
  border-top: 0.6px solid #d6d6d6 !important;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
.header-notifications__item .header-notifications__item-info {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-notifications__item .header-notifications__category-img span {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #000;
}
.header-notifications__item .header-notifications__category-img::before {
  color: #fff;
  padding: 6px;
  border-radius: 50%;
  margin-right: 7px;
}
.header-notifications__item .header-notifications__category-img.icon-user::before {
  background: #f75a01;
}
.header-notifications__item .header-notifications__category-img.icon-basket::before {
  background: orange;
}
.header-notifications__item .header-notifications__category-img.icon-wallet::before {
  background: red;
}
.header-notifications__item .header-notifications__category-img.icon-bell::before {
  background: #f75a01;
}
.header-notifications__item .header-notifications__category-img.icon-tag::before {
  background: #00b241;
}
.header-notifications__item .header-notifications__date {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #8c919c;
}
.header-notifications__item .header-notifications__message {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  color: #000 !important;
}
.header-notifications__item .header-notifications__message a {
  color: #f75a01 !important;
}
.header-notifications__item .header-notifications__message .transaction-complete {
  color: #00b241 !important;
}
.header-notifications__footer {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-notifications__footer a {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  transition: 0.2s;
}
.header-notifications__footer a:hover {
  color: #f75a01;
}

.header-user-block {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header-user-block {
    display: none !important;
  }
}
.header-user-block__auth {
  display: flex;
  gap: 10px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  color: #9D9D9D;
  line-height: 1.4;
}
.header-user-block__auth span {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .header-user-block__auth span.hide-mobile {
    display: none;
  }
}
.header-user-block__auth:hover, .header-user-block__auth:focus {
  color: #4E8AFF;
}
.header-user-block__burger-item {
  position: absolute;
  width: 17px;
  height: 17px;
  top: -4px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  border-radius: 50%;
  z-index: 5;
  transition: 0.8s;
}
.header-user-block__burger-item svg {
  transition: 0.8s;
  transform: scale(1);
}
.header-user-block__controls-list {
  padding: 10px 15px;
  margin-top: 15px;
  background-color: #FFFFFF;
  border-radius: 4px;
  display: none;
}
@media only screen and (max-width: 992px) {
  .header-user-block__controls-list {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .header-user-block__controls-list {
    display: block;
  }
}
.header-user-block__controls-list-item.view-informer .header-user-block__controls-list-cost {
  display: flex;
}
.header-user-block__controls-list-item.view-informer .header-user-block__controls-list-count {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .header-user-block__controls-list-item {
    position: relative;
    flex-grow: 1;
  }
  .header-user-block__controls-list-item:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 1px solid #E5E5E5;
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-user-block__controls-list-item:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
  }
}
.header-user-block__controls-list-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-user-block__controls-list-img {
  display: flex;
}
.header-user-block__controls-list-link {
  display: flex;
  align-items: center;
  text-align: right;
  color: #505050;
}
.header-user-block__controls-list-text {
  font-family: "Avenir-Next", sans-serif;
  color: #505050;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.header-user-block__controls-list-count {
  display: none;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 18px;
  border-radius: 10px;
  padding: 3px 10px 3px 10px;
  background-color: #F75A01;
  color: #F6F6F6;
  font-size: 10px;
  line-height: 1.2;
  font-family: "Roboto-Medium", sans-serif;
}
.header-user-block__controls-list-cost {
  display: none;
  margin-left: auto;
  padding: 5px 10px;
  border-radius: 8px;
  color: #F6F6F6;
  background-color: #4E8AFF;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
.header-user-block__wrap {
  display: flex;
  align-items: center;
}
.header-user-block__login-btns {
  display: flex;
  align-items: center;
}
.header-user-block__login-btn {
  height: 42px !important;
  padding: 0 10px !important;
  position: relative !important;
  z-index: 10;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #293045 !important;
  border-radius: 4px !important;
  font-family: "Roboto-Regular", sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: 0.2s;
  cursor: pointer;
}
.header-user-block__login-btn:hover {
  background: #f75a01 !important;
}
.header-user-block__login-btn:not(:last-child) {
  margin-right: 15px !important;
}
.header-user-block__login-btn--login {
  min-width: 75px;
}
.header-user-block__login-btn--signIn {
  min-width: 85px;
}
.header-user-block__controls {
  display: flex;
  align-items: center;
}
.header-user-block__controls-btn {
  position: relative;
  display: flex;
  align-items: center;
}
.header-user-block__controls-btn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  z-index: 3;
}
.header-user-block__controls-btn:hover::before {
  opacity: 1;
}
.header-user-block__controls-btn:hover .header-user-block__burger-item {
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
.header-user-block__controls-btn:hover .header-user-block__burger-item svg {
  transform: scale(2);
}
.header-user-block__controls-btn .header-user-block__arrow {
  position: relative;
  left: -7px;
  width: 15px;
  height: 12px;
  margin-left: 5px;
  transition: 0.2s;
}
.header-user-block__avatar {
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
}
.header-user-block__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header-user-block__user-menu-wrap {
  height: 100%;
  overscroll-behavior: none;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .header-user-block__user-menu-wrap {
    padding-bottom: 55px;
  }
}
.header-user-block__user-menu-wrap::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.header-user-block__user-menu-wrap::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.header-user-block__dropdown-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  background-color: #FFFFFF;
  transform: translate(100%, 0);
  height: 100vh;
  z-index: 9999;
  transition: transform 0.5s;
}
@media only screen and (max-width: 992px) {
  .header-user-block__dropdown-wrap {
    top: 62px;
    width: 100%;
    height: calc(100% - 62px);
  }
}
@media only screen and (max-width: 767px) {
  .header-user-block__dropdown-wrap {
    top: 44px;
    height: calc(100% - 44px);
  }
}
.header-user-block__dropdown-wrap.active {
  transform: translate(0, 0);
}
.header-user-block__dropdown-wrap.active .header-user-block__dropdown-wrap-close {
  transform: translate(0%, -50%);
  opacity: 1;
}
.header-user-block__dropdown-wrap-close {
  position: absolute;
  top: 50%;
  left: -42px;
  transform: translate(200%, -50%);
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: 1.2s;
  z-index: 2;
  opacity: 0;
}
.header-user-block__dropdown-wrap-close button {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .header-user-block__dropdown-wrap-close {
    display: none;
  }
}
.header-user-block__user-label {
  position: relative;
  padding: 20px;
  background-color: #F5F5F5;
}
.header-user-block__user-wrapper {
  max-width: 750px;
  display: flex;
  align-items: center;
  margin: 0 auto 20px auto;
}
.header-user-block__user-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  margin-right: 15px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.header-user-block__user-avatar img {
  width: 100%;
}
.header-user-block__dropdown-references {
  max-width: 750px;
  margin: 0 auto 0 auto;
}
.header-user-block__list-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
}
.header-user-block__list-wrapper::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 24px;
  background-color: #E5E5E5;
  transform: translate(-50%, -50%);
}
.header-user-block__list-item {
  display: flex;
  background-color: #FFFFFF;
  color: #1F1F1F;
  flex-basis: 50%;
  transition: background-color 0.5s, color 0.5s;
}
.header-user-block__list-item:first-of-type {
  border-radius: 4px 0 0 4px;
}
.header-user-block__list-item:last-of-type {
  border-radius: 0 4px 4px 0;
}
.header-user-block__list-item.open {
  color: #4E8AFF;
  background-color: rgba(78, 138, 255, 0.2);
}
.header-user-block__list-item.open .header-user-block__list-label svg path {
  fill: #4E8AFF;
}
.header-user-block__list-item.open .header-user-block__list-label svg {
  transform: rotateX(180deg);
}
.header-user-block__list-item.open .header-user-block__list-item-text {
  color: #4E8AFF;
}
.header-user-block__list-item.open .header-user-block__label-bullet {
  background-color: #4E8AFF;
  color: #F6F6F6;
}
.header-user-block__list-item-text {
  color: #1F1F1F;
  transition: color 0.5s;
}
.header-user-block__list-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  flex-grow: 1;
  color: #f6f6f6;
  font-size: 16px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  user-select: none;
}
.header-user-block__list-label svg path {
  transition: fill 0.5s;
  fill: #C9C9C9;
}
.header-user-block__list-label svg {
  transition: transform 0.5s, fill 0.5s;
  transform: rotateX(0);
}
.header-user-block__list-dropdown {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  top: calc(100% + 5px);
  background: #FFFFFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  overflow: auto;
  z-index: 10;
}
.header-user-block__list-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .header-user-block__list-flex {
    gap: 9px;
  }
}
.header-user-block__list-dropdown-item {
  flex-basis: calc((100% - 10px) / 2);
}
.header-user-block__list-dropdown-link {
  display: flex;
  align-items: center;
  padding: 8px;
  transition: 0.5s;
  text-transform: uppercase;
  background: #F5F5F5;
  color: #505050;
  border-radius: 4px;
}
.header-user-block__list-dropdown-link img {
  display: flex;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.header-user-block__list-dropdown-link span:not(.header-user-block__list-dropdown-link span:first-child) {
  font-family: "Roboto-Light", sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 1.5;
}
.header-user-block__list-dropdown-link.active {
  background: rgba(78, 138, 255, 0.2);
  color: #4E8AFF;
}
.header-user-block__list-dropdown-link.active .header-user-block__list-currency-symbol {
  background-color: #4E8AFF;
  color: #fff;
}
.header-user-block__list-dropdown-link:hover {
  background: rgba(78, 138, 255, 0.2);
  color: #4E8AFF;
}
.header-user-block__list-dropdown-link:hover .header-user-block__list-currency-symbol {
  background-color: #4E8AFF;
  color: #fff;
}
.header-user-block__list-name {
  display: flex;
  align-items: center;
}
.header-user-block__list-name .flag {
  display: flex;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.header-user-block__list-name span {
  color: #1F1F1F;
  margin-left: 10px;
}
.header-user-block__list-currency {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1F1F1F;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
}
.header-user-block__list-currency-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width: 34px;
  height: 24px;
  border-radius: 25px;
  background-color: #E5E5E5;
  color: #9D9D9D;
  font-family: "Avenir Next", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transition: background-color 0.5s, color 0.5s;
}
.header-user-block__user-name-wrap {
  width: 100%;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.header-user-block__user-name-wrap .header-user-block__user-name {
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #1F1F1F;
  line-height: 1.3333333333;
}
.header-user-block__user-name-wrap .header-user-block__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.header-user-block__user-name-wrap .header-user-block__user-icn-verify.verify {
  display: block;
}
.header-user-block__achievement-decor {
  width: 1px;
  height: 16px;
  background-color: #E5E5E5;
}
.header-user-block__achievement-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-user-block__achievement-wrap .ico.achievement-cup.achievement-cup-1, .header-user-block__achievement-wrap .ico.achievement-cup.achievement-cup-4 {
  background: url("../img/header/achievement-cup.svg") no-repeat center;
}
@media only screen and (max-width: 767px) {
  .header-user-block__achievement-wrap {
    justify-content: center;
  }
}
.header-user-block__achievement-wrap span {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .header-user-block__achievement-wrap span {
    justify-content: center;
  }
}
.header-user-block__achievement-wrap .header-user-block__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(/webpack-assets/img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.header-user-block__achievement-wrap .header-user-block__achievement-text {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  margin-right: 5px;
}
.header-user-block__dropdown-links {
  position: relative;
  width: 100%;
  padding-top: 30px;
}
.header-user-block__dropdown-wrapper {
  margin-bottom: 30px;
}
.header-user-block__dropdown-wrapper p {
  margin-left: 20px;
  margin-bottom: 10px;
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.header-user-block__wallet-item {
  display: flex;
  align-items: center;
}
.header-user-block__wallet-money {
  margin-left: 15px;
  padding: 3px 10px 3px 10px;
  border-radius: 8px;
  background-color: #4E8AFF;
  color: #F6F6F6 !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.header-user-block__drop-link {
  position: relative;
  width: 100%;
  padding: 12px 20px;
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.5s;
  cursor: pointer;
}
.header-user-block__drop-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #4E8AFF;
  opacity: 0;
  transition: opacity 0.5s;
}
.header-user-block__drop-link.active > a > svg {
  transform: rotateX(180deg);
}
.header-user-block__drop-link svg {
  transform: rotateX(0);
  transition: transform 0.5s;
  fill: currentColor;
}
.header-user-block__drop-link:hover {
  background-color: rgba(78, 138, 255, 0.2);
}
.header-user-block__drop-link:hover .header-user-block__drop-link-img {
  color: #4E8AFF;
}
.header-user-block__drop-link:hover .header-user-block__drop-link-img img.default {
  opacity: 0;
}
.header-user-block__drop-link:hover .header-user-block__drop-link-img img.hover {
  opacity: 1;
}
.header-user-block__drop-link:hover:before {
  opacity: 1;
}
.header-user-block__drop-link:hover span {
  color: #4E8AFF;
}
.header-user-block__drop-link:hover a {
  color: #4E8AFF;
}
.header-user-block__drop-link span {
  flex-grow: 1;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  color: #505050;
  line-height: 1.5;
  transition: 0.5s;
}
.header-user-block__drop-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  color: #505050;
  line-height: 1.5;
  transition: 0.5s;
}
.header-user-block__drop-link .header-user-block__drop-link-img {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: #505050;
  transition: color 0.5s;
}
.header-user-block__drop-link .header-user-block__drop-link-img img {
  transition: opacity 0.5s;
}
.header-user-block__drop-link .header-user-block__drop-link-img img.default {
  opacity: 1;
}
.header-user-block__drop-link .header-user-block__drop-link-img img.hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.header-user-block__drop-link .count-informer {
  display: none;
}
.header-user-block__sub-dropdown {
  padding-left: 55px;
  margin-bottom: 10px;
  display: none;
  background-color: #F5F5F5;
}
.header-user-block__sub-dropdown a {
  display: block;
  padding: 10px 0;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #505050;
}
.header-user-block__sub-dropdown a:hover {
  color: #4E8AFF;
}
.header-user-block__logout-wrap {
  max-width: 750px;
  margin: 0 auto;
}
.header-user-block__logout-btn {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  gap: 15px;
  font-family: Avenir-Next;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #505050;
  transition: 0.5s;
}
.header-user-block__logout-btn:hover {
  color: #f75a01;
}

.header-sub-menu__wrap {
  width: 100%;
  background: #33384c;
}
@media only screen and (max-width: 767px) {
  .header-sub-menu__wrap {
    display: none;
  }
}
.header-sub-menu__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-sub-menu__items-list {
  display: flex;
}
.header-sub-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.header-sub-menu__item:hover .header-sub-menu__item-link {
  color: #f75a01;
}
.header-sub-menu__item:hover .header-sub-menu__sub-list {
  display: block;
}
.header-sub-menu__item--icon {
  padding-left: 27px !important;
}
.header-sub-menu__item--icon::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transform: 0.2s;
}
.header-sub-menu__item--icon:first-child::before {
  background-image: url("../../img/icons/header/pc_games.svg");
}
.header-sub-menu__item--icon:first-child:hover::before, .header-sub-menu__item--icon:first-child.active::before {
  background-image: url("../../img/icons/header/hover/pc_games12.svg");
}
.header-sub-menu__item--icon:nth-child(2)::before {
  background-image: url("../../img/icons/header/to_up_cards.png");
}
.header-sub-menu__item--icon:nth-child(2):hover::before, .header-sub-menu__item--icon:nth-child(2).active::before {
  background-image: url("../../img/icons/header/hover/to_up_cards12.svg");
}
.header-sub-menu__item--icon:nth-child(3)::before {
  background-image: url("../../img/icons/header/game_card.svg");
}
.header-sub-menu__item--icon:nth-child(3):hover::before, .header-sub-menu__item--icon:nth-child(3).active::before {
  background-image: url("../../img/icons/header/hover/game_card12.svg");
}
.header-sub-menu__item--icon:nth-child(4)::before {
  background-image: url("../../img/icons/header/console_games2.svg");
}
.header-sub-menu__item--icon:nth-child(4):hover::before, .header-sub-menu__item--icon:nth-child(4).active::before {
  background-image: url("../../img/icons/header/hover/console_games12.svg");
}
.header-sub-menu__item--icon:nth-child(5)::before {
  background-image: url("../../img/icons/header/software.svg");
}
.header-sub-menu__item--icon:nth-child(5):hover::before, .header-sub-menu__item--icon:nth-child(5).active::before {
  background-image: url("../../img/icons/header/hover/software12.svg");
}
.header-sub-menu__item--icon:nth-child(6)::before {
  background-image: url("../../img/icons/header/software.svg");
}
.header-sub-menu__item--icon:nth-child(6):hover::before, .header-sub-menu__item--icon:nth-child(6).active::before {
  background-image: url("../../img/icons/header/hover/software12.svg");
}
.header-sub-menu__item-link {
  position: relative !important;
  margin-right: 0px !important;
  padding: 17px 15px 17px 0px !important;
  display: flex !important;
  background: transparent !important;
  font-family: "Roboto";
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.2s;
}
.header-sub-menu__item-link:hover, .header-sub-menu__item-link:focus {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .header-sub-menu__item-link {
    padding: 10px 10px 10px 0px !important;
    font-size: 14px;
  }
}
.header-sub-menu__item-link .fa-sort-desc {
  margin-left: 7px;
  transform: 0.2s;
}
.header-sub-menu__sub-list {
  position: absolute;
  display: none;
  width: 240px;
  padding: 0;
  background: #33384c;
  z-index: 1080;
  box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.5);
}
.header-sub-menu__sub-list-item {
  position: static;
}
.header-sub-menu__sub-list-item:hover .header-sub-menu__sub-list-link {
  background-color: #4c536c;
  color: #fff !important;
  text-decoration: none;
  border-left: 6px solid #f75a01;
}
.header-sub-menu__sub-list-item:hover .header-sub-menu__sub-list-link .fa-caret-right {
  color: #f75a01 !important;
}
.header-sub-menu__sub-list-item:hover .header-sub-menu__sub-end-list {
  display: block;
}
.header-sub-menu__sub-list-link {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  padding-right: 30px;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: 12px center;
  border-left: 6px solid #33384c;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #fff;
  transition: 0.2s;
}
.header-sub-menu__sub-list-link .fa-caret-right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.header-sub-menu__sub-list-link--view-all {
  background: none;
  color: rgba(255, 255, 255, 0.5);
}
.header-sub-menu__sub-list-link--view-all .fa-arrow-right {
  transition: 0.3s;
}
.header-sub-menu__sub-list-link--view-all:hover {
  background: none;
  color: #fff;
}
.header-sub-menu__sub-list-link--view-all:hover .fa-arrow-right {
  margin-left: 10px;
  color: #f75a01;
}
.header-sub-menu__sub-end-list {
  position: absolute;
  left: 240px;
  top: 0;
  width: 240px;
  display: none;
  min-height: 100%;
  background: #121922;
}
.header-sub-menu__sub-end-item {
  width: 100%;
  position: static;
}
.header-sub-menu__sub-end-item .header-sub-menu__sub-end-link:hover {
  color: #f75a01;
}
.header-sub-menu__sub-end-link {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background-image: none !important;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #fff;
  transition: 0.2s;
}
.header-sub-menu__pages-wrap {
  display: flex;
}
.header-sub-menu__page-link {
  position: relative;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  transition: 0.2s;
  opacity: 0.9;
}
.header-sub-menu__page-link:hover {
  color: #f75a01;
}
.header-sub-menu__page-link:hover .header-sub-menu__page-link-icn img.hov {
  opacity: 1;
}
.header-sub-menu__page-link:hover .header-sub-menu__page-link-icn img.nohov {
  opacity: 0;
}
.header-sub-menu__page-link:not(:last-child) {
  margin-right: 15px;
}
.header-sub-menu__page-link-icn {
  width: 17px;
  height: 14px;
  margin-right: 7px;
  position: relative;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.header-sub-menu__page-link-icn img {
  width: 100%;
  position: absolute;
  transition: 0.2s;
}
.header-sub-menu__page-link-icn img.hov {
  opacity: 0;
}
.header-sub-menu__page-link-icn img.nohov {
  opacity: 1;
}

.header-burger-menu {
  position: relative;
}
.header-burger-menu__burger-wrap {
  z-index: 200;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-burger-menu__burger-wrap.active .header-burger-menu__burger {
  transform: rotate(180deg);
}
.header-burger-menu__burger-wrap.active .header-burger-menu__burger span {
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  border-radius: 7px;
}
.header-burger-menu__burger-wrap.active .header-burger-menu__burger span:nth-child(1) {
  top: 0px;
  transform: rotate(45deg);
}
.header-burger-menu__burger-wrap.active .header-burger-menu__burger span:nth-child(2) {
  transform: rotate(-45deg);
  max-width: 25px;
}
.header-burger-menu__burger-wrap.active .header-burger-menu__burger span:nth-child(3) {
  top: 0px;
  opacity: 0;
}
.header-burger-menu__burger-wrap .header-burger-menu__burger {
  position: relative;
  width: 100%;
  transition: 0.7s;
}
.header-burger-menu__burger-wrap .header-burger-menu__burger span {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  border-radius: 7px;
  transition: 0.5s;
}
.header-burger-menu__burger-wrap .header-burger-menu__burger span:nth-child(1) {
  top: -7px;
  width: 100%;
  max-width: 25px;
}
.header-burger-menu__burger-wrap .header-burger-menu__burger span:nth-child(2) {
  width: 100%;
}
.header-burger-menu__burger-wrap .header-burger-menu__burger span:nth-child(3) {
  width: 100%;
  max-width: 25px;
  transition: 0.01s;
  top: 7px;
}
.header-burger-menu__menu-wrap {
  width: 100%;
  max-height: calc(100vh - 70px);
  min-height: 60vh;
  padding-bottom: 30px;
  position: fixed;
  overflow-y: scroll;
  background: #13192a;
  z-index: 200;
  transition: 0.5s;
  opacity: 0;
  transform: translate(0%, -100%);
  display: none;
}
@media only screen and (max-width: 767px) {
  .header-burger-menu__menu-wrap {
    display: block;
  }
}
.header-burger-menu__menu-wrap.js-open {
  opacity: 1;
  transform: translate(0%, 0px);
}
.header-burger-menu__decor-line {
  width: 100%;
  height: 1px;
  background-color: #ededf2;
}
.header-burger-menu__user-label {
  width: 100%;
  padding: 15px !important;
  position: relative;
  display: flex;
}
.header-burger-menu__user-avatar {
  position: relative;
}
.header-burger-menu__user-avatar .header-burger-menu__burger-toggle--default {
  display: flex;
  position: absolute;
  right: 0;
  top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F5F5F5;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  transition: opacity 0.5s;
}
.header-burger-menu__user-avatar .header-burger-menu__burger-toggle--active {
  position: absolute;
  display: flex;
  top: 0;
  background-color: #FFFFFF;
  opacity: 0;
  transition: opacity 0.5s;
}
.header-burger-menu__user-avatar.active .header-burger-menu__burger-toggle--default {
  opacity: 0;
}
.header-burger-menu__user-avatar.active .header-burger-menu__burger-toggle--active {
  opacity: 1;
}
.header-burger-menu__user-avatar.burger {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.header-burger-menu__user-avatar img {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.header-burger-menu__user-avatar--nav {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.header-burger-menu__user-name-wrap {
  width: 100%;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.header-burger-menu__user-name-wrap .header-burger-menu__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #fff !important;
  line-height: 1.3333333333 !important;
}
.header-burger-menu__user-name-wrap .header-burger-menu__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.header-burger-menu__user-name-wrap .header-burger-menu__user-icn-verify.verify {
  display: block;
}
.header-burger-menu__achievement-wrap {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .header-burger-menu__achievement-wrap {
    justify-content: center;
  }
}
.header-burger-menu__achievement-wrap span {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .header-burger-menu__achievement-wrap span {
    justify-content: center;
  }
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(/webpack-assets/img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-1, .header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-4 {
  background: url(/webpack-assets/img/icons/winner.svg) no-repeat center;
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-2, .header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-5 {
  background: url(/webpack-assets/img/icons/expert.svg) no-repeat center;
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-3, .header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-6 {
  background: url(/webpack-assets/img/icons/guru.svg) no-repeat center;
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-icn.achievement-cup-num-7 {
  background: url(/webpack-assets/img/icons/wholesaler.svg) no-repeat center;
}
.header-burger-menu__achievement-wrap .header-burger-menu__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
  color: #fff;
}
.header-burger-menu__account-pages {
  width: 100%;
  padding: 15px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.header-burger-menu__account-pages .header-burger-menu__account-item {
  width: 33%;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-burger-menu__account-pages .header-burger-menu__account-item:first-child {
  margin-top: 0px;
}
.header-burger-menu__account-pages .header-burger-menu__account-item:nth-child(2) {
  margin-top: 0px;
}
.header-burger-menu__account-pages .header-burger-menu__account-item.not-logged {
  margin-top: 0;
}
.header-burger-menu__nav-item {
  width: fit-content;
  height: 42px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 10;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  font-family: "Roboto-Regular", sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: 0.2s;
  cursor: pointer;
}
.header-burger-menu__nav-item .header-burger-menu__nav-container {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-burger-menu__nav-item .header-burger-menu__nav-container .header-burger-menu__nav--relative-wrap {
  position: relative;
}
.header-burger-menu__nav-item .header-burger-menu__nav-arrow {
  margin-left: 7px;
  width: 10px;
  height: 8px;
}
.header-burger-menu__nav-item .header-burger-menu__count-informer {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0px 3px;
  position: absolute;
  top: -8px;
  right: -6px;
  z-index: 9;
  background: #0033ee;
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
}
.header-burger-menu__nav-item--lang {
  z-index: 1010;
  min-width: 80px;
  background: #293045;
}
.header-burger-menu__nav-item--lang .header-burger-menu__nav-img {
  width: 20px !important;
  height: 15px !important;
  margin-right: 5px !important;
  margin-bottom: -2px;
}
.header-burger-menu__nav-item--lang .dropdown-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-burger-menu__nav-item--lang.not-logged .dropdown-button {
  display: flex;
  align-items: center;
}
.header-burger-menu__nav-item--currency {
  z-index: 1005;
  min-width: 75px;
  background: #293045;
}
.header-burger-menu__nav-item--currency .symbol {
  margin-right: 6px;
}
.header-burger-menu__nav-item--notifications {
  min-width: 50px;
}
.header-burger-menu__nav-item--notifications .header-burger-menu__nav-img {
  width: 18px;
  height: 24px;
}
.header-burger-menu__nav-item--chat {
  max-width: 57px;
}
.header-burger-menu__nav-item--bookmarks {
  min-width: 50px;
}
.header-burger-menu__nav-item--bookmarks .header-burger-menu__count-informer {
  right: 0px;
}
.header-burger-menu__nav-item--card {
  min-width: 55px;
}
.header-burger-menu__nav-item--card img {
  min-width: 31px;
}
.header-burger-menu__nav-item--card .header-burger-menu__nav--relative-wrap .header-burger-menu__count-informer {
  display: flex;
  top: -15px;
  right: -17px;
}
.header-burger-menu__nav-item--card .header-burger-menu__count-amount {
  font-family: "Roboto-Regular", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-left: 5px;
}
.header-burger-menu__nav-item--login-link {
  min-width: 75px;
}
.header-burger-menu__nav-item--signIn-link {
  min-width: 87px;
}
.header-burger-menu__nav-item--mob-search {
  width: 40px;
}
.header-burger-menu__nav-item--mob-search img {
  width: 100%;
}
.header-burger-menu__nav-item.view-informer .count-informer {
  display: flex;
}
.header-burger-menu__dropdown-menu {
  width: 100% !important;
  min-width: 100%;
  background: #293045 !important;
  border-radius: 4px !important;
}
.header-burger-menu__dropdown-menu .header-burger-menu__dropdown-item {
  width: 100%;
  height: 42px !important;
  padding: 0 10px 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 4px solid transparent !important;
  font-family: "Roboto-Regular", sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: 0.2s;
  cursor: pointer;
}
.header-burger-menu__dropdown-menu .header-burger-menu__dropdown-item:hover {
  background: #33384c !important;
  border-left: 4px solid #f75a01 !important;
}
.header-burger-menu__nav {
  padding-bottom: 20px;
}
.header-burger-menu__nav li {
  width: 100%;
  position: relative;
  padding: 20px 15px;
  padding-bottom: 0;
}
.header-burger-menu__nav li.active .fa {
  transform: rotateX(180deg);
}
.header-burger-menu__nav li.active ul {
  display: block;
}
.header-burger-menu__nav li a {
  display: block;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
.header-burger-menu__nav li .fa {
  width: 50%;
  position: absolute;
  right: 15px;
  top: 20px;
  text-align: end;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.header-burger-menu__nav li ul {
  display: none;
}
.header-burger-menu__nav li ul a {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-transform: none;
}
.header-burger-menu__login-btns {
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-burger-menu__login-btn {
  width: 35%;
  height: 42px !important;
  padding: 0 10px !important;
  position: relative !important;
  z-index: 10;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  font-family: "Roboto-Regular", sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: 0.2s;
  cursor: pointer;
}
.header-burger-menu__login-btn:not(:last-child) {
  margin-right: 15px !important;
}
.header-burger-menu__login-btn--login {
  min-width: 75px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.header-burger-menu__login-btn--signIn {
  min-width: 85px;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.header-burger-menu__logout-wrap {
  width: 100%;
  padding: 15px !important;
}
.header-burger-menu__logout-btn {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Avenir-Next;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  transition: 0.2s;
}
.header-burger-menu__logout-btn:hover {
  color: #f75a01;
}
.header-burger-menu__logout-btn:hover .header-burger-menu__logout-img img.hov {
  opacity: 1;
}
.header-burger-menu__logout-btn:hover .header-burger-menu__logout-img img.nohov {
  opacity: 0;
}
.header-burger-menu__logout-btn .header-burger-menu__logout-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.header-burger-menu__logout-btn .header-burger-menu__logout-img img {
  position: absolute;
  width: 100%;
  transition: 0.2s;
}
.header-burger-menu__logout-btn .header-burger-menu__logout-img img.hov {
  opacity: 0;
}
.header-burger-menu__logout-btn .header-burger-menu__logout-img img.nohov {
  opacity: 1;
}

.header-admin {
  position: relative;
}
.header-admin__nav-wrap {
  width: 100%;
  background: #13192a;
}
@media only screen and (max-width: 767px) {
  .header-admin__nav-wrap {
    display: none;
  }
}
.header-admin__nav-wrap ul li a {
  position: relative;
  font-family: "Roboto" !important;
  font-size: 15px !important;
  color: #fff !important;
  background: none !important;
}
.header-admin__nav-wrap ul li a:hover {
  background: none !important;
}
.header-admin__nav-wrap ul li a:hover::after {
  opacity: 1;
}
.header-admin__nav-wrap ul li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -10px;
  height: 3px;
  width: 100%;
  background: #f75a01;
  opacity: 0;
  transition: 0.2s;
}
.header-admin__nav-wrap ul li a .caret {
  display: none !important;
}
.header-admin__nav-wrap ul li a .count-informer {
  display: none !important;
}
.header-admin__nav-wrap ul li .dropdown-menu {
  padding: 0 !important;
}
.header-admin__nav-wrap ul li .dropdown-menu li a {
  padding: 10px 15px !important;
}
.header-admin__nav-wrap ul li .dropdown-menu li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -1px;
  height: 100%;
  width: 3px;
  background: #f75a01;
  opacity: 0;
  transition: 0.2s;
}
.header-admin__nav-wrap ul li .dropdown-menu li a:hover::after {
  opacity: 1;
}

.category {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  width: calc(100% + 115px);
  background-color: #F5F5F5;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transform: translate(-50%, 0);
  transition: all 0.5s;
}
@media only screen and (max-width: 767px) {
  .category {
    top: calc(100% + 5px);
    width: calc(100% - 30px);
  }
}
.category.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.category-wrap {
  padding: 20px;
  background-color: #F5F5F5;
}
.category-wrap__row:not(:first-child) {
  margin-top: 20px;
}
.category-item {
  display: -ms-grid;
  display: -moz-grid;
  display: -webkit-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  -moz-grid-columns: 1fr 1fr 1fr 1fr;
  -webkit-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .category-item {
    -ms-grid-columns: 1fr 1fr;
    -moz-grid-columns: 1fr 1fr;
    -webkit-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.category-title {
  margin-bottom: 10px;
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.category-link {
  position: relative;
  display: flex;
  height: 100px;
  padding: 10px;
  flex-basis: calc((100% - 20px) / 4);
  background-color: #FFFFFF;
  border-radius: 8px;
}
.category-link:hover .category-img__mask picture.default {
  opacity: 0;
}
.category-link:hover .category-img__mask picture.active {
  opacity: 1;
}
.category-link:hover .category-img__picture picture.active {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .category-link {
    flex-basis: calc((100% - 10px) / 2);
  }
}
.category-info {
  position: relative;
  z-index: 60;
  padding: 6px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.4);
  height: fit-content;
}
.category-info__title {
  color: #1F1F1F;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}
.category-info__counter {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
.category-img__mask {
  width: 100%;
  height: 100%;
}
.category-img__mask picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  transition: opacity 0.5s;
  will-change: opacity;
  z-index: 10;
}
.category-img__mask picture.default {
  opacity: 1;
}
.category-img__mask picture.active {
  opacity: 0;
}
.category-img__mask picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.category-img__picture picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity 0.5s;
  will-change: opacity;
  z-index: 20;
}
.category-img__picture picture.default {
  z-index: 5;
}
.category-img__picture picture.active {
  opacity: 0;
}
.category-img__picture picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.category-img__wrap {
  position: absolute;
  right: 0;
  top: 0;
  flex-shrink: 0;
  width: 90px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .category-img__wrap {
    width: 77px;
  }
}
.category-img__picture {
  position: absolute;
  right: 0;
  top: -6px;
  width: 80px;
  height: 106px;
  border-radius: 8px;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .category-img__picture {
    width: 77px;
  }
}
.category-img__picture picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
  will-change: opacity;
}
.category-img__picture picture.default {
  z-index: 5;
}
.category-img__picture picture.active {
  opacity: 0;
  z-index: 20;
}
.category-img__picture picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.category__all {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #FFFFFF;
  gap: 10px;
  color: #4E8AFF;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.category__all:hover {
  color: #1767FF;
}

.header-bookmarks {
  position: absolute;
  right: 4px;
  top: calc(100% + 22px);
  width: 500px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.5s;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
}
.header-bookmarks:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 10px;
  width: 16px;
  height: 7px;
  background-image: url("../img/header/arrow-top.svg");
  background-repeat: no-repeat;
}
.header-bookmarks .bookmark-toggle svg {
  transition: 0.5s;
}
.header-bookmarks .bookmark-toggle.active svg {
  fill: #4E8AFF;
}
.header-bookmarks .bookmark-toggle.active svg path {
  stroke: #4E8AFF;
}
.header-bookmarks__wrap {
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
}
.header-bookmarks__header {
  padding: 15px 20px;
  background-color: #fff;
}
.header-bookmarks__title {
  color: #1F1F1F;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
}
.header-bookmarks__container {
  padding: 15px 20px;
  background-color: #F5F5F5;
  max-height: 275px;
  overflow: auto;
}
.header-bookmarks__container::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.header-bookmarks__container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.header-bookmarks__links, .header-bookmarks__info, .header-bookmarks__price {
  display: flex;
}
.header-bookmarks__links a {
  height: 25px;
}
.header-bookmarks__price {
  flex: 1 1 0;
  flex-direction: column;
}
.header-bookmarks__item {
  display: flex;
}
.header-bookmarks__item:not(:first-child) {
  margin-top: 10px;
}
.header-bookmarks__image {
  overflow: hidden;
  border-radius: 8px;
  -webkit-clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
  clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
}
.header-bookmarks__image img {
  height: 100%;
}
.header-bookmarks__info {
  position: relative;
  flex: 1 1 0;
  border-radius: 8px;
  overflow: hidden;
}
.header-bookmarks__info-wrap {
  position: relative;
  display: flex;
  padding: 10px 10px 10px 0;
  width: 100%;
  margin-left: 34px;
  background-color: #fff;
  z-index: 2;
}
.header-bookmarks__info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-color: #fff;
  mask-repeat: no-repeat;
  z-index: 1;
  transition: background-color 0.5s;
}
.header-bookmarks__product-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 15px;
  color: #505050;
  font-size: 16px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
}
.header-bookmarks__product-price {
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 400;
  font-family: "Avenir-Next", sans-serif;
  line-height: 1.5;
}
.header-bookmarks__footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-bookmarks__footer a {
  display: flex;
  align-items: center;
  padding: 15px 0;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #4E8AFF;
  transition: color 0.5s;
  gap: 5px;
}
.header-bookmarks__footer a:hover {
  color: #1767FF;
}
.header-bookmarks.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

@media (min-width: 1920px) {
  .container-xl {
    width: 1620px;
  }
  .col-xl-3 {
    width: 25%;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .container-xl {
    width: 1340px;
  }
}
.footer-inner {
  position: relative !important;
}
@media only screen and (max-width: 767px) {
  .footer-inner .container {
    overflow: hidden;
  }
}
.footer-inner__wrap {
  background: #f5f5f5;
  padding-top: 50px;
}
@media only screen and (max-width: 992px) {
  .footer-inner__wrap {
    padding-top: 30px;
  }
}
.footer-inner .step-info {
  display: none;
}
.footer-inner__decor-line {
  width: 100%;
  height: 1px;
  margin-bottom: 30px;
  background: #e5e5e5;
}
@media only screen and (max-width: 992px) {
  .footer-inner__decor-line.tablet-none {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .footer-inner__decor-line.mobile-none {
    display: none;
  }
}
.footer-inner__links-cards {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .footer-inner__links-cards {
    flex-wrap: wrap;
  }
}
.footer-inner__card {
  min-height: 100%;
  width: 100%;
  max-width: 269px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .footer-inner__card {
    min-width: 153px;
    max-width: 33.3%;
    width: auto;
  }
  .footer-inner__card.card-tablet {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #E5E5E5;
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .footer-inner__card.card-tablet .footer-inner__card-block {
    max-width: 305px;
  }
  .footer-inner__card.card-tablet .footer-inner__modal-link {
    max-width: 305px;
    width: 100%;
    max-height: 30px;
  }
}
@media only screen and (max-width: 650px) {
  .footer-inner__card {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .footer-inner__card.card-tablet {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  .footer-inner__card.card-tablet .footer-inner__card-block {
    max-width: 100%;
  }
  .footer-inner__card.card-tablet .footer-inner__modal-link {
    max-width: 100%;
  }
}
.footer-inner__card .footer-inner__copyright {
  padding-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .footer-inner__card .footer-inner__copyright {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 650px) {
  .footer-inner__card .footer-inner__copyright {
    padding-bottom: 20px;
  }
}
.footer-inner__card .footer-inner__copyright p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.footer-inner__card-decor {
  width: calc(100% - 50px);
  margin: 0 auto;
  height: 2px;
  background-color: #40507d;
}
.footer-inner__card-title {
  display: flex;
  padding-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 650px) {
  .footer-inner__card-title {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 650px) {
  .footer-inner__card-title.active img {
    transform: rotate(-180deg);
  }
}
.footer-inner__card-title span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #1f1f1f;
}
.footer-inner__card-title img {
  display: none;
  transition: 0.4s;
}
@media only screen and (max-width: 650px) {
  .footer-inner__card-title img {
    display: block;
  }
}
.footer-inner__card-list {
  width: 100%;
}
@media only screen and (max-width: 650px) {
  .footer-inner__card-list {
    padding-top: 10px;
  }
}
.footer-inner__card-list li {
  padding-bottom: 20px;
}
.footer-inner__card-list li:last-child {
  padding-bottom: 0;
}
.footer-inner__card-list li a {
  display: flex;
  align-items: center;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #9d9d9d;
  transition: 0.3s;
}
.footer-inner__card-list li a:hover {
  color: #4E8AFF;
}
.footer-inner__contacts-row {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .footer-inner__contacts-row {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-inner__contact-link-col {
    margin-bottom: 10px;
  }
}
.footer-inner__contact-link-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: 0.261482px;
  color: #ffffff;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .footer-inner__contact-link-text {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 5px;
    text-align: center;
  }
}
.footer-inner__contact-link {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .footer-inner__contact-link {
    justify-content: center;
  }
}
.footer-inner__contact-link span {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: 0.261482px;
  color: #f75a01;
}
.footer-inner__contact-link img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}
.footer-inner__social-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.footer-inner__social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 4px;
  overflow: hidden;
  transition: 0.4s;
  cursor: pointer;
}
.footer-inner__social-links a:not(:last-child) {
  margin-right: 10px;
}
.footer-inner__social-links a:before {
  content: "";
}
.footer-inner__copyright-row {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .footer-inner__copyright-row {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-inner__copyright-row {
    margin-bottom: 10px;
  }
}
.footer-inner__copyright-trust {
  display: flex;
}
@media only screen and (max-width: 650px) {
  .footer-inner__copyright-trust {
    width: 100%;
    justify-content: space-between;
  }
}
.footer-inner__copyright-col {
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  line-height: 1.5714285714;
  color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .footer-inner__copyright-col {
    margin-bottom: 10px;
    text-align: center;
  }
}
.footer-inner__copyright-col--flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .footer-inner__copyright-col--flex {
    justify-content: center;
  }
}
.footer-inner__copyright-col .footer-inner__copyright-trustpilot {
  width: 100%;
  max-width: 85px;
  min-width: 85px;
  height: 40px;
  display: none;
}
@media only screen and (max-width: 992px) {
  .footer-inner__copyright-col .footer-inner__copyright-trustpilot {
    margin-right: 15px;
  }
}
.footer-inner__copyright-col .footer-inner__copyright-trustpilot a {
  width: 100%;
  min-height: 100%;
  display: flex;
  line-height: 1.3333333333;
  align-items: flex-end;
}
.footer-inner__copyright-col .footer-inner__copyright-trustpilot img {
  width: 100%;
}
.footer-inner__copyright-col .footer-inner__copyright-price-runner {
  width: 100%;
  max-width: 200px;
  min-width: 200px;
  height: 40px;
  margin-left: 18px;
}
@media only screen and (max-width: 767px) {
  .footer-inner__copyright-col .footer-inner__copyright-price-runner {
    margin-left: 0;
  }
}
.footer-inner__copyright-col .footer-inner__copyright-price-runner a {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: flex-end;
}
.footer-inner__copyright-col .footer-inner__copyright-price-runner img {
  width: 100%;
}
.footer-inner__payments-wrap {
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .footer-inner__payments-wrap {
    margin-bottom: 30px;
  }
}
.footer-inner__modal-link {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
@media only screen and (max-width: 650px) {
  .footer-inner__modal-link {
    justify-content: space-between;
  }
}
.footer-inner__modal-link button {
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  padding: 0;
}
.footer-inner__modal-link button.region {
  justify-content: flex-start;
  padding-right: 10px;
  max-width: 140px;
  min-width: 97px;
  width: 100%;
}
.footer-inner__modal-link button.region:hover span {
  color: #4E8AFF;
}
.footer-inner__modal-link button.region:hover svg path {
  stroke: #4E8AFF;
}
.footer-inner__modal-link button.region span {
  text-wrap: nowrap;
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
  overflow: hidden;
  width: 100%;
}
.footer-inner__modal-link button.region span svg path {
  transition: 0.3s;
}
.footer-inner__modal-link button.currency {
  justify-content: flex-start;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 123px;
  width: 100%;
  min-width: 80px;
}
.footer-inner__modal-link button.currency:hover span {
  color: #4E8AFF;
}
.footer-inner__modal-link button.currency:hover svg path {
  fill: #4E8AFF;
}
.footer-inner__modal-link button.language {
  justify-content: flex-end;
  padding-left: 10px;
  max-width: 65px;
  min-width: 65px;
}
.footer-inner__modal-link button.language:hover span {
  color: #4E8AFF;
}
.footer-inner__modal-link button.language:hover svg path {
  fill: #4E8AFF;
}
@media only screen and (max-width: 650px) {
  .footer-inner__modal-link button.language {
    max-width: 80px;
    min-width: 80px;
  }
}
.footer-inner__modal-link button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  color: #9d9d9d;
  text-align: left;
  margin-left: 10px;
  transition: 0.3s;
}
.footer-inner__modal-link button svg {
  min-width: 24px;
  width: 24px;
}
.footer-inner__modal-link button svg path {
  transition: 0.3s;
}
@media only screen and (max-width: 650px) {
  .footer-inner__payment-methods {
    display: none;
  }
}
.footer-inner__payment-methods--text {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #9d9d9d;
  padding-bottom: 5px;
}
.footer-inner__payment-methods--logos {
  display: flex;
}
.footer-inner__payment-methods--logos a {
  max-width: 50px;
  margin-right: 20px;
}
.footer-inner__copyright-disclaimer {
  margin-bottom: 30px;
}
.footer-inner__copyright-disclaimer.mobile-block {
  display: none;
}
@media only screen and (max-width: 650px) {
  .footer-inner__copyright-disclaimer.mobile-block {
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  .footer-inner__copyright-disclaimer.mobile-none {
    display: none;
  }
}
.footer-inner__copyright-disclaimer p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.footer-inner__payments-logos {
  width: 100%;
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .footer-inner__payments-logos .slick-slide {
    margin-right: 15px;
  }
  .footer-inner__payments-logos {
    -webkit-mask-image: linear-gradient(90deg, transparent, black 10% 90%, transparent);
  }
}
@media only screen and (max-width: 992px) {
  .footer-inner__payments-logos {
    justify-content: center;
    pointer-events: none;
  }
}
@media only screen and (max-width: 767px) {
  .footer-inner__payments-logos {
    width: calc(100% + 16px);
    margin-left: -9px;
  }
}
.footer-inner__payments-logos .img {
  width: 100%;
  min-width: 65px;
  max-width: 99.643px;
  height: 40px;
  border-radius: 3px;
  position: relative;
  transition: 0.5s;
  margin-right: 15px;
  overflow: hidden;
  background-color: #E5E5E5;
}
.footer-inner__payments-logos .img:last-child {
  margin-right: 0;
}
.footer-inner__payments-logos .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.footer-inner__payments-logos .img .data-fix-src-hov {
  opacity: 0;
}
.footer-inner__payments-logos .img:hover {
  background: #fff;
}
.footer-inner__payments-logos .img:hover .data-fix-src-hov {
  opacity: 1;
}
.footer-inner__payments-logos .img:hover .data-fix-src {
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  .footer-inner__payments-logos .img {
    max-width: 122px;
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer-inner__payments-logos .img {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-inner__payments-logos .img {
    margin-left: 7px;
    margin-right: 7px;
  }
}
@media only screen and (max-width: 480px) {
  .footer-inner__payments-logos .img {
    width: 54px;
    min-width: 54px;
    height: 32px;
  }
}
.footer-inner__social-link {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.1s;
  cursor: pointer;
}
.footer-inner__social-link:hover .footer-inner__social-link-icon img.nohov {
  opacity: 0;
}
.footer-inner__social-link:hover .footer-inner__social-link-icon img.hov {
  opacity: 1;
}
.footer-inner__social-link:not(:last-child) {
  margin-right: 35px;
}
@media only screen and (max-width: 1024px) {
  .footer-inner__social-link:not(:last-child) {
    margin-right: 15px;
  }
}
.footer-inner__social-link::before {
  display: none;
}
.footer-inner__social-link .footer-inner__social-link-icon {
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 5px;
  overflow: hidden;
}
.footer-inner__social-link .footer-inner__social-link-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  min-width: 32px;
  height: 32px;
  transition: 0.3s;
}
.footer-inner__social-link .footer-inner__social-link-icon img.nohov {
  opacity: 1;
}
.footer-inner__social-link .footer-inner__social-link-icon img.hov {
  opacity: 0;
}

.socials {
  margin-top: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: flex-start;
}
@media only screen and (max-width: 769px) {
  .socials {
    display: block;
    padding-bottom: 0px;
  }
}

.login-block .login__link {
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
}
.login-block .login__link:hover {
  color: #f75a01;
}

.pre-lang {
  padding-right: 10px;
}

@media only screen and (max-width: 500px) {
  .socials {
    max-width: 470px;
  }
}
.price-runner-modal .modal-header {
  padding-top: 35px !important;
}
.price-runner-modal .modal-header .modal-title {
  text-transform: uppercase !important;
}
.price-runner-modal .modal-header .close {
  top: -10px !important;
  opacity: 1 !important;
}
.price-runner-modal .modal-body {
  padding: 30px 5px 0 !important;
}
.price-runner-modal .modal-body .button {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  background: #f75a01;
  text-align: center;
  color: #f6f6f6 !important;
  text-transform: none;
  display: block;
  margin: 30px 0 3px;
  transition: 0.3s;
}
.price-runner-modal .modal-body .button:hover {
  background: #ff843f !important;
}

@media only screen and (max-width: 767px) {
  #footer-modal {
    top: 0 !important;
    border-radius: 0 !important;
    left: 0 !important;
    transform: translate(0, 0) !important;
    max-width: 100%;
    height: 100% !important;
  }
}
#footer-modal .modal-dialog {
  border: none;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #footer-modal .modal-dialog {
    left: 0 !important;
    transform: translate(0, 0) !important;
    background: #f5f5f5;
  }
}
#footer-modal .modal-dialog .modal-header::before, #footer-modal .modal-dialog .modal-header::after {
  display: none;
}
#footer-modal .modal-dialog .modal-header {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #footer-modal .modal-dialog .modal-header {
    padding: 30px 20px;
  }
}
#footer-modal .modal-dialog .modal-header .modal-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #505050;
}
#footer-modal .modal-dialog .modal-header .modal-button--close {
  position: relative !important;
  opacity: 1 !important;
}
#footer-modal .modal-dialog .modal-header .modal-button--close::before, #footer-modal .modal-dialog .modal-header .modal-button--close::after {
  display: none;
}
#footer-modal .modal-dialog .modal-header .modal-button--close svg {
  position: absolute;
  left: 0;
  top: 0;
}
#footer-modal .modal-dialog .modal-header .modal-button--close span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#footer-modal .modal-dialog .footer-inner__body {
  background: #f5f5f5;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  #footer-modal .modal-dialog .footer-inner__body {
    padding: 20px;
  }
}
#footer-modal .modal-dialog .footer-inner__section-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #9d9d9d;
  padding-bottom: 10px;
}
#footer-modal .modal-dialog .footer-inner__region {
  background: #fff;
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  #footer-modal .modal-dialog .footer-inner__region {
    padding: 15px 20px;
  }
}
#footer-modal .modal-dialog .footer-inner__region-list {
  margin: 0;
  background: #fff;
  position: relative;
}
#footer-modal .modal-dialog .footer-inner__region-list .face-select-label {
  position: absolute;
  background: linear-gradient(180deg, transparent 0%, #fff 30%);
  padding: 0px 3px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
  left: 12px;
  top: -5px;
  z-index: 5;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active .fake-select {
  border: 1px solid #4e8aff !important;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active .fake-select .ico-arrow {
  margin-top: -10px;
  right: 35px !important;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active .fake-select .ico-arrow::before {
  transform: scale(1, -1);
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active .fake-select .ico-arrow::after {
  transform: scale(1, -1);
  opacity: 1;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active .options-list-wrap {
  max-height: 360px !important;
  z-index: 13;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .fake-select {
  border: 1px solid #e5e5e5 !important;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .fake-select .value.visible {
  font-size: 16px;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .fake-select .ico-arrow {
  margin-top: -10px;
  right: 35px !important;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .fake-select .ico-arrow::before {
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .fake-select .ico-arrow::after {
  position: absolute;
  left: 0;
  opacity: 0;
  content: "";
  display: block;
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down_blue.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap {
  display: block;
  max-height: 0;
  top: 100%;
  max-height: 0;
  overflow: hidden;
  margin-top: 3px;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: 0.6s ease-out;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap .options-list {
  max-height: 310px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  overflow: auto;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li {
  padding: 10px 20px;
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  transition: 0.2s;
  position: relative;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li:focus, #footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li:hover {
  color: #1f1f1f;
  border: none;
  background: rgba(78, 138, 255, 0.1);
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li.active {
  background: rgba(78, 138, 255, 0.2);
  color: #4e8aff;
  border: none;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li.active img {
  opacity: 1 !important;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li.active::after {
  opacity: 0;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap .options-list-wrap li img {
  transition: 0.4s;
  margin-top: 3px;
}
#footer-modal .modal-dialog .footer-inner__region-list .custom-select-wrap.active + .face-select-label {
  color: #4e8aff;
}
#footer-modal .modal-dialog .user-menu__list .user-menu__list-flex {
  margin-bottom: 30px;
}
#footer-modal .modal-dialog .user-menu__list-flex {
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  gap: 10px;
}
@media only screen and (max-width: 480px) {
  #footer-modal .modal-dialog .user-menu__list-flex {
    padding: 8px;
    gap: 8px;
  }
}
#footer-modal .modal-dialog .user-menu__list-dropdown-item {
  position: relative;
  flex-basis: calc((100% - 20px) / 3);
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  transition: 0.5s;
  text-transform: uppercase;
  background: #f5f5f5;
  border-radius: 4px;
}
@media only screen and (max-width: 480px) {
  #footer-modal .modal-dialog .user-menu__list-dropdown-link {
    padding: 5px 6px;
  }
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.load {
  background: #DCE8FF !important;
  position: relative;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.load::after {
  content: "";
  position: absolute;
  left: 43%;
  top: 21%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  background: url("../img/themes/light-version/catalog/preloader-blue.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.load img {
  opacity: 0 !important;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.load span {
  opacity: 0 !important;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link img {
  display: flex;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link span {
  transition: 0.4s;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link span:not(#footer-modal .modal-dialog .user-menu__list-dropdown-link span:first-child) {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #505050;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.active {
  background: #DCE8FF;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.active span {
  color: #4e8aff !important;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link.active .symbol {
  color: #f6f6f6 !important;
  background: #4e8aff !important;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link:hover {
  background: #EEF4FF;
}
#footer-modal .modal-dialog .user-menu__list-dropdown-link:hover .symbol {
  color: #f6f6f6 !important;
  background: #4e8aff !important;
}
#footer-modal .modal-dialog .user-menu__list-currency-symbol {
  margin-right: 10px;
  background: #e5e5e5;
  border-radius: 25px;
  width: 34px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #9d9d9d;
  transition: 0.4s;
}

.push-notify__container {
  position: fixed;
  left: 10px;
  bottom: 30px;
  width: 480px;
  height: auto;
  max-height: 480px;
  padding: 20px;
  overflow-y: hidden;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  z-index: 999;
}
@media only screen and (max-width: 767px) {
  .push-notify__container {
    width: 100%;
    max-height: 140px;
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: 90px;
    padding: 20px 10px;
    display: none;
  }
}
.push-notify__wrap {
  position: relative;
  width: 100%;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  display: flex;
  opacity: 1;
  transition: 0.5s ease all;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
}
.push-notify__wrap:hover {
  opacity: 1;
}
.push-notify__wrap:not(:first-child) {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}
.push-notify__img {
  width: 100%;
  max-width: 180px;
  min-height: 100%;
  margin-right: 15px;
}
.push-notify__img img {
  min-height: 100%;
}
.push-notify__content {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .push-notify__content {
    padding-right: 30px;
    padding-bottom: 25px;
  }
}
.push-notify__title {
  font-family: Avenir-Next;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #808080;
  margin-bottom: 10px;
}
.push-notify__product-link {
  font-family: Avenir-Next;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #444444;
}
.push-notify__date {
  margin-top: auto;
  font-family: Avenir-Next-Bold;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #aeb2ba;
}
.push-notify__close-block {
  margin-top: 12px;
  margin-right: 12px;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .push-notify__close-block {
    position: absolute;
    right: 0px;
  }
}
.push-notify__close-btn {
  cursor: pointer;
  transition: 0.5s ease all;
}
.push-notify__close-btn:hover {
  transform: rotateZ(180deg);
}

.card-calculator__calculator {
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
  height: 38px;
  max-width: 120px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 0px 5px;
  margin-left: auto;
}
.card-calculator__calculator .card-calculator__calculator-input {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  display: block !important;
  border-radius: 0px !important;
  border: none !important;
  text-align: center;
  font-family: "Avenir-Next", sans-serif !important;
  color: #9D9D9D !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  pointer-events: none;
  user-select: none;
}
.card-calculator__calculator .card-calculator__calculator-input:hover {
  background: transparent !important;
}
.card-calculator__calculator .card-calculator__calculator-btn {
  display: flex;
  color: #9D9D9D;
  transition: color 0.5s;
}
.card-calculator__calculator .card-calculator__calculator-btn:hover {
  color: #1767FF;
}

.main-card {
  width: 100% !important;
  max-width: 780px !important;
  margin-left: -360px;
  top: 0% !important;
  margin-top: 0 !important;
  border: none;
  color: #000;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
}
@media only screen and (max-width: 992px) {
  .main-card {
    max-width: 98% !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    left: 0 !important;
    transform: translate(0, 0) !important;
    border-radius: 10px !important;
    max-height: auto !important;
    overflow-y: visible !important;
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-card.modal.modal-overflow {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%, -60%) !important;
    border-radius: 10px !important;
    max-height: 80vh !important;
    overflow-y: visible !important;
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-card.modal.modal-overflow .fade.in {
    width: 100% !important;
    max-width: 96% !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%, -60%) !important;
    border-radius: 10px !important;
    max-height: 80vh !important;
    overflow-y: visible !important;
    overflow: hidden !important;
  }
}
.main-card.fade.in {
  top: 55% !important;
  transform: translate(0, -50%);
  margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .main-card.fade.in {
    top: unset !important;
    bottom: 0;
    transform: translate(0, 0);
  }
}
.main-card__container {
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  padding: 0 !important;
  border-radius: 16px;
  overflow: hidden;
  border: none !important;
}
.main-card__header {
  position: relative;
  padding: 15px 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .main-card__header {
    padding: 15px;
  }
}
.main-card__header-title {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .main-card__header-title {
    font-size: 18px;
  }
}
.main-card__close-btn {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 7px;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  z-index: 99;
  color: #000;
  box-shadow: none;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
  transition: 0.5s ease all;
}
.main-card__close-btn:hover {
  opacity: 0.5;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .main-card__close-btn {
    top: 5px;
    right: 15px;
  }
}
.main-card__content-wrap {
  width: 100%;
  background-color: #F5F5F5;
}
.main-card__content-body {
  padding: 30px 20px;
  max-height: 65vh;
  overflow-y: scroll !important;
}
@media only screen and (max-width: 767px) {
  .main-card__content-body {
    padding: 15px 15px 0px !important;
    max-height: 50vh !important;
  }
}
.main-card__content-body::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.main-card__content-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.main-card__content-body::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  opacity: 0.3;
}
.main-card__product-item {
  width: 100%;
}
.main-card__product-item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 0.6px solid #d6d6d6;
}
.main-card__user-label {
  display: flex;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .main-card__user-label {
    margin-bottom: 10px;
  }
}
.main-card__user-avatar {
  position: relative;
  width: 45px;
  min-width: 45px;
  height: 45px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .main-card__user-avatar {
    width: 35px;
    min-width: 35px;
    height: 35px;
  }
}
.main-card__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.main-card__user-avatar a img {
  width: 100%;
}
.main-card__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .main-card__user-avatar .step-info {
    left: auto !important;
    right: -3px !important;
    bottom: -1px !important;
    width: 10px !important;
    height: 10px !important;
  }
}
.main-card__user-avatar .step-info:hover .step-info-msg {
  display: block;
}
.main-card__user-avatar .step-info-msg {
  background: #13192a;
  border-radius: 6px;
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  display: none;
  padding: 15px !important;
  position: absolute;
  width: 200px;
  height: auto;
  left: 30px;
  bottom: 0;
  z-index: 10000;
  text-transform: none;
  color: #fff !important;
  font-weight: 300;
  white-space: normal;
}
.main-card__user-name-wrap {
  width: 100%;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.main-card__user-name-wrap .main-card__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000;
  line-height: 1.3333333333 !important;
}
.main-card__user-name-wrap .main-card__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.main-card__user-name-wrap .main-card__user-icn-verify.verify {
  display: block;
}
.main-card__achievement-wrap {
  display: flex;
  align-items: center;
}
.main-card__achievement-wrap span {
  display: flex;
  align-items: center;
}
.main-card__achievement-wrap .main-card__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(/webpack-assets/img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-1, .main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-4 {
  background: url(/webpack-assets/img/icons/winner.svg) no-repeat center;
}
.main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-2, .main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-5 {
  background: url(/webpack-assets/img/icons/expert.svg) no-repeat center;
}
.main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-3, .main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-6 {
  background: url(/webpack-assets/img/icons/guru.svg) no-repeat center;
}
.main-card__achievement-wrap .main-card__achievement-icn.achievement-cup-num-7 {
  background: url(/webpack-assets/img/icons/wholesaler.svg) no-repeat center;
}
.main-card__achievement-wrap .main-card__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.main-card__list-products {
  width: 100%;
}
.main-card__product {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.main-card__product-flex {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .main-card__product-flex {
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
    flex-wrap: wrap;
  }
}
.main-card__product-img {
  width: 100%;
  max-width: 234px;
  min-width: 234px;
  height: 117px;
  margin-right: 15px;
  border-radius: 10px;
  overflow: hidden;
  mask-image: url("../img/product/mask-modal-cart.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: 0 0;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 767px) {
  .main-card__product-img {
    max-width: 126px;
    min-width: 126px;
    height: 63px;
    margin-right: 10px;
    mask-image: none;
  }
}
.main-card__product-img img {
  width: 100%;
  max-width: 100%;
  height: 120px;
}
@media only screen and (max-width: 767px) {
  .main-card__product-img img {
    height: 63px;
  }
}
.main-card__product-info-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background-color: #fff;
  padding: 10px;
  min-width: 0;
  height: 117px;
  position: relative;
}
.main-card__product-info-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  left: -12px;
  border-radius: 12px 0 0 12px;
  z-index: 1;
  background-color: #FFFFFF;
  transform: skew(-10.5deg);
}
@media only screen and (max-width: 767px) {
  .main-card__product-info-wrap::before {
    content: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-card__product-info-wrap {
    max-width: calc(100% - 136px);
    display: flex;
    flex-direction: column;
    height: 63px;
    padding: 0;
  }
}
.main-card__product-title {
  font-family: "Roboto", sans-serif;
  color: #505050;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 50px);
  z-index: 2;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, #fff 90%, transparent);
}
@media only screen and (max-width: 992px) {
  .main-card__product-title {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767px) {
  .main-card__product-title {
    width: 89%;
    font-size: 16px;
    line-height: 1.375;
  }
}
.main-card__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.main-card__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .main-card__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.main-card__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .main-card__text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.main-card__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.main-card__product-info-item {
  width: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  z-index: 2;
  position: relative;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .main-card__product-info-item {
    margin-bottom: 0;
  }
}
.main-card__product-info-item--mb0 {
  margin-bottom: 0;
}
.main-card__product-info-item span {
  display: flex;
  align-items: center;
  color: #9D9D9D !important;
  font-size: 14px;
}
.main-card__product-info-item img {
  width: 20px;
  margin-right: 5px;
}
.main-card__calculator-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  position: relative;
  justify-content: space-between;
}
.main-card__calculator-wrap.mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .main-card__calculator-wrap {
    display: none;
  }
  .main-card__calculator-wrap.mobile {
    display: flex;
    border-top: 1px solid #F5F5F5;
    padding-top: 10px;
    margin-top: 10px;
  }
}
.main-card__calculator-wrap .main-card__product-price {
  font-family: "Avenir-Next" !important;
  font-weight: 100 !important;
  color: #1F1F1F !important;
  font-size: 16px;
}
.main-card__calculator-wrap .card-calculator__calculator {
  margin-left: 0;
  border-radius: 8px;
  padding: 7px 5px;
}
.main-card__calculator-wrap .card-calculator__calculator-btn {
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(78, 138, 255, 0.1019607843);
  border-radius: 6px;
}
.main-card__calculator-wrap .card-calculator__calculator-input {
  color: #505050 !important;
  font-family: Avenir-Next-Bold !important;
  font-weight: 100 !important;
}
.main-card__product-price {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .main-card__product-price {
    margin-left: 0;
    margin-top: 10px;
  }
}
.main-card__delete-btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.main-card__delete-btn:hover img.hov {
  opacity: 1;
}
.main-card__delete-btn:hover img.nohov {
  opacity: 0;
}
.main-card__delete-btn img {
  position: absolute;
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.main-card__delete-btn img.hov {
  opacity: 0;
}
.main-card__delete-btn img.nohov {
  opacity: 1;
}
.main-card__discount-block {
  width: 100%;
  text-align: center;
}
.main-card__footer {
  width: 100% !important;
  position: relative !important;
  padding: 15px 20px !important;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  box-shadow: 0px -5px 15px 0px #0000001A;
}
@media only screen and (max-width: 767px) {
  .main-card__footer {
    padding: 15px !important;
  }
}
.main-card__full-price {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-card__full-price-right{
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-card__payment-link{
  border-radius: 44px;
  overflow: hidden;
  width: 70px;
  height: 34px;
  display: flex;
  align-items: center;
  background-color: #F1F1F1;
}
.main-card__full-price-title {
  font-family: Avenir-Next-Bold;
  font-size: 14px;
  line-height: 140%;
  color: #9D9D9D;
}
.main-card__full-price-count {
  font-family: Avenir-Next-Bold;
  font-size: 16px;
  line-height: 140%;
  color: #1f1f1f !important;
}
.main-card__button-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.main-card__button {
  width: 100%;
  max-width: none !important;
  min-height: 55px;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-family: Avenir-Next-DemiBold;
  font-size: 14px;
  line-height: 20px;
  gap: 10px;
  text-transform: uppercase;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .main-card__button {
    margin: 0px 5px;
  }
}
.main-card__button svg path {
  transition: 0.4s;
}
.main-card__button--continue {
  max-width: 183px;
  background: #ffffff;
  border: 1px solid #f75a01;
  color: #f75a01;
}
.main-card__button--continue:hover, .main-card__button--continue:focus {
  background: rgba(247, 90, 1, 0.1019607843);
  border: 1px solid rgba(247, 90, 1, 0.1019607843);
}
.main-card__button--checkout {
  background: #F75A01;
  color: #fff;
}
.main-card__button--checkout:hover, .main-card__button--checkout:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  color: #fff !important;
}
.main-card__button--checkout:hover svg path, .main-card__button--checkout:focus svg path {
  fill: #fff;
}
.main-card .alert-label {
  margin-bottom: 20px;
  color: #ff9c00;
  font-size: 14px;
}

.mini-cart-mob__wrap {
  position: fixed;
  z-index: 999;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 30px 15px 0;
  width: 100%;
  height: calc(100% - 70px);
  min-width: 320px;
  overflow: hidden;
  background: #f5f5f5;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.mini-cart-mob__wrap.js-show {
  opacity: 1;
  pointer-events: visible;
}
.mini-cart-mob__wrap .wrap-cart {
  height: 100%;
}
.mini-cart-mob__wrap .mini-cart__wrap {
  height: 100%;
}
.mini-cart-mob__wrap .mini-cart__container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mini-cart-mob__close-btn {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 2px;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  z-index: 99;
  color: #000;
  box-shadow: none;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
  transition: 0.5s ease all;
}
@media only screen and (max-width: 767px) {
  .mini-cart-mob__close-btn {
    top: -4px;
  }
}
.mini-cart-mob__close-btn:hover {
  color: #000 !important;
  opacity: 0.5;
  transform: rotate(180deg);
}
.mini-cart-mob__products-list {
  max-height: 370px;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media only screen and (max-width: 767px) {
  .mini-cart-mob__products-list {
    max-height: none;
    flex: 0 1 100%;
  }
}
.mini-cart-mob__products-list::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.mini-cart-mob__products-list::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}

.mini-cart__wrapper {
  width: 500px;
  position: absolute;
  top: calc(100% + 22px);
  right: 4px;
  z-index: 9;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
}
.mini-cart__wrapper::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 10px;
  width: 16px;
  height: 7px;
  background-image: url("../img/header/arrow-top.svg");
  background-repeat: no-repeat;
}
.mini-cart__wrapper.active {
  opacity: 1;
  pointer-events: visible;
}
.mini-cart__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}
.mini-cart__header-link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #9D9D9D;
  transition: color 0.5s;
}
.mini-cart__header-link:hover {
  color: #4E8AFF;
}
.mini-cart__wrap {
  width: 100%;
  background: #fff;
  border-radius: 8px;
}
.mini-cart__container {
  width: 100%;
}
.mini-cart__title {
  font-family: "Avenir Next", sans-serif;
  font-size: 18px;
  line-height: 1.1111111111;
  font-weight: 600;
  text-transform: capitalize;
  color: #1F1F1F;
}
.mini-cart__products-list {
  background-color: #F5F5F5;
  padding: 15px 20px;
}
.mini-cart__product-item {
  width: 100%;
  position: relative;
  display: flex;
  align-items: stretch;
}
.mini-cart__product-item:not(:first-child) {
  margin-top: 10px;
}
.mini-cart__product-img {
  width: 100%;
  max-width: 196px;
  border-radius: 10px;
  height: 104px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
  clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
}
.mini-cart__product-img img {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.mini-cart__product-info-item {
  padding: 10px 10px 10px 0;
  margin-left: 34px;
  background-color: #fff;
  height: 100%;
  border-radius: 0 8px 8px 0;
}
.mini-cart__product-info-wrap {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.mini-cart__product-info-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMzQgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQgMTIwSDguNTMzMjdDMy41NTk1OCAxMjAgLTAuMjA4NTkxIDExNS41MSAwLjY1NDY5NyAxMTAuNjExTDE4Ljk4NDMgNi42MTE0M0MxOS42NTgyIDIuNzg3NzcgMjIuOTgwMiAtNy42MjkzOWUtMDYgMjYuODYyOCAtNy42MjkzOWUtMDZIMzRWMTIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-color: #fff;
  mask-repeat: no-repeat;
  z-index: 1;
  transition: background-color 0.5s;
}
.mini-cart__product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  flex-grow: 1;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  line-height: 1.125;
  font-weight: 600;
  color: #505050;
  overflow: hidden;
}
.mini-cart__product-price {
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1f1f1f;
}
.mini-cart__controls-wrap {
  position: relative;
  width: 100%;
  display: flex;
  z-index: 1;
  justify-content: space-between;
}
.mini-cart__calculator-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.mini-cart__product-text {
  position: relative;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  z-index: 1;
}
.mini-cart__delete-btn {
  display: flex;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  flex-shrink: 0;
  cursor: pointer;
  color: #4E8AFF;
  transition: color 0.5s;
}
.mini-cart__delete-btn:hover {
  color: #1767FF;
}
@media only screen and (max-width: 767px) {
  .mini-cart__delete-btn {
    position: absolute;
    right: -4px;
    top: -15px;
  }
}
.mini-cart__total-text {
  margin-bottom: 5px;
  color: #9BA1AB;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
.mini-cart__cost-text {
  color: #1F1F1F;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3636363636;
}
.mini-cart__footer {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mini-cart__footer-link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #4E8AFF !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.mini-cart__footer-link:hover {
  color: #1767FF !important;
}
.mini-cart__full-price {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mini-cart__buttons-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #e5e5e5;
}
@media screen and (max-width: 767px) {
  .mini-cart__buttons-wrap {
    flex-direction: column;
    gap: 20px;
  }
}
.mini-cart__button {
  flex: 0 1 50%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 4px;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  text-align: center;
  transition: 0.2s;
}
.mini-cart__button svg {
  fill: currentColor;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .mini-cart__button svg {
    display: none;
  }
}
.mini-cart__button--checkout {
  background: #f75a01;
  color: #f6f6f6;
}
@media screen and (max-width: 767px) {
  .mini-cart__button--checkout {
    order: -1;
  }
}
.mini-cart__button--checkout:hover, .mini-cart__button--checkout:focus {
  background: #ff843f;
  color: #f6f6f6;
}
.mini-cart__button--card {
  background: transparent;
  border: 1px solid #f75a01;
  color: #f75a01;
}
.mini-cart__button--card:hover, .mini-cart__button--card:focus {
  border: 1px solid currentColor;
  color: #ff843f;
}
.mini-cart__empty-block {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mini-cart__empty-text {
  margin-bottom: 15px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #868686;
  text-align: center;
}
.mini-cart__empty-img {
  width: 100%;
  max-width: 210px;
}
.mini-cart__empty-img img {
  width: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 992px) {
  .vertical_center {
    display: flex;
    align-items: center;
  }
}

html {
  background-color: #ededf2;
}

.status-offline {
  display: none !important;
}

thead th {
  white-space: nowrap;
}

.full-width {
  width: 100% !important;
  max-width: 100% !important;
}

.box-shadow {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.box-shadow-table {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25) !important;
}
.box-shadow--dark {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.45);
}

.white-bg {
  background-color: #fff !important;
  padding: 35px 50px !important;
}

.border-4 {
  border-radius: 4px !important;
}

.capitalize {
  text-transform: capitalize;
}

.top-zero {
  top: 0 !important;
}

.float-right {
  float: right;
}

.pading-left-15 {
  padding-left: 15px !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-10 {
  z-index: 10 !important;
}

.horizont_center {
  display: flex;
  justify-content: center;
}

.flex_center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media only screen and (min-width: 767px) {
  .flex_align_centr {
    display: flex;
    align-items: center;
  }
}

.flex_start {
  display: flex;
  justify-content: flex-start;
}

.flex_end {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .mobile_flex_between {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .mobile_flex_between .summary-info_right .summary-info__item {
    justify-content: flex-end !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobile_flex_between--block2-mob {
    margin-top: 0;
  }
}

.padding-zero {
  padding: 0 !important;
}

.margin-zero {
  margin: 0 !important;
}

.top-zero {
  top: 0 !important;
}

@media only screen and (min-width: 992px) {
  .padding-15 {
    padding: 0px 15px;
  }
}

@media only screen and (min-width: 992px) {
  .margin-15 {
    margin: 0px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

.padding-sides-zero {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.color-gray {
  color: #808080;
}

.flex-end {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 992px) {
  .flex-end {
    justify-content: center;
  }
}

.full-width {
  width: 100% !important;
  max-width: 100% !important;
}

@media only screen and (min-width: 992px) {
  .padding_zero {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 992px) {
  .mobile_full_width {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-flex-colum {
    display: flex;
    flex-direction: column;
  }
  .mobile-flex-colum .default-btn {
    margin-top: 40px;
  }
}

.index-offers .card .avatar-wrap .ico-user-status,
.product-offers .card .avatar-wrap .ico-user-status {
  border: 2px solid #11151a;
}
.index-offers .card .user-info .nick-name,
.product-offers .card .user-info .nick-name {
  font-family: "Roboto-Regular";
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.0653704px;
  color: #ffffff;
}
.index-offers .card .user-info .user-achievement,
.product-offers .card .user-info .user-achievement {
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.375px;
  color: #13192a;
  mix-blend-mode: normal;
  opacity: 0.7;
}
.index-offers .card__offer-info,
.product-offers .card__offer-info {
  border-bottom: 0;
  position: relative;
}
.index-offers .card .card__body,
.product-offers .card .card__body {
  min-height: auto;
}
.index-offers .card .card__body.title-item-prod,
.product-offers .card .card__body.title-item-prod {
  position: relative;
  z-index: 11;
}
.index-offers .amount-wrap,
.product-offers .amount-wrap {
  position: absolute;
  padding: 15px;
  font-family: "Roboto-Bold";
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  right: 15px;
  top: -35px;
  background: #000;
  border-radius: 6px;
}
.index-offers .card__offer-info,
.product-offers .card__offer-info {
  height: auto;
  padding: 0;
  min-height: auto;
}
.index-offers .card__offer-info.heads,
.product-offers .card__offer-info.heads {
  padding: 15px;
}
.index-offers .card__title,
.product-offers .card__title {
  min-height: 60px;
}
.index-offers .card .card__title a,
.product-offers .card .card__title a {
  font-family: "Roboto-Regular";
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #ffffff;
}
.index-offers .card .card__text,
.product-offers .card .card__text {
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
  opacity: 0.7;
}

.banner-once {
  background: #13192a;
  padding-top: 50px;
}
.banner-once img {
  max-width: 100%;
  border-radius: 10px;
}

.buttons-block {
  background: #232b37;
  padding: 17px 0;
}
.buttons-block h1 {
  font-family: "Roboto-Bold";
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-shadow: 0px 10px 48px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 992px) {
  .buttons-block h1 {
    font-size: 20px;
  }
}
.buttons-block p {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.0653704px;
  color: #ffffff;
}
.buttons-block .button-def {
  background: #ffffff !important;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .buttons-block .button-def {
    width: 160px;
    display: block;
    margin: 0 auto 20px;
  }
}
.buttons-block .button-accent {
  background: #f75a01 !important;
  max-width: 160px;
}
.buttons-block .button-accent:hover {
  background: #ff843f !important;
}
.buttons-block .button-accent:focus {
  background: #ff843f !important;
}
@media only screen and (max-width: 767px) {
  .buttons-block .button-accent {
    width: 160px;
    display: block;
    margin: 30px auto 0;
  }
}

.im-in-game {
  background-image: url("../../img/pages/landing/landing_banner_1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 120px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 35px;
  color: #ffffff;
  background-color: 0;
  background-color: #000;
  background-opacity: 0.1;
}
@media only screen and (max-width: 767px) {
  .im-in-game {
    padding: 15px;
  }
}
.im-in-game .info {
  text-align: center;
}

.buttons-block-two {
  background-image: url("../../img/pages/landing/landing_banner_2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 120px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 35px;
  color: #ffffff;
  background-color: #000;
  max-width: 1140px !important;
}
.buttons-block-two .info {
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .buttons-block-two .logo {
    display: none;
  }
}
.buttons-block-two .copy-label {
  background: #ffd5c3;
  border: 1.34933px dashed #f75a01;
  border-radius: 5.39732px;
  color: #000000;
  width: 208px;
  height: 55px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Avenir Next, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 21.9417px;
  line-height: 31px;
  z-index: 1;
}
.buttons-block-two .copy-label-up {
  background-image: url("../../img/pages/landing/get-code.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left;
  border-radius: 5.39732px;
  color: #fff;
  width: 208px;
  height: 55px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Avenir Next, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 21.9417px;
  line-height: 31px;
  position: absolute;
  z-index: 2;
  transition: 0.2s;
}
.buttons-block-two .copy-label-up:hover {
  cursor: pointer;
  background-size: 95% 100%;
  background-position: left;
}
.buttons-block-two .logo {
  margin-top: 5px;
}

.news-banner {
  background-image: url("../../img/pages/landing/landing_banner_3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 120px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 35px;
  color: #ffffff;
  background-color: #000;
}
.news-banner .info {
  text-align: center;
}
.news-banner .news-banner-title {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .news-banner {
    display: none !important;
  }
}

.banner_header {
  font-family: "Baloo2-Bold";
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 0.5px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-shadow: 0px 10px 48px #000000;
  text-align: center;
  text-shadow: 0px 10px 48px #000000;
}
@media only screen and (max-width: 767px) {
  .banner_header {
    line-height: 35px;
  }
}

.banner_text {
  font-family: "Baloo2";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0px 10px 48px #000000;
  text-align: center;
  text-shadow: 0px 10px 48px #000000;
  letter-spacing: 1px;
}
@media only screen and (max-width: 992px) {
  .banner_text {
    display: block;
    margin: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text {
    margin: 15px 0;
    line-height: 35px;
  }
}

.main-flag {
  width: 20px;
  margin-right: 5px;
}

.mini-banner-slider {
  overflow: hidden;
  height: 140px;
  position: relative;
}
.mini-banner-slider .slick-prev,
.mini-banner-slider .slick-next {
  position: absolute;
  background: rgb(17, 21, 26);
  border-radius: 4px;
  top: 50%;
  color: #fff;
  z-index: 9;
  padding: 6px 13px;
  margin-top: -15px;
  opacity: 0.8;
}
.mini-banner-slider .slick-prev .fa,
.mini-banner-slider .slick-next .fa {
  font-size: 20px;
}
.mini-banner-slider .slick-prev:hover,
.mini-banner-slider .slick-next:hover {
  background: #f75a01;
  opacity: 1;
}
.mini-banner-slider .slick-prev {
  left: 32px;
}
.mini-banner-slider .slick-next {
  right: 32px;
}

@media only screen and (max-width: 400px) {
  .mini-banner-slider {
    display: none;
  }
}

.featured_products ul li {
  text-align: center;
  padding: 5px 0 0;
}
.featured_products ul li a {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  transition: 0s;
}
.featured_products ul .slick-prev {
  top: 15px;
  left: 0;
}
.featured_products ul .slick-next {
  top: 15px;
  right: 0;
}

.slide-info {
  position: absolute;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  height: 100%;
  top: 0;
}
.slide-info .container.top {
  height: 100%;
}
.slide-info .buttons-wrap {
  text-align: right;
}
.slide-info .buttons-wrap .button {
  margin: 0 15px;
}
.slide-info .buttons-wrap .button:last-child {
  margin-right: 0;
}
.slide-info .container.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 400px) {
  #myRange {
    width: 260px !important;
  }
}

.quick-buy-panel {
  padding: 20px;
  color: #fff;
  background: #33384c;
  border-radius: 10px;
}
@media only screen and (max-width: 992px) {
  .quick-buy-panel {
    width: 360px;
    margin: 0 auto 30px;
  }
}
@media only screen and (max-width: 400px) {
  .quick-buy-panel {
    width: 100%;
  }
}
.quick-buy-panel .panel__title {
  font-family: Impact;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: left;
  margin-bottom: 10px;
}
.quick-buy-panel .info-wrap {
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.9;
  margin-top: 30px;
}
.quick-buy-panel .select-wrap {
  margin-top: 20px;
  cursor: pointer;
}
.quick-buy-panel .selects-wrapper {
  flex-flow: row;
}
@media only screen and (max-width: "md"px) {
  .quick-buy-panel .selects-wrapper {
    flex-flow: column;
  }
}
.quick-buy-panel .selects-wrapper .select-wrap {
  width: 50%;
}
.quick-buy-panel .btn-wrap {
  margin-top: 20px;
  text-align: center;
}
.quick-buy-panel .btn-wrap .button-big {
  max-width: 240px;
  margin-top: 10px;
  font-size: 16px;
  background: #f75a01;
  padding: 15px 10px;
}
.quick-buy-panel .btn-wrap .button-big:hover {
  background: #ff843f;
}
.quick-buy-panel .btn-wrap .button-big:focus {
  background: #ff843f !important;
}
.quick-buy-panel .ui-slider {
  width: 45%;
}
.quick-buy-panel .currency-amount {
  display: block;
}
.quick-buy-panel .factor-both {
  margin-top: 40px;
}

.selects-wrapper {
  display: flex;
  flex-flow: row;
}
.selects-wrapper .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  font-size: 14px;
}
.selects-wrapper .select-wrap select {
  color: #fff;
  background: none;
  border: 1px solid #fff;
  border-radius: 4px;
}
.selects-wrapper .select-wrap:first-child {
  margin-right: 10px;
}

.panel__title {
  font-size: 36px;
  letter-spacing: 0.6px;
  color: #fff;
  font-family: "Impact", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.calculator-wrap {
  margin-top: 20px;
}

.calculator {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quick-buy-panel h6 {
  margin-bottom: 15px;
  font-size: 14px;
}
.quick-buy-panel h6.disabled {
  opacity: 0.5;
}

.factor-wrap {
  margin: 0;
}
.factor-wrap .factor__text {
  line-height: normal;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 18px;
  right: 28px;
  color: #000000;
  opacity: 0.5;
  text-align: right;
}
.factor-wrap .count-wrap {
  position: relative;
  background: #fff;
  border-radius: 5px;
}
.factor-wrap .count-wrap .ico-arrow {
  right: 0;
  left: 0;
  height: 25px;
  width: 15px;
  margin: auto;
  color: #000;
  font-size: 30px;
}
.factor-wrap .count-wrap .arrow-up {
  bottom: 3px;
}
.factor-wrap .count-wrap .arrow-up:before {
  top: -3px;
}
.factor-wrap .count-wrap .arrow-down {
  top: 3px;
}
.factor-wrap .count-wrap .arrow-down:before {
  top: 4px;
}
.factor-wrap input.count {
  line-height: 40px;
  border-radius: 4px;
  color: #000;
  width: 100%;
  padding: 5px 15px 5px 15px;
  text-align: left;
  border: 1px solid #33384c;
}
.factor-wrap input.count:disabled {
  background: #9e9e9e;
}
.factor-wrap input.input-field {
  background-color: #fff;
  border-radius: 5px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.factor-wrap input.input-field.error {
  border-color: #a94442;
  border-width: 2px;
  box-shadow: inset 0 0 14px 3px rgba(169, 68, 66, 0.5);
}
.factor-wrap input.input-field:focus {
  border: 1px solid #f75a01;
}
.factor-wrap .count__btn,
.factor-wrap .sum_btn {
  width: 20px;
  height: 20px;
  border: 1px solid;
  position: absolute;
  background: green !important;
  right: 0;
  cursor: pointer;
}
.factor-wrap .count__btn.up,
.factor-wrap .sum_btn.up {
  top: 0;
}
.factor-wrap .count__btn.up .arrow-up,
.factor-wrap .sum_btn.up .arrow-up {
  top: 5px;
}
.factor-wrap .count__btn.down,
.factor-wrap .sum_btn.down {
  bottom: 0;
}
.factor-wrap .count__btn.down .arrow-down,
.factor-wrap .sum_btn.down .arrow-down {
  bottom: 5px;
}

.factor__text {
  font-size: 12px;
}

.slider-caption {
  position: relative;
  height: 80px;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
}
.slider-caption:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1000px;
  top: 0;
  right: -1000px;
  background: rgba(0, 0, 0, 0.35);
}
.slider-caption .slick-dots {
  font-size: 0;
  padding: 0 10px;
}
.slider-caption .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slider-caption .slick-dots li.slick-active button {
  background: #fff;
}
.slider-caption .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0;
}

.slider-caption__text {
  padding: 5px 15px;
  color: #fff;
}

.caption__title {
  font-size: 30px;
  color: #fff;
}
.caption__title h1 {
  font-size: 25px;
}

.caption__offer-info,
.card__offer-info {
  font: 15px "Roboto-Light", sans-serif;
}
.caption__offer-info .quantity,
.caption__offer-info .currency,
.caption__offer-info .amount,
.card__offer-info .quantity,
.card__offer-info .currency,
.card__offer-info .amount {
  font-family: "Roboto-Black", sans-serif;
}

.show-more-btn {
  display: flex;
  font-size: 14px;
  text-transform: uppercase;
  align-items: center;
  margin-left: auto;
  color: #fff;
  transition: all 0.3s;
  width: 200px;
}
.show-more-btn:hover {
  color: #f75a01;
}
.show-more-btn:hover .ico-arrow {
  background-color: #f75a01;
}
.show-more-btn .ico-arrow-right {
  margin-left: 10px;
  transition: all 0.3s;
}

.section {
  padding: 50px 0;
}
.section.recommend-section {
  padding-top: 0;
}

.markets-slider {
  position: relative;
  max-height: 150px;
  overflow: hidden;
  background: #13192a;
}
.markets-slider .slick-slide {
  text-align: center;
}
.markets-slider .market-card {
  width: 100px !important;
  height: 100px !important;
}
.markets-slider .market-card .market__img {
  border-radius: 10px;
}
.markets-slider .slick-prev,
.markets-slider .slick-next {
  position: absolute;
  background: rgb(17, 21, 26);
  border-radius: 4px;
  top: 50%;
  color: #fff;
  z-index: 9;
  padding: 6px 13px;
  margin-top: -15px;
  opacity: 0.8;
}
.markets-slider .slick-prev .fa,
.markets-slider .slick-next .fa {
  font-size: 20px;
}
.markets-slider .slick-prev:hover,
.markets-slider .slick-next:hover {
  opacity: 1;
  background: #f75a01;
}
.markets-slider .slick-prev {
  left: 0;
}
.markets-slider .slick-next {
  right: 0;
}

.section__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.section__top-bar.show-more .show-more-btn {
  color: #000;
  display: none;
}
.section__top-bar.show-more .show-more-btn:hover {
  color: #f75a01;
}
.section__top-bar.show-more .ico-arrow-right {
  background: #555555;
}

.items-slider .slick-arrow {
  bottom: 0;
  margin: auto;
  margin-top: auto;
  margin-left: auto;
  color: #fff;
  font-size: 0;
  transform-origin: center;
  display: inline-block;
  background: #555;
  position: relative;
  width: 30px;
  height: 30px;
  background: #555555;
  margin-left: 10px;
  transition: all 0.3s;
  background: #11151a;
  border-radius: 4px;
  z-index: 9;
  padding: 6px 13px;
  opacity: 0.8;
}
.items-slider .slick-arrow:before {
  position: absolute;
  content: "›";
  font: 40px/20px "Roboto-Thin", sans-serif;
  width: 100%;
  text-align: center;
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1px;
}
.items-slider .slick-arrow:hover {
  background: #f75a01;
}
.items-slider .slick-prev {
  transform: rotate(180deg);
}

.items-slider .slider__item {
  padding: 0px 0;
}

.card__title {
  display: block;
  font: 16px "Roboto-Medium", sans-serif;
  padding: 15px 20px 5px;
  min-height: 70px;
  height: 70px;
  overflow: hidden;
  color: #fff;
}
.card__title a {
  color: #ffffff;
}

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

.simple-card .card__title {
  padding: 15px 20px 20px;
}
.simple-card .card__offer-info {
  display: block;
  text-align: center;
  font-size: 14px;
}
.simple-card {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}

.card .avatar-wrap {
  margin-right: 10px;
  display: inline-block;
  min-width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  overflow: initial;
}
.card .avatar-wrap img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
  border-radius: 50%;
}
.card .avatar-wrap__link {
  background: #696969;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.card .avatar-wrap .ico-user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background: #febb37;
  border-radius: 50%;
}
.card .avatar-wrap .ico-user-status.online {
  background: #f75a01;
}
.card .user-info {
  width: calc(100% - 5px);
  display: inline-block;
  vertical-align: top;
  font: 16px "Roboto-Regular", sans-serif;
}
.card .user-info .step-info {
  display: inline-block;
  height: 16px;
  width: 16px;
}
.card .user-info .step-info span {
  background: none;
}
.card .user-info .nick-name {
  display: inline-block;
  color: #fff;
}
.card .user-info .nick-name .name {
  max-width: calc(100% - 25px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card .amount-wrap {
  display: flex;
  align-items: center;
}
.card .user-block {
  width: 75%;
}
.card .card__text {
  font: 14px "Roboto-Light", sans-serif;
  height: 70px;
  overflow: hidden;
}
.card .card__btns-wrap .card__button {
  display: none;
}
.card .card__btns-wrap .card__button.add-to-cart {
  display: inline-block;
}
.card .card__btns-wrap .card__button.edit-offer {
  display: inline-block;
}
.card .card__btns-wrap .card__button.out-stock {
  display: inline-block;
}
.card .toggle-content {
  display: none;
}
.card .card__button {
  line-height: 45px;
  height: 45px;
  max-width: 200px;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  font-family: "Roboto-Black", sans-serif;
  border-top: 1px solid #d9d9d9;
  border-radius: 7px !important;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.card .card__button.card__button--added {
  background: #f75a01;
}
.card .card__button.add-to-cart {
  background: #fff;
  color: #000;
}
.card .card__button.add-to-cart:hover {
  border-top: 1px solid transparent;
  border-color: transparent;
  background: #f75a01;
  color: #fff;
}
.card .card__body {
  padding: 0;
}

.ico-user-status-position {
  position: absolute !important;
  right: -3px !important;
  bottom: -3px;
  background: #46ca43 !important;
  border: 1px solid #000;
  height: 16px !important;
  opacity: 1 !important;
}
.ico-user-status-position .step-info-i {
  background: none !important;
}

.card__offer-info .ico-user-status-position {
  background: none !important;
  border: none !important;
}
.card__offer-info .ico-user-status-position .step-info-i {
  background: none !important;
}

.ico-user-status.online {
  background: #46ca43 !important;
}

.ico.user-verify {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ico.user-verify.verify {
  background-image: url(../img/icons/verify-icon.svg);
}
.ico.user-verify.noverify {
  background-image: url(../img/icons/noverify.svg);
}

.ico.achievement-cup {
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url(../img/icons/winner.svg) no-repeat center;
  background-size: contain;
  margin-right: 2px;
  vertical-align: sub;
}
.ico.achievement-cup.achievement-cup-1, .ico.achievement-cup.achievement-cup-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
  background-size: 15px;
}
.ico.achievement-cup.achievement-cup-2, .ico.achievement-cup.achievement-cup-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
  background-size: 15px;
}
.ico.achievement-cup.achievement-cup-3, .ico.achievement-cup.achievement-cup-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
  background-size: 15px;
}
.ico.achievement-cup.achievement-cup-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
  background-size: 15px;
}

.product-page .card {
  overflow: hidden;
}
.product-page .card .label.text,
.product-page .card .label.new,
.product-page .card .label.sale {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  z-index: 9;
  width: 150px;
  transform: rotate(-45deg);
  top: 18px;
  left: -42px;
  padding: 5px;
  font-family: Roboto-Regular;
}
.product-page .card .label.new {
  background: rgb(51, 201, 90);
}
.product-page .card .label.sale {
  background: rgb(255, 120, 44);
}
.product-page .card .label.text.left-bottom {
  top: auto;
  bottom: 18px;
  left: -42px;
  transform: rotate(45deg);
}
.product-page .card .label.text.right-top {
  top: 18px;
  right: -42px;
  left: auto;
  transform: rotate(45deg);
}
.product-page .card .label.text.right-bottom {
  top: auto;
  bottom: 18px;
  left: auto;
  right: -42px;
  transform: rotate(-45deg);
}
.product-page .card .label.flag {
  position: absolute;
  z-index: 9;
}
.product-page .card .label.flag img {
  width: auto;
  max-height: 50px;
  position: static;
  min-width: 0;
  min-height: 0;
  transform: none;
}
.product-page .card .label.flag.left-top {
  left: 5px;
  top: 5px;
}
.product-page .card .label.flag.left-bottom {
  left: 5px;
  bottom: 5px;
}
.product-page .card .label.flag.right-top {
  right: 5px;
  top: 5px;
}
.product-page .card .label.flag.right-bottom {
  right: 5px;
  bottom: 5px;
}
.product-page .card .label.img {
  position: absolute;
  z-index: 9;
}
.product-page .card .label.img img {
  width: auto;
  max-height: 50px;
  position: static;
  min-width: 0;
  min-height: 0;
  transform: none;
}
.product-page .card .label.img.left-top {
  left: 0;
  top: 0;
  padding: 0;
}
.product-page .card .label.img.left-bottom {
  left: 0;
  bottom: 0;
  padding: 0;
}
.product-page .card .label.img.right-top {
  right: 0;
  top: 0;
  padding: 0;
}
.product-page .card .label.img.right-bottom {
  right: 0;
  bottom: 0;
  padding: 0;
}

.card {
  color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  background: #222a36;
}
.card .offer-type .step-info-msg {
  width: 300px;
  top: 35px;
  bottom: auto;
}
.card .marketplace-and-region-flag {
  margin-bottom: 20px;
  margin-top: 15px;
}
.card .marketplace-and-region-flag .marketplace {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  border-radius: 4px;
  letter-spacing: 0.0898843px;
  text-transform: uppercase;
  line-height: 12px;
  float: left;
  margin-right: 10px;
}
.card .marketplace-and-region-flag .marketplace-img {
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  letter-spacing: 0.0898843px;
  text-transform: uppercase;
  line-height: 12px;
  float: left;
  margin-right: 10px;
}
.card .marketplace-and-region-flag .marketplace-img img {
  height: 40px;
}
.card .marketplace-and-region-flag .marketplace-img .step-info,
.card .marketplace-and-region-flag .marketplace-img .step-info-i {
  width: auto;
  height: auto;
}
.card .marketplace-and-region-flag .marketplace-img .step-info-msg {
  width: 300px;
  top: 35px;
  bottom: auto;
}
.card .marketplace-and-region-flag .region-flag {
  display: inline-block;
  line-height: 12px;
  float: left;
}
.card .marketplace-and-region-flag .region-flag .step-info-msg {
  width: 300px;
  top: 35px;
  bottom: auto;
}
.card .marketplace-and-region-flag .region-flag img {
  height: 40px;
  max-width: none;
}
.card .marketplace-and-region-flag:before {
  content: "";
  display: block;
  clear: both;
}
.card .pad-top-5 {
  padding-top: 3px;
}
.card .wallet-list_currency {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-top: -10px;
}
.card .wallet-list_balance {
  display: block;
  padding-top: 6px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.card .balance__amount .currency {
  opacity: 1;
  display: block;
}
.card .balance__amount .currency::first-letter {
  margin-right: 6px;
}
.card .view-block {
  width: 100%;
  height: 100%;
  z-index: 9;
  text-align: center;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  border-radius: 10px;
  overflow: hidden;
}
.card .view-block .cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  opacity: 0.2;
  height: 100%;
}
.card .view-block .button-accent {
  top: 40%;
  background: #f75a01;
  max-width: 180px;
}
.card .view-block .button-accent:hover {
  background: #ff843f !important;
}
.card .view-block .button-accent:focus {
  background: #ff843f !important;
}
.card .view-block .button-accent.out-stock {
  display: none;
}
.card:hover .view-block {
  display: block;
}
.card .card__img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.card .card__img .label.text,
.card .card__img .label.new,
.card .card__img .label.sale {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  z-index: 9;
  width: 150px;
  transform: rotate(-45deg);
  top: 18px;
  left: -42px;
  padding: 5px;
  font-family: Roboto-Regular;
}
.card .card__img .label.new {
  background: rgb(51, 201, 90);
}
.card .card__img .label.sale {
  background: rgb(255, 120, 44);
}
.card .card__img .label.text.left-bottom {
  top: auto;
  bottom: 18px;
  left: -42px;
  transform: rotate(45deg);
}
.card .card__img .label.text.right-top {
  top: 18px;
  right: -42px;
  left: auto;
  transform: rotate(45deg);
}
.card .card__img .label.text.right-bottom {
  top: auto;
  bottom: 18px;
  left: auto;
  right: -42px;
  transform: rotate(-45deg);
}
.card .card__img .label.flag {
  position: absolute;
  z-index: 9;
}
.card .card__img .label.flag img {
  width: auto;
  max-height: 50px;
  position: static;
  min-width: 0;
  min-height: 0;
  transform: none;
}
.card .card__img .label.flag.left-top {
  left: 5px;
  top: 5px;
}
.card .card__img .label.flag.left-bottom {
  left: 5px;
  bottom: 5px;
}
.card .card__img .label.flag.right-top {
  right: 5px;
  top: 5px;
}
.card .card__img .label.flag.right-bottom {
  right: 5px;
  bottom: 5px;
}
.card .card__img .label.img {
  position: absolute;
  z-index: 9;
}
.card .card__img .label.img img {
  width: auto;
  max-height: 50px;
  position: static;
  min-width: 0;
  min-height: 0;
  transform: none;
}
.card .card__img .label.img.left-top {
  left: 0;
  top: 0;
  padding: 0;
}
.card .card__img .label.img.left-bottom {
  left: 0;
  bottom: 0;
  padding: 0;
}
.card .card__img .label.img.right-top {
  right: 0;
  top: 0;
  padding: 0;
}
.card .card__img .label.img.right-bottom {
  right: 0;
  bottom: 0;
  padding: 0;
}
.card.card-added .card__button {
  display: inline-block;
}
.card.card-added .card__button.add-to-cart {
  display: none;
}

.catalog .card {
  background: #11151a;
  height: 308px;
}
@media only screen and (max-width: 767px) {
  .catalog .card {
    height: 330px;
  }
}

.dark-theme .card {
  box-shadow: none;
}

.card__img {
  height: 130px;
  max-width: 360px;
  position: relative;
  position: relative;
  overflow: hidden;
}
.card__img img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}

.card__body {
  padding: 0 0 20px;
}

.card__offer-info {
  display: flex;
  justify-content: space-between;
  padding: 15px 5px;
  border-bottom: 0.25px solid #c5c5c5;
  min-height: 50px;
}
.card__offer-info .panel__title {
  margin: 0;
}

.slick-slider {
  margin: 0;
  padding: 0;
}

ol,
ul,
button {
  padding: 0;
  margin: 0;
}

.card__text {
  padding: 10px 20px 10px;
  font-family: "Roboto-Medium", sans-serif;
  line-height: 20px;
}

.how-to-section {
  background: #1e1d1d;
  padding: 50px 0;
}
.how-to-section .block-content {
  position: relative;
  padding: 50% 50px 0;
  z-index: 1;
}
.how-to-section .block__title {
  font-size: 36px;
  font-family: "Impact", sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 40px;
  letter-spacing: 0.6;
}
.how-to-section .button {
  display: inline-block;
  max-width: 160px;
  border-radius: 4px;
  padding: 23px 0;
}
.how-to-section .button:hover {
  color: #fff;
}
.how-to-section .block {
  position: relative;
  height: 540px;
}
.how-to-section .block .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.how-to-section .block.buy-block .bg {
  background-image: url(../img/how-to-buy.jpg);
  background-size: 100%;
}
.how-to-section .block.sell-block .bg {
  background-image: url(../img/how-to-sell.jpg);
  background-size: 100%;
}

.markets-section {
  background: #13192a;
}
.markets-section .section-title {
  color: #fff;
  text-transform: none;
  font-size: 18px;
  font-family: "Roboto-Bold";
}
.markets-section .show-more-btn {
  display: none;
}

.market__img {
  display: block;
  width: 100%;
  height: 80px;
  position: relative;
  overflow: hidden;
}
.market__img img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}

.market__name {
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 20px;
  font-size: 16px;
}

.markets-list {
  margin-top: 0px;
}

.lowercost-list {
  margin-top: 50px;
}

.payments-section.section {
  padding: 50px 0 100px;
}

.head-section__payments {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.head-section__payments a {
  width: 80px;
  height: 25px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.head-section__payments a.visa {
  background-image: url(../img/payments/visa-1.png);
  width: 73px;
  height: 25px;
}
.head-section__payments a.mastercard {
  background-image: url(../img/payments/mastercard-1.png);
  width: 33px;
  height: 25px;
}
.head-section__payments a.skrill {
  background-image: url(../img/payments/skrill.svg);
  width: 72px;
}
.head-section__payments a.american-express {
  background-image: url(../img/payments/american-express-1.png);
  width: 85px;
}
.head-section__payments a.discover {
  background-image: url(../img/payments/discover-1.png);
  width: 78px;
}
.head-section__payments a.paypal {
  background-image: url(../img/payments/paypal.png);
  width: 93px;
}
.head-section__payments a.bitpay {
  background-image: url(../img/payments/bitpay.png);
  width: 71px;
}
.head-section__payments a.paysafe {
  background-image: url(../img/payments/paysafe.png);
  width: 141px;
}
.head-section__payments a.klarna {
  background-image: url(../img/payments/klarna.png);
  width: 108px;
}

.catalog__show-items {
  font-size: 12px;
  color: #555555;
}

.catalog .search-bar-row {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .catalog .search-bar-row {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.catalog .search-bar-row .select-show-items {
  margin: 0 20px 0 0;
}
.catalog .search-bar-row .select-show-items .ui-selectmenu-button {
  margin-top: -2px;
}
@media only screen and (max-width: 1024px) {
  .catalog .search-bar-row .price-row {
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .catalog .search-bar-row .price-row {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog .search-bar-row .price-row {
    margin-top: 10px;
  }
}
.catalog .search-wrap {
  border-radius: 10px;
  position: relative;
}
.catalog .search-wrap .title {
  padding: 20px 10px 0;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
}
.catalog .search-wrap .close,
.catalog .search-wrap .close-filter {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #000;
  font-weight: 100;
  font-size: 30px;
}
.catalog .search-wrap .title,
.catalog .search-wrap .close,
.catalog .search-wrap .view-filter-button {
  display: none;
}
@media only screen and (max-width: 767px) {
  .catalog .search-wrap .alphabet-wrap,
  .catalog .search-wrap .show-on-page-block,
  .catalog .search-wrap .price-row,
  .catalog .search-wrap .view-filter-button {
    display: none;
  }
}
.catalog .search-wrap.active #search-in-category,
.catalog .search-wrap.active .view-filter-button {
  display: none;
}
.catalog .search-wrap.active .alphabet-wrap,
.catalog .search-wrap.active .price-row,
.catalog .search-wrap.active .title,
.catalog .search-wrap.active .close {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .catalog .show-on-page-block {
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .catalog .show-on-page-block {
    margin-top: 20px;
  }
}
.catalog .price-row .help-block {
  display: none;
}
.catalog .price-field {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .catalog .price-field {
    width: 44.8%;
  }
}
.catalog .price-field.category {
  float: left;
}
@media only screen and (max-width: 767px) {
  .catalog .price-field.category {
    width: 100%;
  }
}
.catalog .price-field input#minprice,
.catalog .price-field input#maxprice {
  background: #222a36;
  color: #fff;
  border: 1px solid #808080;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  padding: 27px 20px 26px 20px;
  max-width: 119px;
  display: inline-block;
  box-shadow: none;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .catalog .price-field input#minprice,
  .catalog .price-field input#maxprice {
    max-width: 170px;
  }
}
@media only screen and (max-width: 992px) {
  .catalog .price-field input#minprice,
  .catalog .price-field input#maxprice {
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog .price-field input#minprice,
  .catalog .price-field input#maxprice {
    max-width: 100%;
  }
}
.catalog .price-field input#minprice::placeholder,
.catalog .price-field input#maxprice::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #fff;
}
.catalog .price-field input#minprice:hover, .catalog .price-field input#minprice:focus,
.catalog .price-field input#maxprice:hover,
.catalog .price-field input#maxprice:focus {
  border: 1px solid #46ca43;
}
.catalog .price-field label {
  line-height: normal;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 20px;
  right: 10px;
  color: #9b9b9b;
  text-align: right;
  font-size: 12px;
}
.catalog .separator-price {
  color: #9b9b9b;
  display: inline-block;
  padding: 0 3px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .catalog .separator-price {
    width: 8%;
    text-align: center;
  }
}

.recently-viewed-section {
  padding-bottom: 0;
}
.recently-viewed-section .section-title {
  margin-bottom: 30px;
  color: #fff;
}

.recently-viewed-container {
  margin-bottom: 0;
  padding-bottom: 50px;
}

.all-payments-link {
  display: flex;
  align-items: center;
  text-align: right;
  font-size: 14px;
  margin-bottom: 25px;
}
.all-payments-link .show-more-btn {
  display: none;
  text-transform: initial;
}
.all-payments-link .show-more-btn:hover .ico-arrow-right:before, .all-payments-link .show-more-btn:hover .ico-arrow-right:after {
  background: #fff;
}
.all-payments-link .ico-arrow-right {
  background: #fff;
}
.all-payments-link .ico-arrow-right:before, .all-payments-link .ico-arrow-right:after {
  background: #000;
}
.all-payments-link a {
  color: #000;
}

.card.card-mob {
  display: none;
}

.recommend-card {
  display: block;
  min-height: 355px;
}
.recommend-card-mob {
  display: none;
}
.recommend-card .btn-detail {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .how-to-section .block {
    height: 430px;
  }
  .how-to-section .block-content {
    padding: 47% 50px 0;
  }
  .how-to-section .button {
    max-width: 160px;
  }
  .card .user-info {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .card .card__button {
    height: 55px;
    line-height: 55px;
  }
  .panel__title {
    font-size: 24px;
  }
  .card__title {
    font-size: 14px;
    min-height: 60px;
  }
}
@media only screen and (max-width: 992px) {
  .section {
    padding: 50px 0;
  }
  .how-to-section .block {
    height: 300px;
  }
  .how-to-section .block-content {
    padding: 30% 50px 0;
  }
  .how-to-section .button {
    max-width: 120px;
  }
  .buttons-main-container {
    position: absolute;
    left: 0;
  }
  .buttons-main-container .buttons-wrap a {
    width: 45%;
  }
  .buttons-main-container .buttons-wrap a .button {
    width: 100%;
  }
  .payments-section.section {
    padding: 0 0 60px;
  }
  .payments-section.section .payments-wrap {
    padding: 0;
  }
  .payments-section.section.payments-section-main {
    padding: 0 20px 50px;
  }
  .select-num {
    position: relative;
  }
}
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .select-num {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .factor-wrap.factor-wrap-game-currency {
    flex-direction: column;
  }
  .factor-wrap.factor-wrap-currency {
    justify-content: flex-start;
  }
  .quick-buy-panel .selects-wrapper {
    flex-flow: column;
  }
  .quick-buy-panel .selects-wrapper .select-wrap {
    width: 100%;
  }
  .quick-buy-panel .selects-wrapper .select-wrap:first-child {
    margin-right: 0;
  }
  .quick-buy-panel .select-wrap {
    margin-top: 30px;
  }
  .quick-buy-panel .btn-wrap {
    margin-top: 30px;
  }
  .head-section__payments a {
    width: 50px;
  }
  .recommend-card .card__body {
    padding-bottom: 10px;
  }
  .card .card__button {
    height: 50px;
    line-height: 50px;
    border-top: none;
  }
  .card .card__button:hover {
    border-color: transparent;
  }
  .card__img {
    height: 110px;
  }
  .card__offer-info {
    font-size: 13px;
  }
  .items-slider .slider__item {
    padding: 0;
  }
  .markets-list {
    margin-top: 0;
  }
  .market__name {
    margin-top: 15px;
    font-size: 14px;
  }
  .under-10-section .recommend-card .card__body .card__btns-wrap {
    border-radius: 4px;
  }
  .under-10-section .recommend-card .card__body .card__btns-wrap a {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
  }
  .under-10-section .recommend-card .card__body .card__btns-wrap:hover {
    border-radius: 4px;
  }
  .under-10-section .recommend-card .card__body .card__btns-wrap:hover a {
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .recommend-section.section {
    padding-bottom: 10px;
  }
  .recommend-card {
    max-width: 360px;
    margin: 0 auto 20px;
  }
  .recommend-card.collapse.in {
    height: auto;
    margin-bottom: 15px;
    opacity: 1;
    transition: 0.3s;
  }
  .recommend-card.collapse.in .card__title {
    padding: 15px 15px 5px;
  }
  .recommend-card.collapse.in .card__text {
    padding: 10px 15px 10px;
  }
  .slick-list {
    height: auto !important;
  }
  .card .card__button {
    height: 50px;
    line-height: 50px;
    border-top: none;
  }
  .card-mob {
    display: block;
  }
  .how-to-section .block {
    height: 280px;
  }
  .how-to-section .block-content {
    padding: 30% 50px 0;
  }
  .how-to-section .block .button {
    padding: 14px 0;
  }
  .head-section__payments {
    max-width: 100%;
  }
  .selects-wrapper {
    flex-wrap: wrap;
  }
  .selects-wrapper .select-wrap:first-child {
    margin-right: 0;
  }
  .factor-wrap {
    width: 100%;
  }
  .section {
    padding: 50px 0;
  }
  .quick-buy-panel .selects-wrapper {
    flex-flow: column;
  }
  .quick-buy-panel .selects-wrapper .select-wrap {
    width: 100%;
    margin-top: 10px;
  }
  .all-payments-link .show-more-btn {
    margin-top: 5px;
  }
  .wrap-nav-mobile .footer-lang-choice {
    padding-top: 20px;
  }
  .wrap-nav-mobile .footer-lang-choice li {
    border-top: 1px solid #bebebe;
    margin: 0 15px;
  }
  .wrap-nav-mobile .dropdown-menu li {
    border: none;
  }
  .navbar-nav {
    margin: 0;
  }
  .simple-card {
    max-width: 360px;
    margin: 0 auto 30px;
  }
  .simple-card .card__title {
    font-size: 13px;
    padding: 15px;
  }
  .card__offer-info {
    font-size: 14px;
    padding: 15px;
  }
  .trending-slider.row {
    margin-right: 0;
    margin-left: 0;
  }
  .markets-list {
    margin-top: 0;
  }
  .market__name {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 680px) {
  .how-to-section .block {
    height: 250px;
  }
  .how-to-section .block-content {
    padding: 25% 30px 0;
  }
  .how-to-section .block__title {
    font-size: 28px;
  }
  .ico.achievement-cup {
    background-size: 15px !important;
  }
}
@media only screen and (max-width: 590px) {
  .section {
    padding: 35px 0 0;
  }
  .section-title {
    font-size: 16px !important;
  }
  .how-to-section .block {
    height: 210px;
  }
  .how-to-section .block-content {
    padding: 20% 30px 0;
  }
  .buttons-main-container {
    position: unset;
    padding-bottom: 10px;
  }
  .buttons-main-container .buttons-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .buttons-main-container .buttons-wrap .button {
    margin: 10px 0;
  }
  .all-payments-link {
    display: none;
  }
  .head-section__payments a {
    width: 80px;
  }
  .slide-info {
    position: initial;
  }
  .slider-caption {
    flex-flow: column-reverse;
    height: 60px;
    background: transparent;
    text-align: left;
    align-items: flex-start;
  }
  .slider-caption .caption__offer-info {
    font-size: 12px;
    display: none;
  }
  .slider-caption:after {
    content: "";
    width: 0;
  }
  .slider-caption .slider__nav {
    position: absolute;
    left: calc(50% - 30px);
  }
  .slider-caption .show-more-btn {
    top: 25px;
  }
  .slider-caption__text {
    padding: 5px 0px 15px;
    color: #fff;
  }
  .container.top {
    height: unset !important;
    position: initial;
    width: 100%;
    bottom: 0;
    top: 76px;
  }
  .container.top .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .container.top .row #quick-buy-container {
    width: 100%;
    padding: 0;
  }
  .slide-info {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .slide-info .container.bottom {
    top: calc(20vh - 45px);
    height: 70px;
  }
  .caption__title h1 {
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .quick-buy-panel {
    padding: 35px 15px;
  }
  .show-more-btn {
    position: absolute;
    right: 0;
    font-size: 0;
  }
  .items-slider .slick-arrow {
    width: 22px;
    height: 22px;
  }
  .items-slider .slick-arrow:before {
    font-size: 28px;
    height: 22px;
    left: 1px;
  }
  .items-slider .slider__item {
    padding: 0;
  }
  .payments-section.section {
    padding: 0 50px;
  }
  .payments-section.section .items-slider .slick-arrow {
    top: -59px;
    opacity: 0.5;
  }
  .payments-section.section .items-slider .slick-prev {
    left: -45px;
  }
  .payments-section.section .items-slider .slick-next {
    left: calc(100% - 35px);
  }
  .payments-section.section .slick-slide a {
    margin: 0 auto;
  }
  .payments-section.section.payments-section-main {
    padding: 0 70px;
  }
  .payments-section.section.payments-section-main .items-slider .slick-arrow {
    top: -59px;
    opacity: 0.5;
  }
  .payments-section.section.payments-section-main .items-slider .slick-prev {
    left: -40px;
  }
  .payments-section.section.payments-section-main .items-slider .slick-next {
    left: calc(100% - 35px);
  }
  .trending-section .col-xs-12.slider-1 {
    padding: 0 !important;
  }
  .trending-section .section__top-bar {
    padding: 5px 0px;
  }
  .trending-slider .card__img {
    height: 100px;
  }
  .card__img {
    height: 166px;
  }
  .card__offer-info {
    font-size: 13px;
  }
  .simple-card .card__title {
    padding: 10px;
    min-height: 50px;
  }
  .container .row .col-xs-12.slider-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .slick-list.open {
    display: block;
    overflow-y: auto;
    height: 400px;
    transition: 0.8s;
  }
  .markets-list {
    margin-top: 0;
  }
  .market__name {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .recently-viewed-container {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 510px) {
  .how-to-section {
    display: none;
  }
  .how-to-section-mobile .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
  }
  .how-to-section-mobile .block__title {
    font-size: 24px;
    font-family: "Impact", sans-serif;
    text-transform: uppercase;
    color: #fff;
  }
  .how-to-section-mobile .mobile-buy-sell-block {
    justify-content: space-between;
    padding: 0 16px;
    background: #000;
    height: 70px;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .how-to-section-mobile .mobile-buy-sell-block .mobile-block-arrow {
    width: 22px;
    height: 45px;
    background: url("../../img/angle-right-solid.svg");
  }
  .how-to-section-mobile .mobile-buy-sell-block .show-more-btn {
    right: 15px;
  }
  .how-to-section-mobile .mobile-buy-sell-block .show-more-btn .ico-arrow-right {
    background: transparent;
  }
  .how-to-section-mobile .mobile-buy-sell-block .block__title {
    letter-spacing: 0.6px;
  }
}
@media only screen and (min-width: 510px) {
  .how-to-section-mobile {
    display: none;
  }
}
.card-container {
  padding: 0 30px;
}

.verification-section {
  max-width: 540px;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 50px;
}
.verification-section .verification-section__header {
  font-size: 24px;
  color: #000;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.verification-section .pre-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 50px;
}
.verification-section .pre-input .pre-input__number {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #000;
}
.verification-section .pre-input .pre-input__text {
  padding-left: 15px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.verification-section .verification-input {
  width: 540px;
  height: 55px;
  background: white;
  padding-left: 15px;
  color: black;
}
.verification-section .upload-text {
  font-size: 14px;
  color: #000;
  opacity: 0.5;
}
.verification-section ul {
  opacity: 0.5;
  list-style-type: disc;
}
.verification-section .verification-upload {
  background: transparent !important;
}
.verification-section .verification-upload .add-file {
  background: #f75a01;
  color: white !important;
  margin-top: 20px;
}
.verification-section .verification-btn-container {
  height: 150px;
  position: relative;
}
.verification-section .verification-btn-container .button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.verification-section .verification-text-bottom {
  max-width: 384px;
  margin: 0 auto;
  text-align: center;
  color: white;
}
.verification-section .verification-link {
  color: #f75a01;
}

.verification-top-bar {
  margin-top: 50px;
}

.verification-modal .modal-title {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}
.verification-modal .redeem-modal-button {
  width: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 540px) {
  .verification-section .verification-input {
    width: 100%;
  }
  .verification-section .add-file,
  .verification-section .button-big {
    width: 100% !important;
    max-width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .recommend-card {
    width: initial;
    max-width: 320px;
    margin: 0 auto 10px;
  }
  .recommend-card-mob {
    width: initial;
    max-width: 320px;
    margin: 0 auto 10px;
  }
  .recommend-card-mob .card__body .card__title {
    width: 53%;
  }
}
@media only screen and (max-width: 340px) {
  .slide-info .container.bottom {
    top: calc(20vh - 40px);
  }
  .slider-caption .slider__nav {
    bottom: -5px;
  }
}
.featured_products ul {
  overflow: hidden;
}
.featured_products ul li {
  text-align: center;
}

.featured_products .view-block div.out-stock {
  display: inline-block;
}

.featured_products,
.index-offers,
.product-offers {
  background: #13192a;
  padding-top: 50px;
}
.featured_products .button-accent,
.index-offers .button-accent,
.product-offers .button-accent {
  background: #f75a01;
  border-radius: 7px;
  padding: 15px 10px;
  max-width: 180px;
  margin: 0 auto;
  line-height: 30px;
  border: 0 !important;
  height: auto;
  position: relative;
  color: #fff !important;
  cursor: pointer;
}
.featured_products .view-block,
.index-offers .view-block,
.product-offers .view-block {
  width: 100%;
  height: 100%;
  z-index: 9;
  text-align: center;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
.featured_products .view-block .button-accent,
.index-offers .view-block .button-accent,
.product-offers .view-block .button-accent {
  top: 15%;
}
.featured_products .view-block .cover,
.index-offers .view-block .cover,
.product-offers .view-block .cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  opacity: 0.2;
  height: 100%;
}
.featured_products .view-block .button-accent,
.index-offers .view-block .button-accent,
.product-offers .view-block .button-accent {
  top: 40%;
  background: #f75a01;
}
.featured_products .view-block .button-accent:hover,
.index-offers .view-block .button-accent:hover,
.product-offers .view-block .button-accent:hover {
  background: #ff843f;
}
.featured_products .view-block .button-accent:focus,
.index-offers .view-block .button-accent:focus,
.product-offers .view-block .button-accent:focus {
  background: #ff843f !important;
}
.featured_products .nav.nav-tabs,
.index-offers .nav.nav-tabs,
.product-offers .nav.nav-tabs {
  border-bottom: 0;
  margin-bottom: 60px;
}
.featured_products .nav.nav-tabs .nav-item a,
.index-offers .nav.nav-tabs .nav-item a,
.product-offers .nav.nav-tabs .nav-item a {
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.7px;
  color: #ffffff;
  opacity: 0.7;
  border: 0;
  padding: 0 30px 10px 0;
  position: relative;
}
.featured_products .nav.nav-tabs .nav-item a:hover, .featured_products .nav.nav-tabs .nav-item a:focus,
.index-offers .nav.nav-tabs .nav-item a:hover,
.index-offers .nav.nav-tabs .nav-item a:focus,
.product-offers .nav.nav-tabs .nav-item a:hover,
.product-offers .nav.nav-tabs .nav-item a:focus {
  background: none;
  color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .featured_products .nav.nav-tabs .nav-item a,
  .index-offers .nav.nav-tabs .nav-item a,
  .product-offers .nav.nav-tabs .nav-item a {
    font-size: 16px;
    padding: 0 30px 0 0;
  }
}
@media only screen and (max-width: 992px) {
  .featured_products .nav.nav-tabs .nav-item a,
  .index-offers .nav.nav-tabs .nav-item a,
  .product-offers .nav.nav-tabs .nav-item a {
    font-size: 14px;
    padding: 0 10px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .featured_products .nav.nav-tabs .nav-item a,
  .index-offers .nav.nav-tabs .nav-item a,
  .product-offers .nav.nav-tabs .nav-item a {
    font-size: 20px;
    padding: 10px;
  }
}
.featured_products .nav.nav-tabs .nav-item.active a,
.index-offers .nav.nav-tabs .nav-item.active a,
.product-offers .nav.nav-tabs .nav-item.active a {
  font-family: "Roboto-Bold";
  background: none;
  color: #fff;
  opacity: 1;
}
.featured_products .nav.nav-tabs .nav-item.active a:before,
.index-offers .nav.nav-tabs .nav-item.active a:before,
.product-offers .nav.nav-tabs .nav-item.active a:before {
  display: block;
  position: absolute;
  content: "";
  background: #37a635;
  top: 32px;
  left: 0;
  height: 5px;
  width: 50px;
}
@media only screen and (max-width: 1200px) {
  .featured_products .nav.nav-tabs .nav-item.active a:before,
  .index-offers .nav.nav-tabs .nav-item.active a:before,
  .product-offers .nav.nav-tabs .nav-item.active a:before {
    display: none;
  }
}
.featured_products .card__img,
.index-offers .card__img,
.product-offers .card__img {
  height: 130px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.featured_products .card__img .label,
.index-offers .card__img .label,
.product-offers .card__img .label {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  z-index: 9;
  width: 150px;
  transform: rotate(-45deg);
  top: 18px;
  left: -42px;
  padding: 5px;
  font-family: Roboto-Regular;
}
.featured_products .card__img .label.new,
.index-offers .card__img .label.new,
.product-offers .card__img .label.new {
  background: rgb(51, 201, 90);
}
.featured_products .card__img .label.sale,
.index-offers .card__img .label.sale,
.product-offers .card__img .label.sale {
  background: rgb(255, 120, 44);
}
.featured_products .card,
.index-offers .card,
.product-offers .card {
  position: relative;
  background: #11151a;
  border-radius: 10px;
  box-shadow: none !important;
}
.featured_products .card .card__title,
.index-offers .card .card__title,
.product-offers .card .card__title {
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #ffffff;
  padding: 15px 20px 15px;
  height: 50px;
}
.featured_products .card .caption__offer-info,
.featured_products .card .card__offer-info,
.index-offers .card .caption__offer-info,
.index-offers .card .card__offer-info,
.product-offers .card .caption__offer-info,
.product-offers .card .card__offer-info {
  font: 15px "Roboto-Light", sans-serif;
}
.featured_products .card .button-favorite,
.index-offers .card .button-favorite,
.product-offers .card .button-favorite {
  top: 10px;
  right: 10px;
}
.featured_products .card:hover .view-block,
.index-offers .card:hover .view-block,
.product-offers .card:hover .view-block {
  display: block;
}
.featured_products .simple-card,
.index-offers .simple-card,
.product-offers .simple-card {
  position: relative;
  overflow: hidden;
}
.featured_products .simple-card .card__offer-info,
.index-offers .simple-card .card__offer-info,
.product-offers .simple-card .card__offer-info {
  color: #fff;
  border-bottom: 0.25px solid #c5c5c5;
}

.featured_products .title,
.index-offers .title {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .featured_products .tab-content > .tab-pane,
  .index-offers .tab-content > .tab-pane {
    display: block;
  }
}

.index-offers .card .card__btns-wrap .card__button.add-to-cart,
.index-offers .card .card__btns-wrap .card__button.card__button--added {
  position: relative;
  color: #fff;
  border: 0;
  padding: 15px;
  height: auto;
  background: #f75a01;
  line-height: 20px;
  margin: 0 auto;
}
.index-offers .card .card__btns-wrap .card__button.add-to-cart:hover,
.index-offers .card .card__btns-wrap .card__button.card__button--added:hover {
  background: #ff843f !important;
}
.index-offers .card .card__btns-wrap .card__button.add-to-cart:focus,
.index-offers .card .card__btns-wrap .card__button.card__button--added:focus {
  background: #ff843f !important;
}

.index-offers .card .card__btns-wrap .card__button.add-to-cart:hover {
  background: #f75a01;
}

.index-offers .card .button-favorite {
  top: 15px;
}

.left-banner,
.right-banner {
  position: absolute;
  top: 0;
  left: -230px;
  width: 220px;
}
.left-banner img,
.right-banner img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.right-banner {
  left: auto;
  right: -230px;
}

.news-wrap {
  background: #13192a;
  padding: 10px 0 0;
  margin: 50px 0 0;
}

@media only screen and (max-width: 1200px) {
  .news-block .items-block .news-item {
    min-height: 360px;
  }
}
@media only screen and (max-width: 992px) {
  .news-block .items-block .news-item {
    margin-bottom: 20px;
  }
  .news-block .items-block .news-item img {
    height: auto;
  }
  .news-block .title-block::before,
  .news-block .title-block::after {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .featured_products ul {
    display: none;
  }
  .index-tab,
  .markets-list,
  .light-theme .markets-slider .markets-list {
    margin: 0 -15px !important;
  }
  .featured_products ul,
  .index-offers ul {
    display: none;
  }
  .featured_products .title,
  .index-offers .title {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    padding-bottom: 20px;
  }
  .index-offers .tab-content > .tab-pane {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .light-theme .catalog .price-field.category {
    width: 100%;
  }
  .items-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .items-slider .slick-arrow::before {
    font-size: 45px;
    height: 30px;
    left: 1px;
    line-height: 24px;
  }
}
#complete-button {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  opacity: 1 !important;
  transition: 0.3s all;
}

.bold-important {
  font-weight: bold !important;
}

.table_tr_background {
  background-color: #cfcfcf;
}

.table_tr_background:hover {
  background-color: #cfcfcf !important;
}

.show-all-news {
  background: #f75a01;
  transition: 0.5s ease all;
}

.show-all-news:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  transition: 0.5s ease all;
}

#complete-button:hover,
.add_comment_news:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  transition: 0.5s ease all;
  cursor: pointer;
}

.new-slider .tabs {
  border: none;
}
.new-slider .tabs .tab.active a {
  color: #000;
}
.new-slider .tabs .tab-link {
  padding: 0 !important;
}
.new-slider .tabs .tab.active,
.new-slider .tabs .tab:hover {
  border: none;
}
.new-slider ul {
  background-color: #fff !important;
  border-radius: 4px;
  margin-top: 30px;
}
.new-slider ul .active {
  border: 1px solid #ffe3d2 !important;
  box-sizing: border-box;
  border-radius: 4px;
  background: #ffe3d2;
}

@media only screen and (min-width: 992px) {
  .new-slider .tabs {
    border: none;
  }
  .new-slider .tabs .tab.active a {
    color: #000;
  }
  .new-slider .tabs .tab-link {
    padding: 0 !important;
  }
  .new-slider .tabs .tab.active,
  .new-slider .tabs .tab:hover {
    border: none;
  }
  .new-slider ul {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
  }
  .new-slider ul li {
    width: 24%;
    display: flex;
    justify-content: center;
  }
  .new-slider ul li:nth-child(2) {
    width: 28%;
  }
  .new-slider ul .active {
    border: 1px solid #ffe3d2 !important;
    box-sizing: border-box;
    border-radius: 4px;
    background: #ffe3d2;
  }
}
.amount-wrap-publick {
  top: -35px !important;
}

.add-to-cart-publick {
  top: 28% !important;
}

.img-circle {
  border-radius: 4px;
}

.default-btn {
  font-family: "Roboto", sans-serif;
  padding: 12px 32px !important;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px !important;
  color: #fffdfd !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.2px;
  min-width: 185px;
}

.default-btn:hover {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%) !important;
  color: #fffdfd !important;
}

.info-block {
  padding-left: 40px;
  position: relative;
  display: flex;
  align-items: center;
  margin: 15px 0px;
}
.info-block a {
  color: #f75a01;
}

.info-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../../img/icons/info_ico.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 0px;
}

#history_log {
  background-color: transparent !important;
  padding-top: 0 !important;
}

.table-wrap .follow-table tbody tr:nth-child(even) {
  background: transparent !important;
}

.datepicker-range,
.fake-select,
.input-lg,
input {
  border: 1px solid #808080 !important;
  border-radius: 4px !important;
}

.push_notification_container .push_notification .push_notification_settings::before {
  position: absolute;
  display: block;
  content: "";
  background-image: url("../../img/icons/setting.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  right: 11px;
  bottom: 12px;
  transition: 0.5s ease all;
}
.push_notification_container .push_notification .push_notification_settings:hover::before {
  transform: rotate(180deg);
  transition: 0.5s ease all;
}

.fa-comments:before {
  content: "" !important;
  display: block;
  position: relative;
  background-image: url("../../img/icons/chat_btn_ico.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
  left: -6px;
}

#profile-offers .recommend-card .edit-offer {
  top: 30% !important;
}

.card-account .card__game-info {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
.card-account .card__game-info .game-info__desc {
  max-width: 95% !important;
}

.online .ico-user-status-position {
  width: 10px !important;
  height: 10px !important;
  left: 30px;
}

.count-row-input {
  width: 170px;
  padding: 0 !important;
  height: 48px;
}
.count-row-input .down,
.count-row-input .up {
  padding: 0 !important;
  position: absolute;
  top: 0;
  border: 1px solid #000 !important;
  height: 48px !important;
  width: 48px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 100 !important;
  font-family: "Roboto-Light", "Roboto", sans-serif;
  background: #fff !important;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .count-row-input .down,
  .count-row-input .up {
    height: 35px !important;
    width: 35px !important;
  }
}
.count-row-input .down::after, .count-row-input .down::before,
.count-row-input .up::after,
.count-row-input .up::before {
  top: auto !important;
  right: auto !important;
  left: auto !important;
}
.count-row-input .down {
  left: 0;
  border-radius: 4px 0 0 4px !important;
}
.count-row-input .up {
  right: 0;
  border-radius: 0 4px 4px 0 !important;
}
.count-row-input .count {
  text-align: center;
  height: 48px;
  display: block;
  border: 1px solid #000 !important;
  border-radius: 4px;
  padding: 0 !important;
  padding-top: 14px !important;
}
@media only screen and (max-width: 992px) {
  .count-row-input .count {
    height: 35px;
    padding-top: 7px !important;
  }
}
.count-row-input input.count {
  padding: 0 !important;
}
.count-row-input .cart-item {
  width: 70px !important;
}

.name-label {
  word-break: break-word;
}

.step-info-i-verify {
  display: block !important;
  position: absolute;
}

@keyframes chatHover {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  75% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes miniChatHover {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes downloadHover {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(2px);
  }
  75% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(-1px);
  }
}
@keyframes goTopHover {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}
.tgl-btn-green {
  margin-left: 25px;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15) !important;
  border: 1.5px solid rgba(54, 54, 54, 0.1);
  opacity: 0.7;
  background: #808080 !important;
}

.light-theme .page-wrap .tgl-light:checked + .tgl-btn-green {
  background: #00b341 !important;
  opacity: 1;
}

.show-details-btn {
  padding-right: 20px;
}
.show-details-btn::before {
  content: "";
  display: block;
  background-image: url(../../img/icons/menu_down_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  height: 7.5px;
  width: 15px;
  position: absolute;
  right: 0px;
  top: 4px;
}
.show-details-btn.show-details-btn-up::before {
  background-image: url(../../img/icons/menu_up_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
}

.no-shadow {
  box-shadow: none !important;
}

.offer-type {
  display: inline;
  margin-left: 12px;
}
.offer-type img {
  height: 40px;
  width: auto;
  max-width: none !important;
}
.offer-type:hover .step-info-msg {
  display: block !important;
}

.region-flag .step-info,
.region-flag .step-info-i {
  width: auto !important;
}

.card__block .left-top {
  left: auto !important;
  right: -42px !important;
  transform: rotate(45deg) !important;
}

.avatar-wrap {
  position: relative;
  height: 50px;
}

.date-width {
  width: 130px !important;
}

.drp-calendar .fake-select {
  border: 1px solid transparent !important;
}
.drp-calendar .custom-select-wrap:hover .fake-select .value,
.drp-calendar .custom-select-wrap.active .fake-select .value {
  color: #f75a01 !important;
}
.drp-calendar .off {
  color: #808080 !important;
}
.drp-calendar .off.active, .drp-calendar .off:hover {
  color: #fff !important;
}
.drp-calendar .off:hover {
  color: #fff !important;
}

.featured_products .nav-link,
.index-offers .nav-link {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}

#upload-amount,
#redeem-serial-number {
  border: 1px solid #808080 !important;
}

#alerts_container div {
  padding-left: 100px;
}

@media only screen and (max-width: 992px) {
  .shopping-cart-page .payment-block-tab-content {
    padding: 0 !important;
  }
}

.card__text .waranty,
.card__text .delivery {
  padding-left: 37px !important;
  position: relative;
}
.card__text .waranty i,
.card__text .delivery i {
  width: 15px;
  height: 13px;
  left: 15px;
  top: 6px !important;
}

#archive-payout-grid th,
#archive-payout-grid td {
  text-align: center !important;
}
#archive-payout-grid th:nth-child(8),
#archive-payout-grid td:nth-child(7),
#archive-payout-grid td:nth-child(8) {
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  #archive-payout-grid th:nth-child(8),
  #archive-payout-grid td:nth-child(7),
  #archive-payout-grid td:nth-child(8) {
    text-align: center !important;
  }
}

.discount-code span::before,
.discount-code span::after {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile-offset-2 {
    margin-left: 14.66666667% !important;
  }
}

.manage-control-button--delete:hover,
.manage-control-button--add:hover {
  color: #f75a01 !important;
}

.discount-multi-level-page .discount-multi-level-form .step-info span.step-info-i {
  display: block !important;
}

.header_with_invoice .section__top-bar {
  display: inline-block;
}
.header_with_invoice .save-table {
  display: inline-block;
  margin-left: 30px;
}

.order_details_table thead,
.order_details_table tbody {
  box-shadow: none !important;
}

.index-offers .nav-tabs li a {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25) !important;
}

html {
  background: #fff;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
}

.cf-turnstile {
  display: none;
}

.cf-turnstile > div {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}
.cf-turnstile > div iframe {
  border-radius: 6px;
}

.cf-turnstile::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  backdrop-filter: blur(5px);
  background-color: rgba(17, 21, 26, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  pointer-events: all;
}

.field-loginform-recaptcha .help-block-error {
  display: none;
}

.wrap {
  padding: 0;
  margin: 0;
}
.wrap > .container {
  padding: 0;
  width: 100% !important;
}

.login-page .view-password,
.site-reset-password .view-password {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  right: 30px;
  top: 103px;
}
@media screen and (max-width: 767px) {
  .login-page .view-password,
  .site-reset-password .view-password {
    top: 85px !important;
  }
}

.site-reset-password .view-password {
  top: 47px;
}

.login-page {
  color: #000;
  display: block;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .login-page {
    height: auto;
  }
}
.login-page__animation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  gap: 5px;
}
.login-page__animation-block {
  width: 16px;
  height: 2px;
  background: #f75a01;
  border-radius: 100px;
  animation: preload 1.4s infinite ease-in-out both;
}
.login-page__animation-block:nth-child(1) {
  animation-delay: 0s;
  height: 100%;
}
.login-page__animation-block:nth-child(2) {
  animation-delay: 0.25s;
  height: 66%;
}
.login-page__animation-block:nth-child(3) {
  animation-delay: 0.5s;
  height: 33%;
}
.login-page__animation-block:nth-child(4) {
  animation-delay: 0.75s;
  height: 2px;
}
@keyframes preload {
  0% {
    height: 2px;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 2px;
  }
}
.login-page__inner {
  display: flex;
  justify-content: flex-start;
  gap: 145px;
  width: 1590px;
  margin: 0 auto;
  height: 100%;
}
@media screen and (max-width: 1919px) {
  .login-page__inner {
    gap: 142px;
    width: 1310px;
  }
}
@media screen and (max-width: 1639px) {
  .login-page__inner {
    gap: 125px;
    width: 1110px;
  }
}
@media screen and (max-width: 1439px) {
  .login-page__inner {
    gap: 30px;
    width: 1168px;
  }
}
@media screen and (max-width: 1279px) {
  .login-page__inner {
    width: 956px;
  }
}
@media screen and (max-width: 1023px) {
  .login-page__inner {
    display: block;
    height: auto;
    width: 728px;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .login-page__inner {
    width: 382px;
  }
}
.login-page__data {
  flex: 0 0 685px;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1919px) {
  .login-page__data {
    flex: 0 0 568px;
  }
}
@media screen and (max-width: 1639px) {
  .login-page__data {
    flex: 0 0 485px;
  }
}
@media screen and (max-width: 1439px) {
  .login-page__data {
    flex: 0 0 609px;
  }
}
@media screen and (max-width: 1279px) {
  .login-page__data {
    flex: 0 0 507px;
  }
}
@media screen and (max-width: 1023px) {
  .login-page__data {
    flex: none;
    height: auto;
    overflow: auto;
  }
}
.login-page__data-content {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 20px 55px;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 100%;
  width: 485px;
}
@media screen and (max-width: 1023px) {
  .login-page__data-content {
    padding: 30px 20px 35px;
    height: auto;
    min-height: 0;
  }
}
@media screen and (max-width: 767px) {
  .login-page__data-content {
    padding: 30px 16px 60px;
  }
}
@media screen and (max-width: 413px) {
  .login-page__data-content {
    padding: 30px 16px;
  }
}
.login-page__data-content::-webkit-scrollbar {
  display: none;
}
.login-page__data-content .tabs-table {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
.login-page__data-content .tabs-table__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-page__data-content .authorize-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .login-page__data-content .authorize-menu {
    width: 466px;
    max-width: 100%;
  }
}
.login-page__data-content .authorize-menu form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field {
  border-color: currentColor !important;
  color: #f43232;
  animation-name: bounce;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
}
.login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:hover {
  color: #f43232 !important;
}
.login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:focus {
  color: #9d9d9d !important;
}
.login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:hover, .login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:focus {
  border-color: #f43232 !important;
}
.login-page__data-content .authorize-menu form .fake-code-container.has-error .code-field::placeholder {
  color: currentColor;
}
@keyframes bounce {
  0% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
  37% {
    transform: translateX(5px);
    timing-function: ease-out;
  }
  55% {
    transform: translateX(-5px);
    timing-function: ease-in;
  }
  73% {
    transform: translateX(4px);
    timing-function: ease-out;
  }
  82% {
    transform: translateX(-4px);
    timing-function: ease-in;
  }
  91% {
    transform: translateX(2px);
    timing-function: ease-out;
  }
  96% {
    transform: translateX(-2px);
    timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
}
.login-page__data-content .authorize-menu form .fake-code-container .help-block {
  color: #f43232;
  padding: 0;
  margin-top: 5px;
}
.login-page__data-content .authorize-menu form .code-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.login-page__data-content .authorize-menu form .code-container .code-field {
  flex: 0 0 56px;
  text-align: center;
  border-radius: 4px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9d9d9d;
}
.login-page__data-content .authorize-menu form .code-container .code-field:hover {
  color: #9d9d9d !important;
}
.login-page__data-content .authorize-menu form .code-container .code-field:focus::placeholder {
  color: transparent;
}
@media screen and (max-width: 413px) {
  .login-page__data-content .authorize-menu form .code-container .code-field {
    flex: 0 0 44px;
    height: 44px;
    padding: 0;
  }
}
.login-page__data-content .authorize-menu.verify-email .timer-block {
  margin-top: 30px;
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  width: 160px;
  height: 160px;
  text-align: center;
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown #countdown-number {
  color: #1f1f1f;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 26px;
  font-weight: 100;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  user-select: none;
  width: 150px;
  margin: 0 auto;
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown #countdown-text {
  color: #9d9d9d;
  text-align: center;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 140%;
  text-transform: uppercase;
  width: 150px;
  margin: 0 auto;
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 160px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer circle {
  stroke-dasharray: 472px;
  stroke-dashoffset: -472px;
  stroke-linecap: round;
  stroke-width: 8px;
  fill: none;
  stroke: #f75a01;
  transition: 1s all linear;
}
.login-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer circle.trace {
  stroke: #eaeaea;
  animation: unset;
  stroke-dashoffset: 0px;
}
.login-page__data-content .authorize-menu .form-group {
  width: 100%;
}
.login-page__data-content .authorize-menu a {
  width: 100%;
  display: block;
}
.login-page__data-content .authorize-menu .button {
  display: inline-block;
  width: 100%;
}
.login-page__data-tabs {
  background: #f0f0f2;
  padding: 4px;
  border-radius: 4px;
}
.login-page__data-tabs .nav-tabs {
  position: relative;
  border: none;
}
.login-page__data-tabs .nav-tabs .indicator {
  border-radius: 4px;
  background: #4e8aff;
}
.login-page__data-tabs .nav-tabs li {
  position: relative;
  z-index: 1;
  width: 50%;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .login-page__data-tabs .nav-tabs li {
    background: transparent !important;
  }
}
.login-page__data-tabs .nav-tabs li.active a {
  color: #fff;
}
.login-page__data-tabs .nav-tabs li a {
  background: transparent;
  color: #9d9d9d;
  font-family: "Avenir-Next-DemiBold", sans-serif;
  font-weight: 100;
  line-height: 24px;
  margin-right: 0;
  padding: 5px 25px;
  border: none;
  border-radius: 4px;
}
.login-page__data-tabs .nav-tabs li a:focus, .login-page__data-tabs .nav-tabs li a:hover {
  border: none;
  background: transparent;
}
.login-page__data-textblock {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
}
.login-page__data-title {
  color: #1f1f1f;
  font-family: "Avenir-Next-Bold", sans-serif;
}
.login-page__data-text {
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
}
.login-page__data-text a {
  display: inline !important;
}
.login-page__reset {
  color: #9d9d9d;
  text-align: center;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
}
.login-page__poster {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 726px;
}
@media screen and (max-width: 1919px) {
  .login-page__poster {
    width: 660px;
  }
}
@media screen and (max-width: 1639px) {
  .login-page__poster {
    width: 674px;
  }
}
@media screen and (max-width: 1439px) {
  .login-page__poster {
    width: 540px;
  }
}
@media screen and (max-width: 1279px) {
  .login-page__poster {
    width: 496px;
  }
}
@media screen and (max-width: 1023px) {
  .login-page__poster {
    display: none;
  }
}
.login-page__poster:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: #4e8aff url("../img/pages/login/bg.png") no-repeat center center;
  background-size: cover;
}
.login-page__poster-content {
  padding: 44px 30px 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.login-page__poster-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.5px);
  color: #fff;
  padding: 15px 30px;
  width: 614px;
  max-width: 100%;
}
@media screen and (max-width: 1919px) {
  .login-page__poster-info {
    width: 480px;
  }
}
.login-page__poster-title {
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 100;
  font-size: 42px;
  line-height: 45px;
}
@media screen and (max-width: 1279px) {
  .login-page__poster-title {
    font-size: 36px;
  }
}
.login-page__poster-title br {
  display: none;
}
@media screen and (max-width: 1919px) {
  .login-page__poster-title br {
    display: block;
  }
}
.login-page__poster-text {
  width: 372px;
  max-width: 100%;
  color: #f5f5f5;
  font-family: "Avenir-Next", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1279px) {
  .login-page__poster-text {
    font-size: 16px;
  }
}
.login-page__poster-img {
  pointer-events: none;
  position: relative;
  z-index: 1;
  margin-right: 30px;
  margin-left: auto;
  margin-top: -34px;
  width: 527px;
}
@media screen and (max-width: 1919px) {
  .login-page__poster-img {
    margin-top: -84px;
  }
}
@media screen and (max-width: 1639px) {
  .login-page__poster-img {
    margin-top: -84px;
    margin-left: 87px;
    margin-right: auto;
  }
}
@media screen and (max-width: 1439px) {
  .login-page__poster-img {
    margin-left: 50px;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .login-page__poster-img {
    width: 467px;
    margin-left: 0;
    margin-top: -34px;
  }
}
.login-page .tabs-table .tab-content .tab-pane {
  display: none;
}
.login-page .tabs-table .tab-content .tab-pane.active {
  display: block;
}
.login-page .tabs-table .tab-content .tab-pane form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap {
  display: block;
  max-height: 0;
  top: 100%;
  max-height: 0;
  overflow: hidden;
  margin-top: 3px;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: 0.6s ease-out;
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap .options-list {
  max-height: 290px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  -webkit-mask-image: linear-gradient(0deg, transparent, black 10% 90%, transparent);
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li {
  padding: 10px 20px;
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
  max-width: 430px;
  overflow: hidden;
  border: none;
  transition: 0.2s;
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li:focus, .login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li:hover {
  color: #1f1f1f;
  border: none;
  background: rgba(78, 138, 255, 0.1);
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li.active {
  background: rgba(78, 138, 255, 0.2);
  color: #4e8aff;
  border: none;
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li:first-child {
  display: none !important;
}
.login-page .tabs-table .tab-content .tab-pane form .custom-select-wrap .options-list-wrap li img {
  margin-top: 3px;
}
.login-page .tabs-table .tab-content .tab-pane form .button {
  height: 50px;
  padding: 15px;
  margin-bottom: 0;
}
.login-page__title-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.login-page__title-wrap .login-page__title {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .login-page__title-wrap .login-page__title {
    min-width: auto;
  }
}
.login-page__title-wrap .login-page__title .step-info {
  margin: 0 5px;
}
.login-page__title-wrap .have-acc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.login-page__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .login-page__content {
    max-width: 100%;
  }
}
.login-page__content .login-page__img {
  display: flex;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .login-page__content .login-page__img {
    display: none;
  }
}
.login-page__content .login-page__input-wrap {
  position: relative;
}
.login-page__content .login-page__input-wrap--row {
  display: flex;
  justify-content: space-between;
}
.login-page__content .login-page__input-wrap .login-page__password-view {
  transform: translate(0, -50%);
  top: 50%;
}
.login-page__content .login-page__input-wrap .login-page__password-forgot {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .login-page__content .login-page__input-wrap .login-page__password-forgot {
    margin-bottom: 15px;
  }
}
.login-page__content .login-page__input-wrap .login-page__password-icon {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  background: url("../img/icons/eye-show-hide/eye.svg") center center no-repeat;
  background-size: cover;
}
.login-page__content .login-page__input-wrap .login-page__password-icon.active {
  background: url("../img/icons/eye-show-hide/eyeX.svg") center center no-repeat;
}
.login-page__content .login-btns-wrap {
  display: flex;
  flex-direction: column;
}
.login-page__content .login-btns-wrap .form-group {
  margin-bottom: 30px !important;
}
.login-page__content .requirements-wrap {
  display: none;
  padding: 10px 15px 10px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #f6f6f6;
  margin-top: -10px;
}
.login-page__content .requirements-wrap.active {
  display: flex;
}
.login-page__content .requirements-wrap .requirements {
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 140%;
  list-style: disc;
  list-style-type: none;
}
.login-page__content .requirements-wrap .requirements span {
  position: relative;
}
.login-page__content .requirements-wrap .requirements span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: -20px;
  background: #9d9d9d;
  border-radius: 50%;
}
.login-page__content .requirements-wrap .requirements span.error {
  color: #f00;
}
.login-page__content .requirements-wrap .requirements span.error::before {
  top: 1px;
  left: -30px;
  width: 16px;
  height: 16px;
  background: url("../img/icons/close_red.svg") center center no-repeat;
  background-size: cover;
}
.login-page__content .requirements-wrap .requirements span.applied {
  color: #1f8c1c;
}
.login-page__content .requirements-wrap .requirements span.applied::before {
  top: 1px;
  left: -30px;
  width: 16px;
  height: 16px;
  background: url("../img/icons/checkmark.svg") center center no-repeat;
  background-size: cover;
}
.login-page__login-page .login-page__img {
  justify-content: center;
  margin-top: -75px;
}
@media only screen and (max-width: 767px) {
  .login-page__signup-page .login-page__title {
    white-space: nowrap;
  }
}
.login-page__signup-page .login-page__content .login-page__img img {
  width: 100%;
}
.login-page__reset-password .login-page__title-wrap {
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .login-page__reset-password--by-token .login-page__content .login-page__img {
    top: -50px;
  }
}
.login-page .custom-select-wrap.active .options-list-wrap {
  z-index: 13;
  max-height: 360px !important;
}
.login-page .custom-select-wrap.active .ico-arrow::before {
  transform: scale(1, -1);
}
.login-page .custom-select-wrap.active .ico-arrow::after {
  transform: scale(1, -1);
  opacity: 1;
}
.login-page .custom-select-wrap.active .fake-select {
  border: 1px solid #4e8aff !important;
  background: #fff !important;
  box-shadow: none !important;
}
.login-page .custom-select-wrap.active .control-label {
  font-size: 12px;
  top: -13px;
  background: #fff;
  color: #4e8aff !important;
}
.login-page .custom-select-wrap.choosen .control-label {
  font-size: 12px;
  top: -13px;
  background: #fff;
}
.login-page .custom-select-wrap .ico-arrow {
  width: 24px !important;
  height: 24px !important;
  margin-top: 0 !important;
  right: 15px !important;
  transform: translateY(-50%);
  transform-origin: center center;
}
.login-page .custom-select-wrap .ico-arrow::before {
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
.login-page .custom-select-wrap .ico-arrow::after {
  position: absolute;
  left: 0;
  opacity: 0;
  content: "";
  display: block;
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down_blue.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
.login-page .custom-select-wrap .fake-select {
  border: 1px solid #e5e5e5 !important;
}
.login-page #form-signup .select-wrap.black {
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .login-page #form-signup .select-wrap.black {
    margin-bottom: 30px;
  }
}
.login-page .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  border: 0;
}
.login-page .has-success .form-control {
  border-color: #9b9b9b;
}
.login-page .has-success .help-block {
  color: green;
}
.login-page .select-wrap.black .ui-selectmenu-text {
  background: transparent;
  color: #808080;
}
.login-page .select-wrap.black .ico-arrow::before {
  border-top: 8px solid #808080;
}
.login-page .has-error .help-block {
  color: #F43232;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.login-page .select-wrap.black .ui-selectmenu-text {
  background: transparent;
  color: #808080;
}
.login-page .form-group {
  position: relative;
  margin: 0 !important;
}
.login-page .help-block {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.login-page .control-label {
  position: absolute;
  top: 15px;
  left: 13px;
  color: #9d9d9d !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  text-transform: none;
  transition: 0.5s, color ease-in-out 0.15s;
  padding: 0 3px;
  border-radius: 12px;
}
.login-page .has-success .control-label {
  color: #fff;
}
.login-page .has-error .form-control.input-lg {
  color: #f43232 !important;
  border-color: currentColor !important;
}
.login-page .has-error .form-control.input-lg:hover, .login-page .has-error .form-control.input-lg:focus {
  border-color: #f43232 !important;
}
.login-page .has-error .form-control.input-lg:hover + .control-label, .login-page .has-error .form-control.input-lg:focus + .control-label {
  color: #f43232 !important;
}
.login-page .has-error .form-control.input-lg + .control-label {
  color: #f43232 !important;
}
.login-page .has-error .custom-select-wrap .fake-select {
  border-color: #f43232 !important;
}
.login-page .has-error .custom-select-wrap .fake-select .control-label {
  color: #f43232 !important;
}
.login-page .fake-select {
  display: flex !important;
  align-items: center;
  overflow: visible !important;
  transition: 0.2s;
}
.login-page .fake-select:hover {
  border: 1px solid #e5e5e5 !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
}
.login-page .fake-select:focus .control-label {
  top: -10px;
  background: #fff;
}
.login-page .fake-select .control-label {
  display: block !important;
  position: absolute;
  top: 15px;
  left: 10px;
  color: #9d9d9d !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  text-transform: none;
  transition: 0.5s;
}
.login-page .fake-select .value {
  color: transparent !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px !important;
  font-weight: 100;
  line-height: 24px;
  text-transform: none;
}
.login-page .fake-select .value.visible {
  color: #1f1f1f !important;
}
.login-page .fake-select .value img {
  margin-top: 2px !important;
}
.login-page .form-control.input-lg {
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px !important;
  font-weight: 100;
  line-height: 24px;
  padding: 0 55px 0 15px !important;
  border-radius: 4px !important;
  color: #1f1f1f !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff;
}
.login-page .form-control.input-lg::placeholder {
  font-family: "Avenir-Next", sans-serif !important;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  color: transparent !important;
}
.login-page .form-control.input-lg:hover {
  border: 1px solid #e5e5e5 !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
}
.login-page .form-control.input-lg:not(:placeholder-shown) + .control-label, .login-page .form-control.input-lg:focus + .control-label {
  top: -10px;
  font-size: 12px;
  background: #fff;
}
.login-page .form-control.input-lg:focus {
  border: 1px solid #4e8aff !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #1f1f1f !important;
}
.login-page .form-control.input-lg:focus + .control-label {
  color: #4e8aff !important;
}
.login-page .form-control.input-lg:focus ~ .login-page__password-icon {
  background: url("../img/icons/eye-show-hide/eyeFocused.svg") center center;
}
.login-page .form-control.input-lg[type=text]:focus ~ .login-page__password-icon {
  background: url("../img/icons/eye-show-hide/eyeXFocused.svg") center center;
}
.login-page .form-control.input-lg:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.login-page .form-title {
  font: 30px "Roboto-Bold", sans-serif;
  margin-bottom: 20px;
  margin-top: 50px;
}
.login-page .have-acc a,
.login-page .forgot-and-remember a {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px solid #f75a01;
  border-radius: 4px;
  padding: 5px 20px;
  color: #f75a01;
}
.login-page .have-acc a:hover,
.login-page .forgot-and-remember a:hover {
  border: 1px solid #f75a01;
  color: #f75a01;
}
@media only screen and (max-width: 767px) {
  .login-page .have-acc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    text-align: right;
  }
}
.login-page .have-acc a {
  position: relative;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff;
  margin-left: 10px;
}
.login-page .have-acc a:hover {
  color: #fff !important;
  background: transparent !important;
  transition: 0.3s ease-out all;
  z-index: 2;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.login-page a {
  color: #f75a01;
}
.login-page .terms {
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 100;
  line-height: 140%;
  font-size: 14px;
  margin-bottom: 30px;
}
.login-page .terms label {
  cursor: pointer;
}
.login-page .terms label a {
  color: #f75a01;
}
.login-page footer {
  padding: 150px 0 50px;
}
.login-page .rights-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-page .rights {
  margin: 0;
  color: #fff;
}
.login-page .socials-list {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.login-page .socials-list .socials {
  margin: 0 !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.login-page .socials-list .socials::before {
  display: none;
}
.login-page .socials-list .socials a {
  display: inline-block;
  border-radius: 4px;
  width: 54px;
  height: 54px;
  position: relative;
  margin: 0 !important;
  transition: 0.2s;
}
.login-page .socials-list .socials a:hover {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}
.login-page .socials-list .socials a.facebook {
  background: url(/img/socials/facebook-auth.svg) #415993 no-repeat center center;
}
.login-page .socials-list .socials a.twitter {
  background: url(/img/socials/twitter-auth.svg) #50abf1 no-repeat center center;
}
.login-page .socials-list .socials a.google {
  background: url(/img/socials/google-plus-auth.svg) #fff no-repeat center center;
  border: 1px solid #e5e5e5;
}
.login-page .socials-list .socials a.twitch {
  background: url(/img/socials/twitch-auth.svg) #6740b4 no-repeat center center;
}
.login-page .socials-list .socials a.yandex {
  background: url(/img/socials/yandex-auth.svg) #fc3f1d no-repeat center center;
}
.login-page .socials-list .socials a.microsoft {
  background: url(/img/socials/microsoft-auth.svg) #1ba3ee no-repeat center center;
}
.login-page .socials-list span {
  margin-right: 15px;
}
.login-page .button-accent {
  width: 100%;
  max-width: 100%;
  text-transform: none;
  color: #f6f6f6;
  text-align: center;
  font-family: "Avenir-Next-DemiBold", sans-serif;
  font-weight: 100;
  line-height: 140%;
}
.login-page .button-accent img {
  margin-right: 10px;
  vertical-align: middle;
}
.login-page .info-wrap {
  text-align: center;
}
.login-page .info-wrap .form-title {
  margin-top: 150px;
}
.login-page .info-wrap .info__btn {
  display: block;
  margin: 50px auto 0;
  color: #fff;
}
.login-page .info-wrap .sign-up-btn {
  display: block;
  margin: 15px 0 30px;
}
.login-page .info-wrap .message {
  font: 18px "Roboto-Light", sans-serif;
  margin: auto;
  max-width: 350px;
  line-height: 1.5;
}
.login-page .info-wrap .message .email {
  font-family: "Roboto-Black", sans-serif;
}
.login-page label[for=loginform-rememberme] {
  white-space: nowrap;
}
.login-page .ui-selectmenu-text {
  color: #808080 !important;
  background: transparent;
}

#form-reset-pass .button {
  width: 100%;
  max-width: initial;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .login-page .button-accent {
    max-width: 270px !important;
  }
}
@media only screen and (max-width: 768px) {
  .login-page .button-accent {
    width: 100% !important;
    max-width: none !important;
  }
}
.terms .checkbox + label {
  white-space: normal;
  width: auto;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .terms .checkbox + label {
    white-space: normal;
  }
}

.forgot-and-remember .form-group {
  margin-bottom: 4px;
}

.login-page .forgot-and-remember a {
  border: none !important;
  padding-right: 0px;
}
.login-page .forgot-and-remember a:hover {
  font-weight: 700;
}
.login-page .or {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 30px;
}
.login-page .or::after, .login-page .or::before {
  content: "";
  height: 1px;
  flex: 1 0 0;
  background: #e5e5e5;
}

.reset-pas-box {
  background-color: #fff;
  color: #000 !important;
  padding: 30px 75px;
  max-width: 750px;
  margin: 0 auto;
}
.reset-pas-box.reset-pas-box_1 {
  padding: 45px 55px 30px;
}
.reset-pas-box.reset-pas-box_1 .forget_email_img {
  margin-left: 80px;
}
.reset-pas-box h1,
.reset-pas-box p,
.reset-pas-box h4 {
  color: #000 !important;
}
.reset-pas-box .form-control.input-lg {
  border: 1px solid #808080;
}
.reset-pas-box .forgot-email a {
  color: #f75a01 !important;
  width: 100%;
  max-width: 100% !important;
  border: 1px solid #f75a01 !important;
}
.reset-pas-box .forgot-email a:hover {
  font-weight: 700;
}
.reset-pas-box .help-block {
  text-align: center;
}
.reset-pas-box .alert {
  max-width: 560px;
  padding-left: 100px;
}

@media only screen and (max-width: 992px) {
  .reset-pas-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.forget_email_img {
  background-image: url("../../img/pages/change_question.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 247px;
  width: 270px;
  margin-top: -22px;
  margin-left: 40px;
}
@media only screen and (max-width: 992px) {
  .forget_email_img {
    display: none;
  }
}
.forget_email_img.forget_email_img_1 {
  margin-top: 0px;
  height: 225px;
  width: 255px;
}

.padleft-5 {
  padding-left: 5px;
}

.site-request-password-reset form {
  margin-top: 0px !important;
}

.reset_pas_email_img {
  margin: 30px auto;
  display: flex;
  justify-content: center;
}
.reset_pas_email_img img {
  width: 65px;
  margin: 0 auto;
}

#disputemessage-body:focus,
#ticketmessage-body:focus {
  background-color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .request-password .site-request-password-reset {
    padding: 0px !important;
    min-height: 70vh !important;
    background-color: #fff;
    display: flex;
    align-items: center;
  }
  .request-password .site-request-password-reset .box-shadow {
    box-shadow: none !important;
  }
  .request-password .site-request-password-reset .reset-pas-box_1 {
    padding: 45px 35px 30px;
  }
}
@media only screen and (max-width: 992px) {
  .documents-page {
    padding-top: 20px;
  }
}
.documents-page .tab-content {
  padding-top: 0px !important;
  background: transparent !important;
}
.documents-page__info-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -50px;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .documents-page__info-wrap {
    flex-wrap: wrap;
    margin-top: 0;
  }
}
.documents-page__info-title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.documents-page__info-title img {
  width: 19px;
  height: 19px;
  margin-right: 5px;
}
.documents-page__file-indecator {
  width: 100%;
  position: relative;
  font: 14px "Roboto-Regular", sans-serif;
  font-weight: 700;
  color: #808080;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .documents-page__file-indecator {
    margin-bottom: 30px;
  }
}
.documents-page__file-indecator.error .documents-page__file-error {
  opacity: 1;
  color: #a94442;
}
@media only screen and (max-width: 767px) {
  .documents-page__file-indecator.error2 {
    margin-bottom: 45px;
  }
}
.documents-page__file-indecator.error2 .documents-page__type-error {
  opacity: 1;
  color: #a94442;
  top: 18px;
}
.documents-page__file-indecator .documents-page__file-info {
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  transition: 0.2s;
}
.documents-page__file-indecator .documents-page__file-error {
  opacity: 0;
}
.documents-page__file-indecator .documents-page__type-error {
  opacity: 0;
}

.documents-select__block {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .documents-select__block {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.documents-select__wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.documents-select__wrap .js-input_block {
  width: 100%;
  position: relative;
  padding: 20px 40px 20px 35px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 4px;
}
.documents-select__wrap .js-input_block:hover {
  cursor: pointer;
}
.documents-select__wrap .js-input_block:hover::after {
  border-top: 8px solid #f75a01;
}
.documents-select__wrap .js-input_block:hover.active::after {
  border-top: none !important;
  border-bottom: 8px solid #f75a01;
}
.documents-select__wrap .js-input_block.active::after {
  border-top: none !important;
  border-bottom: 8px solid #000;
  top: 30%;
}
.documents-select__wrap .js-input_block::after {
  content: "";
  height: 16px;
  width: 16px;
  text-align: center;
  border: 8px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 8px;
  border-top: 8px solid #000;
  right: 20px;
  top: 44%;
  position: absolute;
}
.documents-select__wrap .js-input_block::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  left: 10px;
  background-image: url("../../img/icons/documents/another.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.documents-select__wrap.passport::before {
  background-image: url("../../img/icons/documents/passport.png");
}
.documents-select__wrap.id::before {
  background-image: url("../../img/icons/documents/id.png");
}
.documents-select__wrap.bank::before {
  background-image: url("../../img/icons/documents/bank.png");
}
.documents-select__wrap.contract::before {
  background-image: url("../../img/icons/documents/contract.png");
}
.documents-select__wrap.another::before {
  background-image: url("../../img/icons/documents/another.png");
}
.documents-select__wrap.driver::before {
  background-image: url("../../img/icons/documents/driver.png");
}
.documents-select__wrap .documents-select__drop-block {
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #808080;
  width: 100%;
  margin-top: 1px;
  z-index: 10;
}
.documents-select__wrap .documents-select__drop-block li {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 15px;
  color: #000000;
  border-left: 5px solid #fff;
  padding: 18px 14px 18px 35px;
}
.documents-select__wrap .documents-select__drop-block li:hover {
  cursor: pointer;
  color: #f75a01;
  border-left: 5px solid #f75a01;
}
.documents-select__wrap .documents-select__drop-block li span {
  position: relative;
}
.documents-select__wrap .documents-select__drop-block li span::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  top: 2px;
  left: -25px;
  background-image: url("../../img/icons/documents/bank.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.documents-select__wrap .documents-select__drop-block li span.passport::before {
  background-image: url("../../img/icons/documents/passport.png");
}
.documents-select__wrap .documents-select__drop-block li span.id::before {
  background-image: url("../../img/icons/documents/id.png");
}
.documents-select__wrap .documents-select__drop-block li span.bank::before {
  background-image: url("../../img/icons/documents/bank.png");
}
.documents-select__wrap .documents-select__drop-block li span.contract::before {
  background-image: url("../../img/icons/documents/contract.png");
}
.documents-select__wrap .documents-select__drop-block li span.another::before {
  background-image: url("../../img/icons/documents/another.png");
}
.documents-select__wrap .documents-select__drop-block li span.driver::before {
  background-image: url("../../img/icons/documents/driver.png");
}

.documents-uploader__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.documents-uploader__wrap:hover .documents-uploader__img {
  transform: scale(1.1);
}
.documents-uploader__wrap:hover .documents-uploader__text {
  color: #f75a01;
}
.documents-uploader__message {
  width: 100%;
  max-width: 250px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  font: 14px "Roboto-Regular", sans-serif;
  color: #808080;
  cursor: pointer;
}
.documents-uploader__img {
  width: 100%;
  max-width: 180px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .documents-uploader__img {
    max-width: 120px;
  }
}
.documents-uploader__img img {
  width: 100%;
}
.documents-uploader__text {
  width: 100%;
  max-width: 150px;
  font: 14px "Roboto-Regular", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #808080;
  cursor: pointer;
  transition: 0.2s;
}

.history-log-page {
  padding: 0 !important;
}
.history-log-page__info {
  display: flex;
  justify-content: space-between;
  margin-bottom: -100px;
}
@media only screen and (max-width: 1200px) {
  .history-log-page__info {
    margin-bottom: -50px;
  }
}
@media only screen and (max-width: 992px) {
  .history-log-page__info {
    margin-bottom: -20px;
  }
}
.history-log-page__info-col {
  max-width: 70%;
}
@media only screen and (max-width: 992px) {
  .history-log-page__info-col {
    max-width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .history-log-page__info-col {
    max-width: 100%;
  }
}
.history-log-page__info-title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .history-log-page__info-title {
    margin-bottom: 15px;
  }
}
.history-log-page__info-title img {
  width: 23px;
  height: 23px;
  margin-right: 5px;
}
.history-log-page__info-description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .history-log-page__info-description {
    font-size: 18px;
  }
}
.history-log-page__info-img {
  max-width: 30%;
}
@media only screen and (max-width: 767px) {
  .history-log-page__info-img {
    display: none;
  }
}
.history-log-page__info-img img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .application-page {
    padding-top: 20px;
  }
}
.application-page .tab-content {
  padding-top: 0px !important;
  background: transparent !important;
}
.application-page__info {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .application-page__info {
    margin-bottom: 20px;
  }
}
.application-page__col {
  width: 100%;
  max-width: 70%;
}
@media only screen and (max-width: 992px) {
  .application-page__col {
    max-width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .application-page__col {
    max-width: 100%;
  }
}
.application-page__info-title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .application-page__info-title {
    margin-bottom: 15px;
  }
}
.application-page__info-title img {
  width: 19px;
  height: 19px;
  margin-right: 5px;
}
.application-page__info-description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .application-page__info-description {
    font-size: 18px;
  }
}
.application-page__info-img {
  max-width: 30%;
}
@media only screen and (max-width: 767px) {
  .application-page__info-img {
    display: none;
  }
}
.application-page__info-img img {
  width: 100%;
}

.application-links__wrap {
  width: 100%;
}
.application-links__title {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
.application-links__title img {
  margin-right: 5px;
}
.application-links__list-wrap {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .application-links__list-wrap {
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 auto;
  }
}
.application-links__item-wrap {
  margin: 10px 10px;
  transition: 0.2s;
}
.application-links__item-wrap:hover {
  filter: brightness(120%);
}
.application-links__item-wrap--facebook .btn-connect,
.application-links__item-wrap--facebook .btn-disconnect {
  background-color: #3a559f;
}
.application-links__item-wrap--google .btn-connect,
.application-links__item-wrap--google .btn-disconnect {
  background-color: #dd4b39;
}
.application-links__item-wrap--twitter .btn-connect,
.application-links__item-wrap--twitter .btn-disconnect {
  background-color: #50abf1;
}
.application-links__item-wrap--twitch .btn-connect,
.application-links__item-wrap--twitch .btn-disconnect {
  background-color: #6441a4;
}
.application-links__item-wrap--linkedin .btn-connect,
.application-links__item-wrap--linkedin .btn-disconnect {
  background-color: #0077b5;
}
.application-links__item-wrap--yandex .btn-connect,
.application-links__item-wrap--yandex .btn-disconnect {
  background-color: red;
}
.application-links__item-wrap--microsoft .btn-connect,
.application-links__item-wrap--microsoft .btn-disconnect {
  background-color: #00a1f1;
}
.application-links__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.application-links__item .application-links__link {
  width: 133px;
  height: 139px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #fff;
  transition: 0.2s;
}
.application-links__item .application-links__link-ico {
  width: 55px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.application-links__item .application-links__link-ico i {
  font-size: 24px;
}
.application-links__item .application-links__link-ico::after {
  position: absolute;
  right: -15px;
  top: 43px;
  content: "";
  display: block;
  background-color: #fff;
  width: 85px;
  height: 1px;
  opacity: 0.5;
}
.application-links__item .application-links__link-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.application-links__item .application-links__link-text span {
  width: auto;
  margin: 0;
  font-family: "Roboto-Medium", sans-serif;
  color: #fff;
  font-weight: 700;
}

.bookmarks-page {
  background: #13192a;
}
.bookmarks-page .table-wrap .table-white {
  background: none;
  border-radius: 4px;
}
.bookmarks-page .table-wrap .table-white tr td {
  border: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile_hide {
    display: none !important;
  }
}

@media only screen and (min-width: 767px) {
  .desctop_hide {
    display: none !important;
  }
}

.submit-btn {
  padding: 14px 30px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.submit-btn:hover {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%);
}

.wrap-wait {
  background: #13192a;
  color: #fff;
}

.dashboard-page.publick-profile .ico {
  display: block;
}
.dashboard-page__border-decor {
  height: 1px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 15px;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .dashboard-page__border-decor {
    display: none;
  }
}
.dashboard-page__border-decor--dashboard {
  margin-left: 15%;
  max-width: 920px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page__border-decor--dashboard {
    margin-left: -15px;
  }
}
.dashboard-page__border-decor--publick-profile {
  margin-left: 15%;
  max-width: 890px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page__border-decor--publick-profile {
    margin-left: -15px;
  }
}

.dashboard-page .user-section,
.dashboard-wrap .user-section {
  background: #13192a;
  color: #fff;
}
.dashboard-page .products-section,
.dashboard-wrap .products-section {
  margin-top: 50px;
}
.dashboard-page .orders-section,
.dashboard-wrap .orders-section {
  padding: 100px 0;
  background: #000;
}
.dashboard-page .user-avatar,
.dashboard-wrap .user-avatar {
  display: inline-block;
  position: relative;
  min-width: 150px;
  width: 150px;
  height: 150px;
  margin-right: 30px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .user-avatar,
  .dashboard-wrap .user-avatar {
    min-width: 80px;
    width: 80px;
    height: 80px;
    margin-right: 0px;
  }
  .dashboard-page .user-avatar .img-circle,
  .dashboard-wrap .user-avatar .img-circle {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-avatar,
  .dashboard-wrap .user-avatar {
    width: 145px;
    height: 145px;
  }
}
.dashboard-page .user-avatar a,
.dashboard-wrap .user-avatar a {
  display: block;
  min-width: 150px;
  height: 100%;
  border-radius: 25px;
  overflow: hidden;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .user-avatar a,
  .dashboard-wrap .user-avatar a {
    width: 80px;
    height: 80px;
    min-width: 125px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-avatar a,
  .dashboard-wrap .user-avatar a {
    width: 100%;
    height: 100%;
  }
}
.dashboard-page .user-avatar a img,
.dashboard-wrap .user-avatar a img {
  width: 100%;
  height: 100%;
  border-radius: 27px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .user-avatar a img,
  .dashboard-wrap .user-avatar a img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-avatar a img,
  .dashboard-wrap .user-avatar a img {
    width: 100%;
    height: 100%;
  }
}
.dashboard-page .user-avatar .ico-user-status,
.dashboard-wrap .user-avatar .ico-user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 35px;
  border: 3px solid #000;
  background: #d9d9d9;
  border-radius: 50%;
}
.dashboard-page .user-avatar .ico-user-status.online,
.dashboard-wrap .user-avatar .ico-user-status.online {
  background: #f75a01;
}
.dashboard-page .user-avatar.no-avatar a,
.dashboard-wrap .user-avatar.no-avatar a {
  background: url(../img/icons/empty-photo.svg) #d9d9d9 no-repeat center;
}
.dashboard-page .user-avatar.no-avatar img,
.dashboard-wrap .user-avatar.no-avatar img {
  display: none;
}
.dashboard-page .user-avatar .followers-info-buttons,
.dashboard-wrap .user-avatar .followers-info-buttons {
  display: flex;
  flex-direction: column;
  align-content: center;
  padding-top: 30px;
}
.dashboard-page .user-avatar .followers-info-buttons .followers-info-button,
.dashboard-wrap .user-avatar .followers-info-buttons .followers-info-button {
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
}
.dashboard-page .user-avatar .followers-info-buttons .followers-info-link,
.dashboard-wrap .user-avatar .followers-info-buttons .followers-info-link {
  border-radius: 4px;
  color: #f75a01;
  text-align: center;
  display: inline-block;
}
.dashboard-page .user-avatar .followers-info-buttons .followers-info-link:hover,
.dashboard-wrap .user-avatar .followers-info-buttons .followers-info-link:hover {
  color: #f75a01;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .user-info__name,
  .dashboard-wrap .user-info__name {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-info__name,
  .dashboard-wrap .user-info__name {
    margin: 10px 0;
    justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .dashboard-page .user-details__statistic,
  .dashboard-wrap .user-details__statistic {
    margin: 0 auto !important;
  }
}
.dashboard-page .user-details__statistic .details-item,
.dashboard-wrap .user-details__statistic .details-item {
  width: 100%;
  max-width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-family: Avenir-Next;
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-details__statistic .details-item,
  .dashboard-wrap .user-details__statistic .details-item {
    justify-content: space-between;
    max-width: inherit;
  }
}
.dashboard-page .user-details__statistic .details-item__info,
.dashboard-wrap .user-details__statistic .details-item__info {
  padding-right: 10px;
}
.dashboard-page .user-details__statistic .details-item .user-profile-follows__info,
.dashboard-wrap .user-details__statistic .details-item .user-profile-follows__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .dashboard-page .user-details__statistic .details-item .user-profile-follows__info,
  .dashboard-wrap .user-details__statistic .details-item .user-profile-follows__info {
    padding: 0 !important;
  }
}
.dashboard-page .user-details__statistic .details-item .user-profile-follows__info span,
.dashboard-wrap .user-details__statistic .details-item .user-profile-follows__info span {
  display: flex;
  align-items: center;
}
.dashboard-page .user-details__statistic .details-item .user-profile-follows__info--text,
.dashboard-wrap .user-details__statistic .details-item .user-profile-follows__info--text {
  font-weight: 900;
}
.dashboard-page .public_profile_block,
.dashboard-wrap .public_profile_block {
  display: flex;
  align-items: center;
  height: 150px;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .public_profile_block,
  .dashboard-wrap .public_profile_block {
    height: auto;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .public_profile_block,
  .dashboard-wrap .public_profile_block {
    height: auto;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.dashboard-page .trades,
.dashboard-wrap .trades {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.4375px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .dashboard-page .trades,
  .dashboard-wrap .trades {
    width: auto;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .trades,
  .dashboard-wrap .trades {
    height: auto;
  }
}
.dashboard-page .trades.trades_box,
.dashboard-wrap .trades.trades_box {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .dashboard-page .trades.trades_box,
  .dashboard-wrap .trades.trades_box {
    margin-top: 0;
  }
}
.dashboard-page .trades.trades_box li,
.dashboard-wrap .trades.trades_box li {
  margin-bottom: 15px;
}
.dashboard-page .trades li,
.dashboard-wrap .trades li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .dashboard-page .trades li,
  .dashboard-wrap .trades li {
    margin-bottom: 10px;
  }
}
.dashboard-page .trades .data,
.dashboard-wrap .trades .data {
  width: 100%;
  max-width: 45px;
  text-align: end;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 14px;
  letter-spacing: 0.4375px;
  color: #000000;
  white-space: nowrap;
}
.dashboard-page .ico,
.dashboard-wrap .ico {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: top;
  display: none;
}
.dashboard-page .ico.trades-cup,
.dashboard-wrap .ico.trades-cup {
  background-image: url(../img/icons/winner_ico.svg);
}
.dashboard-page .ico.rate,
.dashboard-wrap .ico.rate {
  background-image: url(../img/icons/rate-white-ico.svg);
}
.dashboard-page .ico.rate,
.dashboard-wrap .ico.rate {
  background-image: url(../img/icons/rate_ico.svg);
}
.dashboard-page .ico.like,
.dashboard-wrap .ico.like {
  background-image: url(../img/icons/like_ico.svg);
  margin-top: 0px !important;
}
.dashboard-page .ico.dislike,
.dashboard-wrap .ico.dislike {
  background-image: url(../img/icons/dislike_ico.svg);
}
.dashboard-page .card__title,
.dashboard-wrap .card__title {
  min-height: auto;
}
.dashboard-page .details-item .user-flag,
.dashboard-wrap .details-item .user-flag {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  width: 20px;
}
.dashboard-page .user-section-white,
.dashboard-wrap .user-section-white {
  background-color: #fff;
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .nick-name,
.dashboard-wrap .user-section-white .tab-content .follow-table .nick-name {
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .user-info,
.dashboard-wrap .user-section-white .tab-content .follow-table .user-info {
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .seller-buyer,
.dashboard-wrap .user-section-white .tab-content .follow-table .seller-buyer {
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .user-profile-follows .button--un-follow,
.dashboard-wrap .user-section-white .tab-content .follow-table .user-profile-follows .button--un-follow {
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .user-profile-follows__info,
.dashboard-wrap .user-section-white .tab-content .follow-table .user-profile-follows__info {
  color: #000;
}
.dashboard-page .user-section-white .tab-content .follow-table .avatar-wrap .ico-user-status,
.dashboard-wrap .user-section-white .tab-content .follow-table .avatar-wrap .ico-user-status {
  border-color: #fff;
}
.dashboard-page .user-section-white .tab-content .search-result-status,
.dashboard-wrap .user-section-white .tab-content .search-result-status {
  color: #000;
}
.dashboard-page .user-section-white .table-wrap .table tr td:first-child,
.dashboard-wrap .user-section-white .table-wrap .table tr td:first-child {
  border-left: none;
}
.dashboard-page .user-section-white .table-wrap .table tr td:last-child,
.dashboard-wrap .user-section-white .table-wrap .table tr td:last-child {
  border-right: none;
}
.dashboard-page .suspended-user a,
.dashboard-wrap .suspended-user a {
  color: #f75a01;
}

.user-details__localization {
  margin-top: 50px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .user-details__localization {
    width: 100%;
    max-width: 320px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
}
.user-details__localization .details-item {
  display: flex;
  justify-content: space-between;
  max-width: 110px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .user-details__localization .details-item {
    width: auto;
  }
}
.user-details__localization .details-item .user-flag {
  width: 28px;
  min-width: 28px;
  margin-right: 0 !important;
}
.user-details__localization .details-item .details-item__title {
  min-width: 100px;
  margin-right: 10px;
}
.user-details__localization .details-item .data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  text-align: center;
  white-space: nowrap;
}
.user-details__localization .details-item .data.currency {
  font-size: 18px;
  justify-content: center;
  margin-top: -3px;
}

.user-profile-tab-content .table-wrap .table-white {
  background: transparent !important;
  color: #fff;
}
.user-profile-tab-content .table-wrap .table tr td:first-child {
  border-left: none;
}
.user-profile-tab-content .table-wrap .table tr td:last-child {
  border-right: none;
}

.user-section {
  padding: 50px 0 100px;
}
@media only screen and (max-width: 992px) {
  .user-section {
    padding: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .user-section {
    padding: 15px 0 30px;
  }
}

.user-balances {
  margin: 20px -15px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
@media only screen and (max-width: 767px) {
  .user-balances {
    margin-top: 10px;
  }
}
.user-balances .user-balance-item {
  margin: 0 15px;
  width: calc(33.3333333333% - 30px);
  display: flex;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
@media only screen and (max-width: 992px) {
  .user-balances .user-balance-item {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .user-balances .user-balance-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.user-balances .user-balance-item .card-balance {
  width: 100%;
}
.user-balances .user-balance-item .card__title {
  color: #fff;
}

.card-balance {
  box-shadow: none;
  padding: 23px 30px;
  margin-bottom: 0;
  min-height: 251px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 900;
}
@media only screen and (max-width: 1200px) {
  .card-balance {
    min-height: 100px;
  }
}
@media only screen and (max-width: 992px) {
  .card-balance {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .card-balance {
    padding: 10px 10px 15px;
  }
}
.card-balance .card__title {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  padding: 5px 10px 5px 0;
  height: initial;
  font-family: "Roboto-Bold", sans-serif;
  overflow: initial;
  text-transform: uppercase;
  display: inline-block;
  background: #fff;
  color: #000;
  border-radius: 4px;
  float: left;
  min-width: 246px;
  width: 84%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .card-balance .card__title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .card-balance .card__title {
    padding: 12px 10px 5px 0;
  }
}
.card-balance .first_card__title {
  background-color: #00b241;
}
.card-balance .second_card__title {
  background-color: #ff9900;
}
.card-balance .thist_card__title {
  background-color: #8383ff;
}
.card-balance span.step-info-i {
  margin-top: 0 !important;
}
.card-balance .balance-label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.4px;
  color: #000;
  margin-bottom: 5px;
}
.card-balance .separator {
  border-top: 0.5px solid #d3d3d3;
  margin: 0 -30px 25px;
}
@media only screen and (max-width: 992px) {
  .card-balance .separator {
    margin: 0 -10px;
  }
}
.card-balance .ico-info {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.card-balance .balance__amount {
  font: 24px "Impact", sans-serif;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .card-balance .balance__amount {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .card-balance .balance__amount {
    font-size: 18px;
  }
}
@media only screen and (max-width: 992px) {
  .card-balance .wallet-list {
    margin-top: 20px;
  }
}
.card-balance .wallet-list .row.wallet {
  margin-bottom: 25px;
}
.card-balance .wallet-list .row.wallet .name {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #fff;
  opacity: 0.5;
  border-radius: 10px;
}
.card-balance .card__button {
  display: block;
  overflow: hidden;
  padding: 0 50px;
  cursor: pointer;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 10px;
  width: auto;
  border: none;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .card-balance .card__button {
    position: absolute;
    left: 5%;
    width: 90% !important;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .card-balance .card__button {
    margin-bottom: 0 !important;
  }
}
.card-balance .wallet-info {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
  color: #000;
}

.user-section__top--left {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .user-section__top--left {
    flex-direction: column;
    align-items: center;
  }
}

.user-info-block.info-list .list-item .form-group .select2-container {
  width: calc(100% - 150px) !important;
}

.user-info__name {
  font: 30px "Roboto-Bold", sans-serif;
  color: #000;
  display: block;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .user-info__name {
    justify-content: center;
  }
}
.user-info__name h1 {
  font-size: 30px;
}
.user-info__name .ico.user-verify {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  vertical-align: baseline;
}

.user-info__from-date {
  font-size: 12px;
  margin-bottom: 20px;
}

.user-info__achievement-list {
  display: flex;
}
.user-info__achievement-list li {
  margin-right: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .user-info__achievement-list li {
    margin: 0px 10px;
    margin-bottom: 10px;
  }
}

.user-info__achievement-list_dashboard {
  position: relative;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .user-info__achievement-list_dashboard {
    flex-direction: row;
    align-items: center;
  }
}
.user-info__achievement-list_dashboard li {
  position: relative;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.user-info__achievement-list_dashboard li::before {
  content: "";
  width: 15px;
  height: 14px;
  background-image: url("../img/icons/winner.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}

.dashboard_flag {
  margin-bottom: -3px;
}

.public_profile_btn {
  background-color: #fff;
  border: 1px solid #f75a01;
  border-radius: 4px;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  color: #f75a01;
  padding: 14px 15px 14px 45px;
  text-transform: uppercase;
  position: relative;
  transition: 0.5s ease all;
  white-space: nowrap;
}
@media only screen and (max-width: 992px) {
  .public_profile_btn {
    margin: 0 auto !important;
  }
}
.public_profile_btn:hover {
  background-color: #f75a01;
  color: #fff !important;
  transition: 0.5s ease all;
}
@media only screen and (max-width: 767px) {
  .public_profile_btn:hover {
    background-color: #fff !important;
    border: 1px solid #f75a01 !important;
    color: #f75a01 !important;
  }
}
.public_profile_btn:hover::before {
  background-color: #fff;
  transition: 0.5s ease all;
}
@media only screen and (max-width: 767px) {
  .public_profile_btn:hover::before {
    background-color: #f75a01 !important;
  }
}
.public_profile_btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 19px;
  -webkit-mask-image: url("../../img/icons/publick_profile.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  background-color: #f75a01;
  position: absolute;
  left: 15px;
  top: 30%;
  transition: 0.5s ease all;
}
.public_profile_btn--dashboard {
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .public_profile_btn--dashboard {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .public_profile_btn--dashboard {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .public_profile_btn--desk {
    display: none;
  }
}
.public_profile_btn--mob {
  display: none;
}
@media only screen and (max-width: 767px) {
  .public_profile_btn--mob {
    display: flex;
    max-width: fit-content;
  }
}

.public_profile_link {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 10px;
  position: relative;
  padding-left: 10px;
}
.public_profile_link::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: -10px;
  border: 8px solid transparent;
  border-top: 8px solid #ccc;
  transform: rotate(90deg);
  transition: 0.3s;
}
.public_profile_link:hover::before {
  border-top-color: #ff9f00;
}
@media only screen and (max-width: 767px) {
  .public_profile_link--desktop {
    display: none;
  }
}
.public_profile_link a {
  color: #f75a01;
  transition: 0.5s ease all;
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
}
@media only screen and (max-width: 992px) {
  .public_profile_link a {
    font-size: 10px;
    text-align: center;
  }
}

.dashboadr_edit {
  width: auto !important;
  padding: 14px 44px !important;
  float: right;
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .dashboadr_edit {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.achievement__level {
  width: 60%;
  font-weight: 700;
  font-family: Avenir-Next;
}

.user-info__socials {
  margin-bottom: 0;
  justify-content: unset;
  margin-top: 15px;
}
.user-info__socials a {
  margin-bottom: 25px;
  margin-right: 20px;
}
.user-info__socials a.steam {
  background-image: url(../img/socials/steam.svg);
}
.user-info__socials a.vk {
  background-image: url(../img/socials/vk.svg);
}
.user-info__socials a.facebook {
  background-image: url(../img/socials/facebook.svg);
}
.user-info__socials a.googleplus {
  background-image: url(../img/socials/google-plus.svg);
}
.user-info__socials a.twitter {
  background-image: url(../img/socials/twitter.svg);
}
.user-info__socials a.linkedin {
  background-image: url(../img/socials/linkedin.svg);
}
.user-info__socials a.twitch, .user-info__socials a.twitchtv {
  background-image: url(../img/socials/twitch.svg);
}
.user-info__socials a.twitch:hover, .user-info__socials a.twitchtv:hover {
  background-image: url(../img/socials/twitch.svg);
}
.user-info__socials a.youtube {
  background-image: url(../img/socials/youtube.svg);
}
.user-info__socials a.instagram {
  background-image: url(../img/socials/instagram.svg);
}

.user-info__website a {
  color: #f75a01;
}

.user-info__text-wrap {
  padding-left: 0;
  max-width: 900px;
}

.user-info__text {
  padding-left: 0;
  font-size: 16px;
  color: #000;
}

.user-info__description img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-bottom: -2px;
}

.user-info__description-text {
  font-style: italic;
}

.user-details__likes {
  display: flex;
}

.user-likes__block {
  display: flex;
  align-items: center;
}
.user-likes__block .ico {
  width: 30px;
  height: 30px;
}
.user-likes__block.like-block {
  margin-right: 50px;
}

.user-details .ico {
  margin-right: 10px;
}

.user-details .details-item {
  margin-bottom: 15px;
}
.user-details .details-item .data {
  margin-left: 5px;
  font-family: "Roboto-Black", sans-serif;
}

.view-all-items {
  text-align: center;
  margin: 30px 0 100px;
}
.view-all-items__link {
  border: 1px solid #f75a01;
  border-radius: 4px;
  color: #000;
  font: 16px "Roboto-Regular", sans-serif;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 30px;
}
.view-all-items__link:hover {
  color: #000;
}

.dark-theme .view-all-items__link {
  color: #fff;
}

.orders-section .orders-data {
  padding: 15px 30px;
  background: #fff;
  margin-bottom: 20px;
  font-family: "Roboto-Light", sans-serif;
}
.orders-section .orders-data li {
  float: left;
  margin-right: 20px;
}
.orders-section .nav-tabs a {
  min-width: 270px;
}
.orders-section .nav-tab__title {
  font: 24px "Roboto-Bold", sans-serif;
  padding: 10px 30px;
  text-align: center;
}

.table-top-bar {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 15px 30px;
}
.table-top-bar .form-group {
  margin-right: 30px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.table-top-bar .form-group label {
  white-space: nowrap;
  margin-right: 10px;
  font-family: "Roboto-Light", sans-serif;
}
.table-top-bar .button {
  margin-right: 30px;
}
.table-top-bar .filters-btn {
  font-size: 14px;
  text-transform: capitalize;
}
.table-top-bar .filters-btn .ico-arrow {
  right: 0;
  top: 2px;
}
.table-top-bar .filters-wrap {
  flex: 1;
  min-width: 100%;
}
.table-top-bar .filters-wrap .filters-list {
  margin-top: 15px;
}
.table-top-bar .filters-wrap .filter {
  margin-top: 15px;
}

.user-orders .view-all-items {
  margin-top: 50px;
}
.user-orders td .button {
  white-space: nowrap;
}
.user-orders tr.order-paid {
  background: #000;
  color: #fff;
  font-family: "Roboto-Thin", sans-serif;
}
.user-orders tr.order-paid .show-more {
  margin-left: 10px;
}
.user-orders tr.order-paid .show-more,
.user-orders tr.order-paid .buyer__send-message,
.user-orders tr.order-paid .buyer__dispute {
  color: #f75a01;
  font-family: "Roboto-Regular", sans-serif;
}
.user-orders tr.order-paid .buyer__name {
  color: #fff;
  font-family: "Roboto-Regular", sans-serif;
}
.user-orders tr.order-paid .buyer__name:hover {
  color: #f75a01;
}
.user-orders tr.order-paid .data {
  font-family: "Roboto-Bold", sans-serif;
}
.user-orders tr.order-paid .prod-desc {
  display: flex;
  flex-wrap: wrap;
}
.user-orders tr.order-paid .order-info {
  margin-right: 30px;
}
.user-orders tr.order-paid .delivery-status {
  text-transform: uppercase;
  font-size: 12px;
}
.user-orders tr.order-paid .delivery-status .status {
  padding-left: 50px;
  color: #fff;
  position: relative;
}
.user-orders tr.order-paid .delivery-status .status:before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url(../img/icons/correct-mark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: -100%;
  bottom: -100%;
  margin: auto;
}
.user-orders tr.order-paid .price {
  font-size: 18px;
}
.user-orders tr.order-paid .price .price__title {
  font-size: 14px;
  font-family: "Roboto-Thin", sans-serif;
}
.user-orders tr.order-paid .payment-status .status {
  font-size: 18px;
  color: #fff;
}
.user-orders tr.order-in-delivery {
  background: #920602;
}
.user-orders tr.order-in-delivery .delivery-status .status {
  white-space: nowrap;
}
.user-orders tr.order-in-delivery .delivery-status .status:before {
  background-image: url(../img/icons/chronometer.svg);
}
.user-orders tr.order-in-delivery .delivery-status .delivery__till,
.user-orders tr.order-in-delivery .delivery-status .warranty__till {
  font-size: 11px;
  font-family: "Roboto-Thin", sans-serif;
}
.user-orders tr.order-in-delivery .delivery-status .delivery__till .date,
.user-orders tr.order-in-delivery .delivery-status .warranty__till .date {
  font-family: "Roboto-Bold", sans-serif;
  margin-left: 5px;
}

#user-orders-tabs .nav-tabs {
  box-shadow: none;
  margin: 0;
}
#user-orders-tabs .nav-tabs > li > a {
  height: initial;
  border: none;
}
#user-orders-tabs .nav-tabs li.active > a {
  border: none;
}

.sidebar-wrap {
  position: relative;
  background: #13192a;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .sidebar-wrap {
    margin-bottom: 20px;
  }
}
.sidebar-wrap .nav.nav-pills li {
  margin-top: 0;
}
.sidebar-wrap .nav.nav-pills li a {
  border-radius: 0;
  padding: 15px 7px;
  color: #000;
}
.sidebar-wrap .nav.nav-pills li a:hover, .sidebar-wrap .nav.nav-pills li a:focus {
  color: #f75a01;
  background: #fff;
}
.sidebar-wrap .nav.nav-pills li.active a {
  background: #f75a01;
  color: #fff;
}
.sidebar-wrap .tab-content {
  display: none;
}

.tab-pane#info,
.tab-pane#messages {
  margin-bottom: 40px;
}
.tab-pane#info .tab-content,
.tab-pane#messages .tab-content {
  min-height: 350px;
  padding: 30px;
}
.tab-pane#info .tab-content .block-title,
.tab-pane#messages .tab-content .block-title {
  font: 14px "Roboto-Bold", sans-serif;
  text-transform: uppercase;
}
.tab-pane#info .tab-content .tab__title,
.tab-pane#messages .tab-content .tab__title {
  margin-bottom: 30px;
  color: #fff;
}
.tab-pane#info .tab-content-unheight,
.tab-pane#messages .tab-content-unheight {
  padding: 30px;
  margin-bottom: 30px;
  background: #13192a;
}
.tab-pane#info .tab-content-unheight h2.block-title,
.tab-pane#messages .tab-content-unheight h2.block-title {
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.081713px;
  text-transform: uppercase;
  color: #fff;
}
.tab-pane#info .tab-content-unheight p,
.tab-pane#messages .tab-content-unheight p {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin: 30px 0 0;
  font-weight: 100;
}
.tab-pane#info .tab-content-unheight #notification-form .form-group,
.tab-pane#messages .tab-content-unheight #notification-form .form-group {
  margin: 30px 0 0;
}
.tab-pane#info .tab-content-unheight #notification-form .form-group .control-label,
.tab-pane#messages .tab-content-unheight #notification-form .form-group .control-label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tab-pane#info .tab-content-unheight #notification-form .form-group input[type=text].form-control,
.tab-pane#messages .tab-content-unheight #notification-form .form-group input[type=text].form-control {
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 20px;
  height: 55px;
  width: 90% !important;
  color: #fff;
}
.tab-pane#info .tab-content-unheight #notification-form .form-group input[type=text].form-control:focus, .tab-pane#info .tab-content-unheight #notification-form .form-group input[type=text].form-control:hover,
.tab-pane#messages .tab-content-unheight #notification-form .form-group input[type=text].form-control:focus,
.tab-pane#messages .tab-content-unheight #notification-form .form-group input[type=text].form-control:hover {
  border: 1px solid #f75a01;
}
.tab-pane#info .tab-content-unheight #notification-form .form-group input[type=text].form-control::placeholder,
.tab-pane#messages .tab-content-unheight #notification-form .form-group input[type=text].form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
.tab-pane#info .tab-content-unheight #notification-form .button-accent,
.tab-pane#messages .tab-content-unheight #notification-form .button-accent {
  margin: 30px 0 0 0;
}
.tab-pane#info .tab-content-unheight #notification-form .fa.fa-info,
.tab-pane#messages .tab-content-unheight #notification-form .fa.fa-info {
  font-size: 10px;
  color: #fff;
  padding: 6px;
  line-height: 4px;
  background: #f75a01;
  border-radius: 10px;
}

.tab-pane#info .user-info__name {
  color: #fff;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .tab-pane#info .user-info__name {
    margin-top: 0;
  }
}
.tab-pane#info .description-sm {
  font-size: 12px;
  line-height: 22px;
  color: #9b9b9b;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .tab-pane#info .description-sm {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.tab-pane#info .update-btn {
  margin: 20px 0 30px;
  min-width: 160px;
}
@media only screen and (max-width: 767px) {
  .tab-pane#info .update-btn {
    margin: 15px 0 15px 0;
  }
}
.tab-pane#info .update-btn.ticket-create {
  display: block;
}
.tab-pane#info #account-profile-form .update-btn {
  margin-top: 38px !important;
}
.tab-pane#info #account-profile-form .user-info-tab__btn--wrap .update-btn {
  margin: 0 !important;
}

#info__main .info-list {
  margin-top: 30px;
}

.select2-dropdown {
  border: 1px solid #d9d9d9;
}

.info-list.long-title label {
  min-width: 150px;
}
.info-list.long-title .help-block {
  margin-left: 150px;
}
.info-list .list-item.account-email .field-user-email .help-block-error {
  display: none;
}
.info-list .list-item .form-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
}
.info-list .list-item .form-group .form-control {
  background: none;
  border: none;
  width: 50%;
  line-height: 16px;
  height: 16px;
  padding: 0;
  min-height: auto;
  box-shadow: none;
}
.info-list .list-item .form-group .form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
.info-list .list-item .form-group textarea {
  margin-left: 10px;
}
.info-list .list-item .form-group .select2-selection__rendered {
  border: none;
  font-size: 14px;
  height: 16px;
  line-height: 14px;
  padding-left: 0;
}
.info-list .list-item .form-group .control-label {
  margin-bottom: 0;
}
.info-list .list-item.w-auto {
  max-width: 520px;
}
.info-list .list-item.w-auto .list-item__body {
  width: 100%;
}
.info-list .list-item.w-auto .list-item__body .select-wrap {
  width: 100%;
}
.info-list .list-item.user-info .form-group {
  align-items: center;
}
.info-list .list-item-select .select2-container {
  width: auto;
  flex: 1 !important;
}
.info-list .select2-container--open .select2-selection {
  border: 1px solid #d9d9d9;
  box-shadow: none;
}
.info-list .has-success .select2-container--focus .select2-selection {
  box-shadow: none;
  border-color: transparent;
}
.info-list .select2-selection {
  border: none;
  height: 18px;
}
.info-list .select2-selection__rendered {
  border: none;
}
.info-list .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 14px;
  top: 0px;
}
.info-list label {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 1px;
  min-width: 110px;
  color: #fff;
}
.info-list .select-wrap {
  height: 24px;
}
.info-list .ui-selectmenu-button .ui-selectmenu-text {
  border: none;
  line-height: 24px;
  font-size: 14px;
  padding-left: 0;
}
.info-list .ui-selectmenu-button span.ui-icon {
  font-size: 30px;
}
.info-list input[type=url].form-control {
  border: none;
  box-shadow: none;
  outline: none;
  resize: none;
  padding: 0;
  height: auto;
  width: auto;
  flex: 1;
}
.info-list input[type=url].form-control:focus {
  box-shadow: none;
}
.info-list textarea.form-control {
  border: none;
  box-shadow: none;
  outline: none;
  resize: none;
  padding: 0;
  height: auto;
  width: auto;
  flex: 1;
}
.info-list .help-block {
  font-size: 10px;
  min-width: 100%;
  margin: 5px 0 0 110px;
}
.info-list .help-block.help-block-info {
  opacity: 1;
  position: absolute;
  margin-top: 5px;
  color: #f75a01;
}
.info-list .help-block.help-block-error {
  text-align: left;
  color: #d0021b;
  position: absolute;
  bottom: -20px;
  left: 0;
  font-size: 12px;
}
.info-list .help-block.help-block-success {
  color: #f75a01;
}
.info-list-1 .list-item {
  border: none;
  padding: 10px 0;
}
.info-list-1 .list-item .form-group {
  display: block;
}
.info-list-1 .list-item .form-group .form-control {
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 20px;
  height: 55px;
  width: 100% !important;
  color: #fff;
}
.info-list-1 .list-item .form-group .form-control:focus, .info-list-1 .list-item .form-group .form-control:hover {
  border: 1px solid #f75a01 !important;
}
.info-list-1 .list-item .form-group .form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
.info-list-1 .list-item .form-group .control-label {
  text-transform: none;
  letter-spacing: 0.5px;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
}
.info-list-1 .list-item .form-group .select2-selection__rendered {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 20px;
  height: 55px;
  line-height: 55px;
  width: 100%;
  max-width: 540px;
}
.info-list-1 .list-item.list-item-select {
  margin-bottom: 0px;
}
.info-list-1 .list-item.list-item-select .select2-container {
  vertical-align: auto;
}
.info-list-1 .list-item.list-item-select .select2-selection__rendered {
  line-height: 55px;
  height: 55px;
  padding: 0 20px;
}
.info-list-1 .list-item.list-item-select .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f75a01 !important;
}
.info-list-1 .select2-selection__arrow {
  top: 22px !important;
}

.info-list .help-block {
  text-align: right;
  margin: 0;
}
.info-list .help-block .help-block-error {
  text-align: right;
  margin: 0;
}
.info-list.long-title .help-block {
  margin: 0;
}
.info-list.long-title .label {
  min-width: 90px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f75a01 !important;
}

.form-group__block {
  width: 100%;
}

.selection.small.white .ui-menu {
  border: none;
}

.info-main__socials {
  margin-top: 70px;
}
.socials-list {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .socials-list {
    flex-direction: column;
    align-items: center;
  }
}
.socials-list .form-control {
  color: #fff;
}
.socials-list .form-control::placeholder {
  color: #9b9b9b;
}
.socials-list .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9b9b9b;
  padding: 0;
  padding-top: 10px;
}
.socials-list .list-item.active {
  color: #000;
}
.socials-list .ico {
  width: 25px;
  height: 25px;
  margin-right: 25px;
}
.socials-list .ico-vk {
  background-image: url(../img/socials/vk.svg);
}
.socials-list .ico-steam {
  background-image: url(../img/socials/steam-black.svg);
}
.socials-list .googleplus_url.ico,
.socials-list .ico-google {
  background-image: url(../img/socials/google-plus.svg);
}
.socials-list .facebook_url.ico,
.socials-list .ico-facebook {
  background-image: url(../img/socials/facebook.svg);
}
.socials-list .twitter_url.ico,
.socials-list .ico-twitter {
  background-image: url(../img/socials/twitter.svg);
}
.socials-list .ico-linkedin {
  background-image: url(../img/socials/linkedin.svg);
}
.socials-list .twitchtv_url.ico,
.socials-list .ico-twitch {
  background-image: url(../img/socials/twitch.svg);
}
.socials-list .youtube_url.ico,
.socials-list .ico-youtube {
  background-image: url(../img/socials/youtube.svg);
}
.socials-list .social-title {
  font-family: "Roboto-Bold", sans-serif;
  color: #000;
  margin-right: 30px;
  width: 130px;
}

#info__notifications .control-label,
#messages__inbox .control-label {
  text-transform: uppercase;
  font-size: 10px;
  color: #9b9b9b;
  margin-bottom: 5px;
}
#info__notifications .select-wrap,
#messages__inbox .select-wrap {
  height: auto;
}
#info__notifications .select-wrap .ui-selectmenu-button .ui-selectmenu-text,
#messages__inbox .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  line-height: 32px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: none;
  color: #fff;
  padding: 10px 50px 10px 10px;
  background: none;
}
#info__notifications .select-wrap .ui-selectmenu-button .ui-selectmenu-text:hover,
#messages__inbox .select-wrap .ui-selectmenu-button .ui-selectmenu-text:hover {
  border: 1px solid #f75a01;
  color: #f75a01;
}
#info__notifications .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
#messages__inbox .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #f75a01;
  border: 1px solid #f75a01;
}
#info__notifications .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
#messages__inbox .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
#info__notifications .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
#messages__inbox .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}
#info__notifications .form-group .select2-selection__rendered,
#messages__inbox .form-group .select2-selection__rendered {
  border: none;
}
#info__notifications .search,
#messages__inbox .search {
  width: 100%;
}
#info__notifications .filters-row,
#messages__inbox .filters-row {
  margin-bottom: 10px;
}

#info__notifications .ui-selectmenu-text,
#info__history .ui-selectmenu-text {
  line-height: 23px !important;
  border: 0 !important;
}

#info__notifications td a {
  color: #f75a01;
}
#info__notifications td a.order-pending, #info__notifications td a.order-verification, #info__notifications td a.order-queued, #info__notifications td a.order-canceled, #info__notifications td a.order-partial, #info__notifications td a.order-preorder, #info__notifications td a.order-refund-requested,
#info__notifications td a.ticket-new, #info__notifications td a.ticket-in-progress, #info__notifications td a.ticket-on-hold, #info__notifications td a.ticket-reopen,
#info__notifications td a.dispute-open, #info__notifications td a.dispute-on-hold,
#info__notifications td a.payout-pending, #info__notifications td a.payout-queued,
#info__notifications td a.payout-account-disabled, #info__notifications td .payout-account-verification,
#info__notifications td a.product-hidden, #info__notifications td a.product-pending,
#info__notifications td a.transaction-pending, #info__notifications td a.transaction-processed {
  color: #EEA00F !important;
}
#info__notifications td a.order-accepted, #info__notifications td a.order-delivered,
#info__notifications td a.ticket-closed,
#info__notifications td a.dispute-closed,
#info__notifications td a.payout-processed,
#info__notifications td a.payout-account-active,
#info__notifications td a.product-active,
#info__notifications td a.transaction-complete {
  color: #68B442 !important;
}
#info__notifications td a.order-failed, #info__notifications td a.order-fraud, #info__notifications td a.order-chargeback, #info__notifications td a.order-dispute, #info__notifications td a.order-refunded, #info__notifications td a.order-dispute,
#info__notifications td a.payout-declined,
#info__notifications td a.payout-account-declined,
#info__notifications td a.product-disabled,
#info__notifications td .payout_cancel,
#info__notifications td .btn-status_closed,
#info__notifications td a.transaction-failed {
  color: #E34F0D !important;
}

.mini-chat-wrap .body .messages-block .messages-list .body a,
.mini-chat-wrap .body .messages-block .messages-list-mobi a {
  color: #f75a01;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.order-verification, .mini-chat-wrap .body .messages-block .messages-list .body a.order-queued, .mini-chat-wrap .body .messages-block .messages-list .body a.order-canceled, .mini-chat-wrap .body .messages-block .messages-list .body a.order-partial, .mini-chat-wrap .body .messages-block .messages-list .body a.order-preorder, .mini-chat-wrap .body .messages-block .messages-list .body a.order-refund-requested,
.mini-chat-wrap .body .messages-block .messages-list .body a.ticket-new, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-in-progress, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-on-hold, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-reopen,
.mini-chat-wrap .body .messages-block .messages-list .body a.dispute-open, .mini-chat-wrap .body .messages-block .messages-list .body a.dispute-on-hold,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.payout-queued,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-disabled, .mini-chat-wrap .body .messages-block .messages-list .body .payout-account-verification,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-hidden, .mini-chat-wrap .body .messages-block .messages-list .body a.product-pending,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.transaction-processed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-verification,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-queued,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-canceled,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-partial,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-preorder,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-refund-requested,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.ticket-new,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.ticket-in-progress,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.ticket-on-hold,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.ticket-reopen,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.dispute-open,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.dispute-on-hold,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-queued,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-account-disabled,
.mini-chat-wrap .body .messages-block .messages-list-mobi .payout-account-verification,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.product-hidden,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.product-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.transaction-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.transaction-processed {
  color: #EEA00F !important;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-accepted, .mini-chat-wrap .body .messages-block .messages-list .body a.order-delivered,
.mini-chat-wrap .body .messages-block .messages-list .body a.ticket-closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.dispute-closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-processed,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-active,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-active,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-complete,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-accepted,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-delivered,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.ticket-closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.dispute-closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-processed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-account-active,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.product-active,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.transaction-complete {
  color: #68B442 !important;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-failed, .mini-chat-wrap .body .messages-block .messages-list .body a.order-fraud, .mini-chat-wrap .body .messages-block .messages-list .body a.order-chargeback, .mini-chat-wrap .body .messages-block .messages-list .body a.order-dispute, .mini-chat-wrap .body .messages-block .messages-list .body a.order-refunded, .mini-chat-wrap .body .messages-block .messages-list .body a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-declined,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-declined,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-disabled,
.mini-chat-wrap .body .messages-block .messages-list .body .payout_cancel,
.mini-chat-wrap .body .messages-block .messages-list .body .btn-status_closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-failed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-failed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-fraud,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-chargeback,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-refunded,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-declined,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.payout-account-declined,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.product-disabled,
.mini-chat-wrap .body .messages-block .messages-list-mobi .payout_cancel,
.mini-chat-wrap .body .messages-block .messages-list-mobi .btn-status_closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi a.transaction-failed {
  color: #E34F0D !important;
}

#info__notifications .tab__title {
  margin-bottom: 15px;
}
#info__notifications td a {
  color: #f75a01;
}
#info__notifications td a.order-pending, #info__notifications td a.order-verification, #info__notifications td a.order-queued, #info__notifications td a.order-canceled, #info__notifications td a.order-partial, #info__notifications td a.order-preorder, #info__notifications td a.order-refund-requested,
#info__notifications td a.ticket-new, #info__notifications td a.ticket-in-progress, #info__notifications td a.ticket-on-hold, #info__notifications td a.ticket-reopen,
#info__notifications td a.dispute-open, #info__notifications td a.dispute-on-hold,
#info__notifications td a.payout-pending, #info__notifications td a.payout-queued,
#info__notifications td a.payout-account-disabled, #info__notifications td .payout-account-verification,
#info__notifications td a.product-hidden, #info__notifications td a.product-pending,
#info__notifications td a.transaction-pending, #info__notifications td a.transaction-processed {
  color: #EEA00F !important;
}
#info__notifications td a.order-accepted, #info__notifications td a.order-delivered,
#info__notifications td a.ticket-closed,
#info__notifications td a.dispute-closed,
#info__notifications td a.payout-processed,
#info__notifications td a.payout-account-active,
#info__notifications td a.product-active,
#info__notifications td a.transaction-complete {
  color: #68B442 !important;
}
#info__notifications td a.order-failed, #info__notifications td a.order-fraud, #info__notifications td a.order-chargeback, #info__notifications td a.order-dispute, #info__notifications td a.order-refunded, #info__notifications td a.order-dispute,
#info__notifications td a.payout-declined,
#info__notifications td a.payout-account-declined,
#info__notifications td a.product-disabled,
#info__notifications td .payout_cancel,
#info__notifications td .btn-status_closed,
#info__notifications td a.transaction-failed {
  color: #E34F0D !important;
}
#info__notifications .datepicker-group {
  margin-top: 4px;
}
#info__notifications .summary {
  margin: 2px 0 15px;
}
#info__notifications .page-select label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.0770437px;
}
#info__notifications .page-select .ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0 35px 0 10px;
  line-height: 0.8;
}
#info__notifications .table {
  border: none;
}
#info__notifications .table-wrap .border-table .table tr td {
  border-bottom: 1px solid #fff;
}
#info__notifications .table-wrap .border-table .table tr td:first-child {
  border-left: none;
}
#info__notifications .table-wrap .border-table .table:first-child tr td {
  border-top: none;
}
#info__notifications .table-wrap .border-table .table tr td:last-child {
  border-right: none;
}
#info__notifications .table-wrap .border-table .table tbody tr:last-child td {
  border-bottom: none;
}
#info__notifications .border-table {
  border: 1px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
#info__notifications .border-table table {
  margin: 0;
}
#info__notifications .border-table table tr:hover {
  background: none !important;
}
#info__notifications .datepicker-group.white .form-control.input-lg {
  width: calc(50% - 10px);
  color: #fff;
  border: 1px solid #fff;
}
#info__notifications .datepicker-group.white .form-control.input-lg:focus, #info__notifications .datepicker-group.white .form-control.input-lg:hover {
  border: 1px solid #f75a01 !important;
}
#info__notifications .datepicker-group.white .form-control.input-lg::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
#info__notifications .pod-header {
  height: 35px;
}

.notify-list .list-item {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  border: 1px solid #d9d9d9;
  margin-bottom: -1px;
  background: #f6f6f6;
}
.notify-list .list-item.unread {
  background: #fff;
}
.notify-list .list-item.no-notify {
  text-align: center;
  background: #fff;
  padding: 30px;
  justify-content: center;
  color: #9b9b9b;
}
.notify-list .list-item__col {
  padding: 0 10px;
}

.notify-checkbox label {
  padding-left: 0;
}

.notify-type {
  text-transform: uppercase;
  font-size: 10px;
  color: #9b9b9b;
  min-width: 90px;
}

.notify-delete-btn {
  height: 16px;
}

.notify-time-pass {
  font-size: 12px;
  min-width: 120px;
  color: #9b9b9b;
}

.notify-message {
  width: 100%;
}
.notify-message a {
  display: block;
}

.notify-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.notify-toolbar .toolbar-left {
  display: flex;
  align-items: center;
}
.notify-toolbar .mark-as-read-btn {
  margin-right: 20px;
  font-size: 12px;
}

.notify-actions {
  margin-left: 20px;
}
.notify-actions .btn-default {
  position: relative;
  padding: 0;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 4px;
}
.notify-actions .btn-default:hover {
  background: #fff;
}
.notify-actions .btn-default .ico {
  width: 25px;
  height: 25px;
  right: auto;
  left: 0;
}
.notify-actions .dropdown-menu {
  padding: 0;
  border-radius: 0;
}
.notify-actions .dropdown-menu li a {
  padding: 10px 20px;
}
.notify-actions .dropdown-menu li a:hover {
  color: #fff;
  background: #f75a01;
}

.upload-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upload-block .upload-block__btn.button {
  white-space: nowrap;
  min-width: 250px;
  text-align: center;
  cursor: pointer;
}
.upload-block .upload-text {
  margin-right: 30px;
  color: #000;
  min-width: 200px;
}

#info__documents .filters-row .input-group {
  width: 100%;
}
#info__documents .filters-row .select-show-items {
  min-width: 220px;
}

.light-theme .account-page .pref-block .list-item.user-info {
  border-bottom: 1px solid #dadada;
}

.pref-list {
  justify-content: space-between !important;
}
.pref-list .list-item {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
}
.pref-list .list-item__pref {
  padding: 25px 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pref-list .switch-box {
  margin-right: 50px;
  margin-left: 150px;
}

.pref-block__title {
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #9b9b9b;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.pref-block .ticket-input {
  margin: 20px 0;
}
.pref-block .ticket-input .form-control.input-lg {
  margin-top: 10px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  max-width: 420px;
  padding: 10px 0;
  height: 34px;
}
.pref-block .ticket-select {
  max-width: 160px;
  margin: 20px 0;
  height: auto;
}
.pref-block .ticket-select .control-label {
  margin-bottom: 10px;
}
.pref-block .info-list label {
  color: #fff;
}

.tab-pane#messages .sidebar-wrap .nav.nav-pills li a {
  padding: 10px 10px 10px 30px;
  font-family: "Roboto-Medium", sans-serif;
}
.tab-pane#messages .nav-pills {
  padding-bottom: 20px;
}
.tab-pane#messages .nav-pills li.active .ico-inbox {
  background-image: url(../img/icons/inbox-ico--white.svg);
}
.tab-pane#messages .nav-pills li.active .ico-sent {
  background-image: url(../img/icons/sent-ico--white.svg);
}
.tab-pane#messages .nav-pills li.active .ico-draft {
  background-image: url(../img/icons/draft-ico--white.svg);
}
.tab-pane#messages .nav-pills li.active .ico-trash {
  background-image: url(../img/icons/trash-ico--white.svg);
}
.tab-pane#messages .nav-pills li.active .ico-folder {
  background-image: url(../img/icons/folder-ico--white.svg);
}
.tab-pane#messages .nav-pills li .count-new-messages {
  float: right;
  font: 12px/20px "Roboto-Regular", sans-serif;
}
.tab-pane#messages .nav-pills .ico {
  width: 17px;
  height: 17px;
  margin-right: 20px;
  background-position: left;
  background-repeat: no-repeat;
}
.tab-pane#messages .nav-pills .ico-inbox {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/inbox-ico--grey.svg);
}
.tab-pane#messages .nav-pills .ico-sent {
  background-image: url(../img/icons/sent-ico--grey.svg);
}
.tab-pane#messages .nav-pills .ico-draft {
  background-image: url(../img/icons/draft-ico--grey.svg);
}
.tab-pane#messages .nav-pills .ico-trash {
  background-image: url(../img/icons/trash-ico--grey.svg);
}
.tab-pane#messages .nav-pills .ico-folder {
  width: 18px;
  background-image: url(../img/icons/folder-ico--grey.svg);
}
.tab-pane#messages .nav-pills li.folder-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px 10px 30px;
  margin-top: 20px;
}
.tab-pane#messages .nav-pills li.folder-block:before {
  content: "";
  position: absolute;
  background: #d9d9d9;
  height: 1px;
  left: 20px;
  right: 20px;
  top: 0;
  margin: auto;
}
.tab-pane#messages .nav-pills li.folder-block a.new-folder-btn {
  border-radius: 50%;
  display: block;
  padding: 0 0 0 1px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #f75a01;
  font: 20px "Roboto-Light", sans-serif;
}
.tab-pane#messages .nav-pills .folder-title {
  text-transform: uppercase;
  font: 12px "Roboto-Bold", sans-serif;
}

.new-letter-btn {
  display: block;
  padding: 15px 25px;
  font-family: "Roboto-Medium", sans-serif;
  margin: 0 0 15px;
}
.new-letter-btn .ico {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f75a01;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding-left: 1px;
  margin-right: 15px;
  font-family: "Roboto-Light", sans-serif;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.refresh-btn.ico {
  width: 18px;
  height: 18px;
  margin-left: 30px;
  background-image: url(../img/icons/refresh-ico--black.svg);
}

.message__user-details {
  padding: 20px 20px 0 20px;
  background: #fff;
  position: absolute;
  z-index: 10;
  width: 350px;
  left: 30px;
  top: 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  color: #000;
}
.message__user-details .top-row {
  display: flex;
}
.message__user-details .user-avatar {
  width: 55px;
  height: 55px;
  min-width: 55px;
  border-radius: 50%;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.message__user-details .user-avatar img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}
.message__user-details .user-name {
  display: block;
  font: 18px "Roboto-Medium", sans-serif;
  margin-bottom: 5px;
}
.message__user-details .user-name .ico {
  vertical-align: baseline;
}
.message__user-details .user-info__from-date {
  font-size: 10px;
  margin-bottom: 10px;
}
.message__user-details .user-info__achievement-list {
  font-size: 12px;
}
.message__user-details .user-info__achievement-list li {
  margin-right: 10px;
}
.message__user-details .user-location {
  margin-bottom: 10px;
}
.message__user-details .user-website {
  color: #f75a01;
  font-size: 12px;
}
.message__user-details .socials-list {
  justify-content: left;
  margin: 10px 0 20px;
}
.message__user-details .socials-list a {
  width: 15px;
  height: 15px;
  background-size: 100%;
  margin-right: 10px;
}
.message__user-details .socials-list a.steam {
  background-image: url(../img/socials/steam-black.svg);
}
.message__user-details .btns-row {
  border-top: 1px solid #d9d9d9;
  display: flex;
  margin: 0 -20px;
  justify-content: space-between;
}
.message__user-details .btns-row .user-sent-message {
  padding: 12px 20px;
  background: #fff;
  color: #f75a01;
  text-transform: uppercase;
  white-space: nowrap;
  font: 12px "Roboto-Medium", sans-serif;
}
.message__user-details .user-details__likes {
  font-size: 10px;
  margin-right: 20px;
}
.message__user-details .user-details__likes .ico {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.message__user-details .user-details__likes .like-block {
  margin-right: 15px;
}

.user-section .search .input-group-btn {
  background: none;
  border-radius: 4px 0 0 4px;
}
.user-section .search-result-status {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin: 24px 0;
}
.user-section .link-to-my-profile {
  padding: 14px 55px;
}
.user-section .its_me {
  width: 185px;
}
.user-section .follow-table {
  margin-bottom: 0px !important;
}
.user-section .follow-table.table-black tr td:first-child {
  padding-left: 0;
}
.user-section .follow-table.table-black tr td:last-child {
  padding-right: 0;
}
.user-section .follow-table .avatar-wrap {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
.user-section .follow-table .avatar-wrap .ico-user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  background: #fa8072;
  border-radius: 50%;
}
.user-section .follow-table .nick-name {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 20px;
  display: block;
  white-space: nowrap;
}
.user-section .follow-table .user-info {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 6px;
  min-width: 150px;
  max-width: 150px;
}
.user-section .follow-table .followers-info-button {
  display: block;
}
.user-section .follow-table .followers-info-button:hover {
  color: #fff;
}
.user-section .view-all-items {
  margin-top: 50px;
}
.user-section .sort-bar .radio__container {
  margin-top: 12px;
}
.user-section .sort-bar .sort-text {
  color: #e8e8e8;
}
.user-section .sort-bar .radio__label {
  color: #e8e8e8;
}
.user-section .sort-bar .form-control.input-lg {
  width: 100%;
}

.table-wrap.notifications-table .pagination li.prev span {
  line-height: 15px;
  width: 32px;
  text-align: center;
}
.table-wrap.notifications-table .pagination li.next span {
  line-height: 30px;
  width: 40px;
  text-align: center;
}

.dashboard-page .pagination li.next span,
.dashboard-page .pagination li.prev span {
  height: auto;
  line-height: inherit;
  width: auto;
  padding: 6.5px 12px;
  border-color: #ddd;
}

#push-subscription-button,
#send-push-button {
  margin-bottom: 10px;
  display: inline-block;
  width: auto;
  padding: 20px 15px;
  max-width: 100%;
}

.dashboard-page .items-slider-1 .my_store-tabs-slider .slick-slide a {
  padding: 15px 20px 10px;
  border: none;
  text-align: center;
  border-bottom: 5px solid transparent;
  margin-right: 0;
  border-radius: 0;
  height: 110px;
}
.dashboard-page .items-slider-1 .my_store-tabs-slider .slick-slide li:focus a {
  border-bottom: 5px solid #f75a01;
}
.dashboard-page .items-slider-1 .my_store-tabs-slider .slick-slide li.active a {
  color: #f75a01;
}
.dashboard-page .items-slider-1 .my_store-tabs-slider .slick-slide.active {
  color: #f75a01;
}
.dashboard-page .items-slider-1 .slick-arrow {
  top: -90px;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 0;
  transform-origin: center;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  width: 30px;
  height: 30px;
  background: #555555;
  margin-left: 10px;
  right: 0;
  transition: all 0.3s;
}
.dashboard-page .items-slider-1 .slick-arrow:before {
  position: absolute;
  content: "›";
  font: 40px/20px "Roboto-Thin", sans-serif;
  width: 100%;
  text-align: center;
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1px;
}
.dashboard-page .items-slider-1 .slick-prev:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -2px;
}
.dashboard-page .items-slider-1 .slick-next {
  left: calc(100% - 88px);
}

.my_store-tabs-slider .nav-tab__title {
  text-transform: capitalize;
}

@media only screen and (max-width: 1200px) {
  .dashboard-page .items-slider-1 .my_store-tabs-slider {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .pref-list .switch-box {
    margin-right: 0;
    margin-left: 20px;
  }
  .info-list .list-item.user-info .form-group {
    align-items: center;
  }
  .info-list textarea.form-control {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .upload-block {
    margin-bottom: 20px;
  }
  .upload-block {
    display: block;
  }
  .upload-block .upload-text {
    width: 100%;
  }
  .upload-block .upload-block__btn.button {
    margin-top: 20px;
    display: block;
  }
  .dashboard-page .user-details {
    display: none;
  }
  .dashboard-page .user-details__statistic {
    margin-right: 100px;
  }
  .dashboard-page .user-details.open {
    display: flex;
    justify-content: space-between;
  }
  .dashboard-page .user-details-btn {
    padding: 10px 0 30px 0;
    color: #f75a01;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
    padding-left: 15px;
  }
  .dashboard-page #push-subscription-button {
    margin-bottom: 10px;
  }
  .flex-row {
    display: flex !important;
  }
  .info-list label {
    min-width: 100px;
  }
  .info-list .help-block {
    margin: 0;
    min-width: 0;
  }
  .socials-list .list-item {
    padding-right: 0px;
  }
  #info__history .select-wrap {
    margin-right: 0;
  }
  .user-details__likes {
    margin-bottom: 20px;
  }
  #info__notifications .pod-header {
    margin: 10px 0 0;
  }
  .user-section .follow-table .avatar-wrap {
    margin: 0 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .user-section .follow-table tr td:first-child {
    width: 60px;
    float: left;
  }
  .user-section .follow-table .nick-name {
    margin-top: 5px;
  }
  .info-list label {
    max-width: 150px;
  }
  #push-subscription-button,
  #send-push-button {
    width: 100%;
  }
  .page-size-select {
    margin: 0 0 20px;
  }
  .tab-pane#info .tab-content-unheight,
  .tab-pane#messages .tab-content-unheight {
    padding: 15px;
  }
  .socials-list .ico {
    margin-right: 5px;
  }
  .tab-pane#info .tab-content,
  .tab-pane#messages .tab-content {
    padding: 15px;
  }
  .dashboard-page .user-info__website,
  .dashboard-page .user-info__text {
    display: none;
  }
  .dashboard-page .user-details-btn {
    padding: 10px 0 0 15px;
  }
  .dashboard-page .offer-container .card-horizontal .user-orders {
    margin-bottom: 15px;
  }
  .dashboard-page .offer-container .card-horizontal .user-rate__percents {
    font-size: 18px;
  }
  .dashboard-page .offer-container .card-horizontal .card__total .total__price {
    font-size: 18px;
  }
  .dashboard-page .items-slider .slider__nav {
    position: relative;
  }
  .dashboard-page .items-slider .slick-arrow {
    bottom: 185px;
    opacity: 1;
    background: #fff;
    color: #1e1d1d;
  }
  .dashboard-page .items-slider .slick-prev {
    position: absolute;
    left: -100px;
    right: 0;
  }
  .dashboard-page .items-slider .slick-next {
    position: absolute;
    left: calc(100% + 50px);
  }
  .user-section .search .form-control.input-lg {
    width: 100%;
    height: 55px;
  }
  .user-section .search .input-group-btn .btn.search-ico {
    height: 50px;
  }
}
@media only screen and (max-width: 680px) {
  .dashboard-page .view-all-items__link {
    width: 100%;
  }
  .dashboard-page .items-slider .slider__nav {
    position: relative;
  }
  .dashboard-page .items-slider .slick-arrow {
    bottom: 185px;
    opacity: 1;
    background: #fff;
    color: #1e1d1d;
  }
  .dashboard-page .items-slider .slick-prev {
    position: absolute;
    left: -35px;
  }
  .dashboard-page .items-slider .slick-next {
    position: absolute;
    left: calc(100% - 8px);
  }
}
@media only screen and (max-width: 592px) {
  .user-section-white .search {
    margin-top: -35px;
  }
  .user-profile-reviews h2 {
    margin: 0;
  }
  .user-profile-avatar--middle {
    width: 40px;
    height: 40px;
  }
  .dashboard-page .items-slider-1 .my_store-tabs-slider {
    padding: 0 50px;
  }
  .dashboard-page .items-slider-1 .my_store-tabs-slider .slick-slide a {
    padding: 15px 20px 10px;
    border: none;
    text-align: center;
    border-bottom: 5px solid transparent;
    margin-right: 0;
    border-radius: 0;
    height: 110px;
  }
  .dashboard-page .items-slider-1 .slick-arrow {
    width: 22px;
    height: 22px;
  }
  .dashboard-page .items-slider-1 .slick-arrow:before {
    font-size: 28px;
    height: 22px;
  }
  .dashboard-page .items-slider-1 .slick-arrow.slick-prev:before {
    left: -1px;
  }
  .dashboard-page .items-slider-1 .slick-arrow.slick-next {
    left: calc(100% - 75px);
  }
  .dashboard-page .items-slider-1 .slick-arrow.slick-next:before {
    left: 1px;
  }
}
@media only screen and (max-width: 450px) {
  .btn-connect,
  .btn-disconnect {
    width: 240px;
  }
}
.notification-wrap .notification-header {
  height: 56px;
  padding: 20px 5px;
  line-height: 15px;
}
.notification-wrap .notification-header .title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ffffff;
  mix-blend-mode: normal;
}
.notification-wrap .notification-header .link {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #f75a01;
  mix-blend-mode: normal;
}
.notification-wrap .notification-body {
  padding: 0 0;
  font-size: 12px;
  height: 450px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.notification-wrap .notification-body .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.notification-wrap .notification-body .notification {
  padding: 23px 20px 15px;
  border-bottom: 0.5px solid #2d2d2d;
}
.notification-wrap .notification-body .notification .category {
  font-weight: bold;
  margin-right: 15px;
}
.notification-wrap .notification-body .notification .category::before {
  background: #f75a01;
  color: #fff;
  padding: 6px;
  border-radius: 20px;
  margin-right: 15px;
}
.notification-wrap .notification-body .notification .category.icon-basket::before {
  background: orange;
}
.notification-wrap .notification-body .notification .category.icon-wallet::before {
  background: red;
}
.notification-wrap .notification-body .notification .date {
  color: #8c919c;
}
.notification-wrap .notification-body .notification .message {
  line-height: 20px;
  padding: 13px 0 0;
}
.notification-wrap .notification-body .notification .message a {
  color: #f75a01;
}
.notification-wrap .notification-body .notification .message a.order-pending, .notification-wrap .notification-body .notification .message a.order-verification, .notification-wrap .notification-body .notification .message a.order-queued, .notification-wrap .notification-body .notification .message a.order-canceled, .notification-wrap .notification-body .notification .message a.order-partial, .notification-wrap .notification-body .notification .message a.order-preorder, .notification-wrap .notification-body .notification .message a.order-refund-requested,
.notification-wrap .notification-body .notification .message a.ticket-new, .notification-wrap .notification-body .notification .message a.ticket-in-progress, .notification-wrap .notification-body .notification .message a.ticket-on-hold, .notification-wrap .notification-body .notification .message a.ticket-reopen,
.notification-wrap .notification-body .notification .message a.dispute-open, .notification-wrap .notification-body .notification .message a.dispute-on-hold,
.notification-wrap .notification-body .notification .message a.payout-pending, .notification-wrap .notification-body .notification .message a.payout-queued,
.notification-wrap .notification-body .notification .message a.payout-account-disabled, .notification-wrap .notification-body .notification .message .payout-account-verification,
.notification-wrap .notification-body .notification .message a.product-hidden, .notification-wrap .notification-body .notification .message a.product-pending,
.notification-wrap .notification-body .notification .message a.transaction-pending, .notification-wrap .notification-body .notification .message a.transaction-processed {
  color: #EEA00F !important;
}
.notification-wrap .notification-body .notification .message a.order-accepted, .notification-wrap .notification-body .notification .message a.order-delivered,
.notification-wrap .notification-body .notification .message a.ticket-closed,
.notification-wrap .notification-body .notification .message a.dispute-closed,
.notification-wrap .notification-body .notification .message a.payout-processed,
.notification-wrap .notification-body .notification .message a.payout-account-active,
.notification-wrap .notification-body .notification .message a.product-active,
.notification-wrap .notification-body .notification .message a.transaction-complete {
  color: #68B442 !important;
}
.notification-wrap .notification-body .notification .message a.order-failed, .notification-wrap .notification-body .notification .message a.order-fraud, .notification-wrap .notification-body .notification .message a.order-chargeback, .notification-wrap .notification-body .notification .message a.order-dispute, .notification-wrap .notification-body .notification .message a.order-refunded, .notification-wrap .notification-body .notification .message a.order-dispute,
.notification-wrap .notification-body .notification .message a.payout-declined,
.notification-wrap .notification-body .notification .message a.payout-account-declined,
.notification-wrap .notification-body .notification .message a.product-disabled,
.notification-wrap .notification-body .notification .message .payout_cancel,
.notification-wrap .notification-body .notification .message .btn-status_closed,
.notification-wrap .notification-body .notification .message a.transaction-failed {
  color: #E34F0D !important;
}
.notification-wrap .notification-body .notification.read {
  background: #11151a;
}
.notification-wrap .notification-body .notification.unread {
  background: #ededf2;
}
.notification-wrap .notification-body .deliver {
  margin: -8px 0 0;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
  color: rgba(0, 0, 0, 0.5);
}
.notification-wrap .notification-body .deliver span {
  display: inline-block;
  padding: 0 5px;
  background: #efefef;
}
.notification-wrap .notification-footer {
  text-align: center;
  padding: 0;
  transition: 0.2s;
}
.notification-wrap .notification-footer:hover {
  background: #f75a01;
}
.notification-wrap .notification-footer a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 0;
  display: block;
  width: 100%;
}

.profile_details_ul {
  position: relative;
}
.profile_details_ul li {
  position: relative;
}

@media only screen and (min-width: 767px) {
  .profile_details_ul {
    display: grid;
    grid-template-columns: 46% 46%;
    grid-column-gap: 8%;
  }
  .profile_details_ul .profile_details_button {
    margin-top: 10px !important;
  }
  .profile_details_button {
    height: 55px;
    width: 100% !important;
    margin-top: 25px !important;
    min-width: 160px;
    max-width: 100% !important;
  }
}
.account_hr {
  width: 100%;
  height: 1px;
  background-color: #c2c2c2;
}

.delete_account_placeholder {
  border: 1px solid #dadada;
  color: #000;
  border-radius: 4px;
  padding: 20px;
  height: 55px;
  background: none;
  line-height: 16px;
  box-shadow: none;
  font-size: 14px;
  display: block;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  cursor: pointer;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .delete_account_placeholder {
    width: 96% !important;
  }
}

@media only screen and (min-width: 992px) {
  .grid-width {
    width: 96% !important;
  }
}

.delete_account_title {
  margin-top: 50px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 122.74%;
}

.delete_account_span_big {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  margin-left: 15px;
  display: block;
}

.delete_account_span_small {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 122.74%;
  color: #808080;
  margin-left: 15px;
}

@media only screen and (max-width: 767px) {
  .user-info-tab__shop-description {
    margin-bottom: 10px;
  }
}

.shop_description_input {
  max-width: 100%;
  width: 100%;
  min-width: 97%;
  min-height: 190px;
  padding: 17px 20px;
  resize: none;
  -webkit-appearance: none;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px !important;
  transition: 0.2s;
}
.shop_description_input:focus, .shop_description_input:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 20px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 20px !important;
}
@media only screen and (max-width: 767px) {
  .shop_description_input {
    margin-bottom: 10px;
  }
}

.main_info_user-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.main_info_user-avatar .user-avatar {
  position: relative;
  margin-right: 0px !important;
}
.main_info_user-avatar .user-avatar__verify {
  position: absolute;
  right: -20px;
  top: -4px;
}
.main_info_user-avatar .user-avatar__verify .user-verify {
  width: 25px;
  height: 25px;
}
.main_info_user-avatar img {
  border-radius: 25px;
}
.main_info_user-avatar .user-info__name {
  max-width: 230px;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
  white-space: nowrap;
}
.main_info_user-avatar .file-input-label::after {
  border-radius: 25px !important;
}

.shop_descr_title {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .shop_descr_title {
    justify-content: center;
  }
}
.shop_descr_title img {
  width: 21px;
  min-width: 21px;
  height: 21px;
  margin-right: 6px;
}

.change_pas_img {
  background-image: url("../../img/pages/change_pas.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 258px;
  width: 258px;
  margin-top: 39px;
  margin-left: 10%;
}
@media only screen and (max-width: 992px) {
  .change_pas_img {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .mar-top-zero {
    margin-top: 0px !important;
  }
}

.change_secret_img {
  background-image: url("../../img/pages/change_question.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 258px;
  width: 298px;
  margin-top: 37px;
  margin-left: 10%;
}
@media only screen and (max-width: 992px) {
  .change_secret_img {
    display: none;
  }
}

#change-password .tab__title {
  font-size: 16px !important;
}
#change-password .alert-info {
  border: 1px solid transparent;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  padding-left: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#change-password .alert-info::before {
  display: none;
}
#change-password a {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  text-align: center;
  padding: 20px 0;
  min-width: 160px;
  width: 45%;
  border-radius: 4px;
  text-transform: uppercase;
  font: 14px "Roboto-Black", sans-serif;
  transition: all 0.3s;
  color: #fff;
}
#change-password a:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}

.notification-settings input[type=text]:focus {
  background: none !important;
}

.notitfications_ofline_img {
  background-image: url("../../img/pages/notifications_ofline.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 193px;
  width: 193px;
  margin-top: 20px;
  margin-left: 10%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .notitfications_ofline_img {
    display: none;
  }
}

.pushed_notifications_img {
  background-image: url("../../img/pages/pushed_notifications.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 260px;
  width: 260px;
  margin-top: -70px;
  margin-left: 20%;
  display: block;
}
@media only screen and (max-width: 992px) {
  .pushed_notifications_img {
    display: none;
  }
}

#push-subscription-button,
#send-push-button {
  width: 100%;
}

#push-subscription-button {
  margin-bottom: 40px;
}

.notification_confirm {
  width: 39% !important;
  max-width: 100% !important;
  margin-left: 53px !important;
}
@media only screen and (max-width: 992px) {
  .notification_confirm {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px !important;
  }
}

.notifications_email {
  display: grid;
  grid-template-columns: 50% 40%;
  grid-column-gap: 10%;
}
@media only screen and (max-width: 992px) {
  .notifications_email {
    display: block;
  }
}
.notifications_email .input-notifications {
  width: 100% !important;
}

.connect_img {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
  background-image: url("../../img/authorized_connect.svg");
  background-size: cover;
  background-position: center;
}

.history_log_container_img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info_text_container {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #808080;
  padding-left: 40px;
  display: block;
  position: relative;
}

.info_text_container::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../../img/icons/info_orange.svg");
  position: absolute;
  top: 26%;
  left: 0;
}

.history_log_text {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .history_log_text {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}

.pop-up_browsers {
  background: #ededed;
  border-radius: 4px;
  min-height: 95px;
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #808080;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  text-align: center;
}

.browsers_work {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 15px;
}
.browsers_work div {
  margin-right: 15px;
  color: #000000;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  padding-left: 25px;
}
.browsers_work div::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-position: center;
  margin-top: -2px;
}
@media only screen and (max-width: 992px) {
  .browsers_work {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap: 20px;
  }
}

.browsers_work_crome::before {
  background-image: url("../../img/icons/browser/chrome_browser.svg");
}

.browsers_work_yandex::before {
  background-image: url("../../img/icons/browser/yandex_browser.svg");
  margin-top: -4px;
  margin-left: 6px;
}

.browsers_work_opera::before {
  background-image: url("../../img/icons/browser/opera_browser.svg");
}

.browsers_work_firefox::before {
  background-image: url("../../img/icons/browser/mozilla_browser.svg");
}

.notification_checkboxes_box {
  border: 1px solid transparent !important;
  background: #ededed;
  border-radius: 4px;
  padding: 23px 20px;
  min-height: 82px;
}
@media only screen and (max-width: 767px) {
  .notification_checkboxes_box {
    padding: 15px;
    max-width: 385px;
  }
}

@media only screen and (min-width: 767px) {
  .notification_info_list {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
  }
}
.notification_checkboxes_box .form-group {
  display: grid !important;
  grid-template-columns: 87% 10%;
  grid-column-gap: 3%;
}
@media only screen and (max-width: 767px) {
  .notification_checkboxes_box .form-group {
    grid-template-columns: 80% 23%;
  }
}
.notification_checkboxes_box .switch-box {
  margin: 0 !important;
}

.flex-list-pref {
  display: flex;
  float: right;
  padding-top: 10px;
}
.flex-list-pref .pref-list {
  border: 1px solid transparent !important;
  background: #ededed;
  border-radius: 4px;
  padding: 23px 20px;
  height: 82px;
}

.pref-block_two {
  margin-top: -30px;
}

.preflist_flex {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .preflist_flex {
    display: block;
  }
}

#document-name-fake {
  border: 1px solid #808080;
  border-radius: 4px;
}

.documents_fake {
  width: 100% !important;
}

.fake_inputs_doc {
  width: 100%;
  display: grid;
  grid-template-columns: 40% 48%;
  grid-column-gap: 12%;
}
@media only screen and (max-width: 767px) {
  .fake_inputs_doc {
    grid-template-columns: 100%;
  }
}
.fake_inputs_doc .fake_inputs_doc_left label {
  padding-left: 20px;
  position: relative;
}
.fake_inputs_doc .fake_inputs_doc_left label::before {
  content: "";
  background-image: url("../../img/icons/documents.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.fake_inputs_doc .fake_inputs_doc_left label {
  padding-left: 20px;
  position: relative;
}
.fake_inputs_doc .fake_inputs_doc_left label::before {
  content: "";
  background-image: url("../../img/icons/documents.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0px;
  top: 2px;
}

.fake_inputs_doc_right {
  text-align: center;
  color: #808080;
}
.fake_inputs_doc_right a {
  color: #f75a01;
}
.fake_inputs_doc_right .document_right_top {
  max-width: 250px;
  display: block;
  margin: 0 auto;
}
.fake_inputs_doc_right .document_right_bottom {
  max-width: 150px;
}

.upload_file_btn {
  width: 47px;
  height: 47px;
  background-image: url("../../img/icons/upload_file.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 20px;
  cursor: pointer;
}

.dashboard-page .step-info-i {
  display: block !important;
}
.dashboard-page .dashbord_textarea {
  background: #ffffff;
  border: none !important;
  border-radius: 4px;
  min-width: 200px;
  min-height: 150px;
  width: 100%;
  max-width: 100%;
  max-height: 200px;
  text-align: left;
  padding: 28px;
  resize: none;
}
.dashboard-page .dashbord_textarea:hover, .dashboard-page .dashbord_textarea:focus {
  border: none !important;
}
.dashboard-page .wallet-wrap {
  min-height: 240px !important;
}

.account-page .account-title__wrap--row {
  display: flex;
  align-items: center;
}
.account-page .profile_details_labels label {
  padding-left: 23px;
}
.account-page .profile_details_labels .field-user-username label::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  background-image: url("../../img/icons/user_black.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -3px;
}
.account-page .profile_details_labels .account-email label::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  background-image: url("../../img/icons/email_black.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -1px;
}
.account-page .account-info-block {
  padding-left: 10px;
  color: #000000;
  position: relative;
  text-transform: uppercase;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
}
.account-page .change_email_text {
  padding-left: 7px;
  color: #000000;
  position: relative;
  text-transform: uppercase;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  .account-page .change_email_text {
    margin-top: 15px !important;
  }
}
.account-page .delete_account_title {
  margin-top: 40px;
  margin-bottom: 30px;
  color: #000000;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .account-page .delete_account_title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.account-page .delete_account_title .tab__title {
  margin-bottom: 0 !important;
  padding-left: 14px;
}

.account_tabs_block {
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  display: flex;
  justify-content: start;
  margin-bottom: 20px;
  height: 80px;
  align-items: center;
  position: relative;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.account_tabs_block .account_tabs {
  width: 33.3333%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 4px;
  transition: 0.3s ease all;
}
.account_tabs_block .account_tabs:last-child {
  width: 34%;
}
.account_tabs_block .account_tabs:not(:first-child)::before {
  content: "";
  display: block;
  height: 80%;
  width: 1px;
  background-color: #808080;
  left: -2px;
  opacity: 0.4;
  position: absolute;
  z-index: 1;
}
.account_tabs_block .account_tabs:hover {
  cursor: pointer;
  color: #f75a01;
  transition: 0.3s ease all;
}
.account_tabs_block .account_tabs:hover .img-hover-block .hov {
  opacity: 1;
}
.account_tabs_block .account_tabs:hover .img-hover-block .nohov {
  opacity: 0;
}
.account_tabs_block .account_tabs:hover.account_tab_active .img-hover-block .hov {
  opacity: 0;
}
.account_tabs_block .account_tabs:hover.account_tab_active .img-hover-block .nohov {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .account_tabs_block .account_tabs .img-hover-block {
    display: none;
  }
}
.account_tabs_block .account_tabs span {
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 10px;
}
.account_tabs_block .account_tabs.account_tab_active {
  background-color: #ffe3d2;
  border: 1px solid #ffe3d2;
  z-index: 2;
  cursor: default;
}
.account_tabs_block .account_tabs.account_tab_active::before {
  display: none;
}
.account_tabs_block .account_tabs.account_tab_active:first-child::before {
  content: "";
  display: none;
}
.account_tabs_block .account_tabs.account_tab_active:hover {
  cursor: default;
  color: #000;
}
.account_tabs_block .account_tabs.account_tab_active:hover span:before {
  background-color: #000;
}

.notification_title .step-info-i {
  display: block !important;
}

.notifications_tab_block .account_tabs {
  width: 50% !important;
}

.question-answer {
  padding: 0px !important;
}

.question-answer-btn {
  padding-right: 0px !important;
}

.comments .comment-container .panel-default .user-profile-seller-buyer {
  position: absolute;
  top: 20px;
  left: 74px;
  width: 70%;
}

.comments_right_side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.comments_right_side .control {
  display: block;
  background: #f75a01;
  border-radius: 4px;
  padding: 9px;
  color: #f6f6f6;
  min-width: 100%;
  max-width: 150px;
  text-align: center;
  transition: 0.5s ease all;
}
.comments_right_side .control:hover {
  color: #fff;
  opacity: 0.8;
  transition: 0.5s ease all;
}
.comments_right_side span {
  margin-top: 10px;
  margin-bottom: 5px;
  letter-spacing: 0.375px;
  color: #808080;
}

.panel-default .users-block {
  display: flex;
}
.panel-default .users-block .user-name {
  margin-left: 10px;
}
.static-view-sec {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.7px;
  color: #000000;
}
.static-view-sec span {
  opacity: 0.7;
}
.static-view-sec a {
  color: #f75a01;
  opacity: 0.7;
}
.static-view-sec a:hover {
  opacity: 1;
}
.static-view-sec__amount {
  display: none;
}

.static-view-comment {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #000000;
  margin-bottom: 30px;
  margin-top: 5px;
}

.follow-table .nick-name {
  display: inline-block !important;
  margin-top: 0 !important;
}

.user-profile-avatar--middle {
  border: 2px solid #ff9f00 !important;
}

@media only screen and (max-width: 767px) {
  .pub-profile-slider {
    margin-top: 60px;
  }
}
.pub-profile-slider li {
  position: relative;
}
.pub-profile-slider li::after {
  content: "";
  display: block;
  position: absolute;
  background: #808080;
  width: 1px;
  height: 70%;
  right: -1px;
  top: 15%;
  opacity: 0.6;
}
.pub-profile-slider li::after.active::after {
  display: none;
}
.pub-profile-slider li:last-child::after {
  display: none;
}
.pub-profile-slider li a {
  position: relative;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pub-profile-slider li a img {
  padding: 0 5px;
}
@media only screen and (max-width: 767px) {
  .pub-profile-slider li a {
    padding-top: 5px !important;
  }
}
.pub-profile-slider li a span {
  display: inline-block;
  position: relative;
}
.pub-profile-slider li:hover > a::before {
  background-color: #f75a01 !important;
}
.pub-profile-slider .active:hover > a::before {
  background-color: #000 !important;
}
.pub-profile-slider li:hover {
  border-right: 1px solid grey;
}

.trades_box i {
  position: relative;
}
.trades_box i:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.trades_box .trades-cup::before {
  background-image: url("../../img/icons/winner_profile.svg");
}
.trades_box .rate::before {
  background-image: url("../../img/icons/rate_profile.svg");
}

.edit-view .add_reply {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  position: relative;
  padding-left: 30px;
  display: block;
  margin-bottom: 20px;
}
.edit-view .add_reply::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../../img/icons/reply_ico.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.avatar_box {
  display: flex;
}
.avatar_box .avatar-wrap {
  margin: 0 !important;
}

.seller-byer-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: start !important;
}

.feedback_statisticks span {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.7px;
  position: relative;
  padding-left: 30px;
}
.feedback_statisticks span::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feedback_statisticks_positive span {
  color: #00b241 !important;
}
.feedback_statisticks_positive span::before {
  background-image: url("../../img/icons/like_green.svg");
  margin-top: -5px;
}

.feedback_statisticks_negative span {
  color: #ff6d61 !important;
}
.feedback_statisticks_negative span::before {
  background-image: url("../../img/icons/dislike_red.svg");
  margin-top: 5px;
}

.follower-cart-left {
  padding-left: 30px;
}
.follower-cart-left .nick-name {
  margin-right: 3px;
  margin-left: 10px;
}
.follower-cart-left .membership-row {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.follower-cart-left .feedback_statisticks_block {
  margin-top: 20px;
}
.follower-cart-left .feedback_statisticks {
  margin-top: 5px;
}

.follower-cart-middle .follower-description {
  margin-top: 50px;
}
.follower-cart-middle .follower-description span {
  font-style: italic;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}
.follower-cart-middle .follower-grey-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #9a9a9a;
}
.follower-cart-middle .follower-info-span {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.7px;
  margin-right: 10px;
}
.follower-cart-middle .follower-currency {
  margin-top: 10px;
}

span.control,
button.control {
  background-color: #f75a01;
  border-radius: 4px;
  padding: 4px 9px !important;
  color: #fff !important;
  margin-right: 10px;
}

.panel-heading .controls {
  margin: 30px 0px;
  justify-content: flex-start !important;
}

@media only screen and (min-width: 767px) {
  .follower-cart-left {
    border-right: 1px solid #bcbcbc;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .pub-profile-slider li a::before {
    top: 3px !important;
  }
  .follow-table td {
    width: 100% !important;
  }
}
.follower-cart-left {
  padding-left: 20px;
}

.user-profile-reviews .comment-form textarea.form-control {
  width: 100% !important;
}

.ticket-top-contetnt .ticket-top-title {
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #000000;
  max-width: 500px;
}
.ticket-top-contetnt .ticket-top-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #808080;
}
.ticket-top-contetnt .ticket-big-btn {
  position: relative !important;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px;
}
.ticket-top-contetnt .ticket-big-btn:hover {
  background: linear-gradient(180deg, #f65901 0%, #f85900 100%) !important;
}

.ticket-img {
  margin-top: -40px;
}
@media only screen and (max-width: 767px) {
  .ticket-img {
    margin-top: 20px;
  }
}

.new-tabs {
  width: 100%;
  border-radius: 4px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.new-tabs li {
  width: 50%;
  border-radius: 4px !important;
  text-align: center;
}
.new-tabs li a {
  min-height: 58px;
}
.new-tabs .nav-tab__title span {
  position: relative;
  display: inline-block;
  width: auto;
}
.new-tabs .nav-tab__title span:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  left: -30px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  background-color: #000;
}
.new-tabs .ticket-active::before {
  -webkit-mask-image: url("../../img/icons/ticket_active.svg");
}
.new-tabs .ticket-complited::before {
  -webkit-mask-image: url("../../img/icons/ticket_completed.svg");
}
.new-tabs .dispute-active::before {
  -webkit-mask-image: url("../../img/icons/dispute_active.svg");
}
.new-tabs .dispute-completed::before {
  -webkit-mask-image: url("../../img/icons/dispute_completed.svg");
}
.new-tabs li a:hover {
  background-color: #fff !important;
}
.new-tabs li a:hover span {
  color: #f75a01 !important;
}
.new-tabs li a:hover span::before {
  background-color: #f75a01 !important;
}
.new-tabs .active a {
  background-color: #ffe3d2 !important;
  border: 1px solid #ffe3d2 !important;
}
.new-tabs .active a:hover {
  background-color: #ffe3d2 !important;
  border: 1px solid #ffe3d2 !important;
}
.new-tabs .active a:hover span {
  color: #000 !important;
}
.new-tabs .active a:hover span::before {
  background-color: #000 !important;
}

.select_file_input {
  background-image: url("../../img/icons/select_file.svg") !important;
  width: 142px;
  height: 85px;
  background-size: 65% 65%;
  background-repeat: no-repeat;
  background-position: top;
  transition: 0.2s linear all;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  color: #808080 !important;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.select_file_input:hover {
  background-size: 60% 60%;
  transition: 0.2s linear all;
}
.select_file_input span {
  white-space: nowrap;
}

.add-attachment-title {
  color: #000 !important;
  display: block;
  opacity: 1 !important;
}

.ticket-view .details {
  max-width: 100% !important;
}

.ticket-view-status {
  background-color: #fff;
  width: 100%;
  margin: 30px 0px 20px 0px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  min-height: 100px;
  display: flex;
  align-items: center;
  padding: 30px;
}

.details-ticket {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 50px;
}

.wrap-timeline {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 130px;
  padding: 0;
}
.wrap-timeline .ticket-form {
  padding: 0 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.wrap-timeline .ticket-form.ticket-form-1 {
  padding-bottom: 15px;
}
.wrap-timeline .ticket-form.ticket-form-2 {
  padding-bottom: 15px;
}
.wrap-timeline .ticket-form .form-group {
  margin-bottom: 0 !important;
}
.wrap-timeline .ticket-form .control-label {
  display: none;
}
.wrap-timeline .timeline {
  height: 312px;
  overflow-y: scroll;
  padding-top: 10px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  background: #ededf2;
}
@media only screen and (max-width: 767px) {
  .wrap-timeline .timeline {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.wrap-timeline .timeline::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}
.wrap-timeline .timeline::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.wrap-timeline .timeline::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  opacity: 0.3;
}
.wrap-timeline textarea {
  border: 1px solid #808080 !important;
}

.ticket-view .ticket-view-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
}
@media only screen and (max-width: 767px) {
  .ticket-view .ticket-view-status {
    flex-wrap: wrap;
    height: auto;
  }
}
.ticket-view .ticket-view-status-box {
  min-width: 140px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.ticket-view .ticket-view-status-box .details-items-title {
  margin-right: 15px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.ticket-view .ticket-view-status-box span {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-top: -10px !important;
}
.ticket-view .ticket-view-status-box span::before {
  top: 2px;
}

.ticket-details-rows .details_messege_title_text {
  font-family: Roboto;
  color: #f75a01;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-transform: none !important;
}

.ticket-details-rows {
  margin-top: 15px;
  margin-bottom: 0px !important;
}
.ticket-details-rows.flex_align_centr .details-items-title {
  margin-right: 12px;
}
.ticket-details-rows .details-items-title,
.ticket-details-rows h5 {
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 16px;
  color: #000 !important;
  text-transform: uppercase;
  padding: 0 !important;
}
.ticket-details-rows p {
  font-family: Roboto;
  color: #f75a01;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .ticket-details-rows p {
    margin-top: 5px;
  }
}
.ticket-details-rows a {
  font-family: Roboto;
  color: #f75a01 !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 14px;
}

.ticket_details_messege_block .messege_title .details_messege_title {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  position: relative;
  padding-left: 24px;
}
.ticket_details_messege_block .messege_title .details_messege_title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../../img/icons/messege_ico_grey.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 3px;
}
.ticket_details_messege_block .messege_title .details_messege_title_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #f75a01;
}
.ticket_details_messege_block .messege_text {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  border-radius: 2px;
}

.shadow-blocks {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 25px 30px;
}

.disput-details-info-left {
  padding: 0px !important;
}

.disput-details-info-block .ticket-details-rows,
.disput-details-info-block .dispute-details-rows {
  margin: 0px !important;
}
.disput-details-info-block .shadow-blocks {
  min-height: 120px;
}

@media only screen and (min-width: 960px) {
  .disput-details-info-left {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }
}
.disput-details-blocks {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .disput-details-blocks {
    height: auto;
  }
}
.disput-details-blocks.info-block {
  padding-left: 60px;
  text-align: justify;
  margin: 0px;
  margin-bottom: 30px !important;
}
.disput-details-blocks.info-block::before {
  left: 20px;
}
@media only screen and (max-width: 992px) {
  .disput-details-blocks.dispute-first-block {
    flex-wrap: wrap;
  }
  .disput-details-blocks.dispute-first-block .dispute-details-rows {
    display: flex;
  }
}

.dispute-details-rows {
  display: flex;
  align-items: center;
  margin-top: 0px !important;
}
@media only screen and (max-width: 992px) {
  .dispute-details-rows {
    display: block;
  }
}
.dispute-details-rows p {
  line-height: 16px;
}
.dispute-details-rows .details-items-title {
  margin-right: 10px;
}
.dispute-details-rows div p {
  line-height: 16px;
}

.dispute-status-block span {
  position: relative;
}

.disput-reason .disput-reason-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-transform: uppercase;
}
.disput-reason .disput-reason-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  color: #d80027;
  text-transform: uppercase;
}

.escalaite_claim {
  background: #ffffff;
  border: 1px solid #f75a01;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 30px;
}

.grey-right-border {
  border-right: 1px solid #d6d6d6;
  height: 100% !important;
  padding: 1px 0px;
  margin-right: 20px;
}
@media only screen and (max-width: 992px) {
  .grey-right-border {
    border: none !important;
    text-align: center;
  }
}

.refun_byer {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  max-width: 280px;
  line-height: 28px;
  letter-spacing: 0.29px;
  text-transform: uppercase;
  color: #000000;
}

.red_btn {
  background: #ff6d61;
  border-radius: 4px;
  padding: 10px 27px;
  color: #ffffff !important;
  opacity: 0.9;
  display: inline-block;
}

.dashboard_hr {
  border-top: 1px solid #808080 !important;
}

.sidebar-wrap .nav-pills .dropdown.open .dropdown-menu {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.sidebar-wrap .nav-pills a {
  padding-left: 45px !important;
  position: relative;
  display: flex;
  align-items: center;
}
.sidebar-wrap .nav-pills a::before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sidebar-wrap .nav-pills .sidebar_main-info::before {
  background-image: url("../../img/icons/user_black.svg");
}
.sidebar-wrap .nav-pills li:nth-child(2) > a:before {
  background-image: url("../../img/icons/authorized_applications.svg");
}
.sidebar-wrap .nav-pills li:nth-child(3) > a:before {
  background-image: url("../../img/icons/documents.svg");
}
.sidebar-wrap .nav-pills li:nth-child(4) > a:before {
  background-image: url("../../img/icons/notifications.svg");
}
.sidebar-wrap .nav-pills li:nth-child(5) > a:before {
  background-image: url("../../img/icons/history_log.svg");
}
.sidebar-wrap .nav-pills .dropdown-menu {
  position: relative !important;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
  z-index: 10 !important;
  border-radius: none !important;
}
.sidebar-wrap .nav-pills .dropdown-menu a {
  position: relative;
}
.sidebar-wrap .nav-pills .dropdown-menu a:hover {
  background: transparent !important;
  color: #f75a01 !important;
}
.sidebar-wrap .nav-pills .dropdown-menu a::before {
  display: none;
}

.notification_rows {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 767px) {
  .notification_rows {
    grid-template-columns: repeat(2, 1fr);
  }
}
.notification_rows .pref-block_two {
  margin-top: 0;
}
.notification_rows .pref-block_two #info__main {
  height: 100%;
}
.notification_rows .pref-block_two #info__main .info-list {
  display: block;
  margin-top: 0;
  height: 100%;
}
.notification_rows .pref-block_two #info__main .info-list .list-item {
  height: 100%;
  max-width: none;
}
.notification_rows .pref-block_two #info__main .info-list .list-item .pref-list {
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .notification_rows .pref-block_two #info__main .info-list .list-item .pref-list .list-item__title {
    max-width: none;
  }
}

@media only screen and (min-width: 767px) {
  .notification_rows:nth-child(2) .notification_info_list {
    grid-template-columns: 102%;
  }
  .notification_rows:nth-child(2) .notification_zero_div {
    display: none;
  }
}
.notification_zero_div {
  z-index: -1;
}

.notification_checkboxes_box {
  z-index: 10;
}
.notification_checkboxes_box label {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .notification_checkboxes_box label {
    max-width: 70%;
  }
}
.notification_checkboxes_box label span {
  margin-left: 33px;
  font-size: 14px !important;
}
@media only screen and (max-width: 767px) {
  .notification_checkboxes_box label span {
    font-size: 12px;
  }
}
.notification_checkboxes_box label::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.notification_checkboxes_box input {
  display: block;
}

.pref-block_two:nth-child(1) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/email.svg");
}
.pref-block_two:nth-child(2) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/orders.svg");
}
.pref-block_two:nth-child(3) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/money.svg");
}
.pref-block_two:nth-child(4) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/account.svg");
}
.pref-block_two:nth-child(5) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/offers.svg");
}
.pref-block_two:nth-child(6) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/tickets.svg");
}
.pref-block_two:nth-child(7) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/send_to_email.svg");
}
.pref-block_two:nth-child(8) .notification_info_list .notification_checkboxes_box label::before {
  background: url("../../img/icons/notifications_ico/send.svg");
}

.admin_navigation li {
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.admin_navigation li::before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 1px;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.admin_navigation li:nth-child(1)::before {
  background-image: url("../../img/icons/account/account.svg");
}
.admin_navigation li:nth-child(2)::before {
  background-image: url("../../img/icons/account/shop.svg");
}
.admin_navigation li:nth-child(3)::before {
  background-image: url("../../img/icons/account/orders.svg");
}
.admin_navigation li:nth-child(4)::before {
  background-image: url("../../img/icons/account/money.svg");
}
.admin_navigation li:nth-child(5)::before {
  background-image: url("../../img/icons/account/offers.svg");
}
.admin_navigation li:nth-child(6)::before {
  background-image: url("../../img/icons/account/affiliate.svg");
}
.admin_navigation li:nth-child(7)::before {
  background-image: url("../../img/icons/account/tickets.svg");
}
.admin_navigation li:nth-child(8)::before {
  background-image: url("../../img/icons/account/disputes.svg");
}
.admin_navigation li:nth-child(9)::before {
  background-image: url("../../img/icons/account/faq.svg");
}
.admin_navigation li:nth-child(1).active::before {
  background-image: url("../../img/icons/account/new/full/account.svg");
}
.admin_navigation li:nth-child(2).active::before {
  background-image: url("../../img/icons/account/new/full/shop.svg");
}
.admin_navigation li:nth-child(3).active::before {
  background-image: url("../../img/icons/account/new/full/orders.svg");
}
.admin_navigation li:nth-child(4).active::before {
  background-image: url("../../img/icons/account/new/full/money.svg");
}
.admin_navigation li:nth-child(5).active::before {
  background-image: url("../../img/icons/account/new/full/offers.svg");
}
.admin_navigation li:nth-child(6).active::before {
  background-image: url("../../img/icons/account/new/full/affiliate.svg");
}
.admin_navigation li:nth-child(7).active::before {
  background-image: url("../../img/icons/account/new/full/tickets.svg");
}
.admin_navigation li:nth-child(8).active::before {
  background-image: url("../../img/icons/account/new/full/disputes.svg");
}
.admin_navigation li:nth-child(9).active::before {
  background-image: url("../../img/icons/account/new/full/faq.svg");
}
.admin_navigation li li {
  display: block;
  padding: 0px !important;
}
.admin_navigation li li::before {
  display: none;
}
.admin_navigation .dropdown .dropdown-toggle {
  padding-right: 25px;
}
.admin_navigation .dropdown .dropdown-toggle::before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: 5px;
  top: 42%;
  border: 6.5px solid transparent;
  border-top: 6.5px solid #fff;
}
.admin_navigation .dropdown.open .dropdown-toggle::before {
  border: 6.5px solid transparent;
  border-bottom: 6.5px solid #f75a01;
  top: auto;
  bottom: 45%;
}

.ico-status-New,
.ico-status-Pending,
.btn-status_new,
.btn-status_reopened,
.ico-status-Reopened,
.ico-status-numbers-1,
.ico-status-numbers-0 {
  color: #ff9900;
  position: absolute;
  padding-left: 20px;
}

.ico-status-New::before,
.ico-status-Pending::before,
.btn-status_new::before,
.btn-status_reopened::before,
.ico-status-Reopened::before,
.ico-status-numbers-1::before,
.ico-status-numbers-0::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1px;
  background-image: url("../../img/icons/new_ico.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ico-status-Verified,
.ico-status-Processed,
.btn-status_closed,
.ico-status-numbers-3 {
  color: #00b241;
  position: absolute;
  padding-left: 20px;
}

.ico-status-numbers-0,
.ico-status-numbers-1,
.ico-status-numbers-2,
.ico-status-numbers-3 {
  margin-top: -10px;
  margin-left: -15px !important;
}
@media only screen and (max-width: 767px) {
  .ico-status-numbers-0,
  .ico-status-numbers-1,
  .ico-status-numbers-2,
  .ico-status-numbers-3 {
    margin-top: 0px;
    margin-left: 7px !important;
    position: relative;
    display: inline-block !important;
  }
}

.ico-status-Verified::before,
.ico-status-Processed::before,
.btn-status_closed::before,
.ico-status-numbers-3::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1px;
  background-image: url("../../img/icons/verified_table.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ico-status-Canceled,
.ico-status-Declined,
.payout_cancel,
.ico-status-numbers-2 {
  color: #ff6d61 !important;
  position: absolute;
  padding-left: 20px;
}

.ico-status-Canceled::before,
.ico-status-Declined::before,
.payout_cancel::before,
.ico-status-numbers-2::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1px;
  background-image: url("../../img/icons/declined_table.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.doc-ico-status {
  margin-top: 0px;
  max-width: 150px;
  word-break: break-all;
  padding-left: 0px !important;
  margin-left: -5px !important;
  font-weight: 600;
}
.doc-ico-status:before {
  left: -20px !important;
}

.ticket_avatar_block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ticket_avatar_block {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
  }
}
.ticket_avatar_block .ticket_avatar_wrap {
  min-width: 150px;
  line-height: 25px !important;
}
.ticket_avatar_block .ticket_avatar_wrap .avatar-wrap {
  width: 40px;
  margin-right: 10px !important;
}
.ticket_avatar_block .ticket_avatar_wrap .nick-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.0653704px;
  color: #000000;
}
.ticket_avatar_block .button--link-to-chat {
  height: 44px;
  width: 190px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pub-profile-slider .active:hover {
  border-right: 1px solid #ffe3d2 !important;
}
.pub-profile-slider .active:hover:last-child {
  border-right: 1px solid #ffe3d2 !important;
}
.pub-profile-slider a:focus {
  color: #f75a01 !important;
}
.pub-profile-slider a:focus::before {
  background-color: #f75a01;
}
.pub-profile-slider .active a:focus {
  color: #000 !important;
}
.pub-profile-slider .active a:focus::before {
  background-color: #000;
}
.pub-profile-slider .active::after {
  display: none !important;
}

.button--link-to-chat-follow {
  padding: 11px 29px !important;
}

.payout-table .save-table-links-wrap {
  position: absolute;
  right: 15px;
  top: 77px;
}
@media only screen and (max-width: 767px) {
  .payout-table .save-table-links-wrap {
    position: static;
    padding: 0 15px;
    margin-top: 15px;
  }
}

.transactions-page .save-table-links-wrap {
  position: absolute;
  right: 15px;
  top: 72px;
}

.save-table-links-wrap {
  width: fit-content !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 100;
}
.save-table-links-wrap a {
  display: block;
}
.save-table-links-wrap a:first-child {
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .save-table-links-wrap a:first-child {
    margin-left: 0px;
  }
}
.save-table-links-wrap a:hover {
  transform: scale(1.1);
}
.save-table-links-wrap a img {
  margin: 0;
  width: 25px;
  transition: 0.3s;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.header_with_invoice {
  position: relative;
}
.header_with_invoice .save-table {
  position: absolute;
  right: 0px;
  margin-top: 53px;
  z-index: 10;
}
.header_with_invoice .save-table a img {
  width: 35px;
  z-index: 50;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07) !important;
}
.header_with_invoice .save-table a img:last-child {
  margin-left: 5px;
}
.header_with_invoice .save-table a img:hover {
  cursor: pointer;
  transform: scale(1.1);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.order_items_title {
  position: relative;
}
.order_items_title .save-table-links {
  z-index: 10;
}
.order_items_title .save-table-links a img {
  width: 35px;
  z-index: 50;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.order_items_title .save-table-links a img:last-child {
  margin-left: 5px;
}
.order_items_title .save-table-links a img:hover {
  cursor: pointer;
  transform: scale(1.1);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}

#document-name-fake {
  margin-top: 10px;
}

@media only screen and (min-width: 992px) {
  .order_per_page_block {
    max-width: 100%;
    width: 100%;
  }
}

.open_chat_followers {
  display: flex;
  justify-content: center;
}

.ticket-closed-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.ticket-closed-block img {
  margin-right: 12px;
}

.ticket-replies .empty,
.dispute-replies .empty {
  margin-top: -150px;
  margin-bottom: -90px;
  visibility: hidden;
}

.document_select {
  position: relative;
}

.datepicker-range,
.datepicker-range-second {
  border: 1px solid #808080 !important;
  padding-left: 40px !important;
  padding-right: 10px !important;
  background-image: url("../../img/icons/new_calendar.png") !important;
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
}

.notification-search input::placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.follower_buttons {
  display: inline-block;
  float: right;
  margin-right: 80px;
}
.follower_buttons .open_chat_followers {
  display: flex;
  width: 100%;
}
.follower_buttons .user-profile-follows {
  display: flex;
  width: 100%;
}
.follower_buttons .user-profile-follows .user-profile-follows__buttons {
  display: flex;
  width: 100%;
}
.follower_buttons .user-profile-follows .user-profile-follows__buttons .button {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .follower_buttons {
    float: none;
    margin: 0 auto;
    display: block;
    margin: 0 auto;
  }
  .follower_buttons .user-profile-follows__buttons {
    width: auto !important;
    margin: 0 auto;
  }
  .follower_buttons .follow-user {
    padding: 14px 45px !important;
    width: auto !important;
  }
}

.user-profile-page .comments-container .users-block {
  position: relative;
}
.user-profile-page .comments-container .users-block .ico-user-status-position {
  top: 36px !important;
  left: 36px !important;
}

.account_img {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .account_img {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .account_settings_img {
    display: none;
  }
}

.offer-list .tgl-btn-green {
  display: block !important;
  margin: 0 auto !important;
}
@media only screen and (max-width: 767px) {
  .offer-list .tgl-btn-green {
    margin-left: 0;
  }
}

.width50 {
  width: 48%;
  float: left;
}

@media screen and (min-width: 768px) {
  .create_offer_grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
  }
  .create_offer_grid .upload-product-info {
    height: 150px;
    margin-top: 37px !important;
  }
  .offer-status-title .step {
    width: 38%;
  }
}
.offer_status_box {
  display: flex;
}
.offer_status_box .offer_status_active {
  padding: 5px 15px;
  font-size: 16px;
  color: #808080;
  opacity: 0;
  transition: 0.5s ease-in all;
}
.offer_status_box .offer_status_active.status_active {
  color: #00b341;
}
.offer_status_box .offer_status_active.active {
  opacity: 1;
  transition: 0.5s ease-in all;
}

.lang-list li a:hover {
  background-color: #ffe3d2 !important;
}

#documents_fake_click {
  max-width: 100%;
}

.dashboard-page .user-details__statistic .ico {
  display: inline-block !important;
  margin-right: 6px;
  margin-top: 3px;
}

.modal .modal-button--close {
  transform: rotate(0deg);
  transition: 0.5s ease all;
  position: absolute !important;
  right: 0;
  top: 0;
}
.modal .modal-button--close:hover {
  transform: rotate(180deg);
  transition: 0.5s ease all;
}

.field-requestpayoutform-note label {
  background-image: url("../../img/icons/chat_report_ico.svg");
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 25px;
  background-size: 21px 21px;
}

.dropdown .dropdown-backdrop {
  z-index: 1;
}
.dropdown .dropdown-menu li a {
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .account-page .block-title {
    margin-top: 0px;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font: 14px "Roboto-bold", sans-serif;
  }
}
.account-page .control-label {
  font-size: 14px !important;
}

.full-title {
  max-width: 100% !important;
}

.offer_cards_info {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px !important;
  margin-top: 5px;
}
.offer_cards_info .ico-stock,
.offer_cards_info .ico-hourglass {
  height: 13px;
  width: 15px;
  margin-left: 15px;
}
.offer_cards_info .ico-stock {
  top: 2px;
}
.offer_cards_info img {
  width: 15px;
  min-width: 15px;
  height: 13px;
  margin-right: 6px;
}
.offer_cards_info--delivery img {
  margin-top: 1px;
}

.offer_cards_info_empty {
  height: 24px;
}

.ico-key {
  width: 14px;
  height: 12px;
  top: 2px;
  left: 13px;
  position: absolute;
  background-image: url(../../img/tmp/key.svg);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #000;
}

.title_ico {
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: 13px 13px;
}
.title_ico.document_title {
  background-image: url("../../img/icons/documents.svg");
  background-size: 15px 15px;
  margin-bottom: 10px !important;
}
.title_ico.history_title {
  background-image: url("../../img/icons/history_log.svg");
  background-size: 21px 21px;
  font-size: 16px !important;
  padding-left: 30px;
  padding-top: 5px;
}
.title_ico.offline_title {
  background-image: url("../../img/icons/offline_notifications.svg");
  background-size: 20px 20px;
  background-position: 0px 0px !important;
  font-size: 16px !important;
  padding-left: 30px;
}
.title_ico.online_title {
  background-image: url("../../img/icons/pushed_notifications.svg");
  background-size: 18px 18px;
  font-size: 16px !important;
  padding-left: 30px;
  background-position: 0px 0px;
}

#ticket-grid {
  padding: 0 20px;
  width: calc(100% + 40px);
  margin-left: -20px;
}
#ticket-grid .ico-status-warning {
  color: #ff9900;
  position: relative;
  padding-left: 20px;
}
#ticket-grid .ico-status-warning::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1px;
  background-image: url(../../img/icons/new_ico.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#ticket-grid .ico-status-danger {
  color: #ff9900;
  position: relative;
  padding-left: 20px;
}
#ticket-grid .ico-status-danger::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1px;
  background-image: url(../../img/icons/new_ico.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (min-width: 767px) {
  #dispute-archive-grid td,
  #dispute-archive-grid th,
  #payment-transaction-grid td,
  #payment-transaction-grid th {
    text-align: center !important;
  }
}

#discount-pjax-form-1 thead {
  box-shadow: none !important;
}

.long-title .list-item {
  position: relative;
}
.long-title .view-password {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  right: 30px;
  top: 55px;
}
.long-title .view-password:after {
  display: inline-block;
  font: normal normal normal 18px/1 "Font Awesome 5 Free";
  content: "\f070";
}
.long-title .view-password.active:after {
  content: "\f06e";
}

.buyer_details {
  display: flex;
  flex-direction: column;
  min-height: 130px;
  justify-content: space-between;
  margin-top: 10px;
}
.buyer_details .details-item {
  font-size: 18px;
  font-weight: 900;
}
.buyer_details .details-item .data {
  font-weight: 400;
  color: #f75a01 !important;
}
@media screen and (max-width: 768px) {
  .buyer_details {
    display: none;
  }
}

.account_edit {
  padding: 20px 40px;
  display: block;
  width: 100%;
  margin-top: 77px !important;
  position: relative;
  padding: 17px !important;
}
.account_edit span {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.account_edit span:before {
  content: "";
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("../../img/icons/chat_report_ico.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: -15px;
}

.dispute-create .file_upload {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dispute-create .file_upload .select_file_input {
  background-position: center;
}
.dispute-create .file_upload .fl_nm {
  margin-left: 5px;
}
.dispute-create .wrap-file .info {
  top: 27px;
}
.dispute-create .confirm-text {
  margin: 25px 0px;
}
.dispute-create .confirm-text label {
  padding-top: 2px;
}

.followers-block__wrap {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  padding: 35px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .followers-block__wrap {
    padding: 25px;
    justify-content: flex-start;
  }
}
.followers-block__col {
  position: relative;
  width: 33.3333333333%;
}
@media only screen and (max-width: 767px) {
  .followers-block__col {
    width: 100%;
  }
  .followers-block__col:not(:last-child) {
    margin-bottom: 30px;
  }
  .followers-block__col:not(:last-child)::before {
    content: "";
    width: 100%;
    height: 1px;
    bottom: -15px;
    left: 0;
    position: absolute;
    background: #d6d6d6;
  }
}
.followers-block__col--full-width {
  width: 100%;
}
.followers-block__avatar-wrap {
  width: 100%;
  display: flex;
}
.followers-block__avatar-wrap .followers-block__avatar-img {
  position: relative;
  margin-right: 10px;
}
.followers-block__avatar-img {
  width: 100%;
  max-width: 80px;
  max-height: 80px;
  min-width: 80px;
}
@media only screen and (max-width: 992px) {
  .followers-block__avatar-img {
    max-height: 80px;
  }
}
.followers-block__avatar-img a {
  width: 100%;
  min-height: 100%;
}
.followers-block__avatar-img a img {
  width: 100%;
  min-height: 100%;
}
.followers-block__user-info {
  width: 100%;
}
.followers-block__user-info .followers-block__user-name {
  display: flex;
}
.followers-block__user-info .followers-block__user-name .nick-name {
  font-family: "Roboto-Regular";
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.0653704px;
}
.followers-block__user-info .followers-block__user-name .user-verify {
  margin: 0 5px;
  width: 20px;
  height: 20px;
}
.followers-block__user-info .followers-block__user-status {
  margin-bottom: 10px;
}
.followers-block__likes-wrap {
  width: 100%;
}
.followers-block__likes-wrap .followers-block__likes-block {
  width: 100%;
  display: flex;
}
.followers-block__likes-wrap .followers-block__likes-block:not(:last-child) {
  margin-bottom: 7px;
}
.followers-block__likes-wrap .followers-block__likes-block--negative img {
  margin-top: 4px;
}
.followers-block__likes-wrap .followers-block__likes-block .followers-block__likes-text-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: Avenir-Next;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.7px;
  position: relative;
}
.followers-block__likes-wrap .followers-block__likes-block .followers-block__likes-text-wrap span {
  color: #000;
}
.followers-block__likes-wrap .followers-block__likes-block img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.followers-block__follower-info {
  display: flex;
  flex-direction: column;
  padding-left: 33%;
}
@media only screen and (max-width: 767px) {
  .followers-block__follower-info {
    justify-content: space-between;
    padding-left: 0;
  }
}
.followers-block__follower-info--block {
  max-width: 130px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .followers-block__follower-info--block {
    max-width: 100%;
  }
}
.followers-block__follower-info--block:not(:last-child) {
  margin-bottom: 10px;
}
.followers-block__follower-info--block .follower-info__content {
  width: 50px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .followers-block__follower-info--block .follower-info__content {
    width: 25px;
  }
}
.followers-block__follower-info--block .follower-info__content .main-flag {
  margin: 0px;
}
.followers-block__follower-info .follower-info__title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000;
  margin-right: 10px;
}
.followers-block__follower-info .follower-info__text {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000;
  letter-spacing: 0.7px;
}
.followers-block__follower-info .followers-block__follower-currency .follower-info__text {
  font-size: 18px;
}
.followers-block__follower-info .followers-block__follower-follows .follow-user,
.followers-block__follower-info .followers-block__follower-follows .button,
.followers-block__follower-info .followers-block__follower-follows .button--follow {
  display: none;
}
.followers-block__follower-info .followers-block__follower-follows .user-profile-follows__info {
  margin: 0;
  max-width: 130px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.followers-block__follower-info .followers-block__follower-follows .user-profile-follows__info .user-profile-follows__info--title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000;
  margin-right: 10px;
}
.followers-block__follower-info .followers-block__follower-follows .user-profile-follows__info .user-profile-follows__info--text {
  width: 50px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000;
  letter-spacing: 0.7px;
}
.followers-block__buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.followers-block__buttons .followers-block__open-chat {
  width: 100%;
  max-width: 200px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .followers-block__buttons .followers-block__open-chat {
    max-width: 100%;
  }
}
.followers-block__buttons .followers-block__open-chat a {
  width: 100%;
  min-height: 48px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.followers-block__buttons .followers-block__open-chat a img {
  margin-right: 5px;
}
.followers-block__buttons .followers-block__open-chat a.button--link-to-chat {
  padding: 14px 35px;
  background: transparent !important;
  border: 1px solid #f75a01;
  border-radius: 4px !important;
  color: #f75a01 !important;
  font-weight: bold;
  font-size: 16px;
}
.followers-block__buttons .followers-block__open-chat a.button--link-to-chat:hover img {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.followers-block__buttons .followers-block__follows-btn {
  width: 100%;
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .followers-block__buttons .followers-block__follows-btn {
    max-width: 100%;
  }
}
.followers-block__buttons .followers-block__follows-btn a {
  width: 100%;
  min-height: 48px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff !important;
}
.followers-block__buttons .followers-block__follows-btn a:hover {
  filter: brightness(120%);
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .followers-block__buttons .followers-block__follows-btn a {
    max-width: 100%;
  }
}
.followers-block__buttons .followers-block__follows-btn a.button--follow {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff !important;
}
.followers-block__buttons .followers-block__follows-btn a.button--follow:hover {
  filter: brightness(120%);
  color: #fff !important;
}
.followers-block__buttons .followers-block__follows-btn a.button--un-follow {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff !important;
}
.followers-block__buttons .followers-block__follows-btn a.button--un-follow:hover {
  filter: brightness(120%);
  color: #fff !important;
}
.followers-block__shop-description {
  width: 100%;
  padding-top: 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .followers-block__shop-description {
    padding-top: 0;
  }
}
.followers-block__shop-description::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 17px;
  left: 0;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .followers-block__shop-description::before {
    display: none;
  }
}
.followers-block__shop-description--title img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-bottom: -5px;
}
.followers-block__shop-description--text {
  font-style: italic;
}

.reviews-block__wrap {
  width: 100%;
  position: relative;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 25px;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  .reviews-block__wrap {
    margin-bottom: 15px;
  }
}
.reviews-block__wrap .reviews-block__review-date {
  position: absolute;
  right: 25px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  opacity: 0.6;
}
.reviews-block__row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reviews-block__col {
  width: 100%;
}
.reviews-block__avatar-wrap {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.reviews-block__avatar-wrap .reviews-block__avatar-img {
  position: relative;
  margin-right: 10px;
}
.reviews-block__avatar-img {
  width: 100%;
  max-width: 80px;
  max-height: 80px;
}
.reviews-block__message-wrap {
  width: 100%;
}
.reviews-block__message-wrap .reviews-block__message-title {
  margin-bottom: 15px;
}
.reviews-block__message-wrap .reviews-block__message-title span {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 400;
}
.reviews-block__message-wrap .reviews-block__message-title a {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 900;
  transition: 0.2s;
}
.reviews-block__message-wrap .reviews-block__message-title a:hover {
  color: #f75a01;
}
.reviews-block__message-wrap .reviews-block__message-text span {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 400;
}
.reviews-block__message-wrap .reviews-block__message-text span:last-child {
  font-style: italic;
}
.reviews-block__reply-wrap {
  width: 100%;
  min-width: 180px;
  max-width: 180px;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .reviews-block__reply-wrap {
    margin: 0 auto;
    margin-top: 15px;
  }
}
.reviews-block__reply-wrap a {
  width: 100%;
  min-width: 180px;
  max-width: 180px;
  min-height: 48px;
  margin: 0 !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews-form {
  padding-top: 20px;
}
.reviews-form__decor {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background: #d6d6d6;
}
.reviews-form__controls-wrap {
  width: 100%;
}
.reviews-form__controls-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviews-form__controls-head .reviews-form__controls-title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.reviews-form__controls-head .reviews-form__controls-title img {
  margin-right: 10px;
}
.reviews-form__controls-head .reviews-form__controls-title span {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 400;
}
.reviews-form__close-comment {
  width: 20px;
  height: 20px;
  margin: 0 15px;
  transition: 0.2s;
  cursor: pointer;
}
.reviews-form__close-comment:hover {
  opacity: 0.7;
}
.reviews-form__close-comment img {
  width: 100%;
}
.reviews-form__textarea-wrap {
  width: 100%;
  position: relative;
}
.reviews-form__textarea-wrap .reviews-form__textarea {
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding: 15px 20px;
  background: #fff;
  border-radius: 4px;
  color: #000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  resize: none;
  box-shadow: none !important;
}
.reviews-form__textarea-wrap .reviews-form__textarea:hover {
  box-shadow: none !important;
}
.reviews-form__textarea-wrap .reviews-form__textarea-submit {
  position: absolute;
  right: 15px;
  bottom: 10px;
  transition: 0.2s;
}
.reviews-form__textarea-wrap .reviews-form__textarea-submit:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.reviews-answer {
  position: relative;
}
.reviews-answer__date {
  position: absolute;
  right: 0px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  opacity: 0.6;
}
.reviews-answer__avatar-wrap {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.reviews-answer__avatar-img {
  width: 100%;
  max-width: 45px;
  max-height: 45px;
  margin-right: 10px;
}
.reviews-answer__user-name {
  margin-right: 15px;
  margin-bottom: 5px;
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.reviews-answer__btns-wrap {
  display: flex;
  align-items: center;
}
.reviews-answer__btns-wrap .reviews-answer__btn {
  margin-right: 15px;
  cursor: pointer;
  transition: 0.2s;
}
.reviews-answer__btns-wrap .reviews-answer__btn img {
  opacity: 0;
}
.reviews-answer__btns-wrap .reviews-answer__btn-edit {
  -webkit-mask-image: url(../../img/icons/pencil.svg);
  -webkit-mask-size: 20px 20px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.reviews-answer__btns-wrap .reviews-answer__btn-edit:hover {
  transform: rotate(-35deg);
  background-color: #f75a01;
}
.reviews-answer__btns-wrap .reviews-answer__btn-delete {
  -webkit-mask-image: url(../../img/icons/trash_new.svg);
  -o-mask-image: url(../../img/icons/trash_new.svg);
  -moz-mask-image: url(../../img/icons/trash_new.svg);
  -webkit-mask-size: 16px 20px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.reviews-answer__btns-wrap .reviews-answer__btn-delete:hover {
  -webkit-mask-image: url(../../img/icons/trash_new_hover.png);
  -webkit-mask-image: url(../../img/icons/trash_new_hover.png);
  -o-mask-image: url(../../img/icons/trash_new_hover.png);
  -moz-mask-image: url(../../img/icons/trash_new_hover.png);
  background-color: #f75a01;
}
.reviews-answer__form-wrap .reviews-answer__form-reply span {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 400;
}
.reviews-answer__form-wrap .reviews-answer__form-reply span:last-child {
  font-style: italic;
}
.reviews-answer__textarea-wrap .reviews-answer__textarea {
  width: 100%;
  margin-top: 15px;
  position: relative;
}
.reviews-answer__textarea-wrap .reviews-answer__textarea textarea {
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding: 15px 20px;
  background: #fff;
  border-radius: 4px;
  color: #000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  resize: none;
  box-shadow: none !important;
}
.reviews-answer__textarea-wrap .reviews-answer__textarea textarea:hover {
  box-shadow: none !important;
}
.reviews-answer__textarea-wrap .reviews-answer__textarea-submit {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.reviews-answer__textarea-wrap .reviews-answer__textarea-submit:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.balance-cards__wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .balance-cards__wrap {
    flex-wrap: wrap;
  }
}

.balance-card {
  width: 33%;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 767px) {
  .balance-card {
    width: 100%;
    height: 100%;
  }
}
.balance-card:not(:last-child) {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .balance-card:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.balance-card__header {
  height: auto;
  padding: 25px 25px 20px;
}
@media only screen and (max-width: 992px) {
  .balance-card__header {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .balance-card__header {
    height: auto;
  }
}
.balance-card__decor-line {
  width: 100%;
  height: 1px;
  background: #d3d3d3;
}
.balance-card__title-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.balance-card__title-wrap .step-info {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.balance-card__title {
  min-width: 246px;
  width: auto;
  position: relative;
  padding: 5px 5px 5px 5px;
  border-radius: 4px;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .balance-card__title {
    min-width: calc(100% - 26px);
  }
}
.balance-card__title--green {
  background: #00b241;
}
.balance-card__title--yellow {
  background: #ff9900;
}
.balance-card__title--blue {
  background: #8383ff;
}
.balance-card__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.balance-card__text--lg {
  font-size: 18px;
  line-height: 1.1111111111;
}
.balance-card__text--xmd {
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .balance-card__text--xmd {
    font-size: 14px;
    line-height: 1.0666666667;
  }
}
.balance-card__text--md {
  font-size: 14px;
  line-height: 1.1428571429;
}
.balance-card__text--sm {
  font-size: 12px;
  line-height: 1.1666666667;
}
.balance-card__text--grey {
  opacity: 0.5;
}
.balance-card__amount-wrap {
  width: 100%;
}
.balance-card__amount-wrap .balance-card__amount-sum {
  font-family: "Impact", sans-serif;
  font-size: 24px;
}
.balance-card__body {
  width: 100%;
  min-height: calc(100% - 139px);
  display: flex;
  flex-direction: column;
  padding: 25px 25px;
}
@media only screen and (max-width: 992px) {
  .balance-card__body {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .balance-card__body {
    height: auto;
    min-height: auto;
  }
}
.balance-card__wallet-wrap {
  width: 100%;
}
.balance-card__wallet-item {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .balance-card__wallet-item {
    margin-bottom: 10px !important;
  }
}
.balance-card__wallet-item:not(:last-child) {
  margin-bottom: 15px;
}
.balance-card__wallet-item span:first-child {
  min-width: 20%;
}
.balance-card__info-text {
  width: 100%;
  margin-bottom: 20px;
}
.balance-card__button {
  width: 100%;
  min-height: 45px;
  margin-top: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 7px !important;
  font-family: "Roboto-Black", sans-serif;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s;
}
.balance-card__button:hover {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}

.order-card {
  position: relative;
}
.order-card__wrap {
  width: 100%;
  padding: 15px 25px 25px !important;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .order-card__wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__wrap {
    padding: 20px 20px !important;
    padding: 10px 20px 20px !important;
    flex-direction: column;
  }
}
.order-card__info-wrap {
  width: calc(65% - 20px);
  margin-right: 20px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .order-card__info-wrap {
    width: calc(55% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .order-card__info-wrap {
    width: 100%;
    margin-right: 0;
  }
}
.order-card__subinfo-wrap {
  width: 35%;
  padding-top: 10px;
}
@media only screen and (max-width: 992px) {
  .order-card__subinfo-wrap {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__subinfo-wrap {
    width: 100%;
    padding-top: 0px;
  }
}
.order-card__info-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .order-card__info-header {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__info-header {
    margin-bottom: 10px;
  }
}
.order-card__info-row {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .order-card__info-row {
    flex-direction: column;
  }
}
.order-card__info-col {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .order-card__info-col {
    width: 100%;
  }
}
.order-card__info-col--btns-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 992px) {
  .order-card__info-col--btns-col {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__info-col--btns-col {
    align-items: center;
  }
}
.order-card__text {
  font-family: "Roboto", sans-serif;
  color: #000;
  white-space: initial;
}
.order-card__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .order-card__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.order-card__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .order-card__text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.order-card__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.order-card__text--grey {
  opacity: 0.5;
}
.order-card__user-label {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .order-card__user-label {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__user-label {
    width: 100%;
    margin-bottom: 10px;
  }
}
.order-card__user-avatar {
  position: relative;
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .order-card__user-avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}
.order-card__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.order-card__user-avatar a img {
  width: 100%;
}
.order-card__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.order-card__user-name-wrap {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .order-card__user-name-wrap {
    margin-bottom: 5px;
  }
}
.order-card__user-name-wrap .order-card__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.3333333333 !important;
  color: #000000;
}
.order-card__user-name-wrap .order-card__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.order-card__user-name-wrap .order-card__user-icn-verify.verify {
  display: block;
}
.order-card__achievement-wrap {
  display: flex;
  align-items: center;
}
.order-card__achievement-wrap span {
  display: flex;
  align-items: center;
}
.order-card__achievement-wrap .order-card__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-1, .order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-2, .order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-3, .order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.order-card__achievement-wrap .order-card__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.order-card__achievement-wrap .order-card__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.order-card__product-title {
  max-width: 70%;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.3333333333;
  text-align: right;
  white-space: initial;
}
@media only screen and (max-width: 992px) {
  .order-card__product-title {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__product-title {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #d6d6d6;
  }
}
.order-card__chat-btn-wrap {
  width: 100%;
  max-width: 170px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .order-card__chat-btn-wrap--desktop {
    display: none;
  }
}
.order-card__chat-btn-wrap--tablet {
  display: none;
}
@media only screen and (max-width: 992px) {
  .order-card__chat-btn-wrap--tablet {
    display: block;
    max-width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__chat-btn-wrap--tablet {
    max-width: 170px;
  }
}
@media only screen and (max-width: 992px) {
  .order-card__chat-btn-wrap {
    margin-bottom: 10px;
  }
}
.order-card__chat-btn-wrap .order-card__chat-btn {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: 1px solid #f75a01;
  border-radius: 7px !important;
  font-family: Roboto-Black, sans-serif;
  color: #f75a01 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
.order-card__chat-btn-wrap .order-card__chat-btn:hover {
  background: transparent !important;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}
.order-card__chat-btn-wrap .order-card__chat-btn:hover img {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.order-card__chat-btn-wrap .order-card__chat-btn img {
  margin-right: 5px;
}
.order-card__product-info-item {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .order-card__product-info-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
}
.order-card__product-info-item--mb0 {
  margin-bottom: 0;
}
.order-card__product-info-item span {
  display: flex;
  align-items: center;
}
.order-card__product-info-item span:first-child {
  min-width: 55%;
}
@media only screen and (max-width: 767px) {
  .order-card__product-info-item span:first-child {
    min-width: 45%;
    margin-bottom: 0px;
    margin-right: 6px;
  }
}
.order-card__product-info-item img {
  width: 20px;
  margin-right: 5px;
}
.order-card__product-info-item--delivery-methods {
  align-items: flex-start;
}
.order-card__product-info-item--delivery-methods span:nth-child(2) {
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .order-card__product-info-item--delivery-methods span:nth-child(2) span {
    margin-bottom: 0;
  }
}
.order-card__product-info-item--delivery-methods .step-info {
  width: fit-content !important;
}
.order-card__product-info-item--delivery-methods .step-info .step-info-i {
  width: auto !important;
  background: none !important;
}
.order-card__product-info-item--delivery-methods .step-info .step-info-msg {
  display: none;
}
.order-card__product-info-item--delivery-methods .step-info br {
  display: none;
}
.order-card__product-info-item--coins span {
  width: fit-content !important;
}
.order-card__product-info-item--coins span:first-child span {
  margin-right: 5px;
}
.order-card__product-info-item--coins img {
  width: 25px;
  height: 25px;
}
@media only screen and (max-width: 767px) {
  .order-card__product-info-item--min-adena {
    align-items: flex-start;
  }
}
.order-card__product-info-item--all-adena span:first-child {
  min-width: auto;
  margin-right: 6px;
}
.order-card__product-info-item--date {
  align-items: flex-start;
}
.order-card__btn {
  width: 100%;
  max-width: 230px;
  min-height: 45px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  transition: 0.2s;
  gap: 10px;
}
.order-card__btn:hover, .order-card__btn:focus {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
}
@media only screen and (max-width: 767px) {
  .order-card__btn {
    max-width: 100%;
  }
}
.order-card__btn img {
  width: 16px;
  transition: transform 0.7s ease-in-out;
}
.order-card__btn--buy-again {
  background: #5b69e8;
}
.order-card__btn--buy-again:hover {
  background: #5b69e8;
}
.order-card__btn--buy-again:hover img {
  transform: rotate(270deg);
}
.order-card__btn--download:hover img {
  animation: 0.7s downloadHover;
}
.order-card__label-btn {
  width: 100%;
  max-width: 230px;
  min-height: 45px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  transition: 0.2s;
}
.order-card__label-btn--grey {
  color: #808080;
}
.order-card__label-btn img {
  margin-right: 6px;
}
.order-card__product-img {
  width: 100%;
  height: 230px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .order-card__product-img {
    height: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__product-img {
    margin-bottom: 10px;
  }
}
.order-card__product-img img {
  width: 100%;
  height: 230px;
}
@media only screen and (max-width: 992px) {
  .order-card__product-img img {
    height: 170px;
  }
}
.order-card__status-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .order-card__status-wrap {
    justify-content: space-evenly;
  }
}
.order-card__status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-card__status .order-card__status-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2857142857;
  text-transform: uppercase;
  color: #808080;
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .order-card__status .order-card__status-title {
    font-size: 13px;
    line-height: 1.2307692308;
  }
}
.order-card__status .order-card__status-label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3636363636;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #808080;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .order-card__status .order-card__status-label {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.order-card__status .order-card__status-img::before {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  margin-bottom: 14px;
  background-color: grey;
}
.order-card__status .order-card__status-payment::before {
  -webkit-mask-image: url("../../img/icons/payment_status.svg");
}
.order-card__status .order-card__status-payment.order-card__status-img--0::before {
  background-color: #ff9900 !important;
}
.order-card__status .order-card__status-payment.order-card__status-img--1::before {
  background-color: #00b241 !important;
}
.order-card__status .order-card__status-payment.order-card__status-img--5::before {
  background-color: #ff9900 !important;
}
.order-card__status .order-card__status-payment.order-card__status-img--6::before {
  background-color: #ff6d61 !important;
}
.order-card__status .order-card__status-payment.order-card__status-img--10::before {
  background-color: #ff6d61 !important;
}
.order-card__status .order-card__status-delivery::before {
  -webkit-mask-image: url("../../img/icons/delivery_status.svg");
}
.order-card__status .order-card__status-delivery.order-card__status-img--0::before {
  background-color: #ff9900 !important;
}
.order-card__status .order-card__status-delivery.order-card__status-img--1::before {
  background-color: #00b241 !important;
}
.order-card__status .order-card__status-delivery.order-card__status-img--2::before {
  background-color: #ff9900 !important;
}
.order-card__status .order-card__status-delivery.order-card__status-img--3::before {
  background-color: #ff9900 !important;
}
.order-card__status .order-card__status-delivery.order-card__status-img--6::before {
  background-color: #ff6d61 !important;
}
.order-card__status .order-card__status-delivery.order-card__status-img--10::before {
  background-color: #ff9900 !important;
}
.order-card__verification-message {
  width: 100%;
  padding-top: 15px;
  margin-top: 5px;
  border-top: 1px solid #d6d6d6;
  white-space: initial;
}
@media only screen and (max-width: 992px) {
  .order-card__verification-message--desktop {
    display: none;
  }
}
.order-card__verification-message--tablet {
  display: none;
}
@media only screen and (max-width: 992px) {
  .order-card__verification-message--tablet {
    display: block;
  }
}
.order-card__dispute-block {
  width: 100%;
  padding-top: 15px;
  margin-top: 5px;
  border-top: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .order-card__dispute-block {
    flex-direction: column;
  }
}
.order-card__dispute-block .order-card__dispute-info {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .order-card__dispute-block .order-card__dispute-info {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order-card__dispute-block .order-card__dispute-info {
    margin-bottom: 10px;
  }
}
.order-card__dispute-block .order-card__dispute-info img {
  margin-right: 10px;
}
.order-card__dispute-block .order-card__dispute-info .order-card__dispute-info--item {
  display: flex;
  align-items: center;
}
.order-card__dispute-block .order-card__dispute-info .order-card__dispute-info--item span:first-child {
  margin-right: 6px;
}
.order-card__dispute-btns {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .order-card__dispute-btns {
    width: 100%;
    justify-content: space-between;
  }
}
.order-card__dispute-btns .order-card__dispute-btn {
  min-width: 185px;
  min-height: 44px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #fffdfd !important;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.order-card__dispute-btns .order-card__dispute-btn:hover, .order-card__dispute-btns .order-card__dispute-btn:focus {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%) !important;
  color: #fffdfd !important;
}
@media only screen and (max-width: 767px) {
  .order-card__dispute-btns .order-card__dispute-btn {
    min-width: 48%;
  }
}
.order-card__dispute-btns .order-card__dispute-btn:first-child {
  margin-right: 25px;
}
.order-card .countdowns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  margin-bottom: 15px;
}
.order-card .countdowns:not(:only-child) {
  margin-top: 5px;
}
.order-card .countdowns .label {
  color: #808080;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  margin-top: 12px;
  margin-bottom: 6px;
}
.order-card .countdowns .clocks .hours,
.order-card .countdowns .clocks .minutes,
.order-card .countdowns .clocks .seconds {
  background-color: #808080;
  color: #fff;
  border-radius: 4px;
  padding: 2px 5px 1px 8px;
  letter-spacing: 3px;
  font-size: 18px;
  position: relative;
}
.order-card .countdowns .clocks .minutes,
.order-card .countdowns .clocks .seconds {
  margin-left: 10px;
}
.order-card .countdowns .clocks .minutes::before,
.order-card .countdowns .clocks .seconds::before {
  content: ":";
  position: absolute;
  color: #808080;
  left: -9px;
  font-size: 20px;
  line-height: 18px;
}
.order-card .countdowns .countdown_clock {
  position: relative;
  width: 30px;
  height: 30px;
  background-image: url("../../img/icons/clock.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: clock;
}
.order-card .countover {
  width: 100%;
  max-width: 230px;
  display: none;
}
.order-card .countover .countover_info {
  width: 100%;
  max-width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #808080;
  min-height: 40px;
  margin-bottom: 10px;
}
.order-card .countover .countover_info img {
  margin-right: 6px;
}
@keyframes clock {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.order-details {
  position: relative;
}
.order-details__page-title {
  width: 100%;
  margin-bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #000;
}
.order-details .item-detais {
  width: 100%;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.order-details .item-detais__list-wrap {
  width: 100%;
}
.order-details .item-detais__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .order-details .item-detais__list {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__list {
    flex-direction: column;
  }
}
.order-details .item-detais__list-item {
  width: 33%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .order-details .item-detais__list-item {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__list-item {
    width: 100%;
  }
}
.order-details .item-detais__list-item--full-width {
  width: 100%;
}
.order-details .item-detais__list-item .game-info__server {
  margin: 0;
}
.order-details .item-detais__item-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
}
.order-details .item-detais__title-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.order-details .item-detais__title-block__item {
  width: 33%;
  margin-bottom: 10px;
}
.order-details .item-detais__title-block__item--message {
  width: 100%;
}
.order-details .item-detais__middle {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .order-details .item-detais__middle {
    justify-content: space-between;
  }
}
.order-details .item-detais__middle:not(:first-child) {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__middle:not(:first-child) {
    padding-top: 10px;
  }
}
.order-details .item-detais__middle:not(:last-child) {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__middle:not(:last-child) {
    margin-bottom: 10px;
  }
}
.order-details .item-detais__middle--border-top:not(:first-child) {
  border-top: 1px solid #d6d6d6;
}
.order-details .item-detais__middle-block {
  width: 33%;
}
@media only screen and (max-width: 992px) {
  .order-details .item-detais__middle-block {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__middle-block {
    width: 100%;
  }
  .order-details .item-detais__middle-block:not(:last-child) {
    margin-bottom: 10px;
  }
}
.order-details .item-detais__middle-block--three {
  width: 33.3333333333%;
}
@media only screen and (max-width: 992px) {
  .order-details .item-detais__middle-block--three {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .order-details .item-detais__middle-block--three {
    width: 100%;
  }
}
.order-details .item-detais__middle-message {
  font-size: 16px;
  color: #000;
  font-weight: 700;
}

.order-details-main {
  width: 100%;
  padding: 25px;
  margin-bottom: 25px;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.order-details-main__decor-line {
  width: 100%;
  height: 1px;
  margin-bottom: 15px;
  background: #d6d6d6;
}
.order-details-main__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .order-details-main__row {
    flex-wrap: wrap;
  }
}
.order-details-main__row:not(:last-child) {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--first-row-mob .order-details-main__col {
    width: 50%;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--first-row-mob .order-details-main__col:nth-child(1) {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--first-row-mob .order-details-main__col:nth-child(2) {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--first-row-mob .order-details-main__col:nth-child(3) {
    order: 4;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--first-row-mob .order-details-main__col:nth-child(4) {
    order: 2;
    width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--second-row-mob .order-details-main__col {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__row--third-row-mob .order-details-main__col {
    width: 100%;
  }
  .order-details-main__row--third-row-mob .order-details-main__col:not(:last-child) {
    margin-bottom: 10px;
  }
}
.order-details-main__col {
  width: 25%;
}
.order-details-main__col--flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-details-main__col--last-col {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .order-details-main__col--last-col {
    justify-content: space-between;
  }
}
.order-details-main__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.order-details-main__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .order-details-main__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.order-details-main__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .order-details-main__text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.order-details-main__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.order-details-main__order-id {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
}
.order-details-main__order-id--title {
  margin-right: 6px;
  background: #00b341;
  border-radius: 4px;
  padding: 8px 10px;
  color: #fff;
}
.order-details-main__user-label {
  display: flex;
}
.order-details-main__user-avatar {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
}
@media only screen and (max-width: 992px) {
  .order-details-main__user-avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__user-avatar {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }
}
.order-details-main__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.order-details-main__user-avatar a img {
  width: 100%;
}
.order-details-main__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.order-details-main__user-name-wrap {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .order-details-main__user-name-wrap {
    margin-bottom: 5px;
  }
}
.order-details-main__user-name-wrap .order-details-main__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000;
  line-height: 1 !important;
}
.order-details-main__user-name-wrap .order-details-main__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.order-details-main__user-name-wrap .order-details-main__user-icn-verify.verify {
  display: block;
}
.order-details-main__achievement-wrap {
  display: flex;
  align-items: center;
}
.order-details-main__achievement-wrap span {
  display: flex;
  align-items: center;
}
.order-details-main__achievement-wrap .order-details-main__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-1, .order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-2, .order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-3, .order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.order-details-main__achievement-wrap .order-details-main__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.order-details-main__achievement-wrap .order-details-main__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.order-details-main__status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-details-main__status .order-details-main__status-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2857142857;
  text-transform: uppercase;
  color: #808080;
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .order-details-main__status .order-details-main__status-title {
    font-size: 13px;
    line-height: 1.2307692308;
  }
}
.order-details-main__status .order-details-main__status-label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3636363636;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #808080;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .order-details-main__status .order-details-main__status-label {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.order-details-main__status .order-details-main__status-img::before {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  margin-bottom: 14px;
  background-color: grey;
}
.order-details-main__status .order-details-main__status-payment::before {
  -webkit-mask-image: url("../../img/icons/payment_status.svg");
}
.order-details-main__status .order-details-main__status-payment.order-details-main__status-img--0::before {
  background-color: #ff9900 !important;
}
.order-details-main__status .order-details-main__status-payment.order-details-main__status-img--1::before {
  background-color: #00b241 !important;
}
.order-details-main__status .order-details-main__status-payment.order-details-main__status-img--5::before {
  background-color: #ff9900 !important;
}
.order-details-main__status .order-details-main__status-payment.order-details-main__status-img--6::before {
  background-color: #ff6d61 !important;
}
.order-details-main__status .order-details-main__status-payment.order-details-main__status-img--10::before {
  background-color: #ff6d61 !important;
}
.order-details-main__status .order-details-main__status-delivery::before {
  -webkit-mask-image: url("../../img/icons/delivery_status.svg");
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--0::before {
  background-color: #ff9900 !important;
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--1::before {
  background-color: #00b241 !important;
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--2::before {
  background-color: #ff9900 !important;
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--3::before {
  background-color: #ff9900 !important;
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--6::before {
  background-color: #ff6d61 !important;
}
.order-details-main__status .order-details-main__status-delivery.order-details-main__status-img--10::before {
  background-color: #ff9900 !important;
}
.order-details-main__btns-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .order-details-main__btns-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.order-details-main__btn {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 !important;
  max-width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px !important;
  font-family: Roboto-Black, sans-serif;
  color: #f75a01 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .order-details-main__btn {
    max-width: 48%;
  }
}
.order-details-main__btn:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .order-details-main__btn:not(:last-child) {
    margin-bottom: 0;
  }
}
.order-details-main__btn--chat {
  background: transparent !important;
  border: 1px solid #f75a01 !important;
  color: #f75a01 !important;
}
.order-details-main__btn--chat:hover {
  background: transparent !important;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}
.order-details-main__btn--chat:hover img {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.order-details-main__btn--chat img {
  margin-right: 5px;
}
.order-details-main__btn--save {
  background: transparent;
  border: 1px solid #f75a01;
  border-radius: 4px;
  color: #f75a01;
}
.order-details-main__btn--save img {
  margin-right: 5px;
}
.order-details-main__info-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .order-details-main__info-item {
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}
.order-details-main__info-item span:first-child {
  margin-bottom: 10px;
}
.order-details-main__info-item span:nth-child(2) {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.order-details-main__info-item--last-item {
  max-width: 170px;
}
@media only screen and (max-width: 767px) {
  .order-details-main__info-item--last-item {
    max-width: 100%;
  }
}
.order-details-main__info-item--row {
  flex-direction: row;
}
.order-details-main__info-item--row span:first-child {
  margin-bottom: 0px;
  margin-right: 6px;
}
.order-details-main__info-item--row span:nth-child(2) {
  min-height: auto;
  display: flex;
  align-items: center;
}
.order-details-main__info-item--text-center {
  align-items: center;
  justify-content: center;
}
.order-details-main__info-item--payment-method {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.order-details-main__info-item--payment-method img {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  margin-right: 6px;
  border-radius: 4px;
}
.order-details-main__info-item--billing-country {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.order-details-main__info-item--billing-country img {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  margin-right: 6px;
}
.order-details-main .row {
  margin: 0 !important;
}
.order-details-main__element {
  padding: 0 !important;
}
.order-details-main__element-payment {
  display: flex;
  justify-content: space-between;
}
.order-details-main__element--end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--end {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--end.billing-country {
    align-items: flex-start;
  }
}
.order-details-main__element--end-row {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--end-row {
    justify-content: center;
  }
}
.order-details-main__element--end-row .subtitels_total {
  margin-bottom: 13px;
}
.order-details-main__element--items-center {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--items-center {
    align-items: flex-start;
  }
}
.order-details-main__element--items-center-row {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--items-center-row {
    justify-content: flex-start;
  }
}
.order-details-main__element--items-center-row .subtitels_text {
  height: auto;
  margin-top: 0;
  margin-right: 0;
}
.order-details-main__element--last-block {
  max-width: 170px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .order-details-main__element--last-block {
    float: inherit;
    max-width: fit-content;
  }
}
.order-details-main__element--last-block .subtitels_cash {
  margin-bottom: 7px;
}
.order-details-main .order-id-box {
  margin-bottom: 30px;
}
.order-details-main .order-item__seller {
  margin-bottom: 25px;
}

.order-transactions__table {
  margin-bottom: 0px !important;
}
.order-transactions__table-col--name {
  font-weight: 900;
}
@media only screen and (max-width: 767px) {
  .order-transactions__table-col--name {
    width: 50%;
    display: flex;
    align-content: center;
  }
}
.order-transactions__table-col--info {
  color: #f75a01;
  font-weight: 900;
}
@media only screen and (max-width: 767px) {
  .order-transactions__table-col--info {
    width: 50%;
    display: flex;
    align-content: center;
  }
}
.order-transactions__table-col--info a {
  color: #f75a01 !important;
}
.order-transactions__table tbody tr td {
  padding: 25px 15px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .order-transactions__table tbody tr td {
    display: flex !important;
    align-items: center !important;
  }
}
.order-transactions__table tbody tr td:first-child {
  padding-left: 25px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .order-transactions__table tbody tr td:first-child {
    padding-left: 10px;
  }
}
.order-transactions__table tbody tr td:last-child {
  padding-right: 25px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .order-transactions__table tbody tr td:last-child {
    padding-right: 10px;
  }
}
.order-transactions__table .mobile-label {
  display: none !important;
}
.order-transactions__table .label-success {
  border-radius: 4px !important;
}

.offer-page {
  min-height: calc(100vh - 180px);
}
@media only screen and (max-width: 767px) {
  .offer-page {
    min-height: calc(100vh - 70px);
  }
}

.offer-page,
.discount-multi-level-page {
  padding: 0px 15px 50px;
}
.offer-page #offer-grid-gold-group-actions-form,
.offer-page .group-action-form,
.discount-multi-level-page #offer-grid-gold-group-actions-form,
.discount-multi-level-page .group-action-form {
  text-align: left;
}
.offer-page #offer-grid-gold-group-actions-form .dropdown-submenu,
.offer-page .group-action-form .dropdown-submenu,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropdown-submenu,
.discount-multi-level-page .group-action-form .dropdown-submenu {
  position: relative;
}
.offer-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu,
.offer-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu,
.offer-page .group-action-form .dropup .dropdown-menu,
.offer-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu,
.discount-multi-level-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu,
.discount-multi-level-page .group-action-form .dropup .dropdown-menu,
.discount-multi-level-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu {
  min-width: 180px;
  padding: 0;
  left: 0;
  background: #fff;
}
.offer-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu a,
.offer-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu a,
.offer-page .group-action-form .dropup .dropdown-menu a,
.offer-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu a,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu a,
.discount-multi-level-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu a,
.discount-multi-level-page .group-action-form .dropup .dropdown-menu a,
.discount-multi-level-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu a {
  color: #000;
  padding: 6px 20px;
  background-color: transparent;
  border: none !important;
  white-space: normal !important;
}
.offer-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu a:hover,
.offer-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu a:hover,
.offer-page .group-action-form .dropup .dropdown-menu a:hover,
.offer-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu a:hover,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropup .dropdown-menu a:hover,
.discount-multi-level-page #offer-grid-gold-group-actions-form .navbar-fixed-bottom .dropdown .dropdown-menu a:hover,
.discount-multi-level-page .group-action-form .dropup .dropdown-menu a:hover,
.discount-multi-level-page .group-action-form .navbar-fixed-bottom .dropdown .dropdown-menu a:hover {
  background: #ffe3d2 !important;
  color: #000;
  border: none !important;
}
.offer-page #offer-grid-gold-group-actions-form .dropdown-submenu:hover > .dropdown-menu,
.offer-page .group-action-form .dropdown-submenu:hover > .dropdown-menu,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropdown-submenu:hover > .dropdown-menu,
.discount-multi-level-page .group-action-form .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.offer-page #offer-grid-gold-group-actions-form .dropup .dropdown-submenu > .dropdown-menu,
.offer-page .group-action-form .dropup .dropdown-submenu > .dropdown-menu,
.discount-multi-level-page #offer-grid-gold-group-actions-form .dropup .dropdown-submenu > .dropdown-menu,
.discount-multi-level-page .group-action-form .dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  left: 100%;
}
.offer-page #offer-grid-gold-group-actions-form .btn-group > .btn,
.offer-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn,
.offer-page .group-action-form .btn-group > .btn,
.offer-page .group-action-form .btn-group-vertical > .btn,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group > .btn,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn,
.discount-multi-level-page .group-action-form .btn-group > .btn,
.discount-multi-level-page .group-action-form .btn-group-vertical > .btn {
  border-radius: 4px;
  background: #fff !important;
}
.offer-page #offer-grid-gold-group-actions-form .btn-group > .btn i.fa,
.offer-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn i.fa,
.offer-page .group-action-form .btn-group > .btn i.fa,
.offer-page .group-action-form .btn-group-vertical > .btn i.fa,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group > .btn i.fa,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn i.fa,
.discount-multi-level-page .group-action-form .btn-group > .btn i.fa,
.discount-multi-level-page .group-action-form .btn-group-vertical > .btn i.fa {
  margin-left: 10px;
}
.offer-page #offer-grid-gold-group-actions-form .btn-group > .btn:hover, .offer-page #offer-grid-gold-group-actions-form .btn-group > .btn:focus,
.offer-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn:hover,
.offer-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn:focus,
.offer-page .group-action-form .btn-group > .btn:hover,
.offer-page .group-action-form .btn-group > .btn:focus,
.offer-page .group-action-form .btn-group-vertical > .btn:hover,
.offer-page .group-action-form .btn-group-vertical > .btn:focus,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group > .btn:hover,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group > .btn:focus,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn:hover,
.discount-multi-level-page #offer-grid-gold-group-actions-form .btn-group-vertical > .btn:focus,
.discount-multi-level-page .group-action-form .btn-group > .btn:hover,
.discount-multi-level-page .group-action-form .btn-group > .btn:focus,
.discount-multi-level-page .group-action-form .btn-group-vertical > .btn:hover,
.discount-multi-level-page .group-action-form .btn-group-vertical > .btn:focus {
  background: #fff !important;
}
.offer-page .group-actions,
.discount-multi-level-page .group-actions {
  margin-top: 0;
}
.offer-page .group-actions button,
.discount-multi-level-page .group-actions button {
  color: #f75a01;
}
.offer-page .title,
.discount-multi-level-page .title {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.offer-page .create-listing-step,
.discount-multi-level-page .create-listing-step {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 50px;
}
.offer-page .create-listing-step .step-count,
.discount-multi-level-page .create-listing-step .step-count {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-family: Roboto-Light, sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.offer-page .create-listing-step .step-title,
.discount-multi-level-page .create-listing-step .step-title {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 15px;
}
.offer-page .create-listing-step .step-info,
.discount-multi-level-page .create-listing-step .step-info {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
.offer-page .create-listing-step .step-info span,
.discount-multi-level-page .create-listing-step .step-info span {
  background: url("../../img/icons/info.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.offer-page .create-listing-step .step-info span:hover + .step-info-msg,
.discount-multi-level-page .create-listing-step .step-info span:hover + .step-info-msg {
  display: block;
}
.offer-page .create-listing-step .step-info span.step-info-i,
.discount-multi-level-page .create-listing-step .step-info span.step-info-i {
  background: url("../../img/icons/info.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.offer-page .create-listing-step .step-info span.step-info-i:hover + .step-info-msg,
.discount-multi-level-page .create-listing-step .step-info span.step-info-i:hover + .step-info-msg {
  display: block;
}
.offer-page .create-listing-step .step-info-msg,
.discount-multi-level-page .create-listing-step .step-info-msg {
  background: #333;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-family: "Roboto-Regular", sans-serif;
  line-height: 18px;
  text-align: left;
  display: none;
  padding: 10px 12px;
  position: absolute;
  width: 200px;
  height: auto;
  left: 24px;
  bottom: 20px;
}
.offer-page .create-listing-form,
.discount-multi-level-page .create-listing-form {
  padding: 0 0 50px;
}
.offer-page .create-listing-form .create-listing-msg,
.discount-multi-level-page .create-listing-form .create-listing-msg {
  color: #fff;
  font-size: 14px;
  line-height: 34px;
}
.offer-page .create-listing-form .create-listing-msg a,
.discount-multi-level-page .create-listing-form .create-listing-msg a {
  color: #f75a01;
}
.offer-page .create-listing-form .control-label,
.discount-multi-level-page .create-listing-form .control-label {
  font-size: 14px;
  text-transform: uppercase;
}
.offer-page .create-listing-form .info,
.discount-multi-level-page .create-listing-form .info {
  color: #fff;
  font-size: 13px;
  margin-top: 10px;
}
.offer-page .create-listing-form .price-result,
.discount-multi-level-page .create-listing-form .price-result {
  margin-top: 20px;
}
.offer-page .create-listing-form .price-result-title,
.discount-multi-level-page .create-listing-form .price-result-title {
  color: #fff;
  font-size: 14px;
}
.offer-page .create-listing-form .price-result-total,
.discount-multi-level-page .create-listing-form .price-result-total {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-left: 60px;
}
.offer-page .create-listing-form .create-listing-warning,
.discount-multi-level-page .create-listing-form .create-listing-warning {
  border-left: 3px solid #fff;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 20px 36px;
  padding: 5px 5px 5px 10px;
}
.offer-page .create-listing-form .add-img-button,
.discount-multi-level-page .create-listing-form .add-img-button {
  margin-top: 25px;
}
.offer-page .create-listing-form .file-input,
.discount-multi-level-page .create-listing-form .file-input {
  display: none;
}
.offer-page .create-listing-form .checkbox + label,
.discount-multi-level-page .create-listing-form .checkbox + label {
  width: 100%;
  text-align: left;
}
.offer-page .create-listing-form .checkbox + label:before,
.discount-multi-level-page .create-listing-form .checkbox + label:before {
  top: 3px;
}
.offer-page .create-listing-form .checkbox + label a,
.discount-multi-level-page .create-listing-form .checkbox + label a {
  color: #f75a01;
}
.offer-page .create-listing-form .create-listing-submit,
.discount-multi-level-page .create-listing-form .create-listing-submit {
  margin-top: 5px;
}
.offer-page .create-listing-form .pt-3,
.discount-multi-level-page .create-listing-form .pt-3 {
  padding-top: 15px;
}
.offer-page .create-listing-form .pt-4,
.discount-multi-level-page .create-listing-form .pt-4 {
  padding-top: 20px;
}
.offer-page .create-listing-form .pt-5,
.discount-multi-level-page .create-listing-form .pt-5 {
  padding-top: 25px;
}
.offer-page .create-listing-form .pt-6,
.discount-multi-level-page .create-listing-form .pt-6 {
  padding-top: 30px;
}
.offer-page .status-inline-edit,
.discount-multi-level-page .status-inline-edit {
  border: none;
  padding-left: 20px;
}
.offer-page .status-inline-edit:hover,
.discount-multi-level-page .status-inline-edit:hover {
  border: none;
}
.offer-page .status-inline-edit.editable-click,
.discount-multi-level-page .status-inline-edit.editable-click {
  background: no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.offer-page .status-inline-edit.editable-click[data-value="3"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="3"] {
  background-image: url("../img/icons/status-red.svg");
}
.offer-page .status-inline-edit.editable-click[data-value="0"], .offer-page .status-inline-edit.editable-click[data-value="1"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="0"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="1"] {
  background-image: url("../img/icons/status-green.svg");
}
.offer-page .status-inline-edit.editable-click[data-value="4"], .offer-page .status-inline-edit.editable-click[data-value="5"], .offer-page .status-inline-edit.editable-click[data-value="2"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="4"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="5"],
.discount-multi-level-page .status-inline-edit.editable-click[data-value="2"] {
  background-image: url("../img/icons/status-orange.svg");
}
.offer-page .status-inline-edit[data-value="3"],
.discount-multi-level-page .status-inline-edit[data-value="3"] {
  color: #d0021b;
}
.offer-page .status-inline-edit[data-value="0"], .offer-page .status-inline-edit[data-value="1"],
.discount-multi-level-page .status-inline-edit[data-value="0"],
.discount-multi-level-page .status-inline-edit[data-value="1"] {
  color: #f75a01;
}
.offer-page .status-inline-edit[data-value="4"], .offer-page .status-inline-edit[data-value="5"], .offer-page .status-inline-edit[data-value="2"],
.discount-multi-level-page .status-inline-edit[data-value="4"],
.discount-multi-level-page .status-inline-edit[data-value="5"],
.discount-multi-level-page .status-inline-edit[data-value="2"] {
  color: #f5a623;
}
.offer-page .icon-cancel:before,
.discount-multi-level-page .icon-cancel:before {
  content: "+";
  display: inline-block;
  font-size: 25px;
  color: #b8b8b8;
  font-family: Avenir-Next-Bold;
  font-weight: 300;
  font-style: normal;
  transform: rotate(45deg);
}
.offer-page .download-stock-item,
.discount-multi-level-page .download-stock-item {
  display: inline-block;
}
.offer-page .download-stock-item .icon-download,
.discount-multi-level-page .download-stock-item .icon-download {
  background: url("../../img/icons/download-black-table.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.offer-page .add-code-button,
.discount-multi-level-page .add-code-button {
  display: inline-block;
  min-width: 250px;
  margin-bottom: 32px;
}
.offer-page .add-code-button:hover,
.discount-multi-level-page .add-code-button:hover {
  color: #fff;
}
.offer-page .keys-block,
.discount-multi-level-page .keys-block {
  background: #fff;
  border: 1px solid #dbdbdb;
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-top: 30px;
}
.offer-page .keys-block-item,
.discount-multi-level-page .keys-block-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.offer-page .keys-block-item:last-child,
.discount-multi-level-page .keys-block-item:last-child {
  margin-bottom: 0;
}
.offer-page .keys-block-item__number,
.discount-multi-level-page .keys-block-item__number {
  color: #000;
  font-family: Roboto-Bold, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-right: 23px;
}
.offer-page .keys-block-item__name,
.discount-multi-level-page .keys-block-item__name {
  color: #808080;
  font-family: Roboto-Bold, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.offer-page .editable-container.popover,
.discount-multi-level-page .editable-container.popover {
  background: #1e1d1d;
  width: 300px;
}
.offer-page .editable-container.popover .arrow:after,
.discount-multi-level-page .editable-container.popover .arrow:after {
  border-top-color: #000;
}
.offer-page .editable-container.popover .popover-title,
.discount-multi-level-page .editable-container.popover .popover-title {
  background: #1e1d1d;
  color: #fff;
}
.offer-page .editable-container.popover .control-group,
.discount-multi-level-page .editable-container.popover .control-group {
  display: block;
}
.offer-page .editable-container.popover .control-group > div:first-of-type,
.discount-multi-level-page .editable-container.popover .control-group > div:first-of-type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.offer-page .editable-container.popover .control-group > div:first-of-type .editable-input,
.discount-multi-level-page .editable-container.popover .control-group > div:first-of-type .editable-input {
  flex-grow: 1;
}
.offer-page .editable-container.popover .control-group > div:first-of-type .editable-input select.form-control,
.discount-multi-level-page .editable-container.popover .control-group > div:first-of-type .editable-input select.form-control {
  width: 100%;
  color: #000;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.offer-page .editable-container.popover .control-group > div:first-of-type .editable-buttons button,
.discount-multi-level-page .editable-container.popover .control-group > div:first-of-type .editable-buttons button {
  background: transparent;
  color: #fff;
}
.offer-page .items-slider-tabs .slider__nav .slick-arrow,
.discount-multi-level-page .items-slider-tabs .slider__nav .slick-arrow {
  top: -95px;
}
.offer-page .items-slider-tabs .slider__nav .slick-arrow.slick-next,
.discount-multi-level-page .items-slider-tabs .slider__nav .slick-arrow.slick-next {
  left: calc(100% - 75px);
}
.offer-page .items-slider-tabs .slider__nav .slick-arrow.slick-prev,
.discount-multi-level-page .items-slider-tabs .slider__nav .slick-arrow.slick-prev {
  left: -10px;
}
.offer-page .items-slider-tabs .tabs,
.discount-multi-level-page .items-slider-tabs .tabs {
  padding: 0 35px;
}
.offer-page .items-slider-tabs .tabs.tabs-slider .tab-link,
.discount-multi-level-page .items-slider-tabs .tabs.tabs-slider .tab-link {
  padding-left: 0;
  padding-right: 0;
}
.offer-page .items-slider-tabs .slick-slide,
.discount-multi-level-page .items-slider-tabs .slick-slide {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .offer-update {
    padding: 0 12px 30px !important;
  }
}

.offer-create,
.offer-update {
  color: #fff;
  padding: 0 15px 100px;
}
@media only screen and (max-width: 767px) {
  .offer-create,
  .offer-update {
    padding: 0 10px 30px;
  }
}
.offer-create .panel,
.offer-update .panel {
  margin-bottom: 0;
}
.offer-create .tabs-table .nav-tabs,
.offer-update .tabs-table .nav-tabs {
  margin: 0 !important;
}
.offer-create .form button[type=submit],
.offer-update .form button[type=submit] {
  margin-top: 0;
}
.offer-create .add-email,
.offer-update .add-email {
  color: #f75a01;
  display: inline-block;
  margin-top: 10px;
}
.offer-create .form-group .control-label,
.offer-update .form-group .control-label {
  padding: 0 !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  position: relative;
}
.offer-create .form-group .control-label .label-info-msg,
.offer-update .form-group .control-label .label-info-msg {
  background: #11151a;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-family: "Roboto-Regular", sans-serif;
  line-height: 18px;
  text-align: left;
  padding: 15px !important;
  position: absolute;
  width: 200px;
  height: auto;
  left: -220px;
  top: 0;
  z-index: 10000;
  text-transform: none;
  font-weight: 300;
  display: none;
}
.offer-create .form-group .control-label:hover .label-info-msg,
.offer-update .form-group .control-label:hover .label-info-msg {
  display: block;
}
.offer-create .lang-list,
.offer-update .lang-list {
  border-radius: 4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}
.offer-create .lang-list li,
.offer-update .lang-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px !important;
  position: relative;
  z-index: auto;
  transition: 0.3s;
}
.offer-create .lang-list li:hover,
.offer-update .lang-list li:hover {
  background: transparent !important;
}
.offer-create .lang-list li:hover a,
.offer-update .lang-list li:hover a {
  background: transparent !important;
}
.offer-create .lang-list li:hover img,
.offer-update .lang-list li:hover img {
  transform: scale(1.2);
}
.offer-create .lang-list li.active,
.offer-update .lang-list li.active {
  background: #ffe3d2 !important;
  z-index: 1;
}
.offer-create .lang-list li.active a,
.offer-update .lang-list li.active a {
  background: #ffe3d2 !important;
}
.offer-create .lang-list li.active a img,
.offer-update .lang-list li.active a img {
  transform: scale(1.2);
}
.offer-create .lang-list li::after,
.offer-update .lang-list li::after {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  top: 15%;
  background-color: #808080;
  right: -1px;
  z-index: 10;
  opacity: 0.5;
}
.offer-create .lang-list li a,
.offer-update .lang-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 0px !important;
  transition: 0.3s;
}
.offer-create .lang-list li a h5,
.offer-update .lang-list li a h5 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  color: #fff;
  font-weight: bold;
}
.offer-create .lang-list li a h5 img,
.offer-update .lang-list li a h5 img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}
.offer-create p.help-block-error,
.offer-update p.help-block-error {
  padding: 0;
  height: 10px;
}
.offer-create .form-group,
.offer-update .form-group {
  margin-bottom: 0;
}
.offer-create .upload-product-info,
.offer-update .upload-product-info {
  background: #000;
  padding: 30px;
  border-radius: 10px;
  font-size: 12px;
  margin-top: 10px;
}
@media only screen and (max-width: 543px) {
  .offer-create .upload-product-info,
  .offer-update .upload-product-info {
    text-align: center !important;
  }
}
@media only screen and (max-width: 543px) {
  .offer-create .upload-product-info .text-right,
  .offer-update .upload-product-info .text-right {
    text-align: center !important;
  }
}
.offer-create .upload-product-info img,
.offer-update .upload-product-info img {
  max-width: 100%;
}
@media only screen and (max-width: 554px) {
  .offer-create .upload-product-info .upload-product-info,
  .offer-update .upload-product-info .upload-product-info {
    display: none;
  }
}
.offer-create .upload-product-info .product-text,
.offer-update .upload-product-info .product-text {
  color: #ffffff;
  padding-left: 15px;
}
@media only screen and (max-width: 543px) {
  .offer-create .upload-product-info .product-text,
  .offer-update .upload-product-info .product-text {
    padding-left: 0;
  }
}
.offer-create .upload-product-info .offer-text,
.offer-update .upload-product-info .offer-text {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.5);
  padding-left: 15px;
}
@media only screen and (max-width: 543px) {
  .offer-create .upload-product-info .offer-text,
  .offer-update .upload-product-info .offer-text {
    padding-left: 0;
  }
}
.offer-create .upload-product-info .show-product,
.offer-update .upload-product-info .show-product {
  font-size: 14px;
  color: #fff;
  padding: 9px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  margin-top: 5px;
  display: inline-block;
}
.offer-create .upload-product-info .show-product:hover,
.offer-update .upload-product-info .show-product:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.offer-create .upload-product-info .show-product:focus,
.offer-update .upload-product-info .show-product:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.offer-create .upload-product-info > div,
.offer-update .upload-product-info > div {
  padding: 0 !important;
}
.offer-create .summary-info,
.offer-update .summary-info {
  background: #000;
  padding: 20px 20px 0;
  border-radius: 10px;
  border: 1px solid #808080;
  margin-top: 10px;
  margin-bottom: 20px;
}
.offer-create .summary-info label,
.offer-update .summary-info label {
  text-transform: uppercase;
  color: #ffffff !important;
  opacity: 0.3;
  padding: 0;
  margin: 0 0 10px;
  font-size: 12px;
}
.offer-create .summary-info label.padd-label,
.offer-update .summary-info label.padd-label {
  padding-left: 10px;
}
@media only screen and (max-width: 544px) {
  .offer-create .summary-info label.padd-label,
  .offer-update .summary-info label.padd-label {
    padding-left: 0;
  }
}
.offer-create .summary-info div,
.offer-update .summary-info div {
  padding: 0;
  margin: 0;
}
.offer-create .summary-info .big-count,
.offer-update .summary-info .big-count {
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 20px;
  overflow: hidden;
}
.offer-create .summary-info .big-count span,
.offer-update .summary-info .big-count span {
  display: inline-block;
  float: left;
}
.offer-create .summary-info .big-count span.total-amount,
.offer-create .summary-info .big-count span.total_stock_amount,
.offer-update .summary-info .big-count span.total-amount,
.offer-update .summary-info .big-count span.total_stock_amount {
  margin-left: 10px;
  margin-right: 10px;
}
.offer-create .summary-info .big-count span.currency,
.offer-update .summary-info .big-count span.currency {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  margin: 7px 0 0;
}
.offer-create .summary-info .relative,
.offer-update .summary-info .relative {
  height: 135px;
  border-left: 1px solid #3b3b3b;
  padding: 25px 20px;
  color: #fff;
}
@media only screen and (max-width: 544px) {
  .offer-create .summary-info .relative,
  .offer-update .summary-info .relative {
    border: 0;
    padding: 5px 0 15px;
    height: auto;
  }
}
.offer-create .summary-title,
.offer-update .summary-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
  text-align: left;
  margin-bottom: 15px !important;
  margin-top: 12px !important;
}
.offer-create .checkbox-group,
.offer-update .checkbox-group {
  padding-top: 30px;
  padding-bottom: 0;
}
.offer-create .checkbox-group .checkbox-header a,
.offer-update .checkbox-group .checkbox-header a {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #888888;
  display: inline-block;
  margin-right: 20px;
}
.offer-create .checkbox-group .checkbox-header a.active,
.offer-update .checkbox-group .checkbox-header a.active {
  color: #ffffff;
}
.offer-create .checkbox-group .checkbox-body,
.offer-update .checkbox-group .checkbox-body {
  margin-top: 10px;
}
.offer-create .checkbox-group .checkbox-body .form-group,
.offer-update .checkbox-group .checkbox-body .form-group {
  margin-top: 20px !important;
}
.offer-create .checkbox-group .checkbox-body .checkbox,
.offer-update .checkbox-group .checkbox-body .checkbox {
  display: inline-block;
  padding: 0;
  width: 25%;
  float: left;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 450px) {
  .offer-create .checkbox-group .checkbox-body .checkbox,
  .offer-update .checkbox-group .checkbox-body .checkbox {
    width: 100%;
  }
}
.offer-create .checkbox-group .checkbox-body .checkbox label,
.offer-update .checkbox-group .checkbox-body .checkbox label {
  padding: 0 0 0 25px;
  margin: 5px 0 0;
}
.offer-create .checkbox-group .checkbox-body .checkbox label input[type=checkbox],
.offer-update .checkbox-group .checkbox-body .checkbox label input[type=checkbox] {
  display: none;
}
.offer-create .checkbox-group .checkbox-body .checkbox label input + span,
.offer-update .checkbox-group .checkbox-body .checkbox label input + span {
  position: absolute;
  background: url("/img/icons/checkbox-uncheck.svg") left 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  width: 17px;
  height: 17px;
  top: 7px;
  left: 0;
}
.offer-create .checkbox-group .checkbox-body .checkbox label input:checked + span,
.offer-update .checkbox-group .checkbox-body .checkbox label input:checked + span {
  background: url("/img/icons/checkbox-check.svg") left 0 no-repeat;
}
.offer-create .checkbox-group .checkbox-body .checkbox label.error input + span,
.offer-update .checkbox-group .checkbox-body .checkbox label.error input + span {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 6px;
  -webkit-transition: all 0s;
  transition: all 0s;
  border: 1px solid #a94442;
  background: none;
  padding: 0;
}
.offer-create .checkbox-group .checkbox-body .checkbox label.error input:checked + span,
.offer-update .checkbox-group .checkbox-body .checkbox label.error input:checked + span {
  background: url("/img/icons/checkbox-check.svg") left 0 no-repeat;
  border: 1px solid #333333;
}
.offer-create .help-block,
.offer-update .help-block {
  margin: 0;
}
.offer-create .radiobox-group,
.offer-update .radiobox-group {
  padding-top: 0;
  padding-bottom: 0;
}
.offer-create .radiobox-group .title,
.offer-update .radiobox-group .title {
  margin-top: 20px;
  text-transform: uppercase;
}
.offer-create .radiobox-group .title .informer-widget,
.offer-update .radiobox-group .title .informer-widget {
  width: auto;
  margin-top: 0;
  height: 16px;
  position: relative;
}
.offer-create .radiobox-group .title .informer-widget .step-info-i,
.offer-update .radiobox-group .title .informer-widget .step-info-i {
  position: absolute;
  top: -2px;
}
.offer-create .radiobox-group .radiobox-body,
.offer-update .radiobox-group .radiobox-body {
  margin-top: 10px;
}
.offer-create .radiobox-group .radiobox-body .radio,
.offer-update .radiobox-group .radiobox-body .radio {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  width: 19.5%;
}
@media only screen and (max-width: 450px) {
  .offer-create .radiobox-group .radiobox-body .radio,
  .offer-update .radiobox-group .radiobox-body .radio {
    width: 100%;
  }
}
.offer-create .radiobox-group .radiobox-body .radio label,
.offer-update .radiobox-group .radiobox-body .radio label {
  padding-left: 25px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.offer-create .radiobox-group .radiobox-body .radio input[type=radio],
.offer-update .radiobox-group .radiobox-body .radio input[type=radio] {
  display: none;
}
.offer-create .radiobox-group .radiobox-body .radio input[type=radio] + span,
.offer-update .radiobox-group .radiobox-body .radio input[type=radio] + span {
  background: url("/img/icons/radio-unchecked.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  height: 18px;
  top: 7px;
  left: 0;
  position: absolute;
}
.offer-create .radiobox-group .radiobox-body .radio input[type=radio]:checked + span,
.offer-update .radiobox-group .radiobox-body .radio input[type=radio]:checked + span {
  background: url("/img/icons/radio-checked.svg") 0 0 no-repeat;
}
.offer-create .terms,
.offer-update .terms {
  padding-left: 0;
}
.offer-create .back-button,
.offer-update .back-button {
  background: #000000;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  padding: 5px 15px;
  font-size: 14px;
  letter-spacing: 0.0770437px;
  color: #ffffff;
  display: inline-block;
  line-height: 1px;
  margin: 20px 0 30px;
}
.offer-create .back-button .fa-angle-left,
.offer-update .back-button .fa-angle-left {
  font-size: 28px;
  margin-right: 10px;
  float: left;
}
.offer-create .back-button span,
.offer-update .back-button span {
  line-height: 1px;
  float: left;
  margin: 14px 0 0 0;
}
.offer-create .offer-params,
.offer-update .offer-params {
  margin: 50px 0;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.offer-create .form-group button[type=submit].button,
.offer-update .form-group button[type=submit].button {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border: none;
}
.offer-create .form-group button[type=submit].button:hover,
.offer-update .form-group button[type=submit].button:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.offer-create .upload-code-block .upload-wrap .nav-tabs,
.offer-update .upload-code-block .upload-wrap .nav-tabs {
  border: 0;
  background: #111010;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 544px) {
  .offer-create .upload-code-block .upload-wrap li,
  .offer-update .upload-code-block .upload-wrap li {
    width: 100%;
    display: block;
  }
}
.offer-create .upload-code-block .upload-wrap #manually,
.offer-update .upload-code-block .upload-wrap #manually {
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #d6d6d6;
}
.offer-create .upload-code-block .upload-wrap #manually .lineno,
.offer-update .upload-code-block .upload-wrap #manually .lineno {
  color: #000;
}
.offer-create .upload-code-block .upload-wrap #manually textarea,
.offer-update .upload-code-block .upload-wrap #manually textarea {
  border: none !important;
  border-left: 1px solid #d6d6d6 !important;
}
.offer-create .upload-code-block .upload-wrap #manually .linedwrap .linedwrap .lines,
.offer-update .upload-code-block .upload-wrap #manually .linedwrap .linedwrap .lines {
  display: none;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history,
.offer-update .upload-code-block .upload-wrap #files .upload-history,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history {
  position: relative;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .preload-wrap,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .preload-wrap,
.offer-update .upload-code-block .upload-wrap #files .upload-history .preload-wrap,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .preload-wrap {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 19px;
  transform: translate(-50%, 0);
  padding: 4px;
  border-radius: 20px;
  z-index: 9;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .preload-wrap .preloader,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .preload-wrap .preloader,
.offer-update .upload-code-block .upload-wrap #files .upload-history .preload-wrap .preloader,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .preload-wrap .preloader {
  width: 100px;
  height: 100px;
}
@-webkit-keyframes preloader {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes preloader {
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes preloader {
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes preloader {
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes preloader {
  to {
    transform: rotate(360deg);
  }
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.png,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.png,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.png,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.png {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/010-png.svg");
  background-position: 0;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.jpg,
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.jpeg,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.jpg,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.jpeg,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.jpg,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.jpeg,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.jpg,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.jpeg {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/011-jpg.svg");
  background-position: 0;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.rar,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.rar,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.rar,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.rar {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/012-rar.svg");
  background-position: 0;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.gif,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.gif,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.gif,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.gif {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/022-gif.svg");
  background-position: 0;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.bmp,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.bmp,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .ico .ico-file.bmp,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .ico .ico-file.bmp {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/026-bmp.svg");
  background-position: 0;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .clear-invalid,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .clear-invalid,
.offer-update .upload-code-block .upload-wrap #files .upload-history .clear-invalid,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .clear-invalid {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.0291667px;
  color: #d80027;
  border: 1px solid #d80027;
  padding: 10px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .product-name,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .product-name,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .product-name,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .product-name {
  padding-top: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  opacity: 1;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .invalid,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .invalid,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .invalid,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .invalid {
  padding-top: 9px;
  color: #d80027;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .view-file,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .view-file,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .view-file,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .view-file {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.0291667px;
  color: #f75a01;
  display: inline-block;
  padding: 9px 17px;
  border: 1px solid #f75a01;
  box-sizing: border-box;
  border-radius: 4px;
}
@media only screen and (max-width: 544px) {
  .offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .view-file,
  .offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .view-file,
  .offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .view-file,
  .offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .view-file {
    padding: 9px 5px;
  }
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info .delete,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info .delete,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info .delete,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info .delete {
  text-align: center;
  width: 16px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  background-color: #808080;
  -webkit-mask-image: url(../../img/icons/trash_new.svg);
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.offer-create .upload-code-block .upload-wrap #files .upload-history .file-info.invalid img,
.offer-create .upload-code-block .upload-wrap #pictures .upload-history .file-info.invalid img,
.offer-update .upload-code-block .upload-wrap #files .upload-history .file-info.invalid img,
.offer-update .upload-code-block .upload-wrap #pictures .upload-history .file-info.invalid img {
  margin-left: 3px;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .preload-wrap,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .preload-wrap,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .preload-wrap,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .preload-wrap {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 4px;
  border-radius: 20px;
  z-index: 9;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .preload-wrap .preloader,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .preload-wrap .preloader,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .preload-wrap .preloader,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .preload-wrap .preloader {
  width: 100px;
  height: 100px;
}
@-webkit-keyframes preloader {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes preloader {
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes preloader {
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes preloader {
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes preloader {
  to {
    transform: rotate(360deg);
  }
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .fade,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .fade,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .fade,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .fade {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  display: none;
  z-index: 3;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-big-view,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-big-view,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-big-view,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-big-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 2;
  text-align: center;
  display: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-big-view .close,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-big-view .close,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-big-view .close,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-big-view .close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url("/img/offer-pages/add-offer-text-key/close-ico.svg") no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  opacity: 1;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item {
  text-align: center;
  float: left;
  position: relative;
  padding: 12px 12px 0;
  width: 33.333%;
  overflow: hidden;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap {
  background-size: cover;
  height: 150px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item img,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item img,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item img,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item img {
  max-width: 100%;
}
@media only screen and (max-width: 544px) {
  .offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item,
  .offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item,
  .offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item,
  .offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item {
    width: 100%;
  }
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap {
  display: inline-block;
  position: relative;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade .view,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade .view,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade .view,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade .view {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.0291667px;
  color: #ffffff;
  display: inline-block;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 17px;
  margin-top: 20px;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade .close,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade .close,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item .img-wrap .img-fade .close,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item .img-wrap .img-fade .close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url("/img/offer-pages/add-offer-text-key/close-ico.svg");
  background-size: cover;
  width: 15px;
  height: 15px;
  opacity: 1;
}
.offer-create .upload-code-block .upload-wrap #files .img-wrapper .img-item:hover .img-fade,
.offer-create .upload-code-block .upload-wrap #pictures .img-wrapper .img-item:hover .img-fade,
.offer-update .upload-code-block .upload-wrap #files .img-wrapper .img-item:hover .img-fade,
.offer-update .upload-code-block .upload-wrap #pictures .img-wrapper .img-item:hover .img-fade {
  display: block;
}
.offer-create .upload-code-block .upload-wrap #upload-body-tab .text-cd-key,
.offer-update .upload-code-block .upload-wrap #upload-body-tab .text-cd-key {
  width: 92%;
  height: 255px;
  border: 0;
  color: #000000;
  padding: 10px 15px 0;
  line-height: 25px !important;
}
.offer-create .upload-code-block .upload-wrap #upload-body-tab .text-cd-key::placeholder,
.offer-update .upload-code-block .upload-wrap #upload-body-tab .text-cd-key::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: rgb(51, 51, 51);
}
.offer-create .upload-code-block .edit-wrap,
.offer-update .upload-code-block .edit-wrap {
  border: 1px solid #f75a01;
  box-sizing: border-box;
  border-radius: 5px;
}
.offer-create .upload-code-block .edit-wrap #count-all-items,
.offer-update .upload-code-block .edit-wrap #count-all-items {
  display: none;
}
.offer-create .upload-code-block #edit-upload-head-tab,
.offer-update .upload-code-block #edit-upload-head-tab {
  border: none;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item {
  background: none !important;
  width: 50%;
  text-align: center;
  border: none;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item a.nav-link,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item a.nav-link {
  border: none;
  padding: 20px;
  background: none;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item a.nav-link .title-tab,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item a.nav-link .title-tab {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.081713px;
  text-transform: uppercase;
  color: #f75a01;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item a.nav-link span,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item a.nav-link span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0571991px;
  color: #f75a01;
  mix-blend-mode: normal;
  opacity: 0.5;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item a.nav-link span span,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item a.nav-link span span {
  opacity: 1;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link .title-tab,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link .title-tab {
  color: #fff;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link span,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link span {
  color: #ffffff;
}
.offer-create .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link,
.offer-update .upload-code-block #edit-upload-head-tab .nav-item.active a.nav-link {
  background: #f75a01;
}
.offer-create .upload-code-block #add-code,
.offer-update .upload-code-block #add-code {
  padding: 20px 0px;
}
.offer-create .upload-code-block #add-code #upload-body-tab,
.offer-update .upload-code-block #add-code #upload-body-tab {
  padding: 0;
}
.offer-create .upload-code-block #edit-code,
.offer-update .upload-code-block #edit-code {
  padding: 0 10px;
}
.offer-create .upload-code-block #edit-code .search-keys,
.offer-update .upload-code-block #edit-code .search-keys {
  padding: 20px 30px;
}
.offer-create .upload-code-block #edit-code .search-keys input[type=text],
.offer-update .upload-code-block #edit-code .search-keys input[type=text] {
  font-size: 16px;
  line-height: 19px;
  color: #000;
  mix-blend-mode: normal;
  border-bottom: 1px solid #838383;
  padding: 20px 50px;
  background: url("/img/offer-pages/search-ico.svg") 20px center no-repeat;
  border-radius: 0;
  width: 100%;
}
@media only screen and (max-width: 540px) {
  .offer-create .upload-code-block #edit-code .search-keys input[type=text],
  .offer-update .upload-code-block #edit-code .search-keys input[type=text] {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.offer-create .upload-code-block #edit-code .download-keys,
.offer-update .upload-code-block #edit-code .download-keys {
  padding: 7px 0 7px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 241, 241, 0.5);
  display: inline-block;
}
.offer-create .upload-code-block #edit-code .uploded-keys,
.offer-update .upload-code-block #edit-code .uploded-keys {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.offer-create .upload-code-block #edit-code .uploded-keys .nav-item,
.offer-update .upload-code-block #edit-code .uploded-keys .nav-item {
  width: 24.7%;
}
@media only screen and (max-width: 1200px) {
  .offer-create .upload-code-block #edit-code .uploded-keys .nav-item,
  .offer-update .upload-code-block #edit-code .uploded-keys .nav-item {
    text-align: center !important;
    width: 24.6%;
  }
}
@media only screen and (max-width: 540px) {
  .offer-create .upload-code-block #edit-code .uploded-keys .nav-item,
  .offer-update .upload-code-block #edit-code .uploded-keys .nav-item {
    width: 100%;
  }
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a {
  color: #ffffff;
  border: 0;
  padding: 12px 5px 10px;
}
@media only screen and (max-width: 540px) {
  .offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a,
  .offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a {
    width: 100%;
  }
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a {
  text-align: center;
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a .title,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a .title {
  color: #f75a01;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.081713px;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a .title,
  .offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a .title {
    height: 35px;
  }
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item > a span,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item > a span {
  mix-blend-mode: normal;
  color: #f75a01;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item.active > a,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item.active > a {
  background: #f75a01;
  color: #fff;
  border: 0;
  opacity: 1;
  border-radius: 5px;
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item.active > a .title,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item.active > a .title {
  color: #fff;
}
.offer-create .upload-code-block #edit-code .uploded-keys li.nav-item.active > a span,
.offer-update .upload-code-block #edit-code .uploded-keys li.nav-item.active > a span {
  color: #fff;
}
.offer-create .upload-code-block #edit-code .keys-list,
.offer-update .upload-code-block #edit-code .keys-list {
  padding: 10px 20px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.offer-create .upload-code-block #edit-code .keys-list .view-more,
.offer-update .upload-code-block #edit-code .keys-list .view-more {
  background-color: #f75a01;
  display: inline-block;
  padding: 15px 20px;
  margin: 0 auto;
  color: #fff;
  border-radius: 4px;
}
.offer-create .upload-code-block #edit-code .keys-list .header-list,
.offer-update .upload-code-block #edit-code .keys-list .header-list {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.3;
}
@media only screen and (max-width: 540px) {
  .offer-create .upload-code-block #edit-code .keys-list .header-list,
  .offer-update .upload-code-block #edit-code .keys-list .header-list {
    display: none;
  }
}
.offer-create .upload-code-block #edit-code .keys-list .header-list div,
.offer-update .upload-code-block #edit-code .keys-list .header-list div {
  padding: 10px 10px;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .code-block,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .code-block {
  overflow: hidden;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .action-row,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .action-row {
  text-align: center;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .action-row .fa,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .action-row .fa {
  color: #000000;
  opacity: 0.5;
  font-size: 18px;
}
@media only screen and (max-width: 540px) {
  .offer-create .upload-code-block #edit-code .keys-list .body-list .item,
  .offer-update .upload-code-block #edit-code .keys-list .body-list .item {
    border-bottom: 1px solid #888787;
  }
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .count,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .count {
  color: #000000;
  opacity: 0.5;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item div,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item div {
  padding: 10px 10px;
  color: #000000;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item a,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item a {
  font-size: 14px;
  line-height: 16px;
  color: #f75a01;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .success,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .success {
  color: #f75a01;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .danger,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .danger {
  color: #d9534f;
}
.offer-create .upload-code-block #edit-code .keys-list .body-list .item .warning,
.offer-update .upload-code-block #edit-code .keys-list .body-list .item .warning {
  color: #eec23c;
}

.offer-update .upload-product-info {
  margin-bottom: 20px;
}

.offer-list #offer-grid-gold input[type=checkbox],
.offer-list .discount-multi-level-table input[type=checkbox],
.discount-multi-level-page #offer-grid-gold input[type=checkbox],
.discount-multi-level-page .discount-multi-level-table input[type=checkbox] {
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 3px;
}
.offer-list #offer-grid-gold input[type=checkbox]:checked,
.offer-list .discount-multi-level-table input[type=checkbox]:checked,
.discount-multi-level-page #offer-grid-gold input[type=checkbox]:checked,
.discount-multi-level-page .discount-multi-level-table input[type=checkbox]:checked {
  background: url("/img/icons/checkbox-check.svg") no-repeat center center;
  border: 1px solid #f75a01;
}
.offer-list #offer-grid-gold-filters label,
.discount-multi-level-page #offer-grid-gold-filters label {
  display: none;
}
.offer-list .discount-multi-level-table .filters-row label,
.discount-multi-level-page .discount-multi-level-table .filters-row label {
  display: none;
}
.offer-list .offer-filter,
.offer-list .discount-multi-level-table .filters-row,
.discount-multi-level-page .offer-filter,
.discount-multi-level-page .discount-multi-level-table .filters-row {
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .offer-list .offer-filter .filer-two-block,
  .offer-list .discount-multi-level-table .filters-row .filer-two-block,
  .discount-multi-level-page .offer-filter .filer-two-block,
  .discount-multi-level-page .discount-multi-level-table .filters-row .filer-two-block {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .offer-list .offer-filter .filer-two-block,
  .offer-list .discount-multi-level-table .filters-row .filer-two-block,
  .discount-multi-level-page .offer-filter .filer-two-block,
  .discount-multi-level-page .discount-multi-level-table .filters-row .filer-two-block {
    margin: 0;
  }
}
.offer-list .offer-filter input[type=text],
.offer-list .discount-multi-level-table .filters-row input[type=text],
.discount-multi-level-page .offer-filter input[type=text],
.discount-multi-level-page .discount-multi-level-table .filters-row input[type=text] {
  font-size: 12px;
  line-height: 25px;
  color: #000 !important;
  mix-blend-mode: normal;
  padding: 20px 10px 20px 15px;
  background: #fff !important;
  max-width: 100%;
  border-radius: 4px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .offer-list .offer-filter input[type=text],
  .offer-list .discount-multi-level-table .filters-row input[type=text],
  .discount-multi-level-page .offer-filter input[type=text],
  .discount-multi-level-page .discount-multi-level-table .filters-row input[type=text] {
    margin: 0 0 20px;
  }
}
.offer-list .offer-filter input[type=text]:hover,
.offer-list .discount-multi-level-table .filters-row input[type=text]:hover,
.discount-multi-level-page .offer-filter input[type=text]:hover,
.discount-multi-level-page .discount-multi-level-table .filters-row input[type=text]:hover {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.offer-list .offer-filter input[type=text]:focus,
.offer-list .discount-multi-level-table .filters-row input[type=text]:focus,
.discount-multi-level-page .offer-filter input[type=text]:focus,
.discount-multi-level-page .discount-multi-level-table .filters-row input[type=text]:focus {
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.offer-list .offer-filter #offer-grid-gold-filters input,
.offer-list .discount-multi-level-table .filters-row #offer-grid-gold-filters input,
.discount-multi-level-page .offer-filter #offer-grid-gold-filters input,
.discount-multi-level-page .discount-multi-level-table .filters-row #offer-grid-gold-filters input {
  color: #000 !important;
}
.offer-list .offer-filter #offer-grid-gold-filters input::placeholder,
.offer-list .discount-multi-level-table .filters-row #offer-grid-gold-filters input::placeholder,
.discount-multi-level-page .offer-filter #offer-grid-gold-filters input::placeholder,
.discount-multi-level-page .discount-multi-level-table .filters-row #offer-grid-gold-filters input::placeholder {
  color: #000 !important;
}
.offer-list .offer-filter .ui-selectmenu-button,
.offer-list .discount-multi-level-table .filters-row .ui-selectmenu-button,
.discount-multi-level-page .offer-filter .ui-selectmenu-button,
.discount-multi-level-page .discount-multi-level-table .filters-row .ui-selectmenu-button {
  border-radius: 10px;
  background: none;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .offer-list .offer-filter .ui-selectmenu-button,
  .offer-list .discount-multi-level-table .filters-row .ui-selectmenu-button,
  .discount-multi-level-page .offer-filter .ui-selectmenu-button,
  .discount-multi-level-page .discount-multi-level-table .filters-row .ui-selectmenu-button {
    margin: 0 0 10px;
  }
}
.offer-list .offer-filter .ui-selectmenu-button span.ui-selectmenu-text,
.offer-list .discount-multi-level-table .filters-row .ui-selectmenu-button span.ui-selectmenu-text,
.discount-multi-level-page .offer-filter .ui-selectmenu-button span.ui-selectmenu-text,
.discount-multi-level-page .discount-multi-level-table .filters-row .ui-selectmenu-button span.ui-selectmenu-text {
  border-radius: 10px;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  padding: 19px 23px;
  background: #fff;
  color: #000;
}
.offer-list .offer-filter .ui-selectmenu-button .ico-arrow::before,
.offer-list .discount-multi-level-table .filters-row .ui-selectmenu-button .ico-arrow::before,
.discount-multi-level-page .offer-filter .ui-selectmenu-button .ico-arrow::before,
.discount-multi-level-page .discount-multi-level-table .filters-row .ui-selectmenu-button .ico-arrow::before {
  border-top: 8px solid #000;
}
.offer-list .offer-filter input[name=expire],
.offer-list .discount-multi-level-table .filters-row input[name=expire],
.discount-multi-level-page .offer-filter input[name=expire],
.discount-multi-level-page .discount-multi-level-table .filters-row input[name=expire] {
  background: url("/img/icons/date-icon.svg") #fff center left 20px no-repeat !important;
  padding-left: 50px;
}
.offer-list .discount-multi-level-page .table.table-black thead tr th,
.discount-multi-level-page .discount-multi-level-page .table.table-black thead tr th {
  text-transform: uppercase;
}
.offer-list .discount-multi-level-page .offer-list .table.table-black tbody tr td:last-child,
.discount-multi-level-page .discount-multi-level-page .offer-list .table.table-black tbody tr td:last-child {
  text-align: left;
}
.offer-list .discount-multi-level-page .table.table-black tbody tr td:last-child a,
.discount-multi-level-page .discount-multi-level-page .table.table-black tbody tr td:last-child a {
  display: inline-block;
  width: 15px;
  float: right;
}
.offer-list .table.table-black,
.discount-multi-level-page .table.table-black {
  width: 100%;
  background: transparent !important;
}
.offer-list .table.table-black tbody td,
.discount-multi-level-page .table.table-black tbody td {
  background: #fff;
  border-top: 1px solid #dadada !important;
}
.offer-list .table.table-black tbody td:first-child,
.discount-multi-level-page .table.table-black tbody td:first-child {
  border-left: 1px solid #dadada !important;
}
.offer-list .table.table-black tbody td:last-child,
.discount-multi-level-page .table.table-black tbody td:last-child {
  border-right: 1px solid #dadada !important;
}
.offer-list .table.table-black tbody tr:last-child td,
.discount-multi-level-page .table.table-black tbody tr:last-child td {
  border-bottom: 1px solid #dadada !important;
}
.offer-list .table.table-black tbody tr:last-child td,
.discount-multi-level-page .table.table-black tbody tr:last-child td {
  background: #fff !important;
}
.offer-list .table.table-black .sort-link,
.discount-multi-level-page .table.table-black .sort-link {
  padding-left: 13px;
}
.offer-list .table.table-black .sort-link.asc,
.offer-list .table.table-black .sort-link.desc,
.discount-multi-level-page .table.table-black .sort-link.asc,
.discount-multi-level-page .table.table-black .sort-link.desc {
  padding-left: 18px;
}
.offer-list .table.table-black .sort-link::after,
.discount-multi-level-page .table.table-black .sort-link::after {
  margin-right: 5px;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  color: #000;
}
.offer-list .table.table-black .sort-link.asc::after,
.offer-list .table.table-black .sort-link.desc::after,
.discount-multi-level-page .table.table-black .sort-link.asc::after,
.discount-multi-level-page .table.table-black .sort-link.desc::after {
  font-size: 15px;
  margin-top: -9px;
}
.offer-list .table.table-black .wrap-header-checkbox,
.discount-multi-level-page .table.table-black .wrap-header-checkbox {
  width: 50px;
  border-radius: 4px;
  padding: 5px 5px;
}
.offer-list .table.table-black .wrap-header-checkbox form,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form {
  display: inline-block;
}
.offer-list .table.table-black .wrap-header-checkbox form .margin-top-20,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .margin-top-20 {
  margin-top: 0 !important;
}
.offer-list .table.table-black .wrap-header-checkbox form .btn,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .btn {
  padding: 0 0 0 10px;
  margin-top: -5px;
  margin-left: 5px;
}
.offer-list .table.table-black .wrap-header-checkbox form .btn .fa,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .btn .fa {
  color: #555555 !important;
  opacity: 1 !important;
}
.offer-list .table.table-black .wrap-header-checkbox form .dropdown-menu-right,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .dropdown-menu-right {
  left: -20px;
  margin-top: 25px !important;
  bottom: auto;
}
.offer-list .table.table-black .wrap-header-checkbox form .dropdown-menu,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .dropdown-menu {
  min-width: 100px;
  background: #13192a;
}
.offer-list .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a {
  padding: 3px 10px;
  color: #fff;
}
.offer-list .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a:hover,
.offer-list .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a:focus,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a:hover,
.discount-multi-level-page .table.table-black .wrap-header-checkbox form .dropdown-menu > li > a:focus {
  background: none;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .offer-list .table.table-black tr,
  .discount-multi-level-page .table.table-black tr {
    display: block;
    padding: 20px 0;
  }
}
.offer-list .table.table-black thead tr th,
.discount-multi-level-page .table.table-black thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 25px;
  color: #000;
  border: 0 !important;
  position: relative;
  vertical-align: middle;
}
.offer-list .table.table-black thead tr th:first-child,
.discount-multi-level-page .table.table-black thead tr th:first-child {
  padding-left: 10px;
  padding-right: 0;
}
@media only screen and (max-width: 1200px) {
  .offer-list .table.table-black thead tr .title,
  .discount-multi-level-page .table.table-black thead tr .title {
    display: none;
  }
}
.offer-list .table.table-black tbody tr td,
.discount-multi-level-page .table.table-black tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  vertical-align: middle;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button:hover span.ui-selectmenu-text, .offer-list .table.table-black tbody tr td .ui-selectmenu-button:focus span.ui-selectmenu-text,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button:hover span.ui-selectmenu-text,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button:focus span.ui-selectmenu-text {
  color: #fff;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button span.ui-selectmenu-text,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button span.ui-selectmenu-text {
  font-size: 14px;
  background: #f75a01;
  border: 1px solid #f75a01;
  border-radius: 4px;
  color: #fff;
  min-width: 120px;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button .ico-arrow::before,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button .ico-arrow::before {
  border-top: 8px solid #fff;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #fff;
  border: 1px solid #f75a01;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}
.offer-list .table.table-black tbody tr td .ui-selectmenu-button span.ui-icon,
.discount-multi-level-page .table.table-black tbody tr td .ui-selectmenu-button span.ui-icon {
  color: #fff;
}
.offer-list .table.table-black tbody tr td .seller-status-0 .ui-selectmenu-button span.ui-selectmenu-text,
.discount-multi-level-page .table.table-black tbody tr td .seller-status-0 .ui-selectmenu-button span.ui-selectmenu-text {
  border: 1px solid transparent;
  background: rgba(155, 155, 155, 0.5);
  color: #575757;
}
.offer-list .table.table-black tbody tr td .seller-status-0 .ui-selectmenu-button .ico-arrow::before,
.discount-multi-level-page .table.table-black tbody tr td .seller-status-0 .ui-selectmenu-button .ico-arrow::before {
  border-top: 8px solid #575757;
}
@media only screen and (max-width: 768px) {
  .offer-list .table.table-black tbody tr td,
  .discount-multi-level-page .table.table-black tbody tr td {
    width: 100%;
    display: block;
    text-align: left;
    padding: 5px 15px;
  }
}
.offer-list .table.table-black tbody tr td .create-ticket,
.discount-multi-level-page .table.table-black tbody tr td .create-ticket {
  padding: 10px 10px;
  display: inline-block;
  width: 100%;
  background: #f75a01;
  border-radius: 4px;
  border: 1px solid transparent;
  font-family: Avenir Next;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #ffffff;
  /*&:hover{
    border: 1px solid #F75A01;
    color: #F75A01;
  }*/
}
@media only screen and (max-width: 768px) {
  .offer-list .table.table-black tbody tr td .create-ticket,
  .discount-multi-level-page .table.table-black tbody tr td .create-ticket {
    width: auto;
  }
}
.offer-list .table.table-black tbody tr td .edit-offer,
.discount-multi-level-page .table.table-black tbody tr td .edit-offer {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/pencil.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.offer-list .table.table-black tbody tr td .edit-offer:hover,
.discount-multi-level-page .table.table-black tbody tr td .edit-offer:hover {
  transform: rotate(-35deg);
}
.offer-list .table.table-black tbody tr td .delete-offer,
.discount-multi-level-page .table.table-black tbody tr td .delete-offer {
  margin-top: 4px;
  width: 16px;
  height: 20px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
@media only screen and (max-width: 767px) {
  .offer-list .table.table-black tbody tr td .delete-offer,
  .discount-multi-level-page .table.table-black tbody tr td .delete-offer {
    margin-top: 0;
  }
}
.offer-list .table.table-black tbody tr td .edit-offer:hover,
.offer-list .table.table-black tbody tr td .delete-offer:hover,
.discount-multi-level-page .table.table-black tbody tr td .edit-offer:hover,
.discount-multi-level-page .table.table-black tbody tr td .delete-offer:hover {
  background-color: #f75a01;
}
.offer-list .table.table-black tbody tr td .delete-offer:hover,
.discount-multi-level-page .table.table-black tbody tr td .delete-offer:hover {
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  height: 26px;
}
.offer-list .table.table-black tbody tr td .delete,
.discount-multi-level-page .table.table-black tbody tr td .delete {
  width: 15px;
  height: 15px;
  background: url("/img/offer-pages/delete.svg") no-repeat;
}
.offer-list .table.table-black tbody tr td:first-child,
.discount-multi-level-page .table.table-black tbody tr td:first-child {
  padding-left: 15px;
  padding-right: 0;
}
.offer-list .table.table-black tbody tr td:last-child,
.discount-multi-level-page .table.table-black tbody tr td:last-child {
  text-align: center;
}
.offer-list .table.table-black tbody tr td:last-child a,
.discount-multi-level-page .table.table-black tbody tr td:last-child a {
  border-bottom: none;
  display: block;
  margin: 0 auto;
  width: 10px;
}
.offer-list .table.table-black a,
.discount-multi-level-page .table.table-black a {
  border-bottom: none;
}
.offer-list .table.table-black .system-status-danger,
.discount-multi-level-page .table.table-black .system-status-danger {
  color: #fe3a2f;
  background: rgba(254, 58, 47, 0.2);
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.offer-list .table.table-black .system-status-warning,
.discount-multi-level-page .table.table-black .system-status-warning {
  color: #ec9922;
  background: rgba(236, 153, 34, 0.2);
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.offer-list .table.table-black .system-status-success,
.discount-multi-level-page .table.table-black .system-status-success {
  color: #33a546;
  background: rgba(76, 217, 100, 0.2);
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.offer-list .table.table-black a.seller-status-danger,
.discount-multi-level-page .table.table-black a.seller-status-danger {
  color: #fe3a2f;
}
.offer-list .table.table-black a.seller-status-success,
.discount-multi-level-page .table.table-black a.seller-status-success {
  color: #33a546;
}
.offer-list .table.table-black a.seller-status-warning,
.discount-multi-level-page .table.table-black a.seller-status-warning {
  color: #ec9922;
}
.offer-list .table.table-black a.seller-status,
.discount-multi-level-page .table.table-black a.seller-status {
  /*&-danger:before{
    content: '';
    display: block;
    float: left;
    height: 25px;
    width: 15px;
    background: url("/img/offer-pages/danger-arrows.svg");
    margin-right: 10px;
  }
  &-success:before{
    content: '';
    display: block;
    float: left;
    height: 25px;
    width: 15px;
    background: url("/img/offer-pages/success-arrows.svg");
    margin-right: 10px;
  }*/
}
.offer-list .table.table-black tr td,
.discount-multi-level-page .table.table-black tr td {
  padding: 20px 10px;
}
.offer-list .table.table-black tr td.sort-block,
.discount-multi-level-page .table.table-black tr td.sort-block {
  padding-left: 0;
}
.offer-list .table.table-black tr td.sort-block .sort,
.discount-multi-level-page .table.table-black tr td.sort-block .sort {
  display: inline-block;
  background: url("/img/offer-pages/sort-ico.svg") no-repeat center center;
  height: 15px;
  width: 15px;
  margin-right: 10px;
}
.offer-list .table.table-black tr td.id,
.discount-multi-level-page .table.table-black tr td.id {
  padding-left: 0;
}
.offer-list .table.table-black tr td.id a,
.discount-multi-level-page .table.table-black tr td.id a {
  color: #f75a01;
}

.ui-selectmenu-menu.selection .ui-menu {
  border: 0 !important;
}

.selection-game .ui-menu {
  max-width: 320px;
}

.create-listing-modal {
  border-radius: 0;
}
.create-listing-modal .modal-dialog {
  padding: 25px 30px;
}
.create-listing-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.create-listing-modal .modal-header .create-listing-modal-title {
  color: #000;
  font-family: Roboto-Bold, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  flex-grow: 1;
}
.create-listing-modal .modal-header .create-listing-modal-title span {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: block;
}
.create-listing-modal .modal-header .modal-button--close {
  width: 18px;
  height: 18px;
}
.create-listing-modal .modal-header .modal-button--close:after {
  height: 3px;
}
.create-listing-modal .modal-header .modal-button--close:before {
  height: 3px;
}
.create-listing-modal .modal-body {
  padding: 56px 0 0;
}
.create-listing-modal .modal-body .control-label {
  color: #000;
  text-transform: uppercase;
}
.create-listing-modal .modal-body .form-control.input-lg {
  border-color: #b9b9b9;
  border-radius: 1px;
  height: 45px;
}
.create-listing-modal .modal-body .button-accent {
  margin-top: 20px;
}

.product-create select#product-offer_type_ids,
.offer-create select#product-offer_type_ids,
.offer-update select#product-offer_type_ids {
  padding: 10px 30px 10px 20px;
  line-height: 32px;
  color: #000;
  background: #fff;
  border-radius: 4px;
  height: 54px;
  display: block;
  width: 100%;
}
.product-create .delivery-guarante .delivery_time,
.offer-create .delivery-guarante .delivery_time,
.offer-update .delivery-guarante .delivery_time {
  display: none;
}
.product-create .delivery-guarante.no_live_stock .delivery_time,
.product-create .delivery-guarante.no_live_stock .warranty_period,
.offer-create .delivery-guarante.no_live_stock .delivery_time,
.offer-create .delivery-guarante.no_live_stock .warranty_period,
.offer-update .delivery-guarante.no_live_stock .delivery_time,
.offer-update .delivery-guarante.no_live_stock .warranty_period {
  display: block;
}
.product-create .terms .checkbox + label,
.offer-create .terms .checkbox + label,
.offer-update .terms .checkbox + label {
  white-space: initial !important;
  padding-left: 25px !important;
  margin-top: -20px !important;
}
.product-create .terms .checkbox + label::before,
.offer-create .terms .checkbox + label::before,
.offer-update .terms .checkbox + label::before {
  top: 0px !important;
}
.product-create .tabs-table,
.offer-create .tabs-table,
.offer-update .tabs-table {
  margin-top: 30px;
}
.product-create .tabs-table .nav-tabs > li > a,
.offer-create .tabs-table .nav-tabs > li > a,
.offer-update .tabs-table .nav-tabs > li > a {
  border-color: #fff;
  padding: 0 15px;
  display: inline-block;
  width: 200px;
}
.product-create .tabs-table .nav-tabs > li > a .nav-tab__title,
.offer-create .tabs-table .nav-tabs > li > a .nav-tab__title,
.offer-update .tabs-table .nav-tabs > li > a .nav-tab__title {
  padding: 0;
  line-height: 68px;
  text-align: center;
}
.product-create .tabs-table .lang-list li a,
.offer-create .tabs-table .lang-list li a,
.offer-update .tabs-table .lang-list li a {
  width: 100%;
  padding: 0 5px;
}
.product-create .step,
.offer-create .step,
.offer-update .step {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
}
.product-create .step-info,
.offer-create .step-info,
.offer-update .step-info {
  position: relative;
}
@media only screen and (max-width: 544px) {
  .product-create .step .step-info-title,
  .offer-create .step .step-info-title,
  .offer-update .step .step-info-title {
    width: 100% !important;
  }
}
@media only screen and (max-width: 544px) {
  .product-create .step-info .step-info,
  .product-create .step-info .step-info-i,
  .offer-create .step-info .step-info,
  .offer-create .step-info .step-info-i,
  .offer-update .step-info .step-info,
  .offer-update .step-info .step-info-i {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 30px;
  }
}
.product-create .step.price-setting,
.offer-create .step.price-setting,
.offer-update .step.price-setting {
  margin-bottom: 0;
  margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
  .product-create .step.price-setting .step-info-title,
  .offer-create .step.price-setting .step-info-title,
  .offer-update .step.price-setting .step-info-title {
    width: 70%;
  }
}
@media only screen and (max-width: 544px) {
  .product-create .step.price-setting .step-info-title,
  .offer-create .step.price-setting .step-info-title,
  .offer-update .step.price-setting .step-info-title {
    width: 200%;
  }
}
.product-create .step.status,
.offer-create .step.status,
.offer-update .step.status {
  margin-top: 50px;
}
.product-create .step.status .radiobox-body .field-offer-seller_status,
.offer-create .step.status .radiobox-body .field-offer-seller_status,
.offer-update .step.status .radiobox-body .field-offer-seller_status {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 544px) {
  .product-create .step.delivery-block,
  .offer-create .step.delivery-block,
  .offer-update .step.delivery-block {
    margin-top: 30px !important;
  }
}
.product-create .step.delivery-block .step-info-title,
.offer-create .step.delivery-block .step-info-title,
.offer-update .step.delivery-block .step-info-title {
  width: 80%;
}
@media only screen and (max-width: 1200px) {
  .product-create .step.delivery-block .step-info-title,
  .offer-create .step.delivery-block .step-info-title,
  .offer-update .step.delivery-block .step-info-title {
    width: 85%;
  }
}
@media only screen and (max-width: 544px) {
  .product-create .step.delivery-block .step-info-title,
  .offer-create .step.delivery-block .step-info-title,
  .offer-update .step.delivery-block .step-info-title {
    width: 200%;
  }
}
.product-create .step.delivery-guarantee .step-info-title,
.offer-create .step.delivery-guarantee .step-info-title,
.offer-update .step.delivery-guarantee .step-info-title {
  width: 60%;
}
.product-create .step.notifications .step-info-title,
.offer-create .step.notifications .step-info-title,
.offer-update .step.notifications .step-info-title {
  width: 200%;
}
@media only screen and (max-width: 544px) {
  .product-create .step.delivery-eta,
  .offer-create .step.delivery-eta,
  .offer-update .step.delivery-eta {
    margin-top: 30px !important;
  }
}
.product-create .step.delivery-eta .step-info-title,
.offer-create .step.delivery-eta .step-info-title,
.offer-update .step.delivery-eta .step-info-title {
  width: 35%;
}
@media only screen and (max-width: 1200px) {
  .product-create .step.delivery-eta .step-info-title,
  .offer-create .step.delivery-eta .step-info-title,
  .offer-update .step.delivery-eta .step-info-title {
    width: 38%;
  }
}
.product-create .step.duration .step-info-title,
.offer-create .step.duration .step-info-title,
.offer-update .step.duration .step-info-title {
  width: 50%;
}
@media only screen and (max-width: 1200px) {
  .product-create .step.duration .step-info-title,
  .offer-create .step.duration .step-info-title,
  .offer-update .step.duration .step-info-title {
    width: 38%;
  }
}
.product-create .step.general-info,
.offer-create .step.general-info,
.offer-update .step.general-info {
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .product-create .step.general-info .step-info-title,
  .offer-create .step.general-info .step-info-title,
  .offer-update .step.general-info .step-info-title {
    width: 60%;
  }
}
.product-create .search-product-form .create-listing-msg,
.offer-create .search-product-form .create-listing-msg,
.offer-update .search-product-form .create-listing-msg {
  margin: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 400px) {
  .product-create .search-product-form .create-listing-msg,
  .offer-create .search-product-form .create-listing-msg,
  .offer-update .search-product-form .create-listing-msg {
    float: none !important;
    margin: 0 0 10px;
  }
}
.product-create .search-product-form .create-listing-msg a,
.offer-create .search-product-form .create-listing-msg a,
.offer-update .search-product-form .create-listing-msg a {
  color: #f75a01;
}
@media only screen and (max-width: 544px) {
  .product-create .step.offer-type,
  .offer-create .step.offer-type,
  .offer-update .step.offer-type {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 544px) {
  .product-create .step.offer-type .step-info-title,
  .offer-create .step.offer-type .step-info-title,
  .offer-update .step.offer-type .step-info-title {
    width: 70%;
  }
}
.product-create .step.marr-10,
.offer-create .step.marr-10,
.offer-update .step.marr-10 {
  margin-bottom: 10px;
}
.product-create .step-count,
.offer-create .step-count,
.offer-update .step-count {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-family: Avenir-Next;
  font-size: 20px;
  font-weight: bol;
  line-height: 30px;
  text-align: left;
  display: block;
  width: 25px;
  height: 30px;
}
.product-create .step-info,
.offer-create .step-info,
.offer-update .step-info {
  padding-left: 15px;
  width: 100%;
}
.product-create .step-info-title,
.offer-create .step-info-title,
.offer-update .step-info-title {
  color: #fff;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.product-create .form p.form-control.input-lg,
.offer-create .form p.form-control.input-lg,
.offer-update .form p.form-control.input-lg {
  color: #000;
  line-height: 55px;
}
.product-create .form .text-danger,
.offer-create .form .text-danger,
.offer-update .form .text-danger {
  color: #f75a01;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.product-create .form .form-group .ui-selectmenu-button,
.offer-create .form .form-group .ui-selectmenu-button,
.offer-update .form .form-group .ui-selectmenu-button {
  width: 100%;
}
.product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text {
  line-height: 32px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #fff;
  padding: 10px 30px 10px 20px;
  background: none;
}
.product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover,
.offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover,
.offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text:hover {
  border: 1px solid #f75a01;
  color: #f75a01;
}
.product-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.offer-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.offer-update .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #f75a01;
  border: 1px solid #f75a01;
}
.product-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
.offer-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
.offer-update .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
.product-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.offer-create .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.offer-update .form .form-group .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}
.product-create .button--positive,
.offer-create .button--positive,
.offer-update .button--positive {
  margin-bottom: 50px;
}

#offer-game_fraction-menu li:last-child,
#offer-game_server-menu li:last-child {
  display: none;
}

.offer-create a {
  color: #000;
}
.offer-create .section__top-bar {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0px;
}
.offer-create img {
  max-width: 100%;
}
.offer-create .help-block {
  margin-left: 0;
  height: 20px;
}
.offer-create .select2-container {
  line-height: 0.7;
}
.offer-create .select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
}
.offer-create .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 2px;
  margin-bottom: 2px;
}
.offer-create .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  border: none;
  border-radius: 0;
}
.offer-create .form-group.field-offer-game_server {
  margin-top: 15px;
}

.thumbnail-description {
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#unset-image {
  background: transparent;
  border: 1px solid #f75a01;
  color: #fff;
  font-family: Roboto-Black, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 55px;
  text-transform: uppercase;
  margin-top: 30px;
  width: 255px;
}

#live_stock_text a {
  color: #fff;
}
#live_stock_text a:hover {
  color: #f75a01;
}

.offer-page .offer-update {
  position: relative;
  padding: 0;
}
.offer-page .offer-update .btn-filters {
  top: 0;
}

.product-filters-my-store {
  margin: 0 0 50px;
}

.offer-form input.form-control.input-lg.error {
  border-color: #a94442;
  border-width: 2px;
  box-shadow: inset 0 0 14px 3px rgba(169, 68, 66, 0.5);
}
.offer-form .form input {
  border-radius: 4px;
}

.product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
.offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text,
form.create-listing-form .form-group input[type=text].form-control,
.offer-update .form .form-group input[type=text].form-control,
.offer-create .form .form-group input[type=text].form-control,
.product-create .form .form-group input[type=text].form-control,
form.create-listing-form .form-group input[type=number].form-control,
.offer-update .form .form-group input[type=number].form-control,
.offer-create .form .form-group input[type=number].form-control,
.product-create .form .form-group input[type=number].form-control {
  border-radius: 4px;
}
.product-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text::placeholder,
.offer-create .form .form-group .ui-selectmenu-button .ui-selectmenu-text::placeholder,
.offer-update .form .form-group .ui-selectmenu-button .ui-selectmenu-text::placeholder,
form.create-listing-form .form-group input[type=text].form-control::placeholder,
.offer-update .form .form-group input[type=text].form-control::placeholder,
.offer-create .form .form-group input[type=text].form-control::placeholder,
.product-create .form .form-group input[type=text].form-control::placeholder,
form.create-listing-form .form-group input[type=number].form-control::placeholder,
.offer-update .form .form-group input[type=number].form-control::placeholder,
.offer-create .form .form-group input[type=number].form-control::placeholder,
.product-create .form .form-group input[type=number].form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: rgb(51, 51, 51);
}

form.create-listing-form .form-group input[type=number].form-control,
.offer-update .form .form-group input[type=number].form-control,
.offer-create .form .form-group input[type=number].form-control,
.product-create .form .form-group input[type=number].form-control,
form.create-listing-form .form-group textarea.form-control,
.offer-update .form .form-group textarea.form-control,
.offer-create .form .form-group textarea.form-control,
.product-create .form .form-group textarea.form-control {
  background-color: #fff !important;
}
form.create-listing-form .form-group input[type=number].form-control:hover, form.create-listing-form .form-group input[type=number].form-control:focus,
.offer-update .form .form-group input[type=number].form-control:hover,
.offer-update .form .form-group input[type=number].form-control:focus,
.offer-create .form .form-group input[type=number].form-control:hover,
.offer-create .form .form-group input[type=number].form-control:focus,
.product-create .form .form-group input[type=number].form-control:hover,
.product-create .form .form-group input[type=number].form-control:focus,
form.create-listing-form .form-group textarea.form-control:hover,
form.create-listing-form .form-group textarea.form-control:focus,
.offer-update .form .form-group textarea.form-control:hover,
.offer-update .form .form-group textarea.form-control:focus,
.offer-create .form .form-group textarea.form-control:hover,
.offer-create .form .form-group textarea.form-control:focus,
.product-create .form .form-group textarea.form-control:hover,
.product-create .form .form-group textarea.form-control:focus {
  border: 1px solid #f75a01;
}

.step-info {
  border-radius: 50%;
  position: relative;
  width: 16px;
  height: auto;
  display: flex;
  justify-content: flex-start;
}
.step-info-1 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  width: 12px;
  height: 18px;
}
.step-info-1 span.step-info-i {
  width: 12px !important;
  height: 12px !important;
}
.step-info-1 span.step-info-i:hover + .step-info-msg {
  display: block;
  bottom: 25px;
  left: 15px;
}
.step-info span {
  background: url("../../img/icons/info.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: none;
  width: 16px;
  height: 16px;
  margin-top: 0;
}
.step-info span:hover + .step-info-msg {
  display: block;
}
.step-info span.step-info-i {
  -webkit-background-size: contain;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: block;
}
.step-info span.step-info-i:hover + .step-info-msg {
  display: block;
}
.step-info-msg {
  background: #13192a;
  border-radius: 6px;
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  display: none;
  padding: 15px !important;
  position: absolute;
  width: 200px;
  height: auto;
  left: 30px;
  bottom: 0;
  z-index: 10000;
  text-transform: none;
  color: #fff !important;
  font-weight: 300;
  white-space: normal;
}
@media only screen and (max-width: 544px) {
  .step-info-msg {
    right: 24px;
    padding: 15px;
    left: auto;
  }
}
.step-info-msg .title-msg {
  display: block;
  color: #e03e2d;
  font-size: 18px;
  margin: 0 0 10px;
  background: none;
  text-align: center;
  width: 100%;
}
.step-info-title {
  width: 50%;
}
.step-info.step-info-prof {
  display: inline-block;
}
.step-info.step-info-prof .step-info-i {
  background: none;
}

.user-profile-user-verify .step-info-prof.verify {
  display: none;
}
.user-profile-user-verify .step-info-prof.noverify {
  display: block;
}
.user-profile-user-verify.verify .step-info-prof.verify {
  display: block;
}
.user-profile-user-verify.verify .step-info-prof.noverify {
  display: none;
}

.price-setting .step-info .step-info-title {
  width: 70%;
}

.user-info .user-verify.ico {
  display: inline-table;
}
.user-info .user-verify .step-info-prof.verify {
  display: none;
}
.user-info .user-verify .step-info-prof.verify .step-info-msg {
  bottom: 30px;
}
.user-info .user-verify .step-info-prof.noverify {
  display: block;
}
.user-info .user-verify.verify .step-info-prof.verify {
  display: inline-table;
}
.user-info .user-verify.verify .step-info-prof.noverify {
  display: none;
}

.user-profile-seller-buyer {
  position: relative;
}
.user-profile-seller-buyer .step-info span.step-info-i {
  position: absolute;
  left: -130px;
  background: none;
  width: 100px;
}
.user-profile-seller-buyer .step-info-msg {
  left: -30px;
  width: 400px;
}
.user-profile-seller-buyer .step-info-msg_seller {
  left: 0;
}

.user-achievement {
  position: relative;
}
.user-achievement .step-info span.step-info-i {
  position: absolute;
  left: 0;
  top: -18px;
  background: none;
  width: 100px;
}
.user-achievement .step-info span.step-info-i_seller {
  position: absolute;
  left: 0;
  top: -18px;
  background: none;
  width: 100px;
}
.user-achievement .step-info-msg {
  left: 110px;
  bottom: 40px;
  width: 400px;
}
.card-balance {
  position: relative;
}
.card-balance .wallet-wrap {
  min-height: 220px;
}
.card-balance .step-info {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
.card-balance .step-info span.step-info-i {
  width: 30px;
  height: 30px;
  background-size: 25px;
}
.card-balance .step-info-msg {
  left: -90px;
  bottom: 40px;
}

.linked-cards-block .payment-methods .payment-method-head {
  position: relative;
}
.linked-cards-block .payment-methods .payment-method-head .step-info {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
}
.linked-cards-block .payment-methods .payment-method-head .step-info span.step-info-i {
  width: 30px;
  height: 30px;
  background-size: 25px;
}
.linked-cards-block .payment-methods .payment-method-head .step-info-msg {
  left: -90px;
  bottom: 40px;
}

.affiliate-page .statistic-tables .nav-tabs li {
  width: 33.3%;
  text-align: center;
}
.affiliate-page .statistic-tables .nav-tabs li:not(:first-child)::before {
  content: "";
  display: block;
  height: 80%;
  width: 1px;
  background-color: #808080;
  top: 50%;
  left: 0px;
  transform: translate(0, -50%);
  opacity: 0.4;
  position: absolute;
  z-index: 1;
}
.affiliate-page .statistic-tables .nav-tabs li a {
  font-family: Roboto-bold;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  padding: 20px 0 20px;
}
.affiliate-page .statistic-tables .nav-tabs li:first-child {
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.affiliate-page .statistic-tables .nav-tabs li:last-child {
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.affiliate-page .statistic-tables .nav-tabs li {
  position: relative;
}
.affiliate-page .statistic-tables .nav-tabs li .step-info {
  display: none;
  position: absolute;
  right: 0%;
  top: 0%;
  width: 200px;
  height: 50px;
}
.affiliate-page .statistic-tables .nav-tabs li .step-info:hover .step-info-msg {
  display: block;
  left: 90px;
  bottom: 40px;
}
.affiliate-page .statistic-tables .nav-tabs li:hover .step-info {
  display: block;
  top: -60%;
}
.affiliate-page .statistic-tables .nav-tabs li:hover .step-info-msg {
  display: block;
  left: 90px;
  bottom: 30px;
}
.affiliate-page .statistic-tables .nav-tabs .tab-pane {
  position: relative;
}

.step-info.step-info-price {
  display: none;
}
.step-info.step-info-price .step-info-msg {
  display: none;
}

.form-control.input-lg.input-price:hover .step-info.step-info-price {
  display: block;
}
.form-control.input-lg.input-price:hover .step-info.step-info-price .step-info-msg {
  display: block;
}

.discount-multi-level-page .icon-cancel {
  margin-top: 0;
}

.price-wrap .step-info {
  width: 0;
  height: 0;
}
@media only screen and (max-width: 544px) {
  .price-wrap .step-info {
    width: 100% !important;
    position: relative !important;
  }
}
.price-wrap:hover .step-info {
  width: 0;
  height: 0;
}
.price-wrap:hover .step-info .step-info-msg {
  display: block;
  bottom: 0;
  left: 0;
}

.count-wrap .step-info {
  width: 0;
  height: 0;
}
.count-wrap:hover .step-info {
  width: 0;
  height: 0;
}
.count-wrap:hover .step-info .step-info-msg {
  display: block;
}

.step-info.step-info-header-reward {
  display: inline;
}
.step-info.step-info-header-reward .step-info-msg {
  width: 200px;
}

.step-info.step-info-reward {
  position: absolute;
  right: 400px;
  top: 175px;
  width: 100px;
  height: 50px;
}
.step-info.step-info-reward .step-info-msg {
  left: 10px;
  bottom: 50px;
}
.step-info.step-info-reward.step-info-total {
  position: absolute;
  right: 130px;
  top: 60px;
  width: 100px;
  height: 50px;
}
.step-info.step-info-reward.step-info-total span.step-info-i {
  width: 100px;
  height: 50px;
  background-size: 100px;
  background: none;
}
.step-info.step-info-reward.step-info-total .step-info-msg {
  left: 80px;
  bottom: 40px;
}
.step-info.step-info-reward.step-info-target {
  position: absolute;
  left: 370px;
  top: 60px;
  width: 100px;
  height: 50px;
}
.step-info.step-info-reward.step-info-target span.step-info-i {
  width: 100px;
  height: 50px;
  background-size: 100px;
  background: none;
}
.step-info.step-info-reward.step-info-target .step-info-msg {
  left: 80px;
  bottom: 40px;
  width: auto;
}
.step-info.step-info-reward.step-info-clicks {
  position: absolute;
  right: 187px;
  top: 90px;
  width: 100px;
  height: 50px;
}
.step-info.step-info-reward.step-info-clicks span.step-info-i {
  width: 100px;
  height: 50px;
  background-size: 100px;
  background: none;
}
.step-info.step-info-reward.step-info-clicks .step-info-msg {
  left: 80px;
  bottom: 70px;
  width: auto;
}

#choose_product .note-editor.note-frame .note-editing-area .note-editable,
#create-offer .note-editor.note-frame .note-editing-area .note-editable {
  border-top: #ccc;
  background: #fff;
  color: #000;
}
#choose_product .panel-default > .panel-heading,
#create-offer .panel-default > .panel-heading {
  color: #333333;
  background: #fff;
  border-color: #fff;
  border-bottom: 1px solid #ccc;
}
#choose_product .note-editor.note-frame .note-statusbar,
#create-offer .note-editor.note-frame .note-statusbar {
  background-color: #ccc;
  border-top: 1px solid #ccc;
  height: 0;
}
#choose_product .note-editor.note-frame,
#create-offer .note-editor.note-frame {
  border: 1px solid #fff;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  padding-top: 3px;
}
#choose_product .form-group,
#create-offer .form-group {
  margin-top: 10px;
}
#choose_product .form-group .informer-widget,
#create-offer .form-group .informer-widget {
  width: auto;
  margin-top: 0;
  height: 16px;
  position: relative;
}
#choose_product .form-group .informer-widget .step-info-i,
#create-offer .form-group .informer-widget .step-info-i {
  position: absolute;
  top: -2px;
}
#choose_product .field-offer-seller_status,
#create-offer .field-offer-seller_status {
  margin-bottom: 0;
}
#choose_product .find-block,
#create-offer .find-block {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: none;
}
#choose_product .find-block .empty,
#create-offer .find-block .empty {
  text-align: left;
  background: none;
}
#choose_product .find-block .empty .item-list,
#create-offer .find-block .empty .item-list {
  padding: 15px 0;
  width: 100%;
  height: 300px;
  background: url(../img/not-found-icon.svg) no-repeat center;
  background-size: 210px;
  background-color: #fff;
}
#choose_product .find-block .count-list,
#create-offer .find-block .count-list {
  display: flex;
  align-items: center;
  color: #000;
  padding: 10px 20px;
  border-bottom: 0.5px solid #b4b4b4;
  font-size: 12px;
}
#choose_product .find-block .count-list .summary,
#create-offer .find-block .count-list .summary {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #choose_product .find-block .count-list .summary,
  #create-offer .find-block .count-list .summary {
    margin-top: 0;
  }
}
#choose_product .find-block .list-view,
#create-offer .find-block .list-view {
  max-width: 100%;
  border: 1px solid #808080;
  border-radius: 4px;
}
#choose_product .find-block .item-list > div,
#create-offer .find-block .item-list > div {
  display: flex;
  width: calc(33% - 12px);
  margin-left: 12px;
}
#choose_product .find-block .item-list,
#create-offer .find-block .item-list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  padding-right: 10px;
  height: 315px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
  border-top: none;
}
#choose_product .find-block .item-list .item,
#create-offer .find-block .item-list .item {
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: 0.2s;
}
#choose_product .find-block .item-list .item .card__img_ajax,
#choose_product .find-block .item-list .item .card__body_ajax,
#create-offer .find-block .item-list .item .card__img_ajax,
#create-offer .find-block .item-list .item .card__body_ajax {
  padding: 0;
}
#choose_product .find-block .item-list .item .card__img_ajax img,
#choose_product .find-block .item-list .item .card__body_ajax img,
#create-offer .find-block .item-list .item .card__img_ajax img,
#create-offer .find-block .item-list .item .card__body_ajax img {
  width: 100%;
  max-width: 100%;
  min-height: 140px;
  max-height: 140px;
}
@media only screen and (max-width: 767px) {
  #choose_product .find-block .item-list .item .card__img_ajax img,
  #choose_product .find-block .item-list .item .card__body_ajax img,
  #create-offer .find-block .item-list .item .card__img_ajax img,
  #create-offer .find-block .item-list .item .card__body_ajax img {
    min-height: 95px;
    max-height: 95px;
  }
}
#choose_product .find-block .item-list .item .card__img_ajax .product_name,
#choose_product .find-block .item-list .item .card__body_ajax .product_name,
#create-offer .find-block .item-list .item .card__img_ajax .product_name,
#create-offer .find-block .item-list .item .card__body_ajax .product_name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  #choose_product .find-block .item-list .item .card__img_ajax .product_name,
  #choose_product .find-block .item-list .item .card__body_ajax .product_name,
  #create-offer .find-block .item-list .item .card__img_ajax .product_name,
  #create-offer .find-block .item-list .item .card__body_ajax .product_name {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
#choose_product .find-block .item-list .item .card__img_ajax,
#create-offer .find-block .item-list .item .card__img_ajax {
  position: relative;
  width: 100%;
  min-height: 140px;
  max-height: 140px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  #choose_product .find-block .item-list .item .card__img_ajax,
  #create-offer .find-block .item-list .item .card__img_ajax {
    width: 100%;
    min-height: 95px;
    max-height: 95px;
  }
}
#choose_product .find-block .item-list .item .card__img_ajax::before,
#create-offer .find-block .item-list .item .card__img_ajax::before {
  content: "";
  position: absolute;
  width: 6px;
  min-height: 100%;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  opacity: 0;
  left: -6px;
  top: 0;
  transition: 0.2s;
}
#choose_product .find-block .item-list .item .card__body_ajax,
#create-offer .find-block .item-list .item .card__body_ajax {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  #choose_product .find-block .item-list .item .card__body_ajax,
  #create-offer .find-block .item-list .item .card__body_ajax {
    width: 100%;
  }
}
#choose_product .find-block .item-list .item .card__body_ajax .product_name,
#create-offer .find-block .item-list .item .card__body_ajax .product_name {
  transition: 0.2s;
  color: #000;
}
#choose_product .find-block .item-list .item .card__body_ajax .product_name span,
#create-offer .find-block .item-list .item .card__body_ajax .product_name span {
  color: #f75a01;
}
#choose_product .find-block .item-list .item .card__body_ajax .card__offer-info_ajax,
#create-offer .find-block .item-list .item .card__body_ajax .card__offer-info_ajax {
  color: #000;
  transition: 0.2s;
}
#choose_product .find-block .item-list .item:hover,
#create-offer .find-block .item-list .item:hover {
  background: #fff;
}
#choose_product .find-block .item-list .item:hover .card__img_ajax::before,
#create-offer .find-block .item-list .item:hover .card__img_ajax::before {
  opacity: 1;
}
#choose_product .find-block .item-list .item:hover .product_name,
#create-offer .find-block .item-list .item:hover .product_name {
  color: #f75a01;
}
#choose_product .find-block .item-list .item:hover .card__offer-info_ajax,
#create-offer .find-block .item-list .item:hover .card__offer-info_ajax {
  color: rgba(0, 0, 0, 0.5);
}

#choose_product_form .select2-selection__rendered {
  padding-right: 40px;
  overflow: hidden;
  border-radius: 4px;
}
#choose_product_form .select2-selection__rendered .select2-selection__clear {
  margin-left: 10px;
}
#choose_product_form select {
  background: #fff;
  border-radius: 4px;
}

.shop-page__tab-wrap {
  padding-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .shop-page__tab-wrap {
    padding-top: 20px !important;
  }
}

#store__offers .card__game-info .game-info__desc {
  min-height: auto;
  margin-bottom: 15px;
}
#store__offers .card__game-info .game-info__desc a:hover, #store__offers .card__game-info .game-info__desc a:focus {
  color: #f75a01;
}

.search-product-form {
  margin-top: 30px;
  position: relative;
}
.search-product-form input {
  background: transparent;
  width: 100%;
  padding: 15px 28px 15px 18px;
  border: 1px solid #cecece;
  border-radius: 4px;
  font-family: Avenir-Next;
  font-size: 16px;
  color: #fff;
}
.search-product-form input:hover, .search-product-form input:focus {
  border: 1px solid #f75a01;
}

@media only screen and (max-width: 767px) {
  .offer-page {
    padding: 0 15px 30px;
    position: relative;
  }
  .offer-page .btn-filters {
    top: 200px;
  }
  .offer-page .offer-update {
    position: relative;
    padding: 0;
  }
  .offer-page .offer-update .btn-filters {
    top: 0;
  }
  .offer-page .offer-update .offer-upload-form .form-group .button {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
  .offer-page .title {
    padding-top: 15px;
    font-size: 20px;
  }
  .offer-page .create-listing-step {
    margin-top: 30px;
  }
  .offer-page .create-listing-step .step-title {
    font-size: 18px;
  }
  .offer-page .create-listing-step .step-count {
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .offer-page .create-listing-step .step-info-msg {
    left: -80px;
  }
  .offer-page .create-listing-form .pt-3 {
    padding-top: 15px;
  }
  .offer-page .create-listing-form .pt-4 {
    padding-top: 20px;
  }
  .offer-page .create-listing-form .pt-5 {
    padding-top: 25px;
  }
  .offer-page .create-listing-form .pt-6 {
    padding-top: 30px;
  }
  .product-create .tabs-table {
    margin-top: 0;
  }
  .product-create .tabs-table .nav-tabs {
    padding-top: 0;
  }
  .product-create .button--positive {
    margin-top: 0 !important;
  }
  .recommend-section .items-slider .slider__nav-1 .slick-arrow {
    top: -85px;
  }
  .recommend-section .items-slider .slider__nav-1 .slick-arrow.slick-next {
    left: calc(100% - 90px);
  }
  .offer-create .tab-content .tab-pane textarea.form-control.input-lg {
    border-radius: 0;
    margin-left: 0;
    width: 100%;
  }
  .offer-form.form textarea.form-control.input-lg {
    margin-left: 0;
    width: 100%;
    border-radius: 4px;
    padding: 10px !important;
  }
  .offer-form.form input {
    border-radius: 4px;
  }
}
@media only screen and (max-width: 680px) {
  .tabs-table .nav-tabs.translation-tabs {
    padding-top: 0;
  }
}
@media only screen and (max-width: 592px) {
  .offer-page .btn-filters {
    top: 165px;
  }
  .offer-page .offer-update {
    position: relative;
  }
  .offer-page .offer-update .btn-filters {
    top: 0;
  }
  .offer-page .tabs {
    font-size: 20px;
  }
  .offer-page .tabs .tab-link {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .offer-page .items-slider-tabs .slider__nav .slick-arrow {
    top: -85px;
  }
  .select-data__id {
    margin-top: 30px;
  }
  .product-create .tabs-table .nav-tabs > li,
  .offer-create .tabs-table .nav-tabs > li,
  .offer-update .tabs-table .nav-tabs > li {
    background: transparent;
  }
  .product-create .tabs-table .nav-tabs > li a,
  .offer-create .tabs-table .nav-tabs > li a,
  .offer-update .tabs-table .nav-tabs > li a {
    width: 170px;
  }
  .offer-create .terms .checkbox + label {
    white-space: pre-wrap;
    padding-left: 0;
    margin-top: -10px;
  }
  .offer-create .terms .checkbox + label:before {
    top: 22px;
  }
  .recommend-section .items-slider .slider__nav-1 .slick-arrow {
    top: -80px;
  }
  .recommend-section .items-slider .slider__nav-1 .slick-arrow.slick-next {
    left: calc(100% - 75px);
  }
  .recommend-section .tabs-stats .sub-nav-tabs {
    padding: 0;
  }
  .recommend-section .tabs-stats .sub-nav-tabs li a {
    padding: 10px 0;
  }
  .recommend-section .tabs-stats .sub-nav-tabs li a h5 {
    font-size: 14px !important;
  }
  .top-proposal-card {
    padding: 15px;
  }
  .top-proposal-card .row {
    margin: 0;
  }
  .recently-viewed-section.section {
    padding: 0;
  }
  .offer-create .tab-content .tab-pane .step {
    margin-top: 20px;
  }
  .offer-create .tab-content .tab-pane .step .step-count {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    width: 20px;
  }
  .offer-create .tab-content .tab-pane .step .step-info-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 360px) {
  .product-create .tabs-table .nav-tabs > li,
  .offer-create .tabs-table .nav-tabs > li,
  .offer-update .tabs-table .nav-tabs > li {
    background: transparent;
  }
  .product-create .tabs-table .nav-tabs > li a,
  .offer-create .tabs-table .nav-tabs > li a,
  .offer-update .tabs-table .nav-tabs > li a {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .offer-add-block {
    margin-bottom: 20px;
  }
}
.offer-add-block .title {
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  font: 24px "Roboto-Light", sans-serif;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 30px 50px;
}
@media only screen and (max-width: 992px) {
  .offer-add-block .title {
    padding: 19px 30px;
  }
}
@media only screen and (max-width: 750px) {
  .offer-add-block .title {
    padding: 20px 0;
    width: 300px;
  }
}
.offer-add-block .title span {
  font: 24px "Roboto", sans-serif;
}
.offer-add-block button.button-def {
  background: #f75a01;
  border-radius: 4px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  mix-blend-mode: normal;
  display: inline-block;
  max-width: 100%;
  width: auto;
  padding: 15px 20px;
  margin: 20px 50px;
}
@media only screen and (max-width: 992px) {
  .offer-add-block button.button-def {
    padding: 19px 30px;
  }
}
@media only screen and (max-width: 750px) {
  .offer-add-block button.button-def {
    padding: 15px 20px;
    margin: 20px 0;
  }
}
.offer-add-block button.button-def:hover {
  background: #ff843f;
}
.offer-add-block button.button-def:focus {
  background: #ff843f;
}
@media only screen and (max-width: 750px) {
  .offer-add-block .text-right {
    text-align: left !important;
  }
}
.offer-add-block.white {
  background: #fff;
}
.offer-add-block.white button.button-def {
  margin: 0 50px;
}

.ui-selectmenu-menu.selection.offer-manage .ui-menu {
  padding-right: 0;
}

.container .back-button {
  background: url("../../img/icons/back-faq.svg") no-repeat top left;
  -webkit-background-size: contain;
  background-size: contain;
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 50px;
  padding-left: 10px;
}

.container .back-buttons {
  background-size: contain;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  margin-top: 10px;
  background: #33384c;
  border-radius: 4px;
  color: #ffffff;
  mix-blend-mode: normal;
  opacity: 0.9;
  font-family: Roboto-Regular;
  margin-bottom: 30px;
}
.container .back-buttons:hover {
  background: #f75a01;
}

.offer-create #main .tab-content.not-bg,
.offer-update #main .tab-content.not-bg {
  padding: 20px 0 0;
}

@media only screen and (max-width: 1199px) {
  #choose_product .find-block,
  #create-offer .find-block {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  #choose_product .find-block,
  #create-offer .find-block {
    width: 720px;
  }
  .light-theme .offer-list .offer-filter input[type=text] {
    margin-bottom: 10px;
  }
  .offer-list .offer-filter input[name=name] {
    padding-left: 60px !important;
  }
  .offer-list .offer-filter input[name=expire] {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .offer-create .total-number .control-label,
  .offer-create .min-unit .control-label,
  .offer-update .total-number .control-label,
  .offer-update .min-unit .control-label {
    height: 30px;
  }
  .product-filters-my-store .step-info-msg {
    left: 0;
  }
  #choose_product .find-block,
  #create-offer .find-block {
    width: 100%;
  }
  .product-page .tab-content .product-tabs {
    padding: 0 10px;
    height: 55px;
    overflow: hidden;
  }
  .product-page .tab-content .product-tabs li a {
    padding: 10px 10px;
  }
  .product-page .tab-content .slick-arrow {
    margin: 13px 10px !important;
  }
  .card-balance .wallet-wrap {
    min-height: auto;
  }
  .offer-create .terms,
  .offer-update .terms {
    padding-left: 15px;
  }
  .offer-list .table.table-black tbody td:first-child {
    border-left: 0 !important;
    padding-left: 0 !important;
    text-align: center;
  }
  .light-theme .offer-list #offer-grid-gold .table.table-black tbody input[type=checkbox] {
    margin-left: 0;
  }
  .offer-page .icon-cancel::before {
    font-size: 35px;
    font-family: Avenir-Next-Light;
  }
  .offer-list .table.table-black tbody td:last-child {
    border-right: 0 !important;
  }
  .offer-index.row {
    overflow: hidden;
  }
  #choose_product .find-block .item-list > div,
  #create-offer .find-block .item-list > div {
    display: block;
    width: 46%;
    float: left;
  }
  .offer-list .table.table-black .status {
    margin-top: 50px;
  }
  .offer-list .table.table-black .status label {
    line-height: 40px;
  }
  .offer-list .table.table-black .system-status,
  .offer-list .table.table-black .expire {
    height: 53px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 767px) {
  .offer-list .table.table-black .system-status,
  .offer-list .table.table-black .expire {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .offer-list .table.table-black .system-status label,
  .offer-list .table.table-black .expire label {
    line-height: 40px;
  }
  .offer-list .table.table-black .system-status-danger {
    float: right;
  }
  .offer-list .table.table-black .system-status-warning {
    float: right;
  }
  .offer-list .table.table-black .system-status-success {
    float: right;
  }
  .offer-list .table.table-black .ui-selectmenu-button,
  .offer-list .table.table-black .edit-offer {
    float: right;
  }
}
@media only screen and (max-width: 600px) {
  .tabs-table .nav-tabs li {
    background: #f75a01;
    margin-bottom: 0;
  }
  .offer-create .tabs-table .nav-tabs,
  .offer-update .tabs-table .nav-tabs,
  .product-create .tabs-table .nav-tabs,
  .suggest-page .tabs-table .nav-tabs {
    margin: 0 40px !important;
  }
  .offer-create .tabs-table .nav-tabs .slick-prev,
  .offer-create .tabs-table .nav-tabs .slick-next,
  .offer-update .tabs-table .nav-tabs .slick-prev,
  .offer-update .tabs-table .nav-tabs .slick-next,
  .product-create .tabs-table .nav-tabs .slick-prev,
  .product-create .tabs-table .nav-tabs .slick-next,
  .suggest-page .tabs-table .nav-tabs .slick-prev,
  .suggest-page .tabs-table .nav-tabs .slick-next {
    position: absolute;
    background: rgb(17, 21, 26);
    border-radius: 4px;
    top: 50%;
    color: #fff;
    z-index: 9;
    padding: 6px 13px;
    margin-top: -15px;
    opacity: 0.8;
  }
  .offer-create .tabs-table .nav-tabs .slick-prev .fa,
  .offer-create .tabs-table .nav-tabs .slick-next .fa,
  .offer-update .tabs-table .nav-tabs .slick-prev .fa,
  .offer-update .tabs-table .nav-tabs .slick-next .fa,
  .product-create .tabs-table .nav-tabs .slick-prev .fa,
  .product-create .tabs-table .nav-tabs .slick-next .fa,
  .suggest-page .tabs-table .nav-tabs .slick-prev .fa,
  .suggest-page .tabs-table .nav-tabs .slick-next .fa {
    font-size: 20px;
  }
  .offer-create .tabs-table .nav-tabs .slick-prev:hover,
  .offer-create .tabs-table .nav-tabs .slick-next:hover,
  .offer-update .tabs-table .nav-tabs .slick-prev:hover,
  .offer-update .tabs-table .nav-tabs .slick-next:hover,
  .product-create .tabs-table .nav-tabs .slick-prev:hover,
  .product-create .tabs-table .nav-tabs .slick-next:hover,
  .suggest-page .tabs-table .nav-tabs .slick-prev:hover,
  .suggest-page .tabs-table .nav-tabs .slick-next:hover {
    opacity: 1;
    background: #f75a01;
  }
  .offer-create .tabs-table .nav-tabs .slick-prev,
  .offer-update .tabs-table .nav-tabs .slick-prev,
  .product-create .tabs-table .nav-tabs .slick-prev,
  .suggest-page .tabs-table .nav-tabs .slick-prev {
    left: -50px;
  }
  .offer-create .tabs-table .nav-tabs .slick-next,
  .offer-update .tabs-table .nav-tabs .slick-next,
  .product-create .tabs-table .nav-tabs .slick-next,
  .suggest-page .tabs-table .nav-tabs .slick-next {
    right: -50px;
  }
  .offer-create .tabs-table .nav-tabs li a,
  .offer-update .tabs-table .nav-tabs li a,
  .product-create .tabs-table .nav-tabs li a,
  .suggest-page .tabs-table .nav-tabs li a {
    padding: 0;
    text-align: center;
  }
  .offer-create .tabs-table .nav-tabs li a h5,
  .offer-update .tabs-table .nav-tabs li a h5,
  .product-create .tabs-table .nav-tabs li a h5,
  .suggest-page .tabs-table .nav-tabs li a h5 {
    color: #fff;
    line-height: 55px !important;
    font-size: 18px !important;
    text-transform: capitalize;
    font-family: Roboto-Light, sans-serif;
    padding: 0;
    border-radius: 4px;
  }
  .offer-create .tabs-table .nav-tabs.tab-two-cell,
  .offer-update .tabs-table .nav-tabs.tab-two-cell,
  .product-create .tabs-table .nav-tabs.tab-two-cell,
  .suggest-page .tabs-table .nav-tabs.tab-two-cell {
    margin: 0 !important;
  }
  .offer-create .tabs-table .nav-tabs.tab-two-cell li,
  .offer-update .tabs-table .nav-tabs.tab-two-cell li,
  .product-create .tabs-table .nav-tabs.tab-two-cell li,
  .suggest-page .tabs-table .nav-tabs.tab-two-cell li {
    width: 50%;
  }
  .offer-create .tabs-table .nav-tabs.tab-two-cell li h5,
  .offer-update .tabs-table .nav-tabs.tab-two-cell li h5,
  .product-create .tabs-table .nav-tabs.tab-two-cell li h5,
  .suggest-page .tabs-table .nav-tabs.tab-two-cell li h5 {
    color: #000;
  }
  .offer-create .tabs-table .nav-tabs.tab-two-cell li.active h5,
  .offer-update .tabs-table .nav-tabs.tab-two-cell li.active h5,
  .product-create .tabs-table .nav-tabs.tab-two-cell li.active h5,
  .suggest-page .tabs-table .nav-tabs.tab-two-cell li.active h5 {
    color: #fff;
  }
  .product-create .tabs-table .nav-tabs .slick-prev {
    left: -45px;
  }
  .product-create .tabs-table .nav-tabs .slick-next {
    right: -45px;
  }
}
.offer-page .name-searche {
  position: relative;
}
.offer-page .name-searche input {
  padding-left: 42px !important;
}
.offer-page .name-searche::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  background-image: url("../../img/icons/magnifier.svg");
  left: 15px;
  top: 18px;
}
.offer-page .expire {
  line-height: 1px !important;
}

#offer-grid-gold-filters input,
#offer-grid-gold-filters .fake-select {
  border: 1px solid #808080;
  border-radius: 4px;
}

.system-status-success {
  background: #00b341 !important;
  opacity: 0.7 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  padding: 10px 25px !important;
  min-width: 126px;
  text-align: center;
}

.system-status-warning {
  background: #ff9900 !important;
  opacity: 0.7 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  padding: 10px 25px !important;
  min-width: 126px;
  text-align: center;
}

.system-status-danger {
  background: #d80027 !important;
  opacity: 0.7 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  padding: 10px 25px !important;
  min-width: 126px;
  text-align: center;
}

.create_order_img {
  width: 100%;
}

.create_offer_box {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #808080;
  margin-left: 20px;
  margin-top: 20px;
}
.create_offer_box .create_offer_text {
  font-weight: bold;
}

.pre-creater-offer-description {
  margin-bottom: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  color: #000000;
}
.pre-creater-offer-description h3 {
  font-weight: bold;
}

.create_offer_page {
  background-color: #fff;
  padding: 0px 30px 30px 30px;
  margin-top: 40px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.offer-create .step-info-i,
.offer-update .step-info-i {
  display: none !important;
}
.offer-create input,
.offer-create .fake-select,
.offer-update input,
.offer-update .fake-select {
  border: 1px solid #d6d6d6 !important;
  border-radius: 4px;
}
.offer-create .step-count,
.offer-update .step-count {
  border: none !important;
  margin-right: -15px;
}
.offer-create .step-count::after,
.offer-update .step-count::after {
  content: ".";
}
.offer-create .shows_product,
.offer-update .shows_product {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  right: 10px;
  bottom: 9px;
  position: absolute;
}
.offer-create .summary-info,
.offer-update .summary-info {
  background: #fff !important;
  border-radius: 4px !important;
}
.offer-create .summary-info *,
.offer-create .summary-info label,
.offer-update .summary-info *,
.offer-update .summary-info label {
  color: #000000 !important;
}
.offer-create .summary-info .white_back,
.offer-update .summary-info .white_back {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  min-width: 70px;
  min-height: 53px;
  font-size: 18px !important;
  border-radius: 4px !important;
}
.offer-create .summary-info .white_back span,
.offer-update .summary-info .white_back span {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
}
.offer-create .summary-info .white_back .currency,
.offer-update .summary-info .white_back .currency {
  margin-left: 5px !important;
}
.offer-create .summary-info .big-count-mar,
.offer-update .summary-info .big-count-mar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 53px;
  width: 50px;
}
.offer-create .relative,
.offer-update .relative {
  border: none !important;
}
.offer-create .relative span,
.offer-update .relative span {
  display: block;
  background-color: #fff;
  border-radius: 4px;
  padding: 13px 15px;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .offer-create .relative span,
  .offer-update .relative span {
    margin-left: 10px;
  }
}
.offer-create .left30px,
.offer-update .left30px {
  margin-left: 30px !important;
}

.discount-multi-level-page .name-search-discount {
  position: relative;
  display: flex;
  align-items: center;
}
.discount-multi-level-page .name-search-discount::before {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  margin-left: 11px;
  background-image: url("../../img/icons/magnifier.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .discount-multi-level-page .name-search-discount::before {
    top: 18px;
  }
}
.discount-multi-level-page .name-search-discount input {
  padding-left: 40px !important;
}
.discount-multi-level-page .name-search-cupone::before {
  top: 28px;
}
.discount-multi-level-page .create_code_text {
  color: #808080;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
}

.inputs_block {
  display: grid;
  grid-template-columns: 48.3% 48.3%;
  grid-column-gap: 30px;
}

.discount-multi-level-page input {
  border-radius: 4px;
  border: 1px solid #808080;
}

.offer-update .step-info-title,
.offer-update .step-count {
  font-weight: 900 !important;
}

.offer-create .step-count,
.offer-create .step-info-title {
  font-weight: 700;
}
.offer-create .step {
  display: flex;
  justify-content: flex-start;
}
.offer-create .step .step-info {
  display: inline-block;
  width: auto;
}
.offer-create .step .step-info .step-info-title {
  display: inline;
  width: auto;
}

.add_offer_img_box {
  width: 100%;
  text-align: center;
  margin: 25px auto;
}
.add_offer_img_box .add_offer_img {
  width: 127px;
  height: 126px;
  margin: 0 auto;
}
.add_offer_img_box .calculate {
  width: 117px;
  height: 103px;
  margin-top: 20px;
}

#offer-seller_status {
  display: flex;
  justify-content: center;
}
#offer-seller_status label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.0571991px;
  color: #808080;
}

.marketplace-and-region-flag .step-info span {
  display: block !important;
  background: none !important;
}

.admin_messege {
  position: relative;
  display: flex;
  margin-top: 0px;
  overflow: visible;
  min-width: 80px;
}
@media only screen and (min-width: 992px) {
  .admin_messege {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .admin_messege {
    display: block;
  }
}
.admin_messege .step-info {
  top: -14px;
  left: -40px;
  position: absolute;
}
.admin_messege .step-info .step-info-msg {
  left: 25px;
}
@media only screen and (min-width: 992px) {
  .admin_messege .step-info .step-info-msg {
    left: -205px;
  }
}

.remaining-text {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.0735417px;
  text-transform: capitalize;
  color: #808080;
}
.remaining-text label {
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  color: #808080 !important;
}

.btns-container {
  display: flex;
  flex-direction: column;
}
.btns-container a,
.btns-container div,
.btns-container button {
  width: 220px !important;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.btns-container div > a {
  margin-top: 0;
}

.statuses_container {
  display: flex !important;
  margin: 0 auto !important;
  width: 100%;
  justify-content: space-between;
}
.statuses_container span {
  color: #808080 !important;
}
.statuses_container a,
.statuses_container div,
.statuses_container button {
  width: auto !important;
  display: block;
  margin: 0 auto;
}
.statuses_container .payment-status_box {
  text-align: center;
}

.back-transparent {
  background: #ededf2 !important;
}

.description-container .col-md-4 {
  min-height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #c4c4c4;
  padding-left: 20px;
}
.description-container .col-md-4:first-child {
  padding-left: 0px;
}
.description-container .col-md-4:last-child {
  border-right: none;
}
.description-container .level__num {
  display: inline;
  font-size: 30px;
  color: #f75a01;
}
.description-container .level__text {
  display: inline;
}
.description-container .btns-container .delivery_btn_ico {
  font-size: 16px;
}
.description-container .btns-container .statuses_container {
  min-width: 300px;
}
.description-container .delivery_btn_ico {
  color: #808080 !important;
}

.notification_checkboxes_box .tgl-light {
  visibility: hidden;
}

.gold_cart .convert__amount {
  padding-left: 0px !important;
}
.gold_cart .card__game-info .info .step-info span.step-info-i {
  display: block !important;
  background: transparent !important;
  height: 25px !important;
}

.suggest_a_product h1 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 15px;
  text-transform: uppercase;
  color: #000000;
}
.suggest_a_product .lang-list {
  margin: 0 !important;
}
.suggest_a_product .lang-list li {
  background-color: #d6d6d6 !important;
}
.suggest_a_product .lang-list li a {
  display: flex !important;
  justify-content: center;
}
.suggest_a_product .lang-list li h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  min-width: 70px;
}
.suggest_a_product .lang-list li h5 .main-flag {
  width: 30px;
  margin-right: 0 !important;
}
.suggest_a_product textarea {
  border: 1px solid #808080;
  border-radius: 4px;
}
.suggest_a_product .wrap-file {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 17px;
}
.suggest_a_product .wrap-file .info {
  position: relative;
  top: auto !important;
  margin-bottom: 7px;
  right: 0;
}
.suggest_a_product .upload_img_box {
  border-radius: 4px;
  margin: 0;
  padding: 15px 5px;
}
.suggest_a_product .upload_img_box .btn-file {
  overflow: inherit;
}
.suggest_a_product .suggest_btns {
  display: flex;
  align-items: center;
  margin-top: 30px;
  justify-content: space-between;
}
.suggest_a_product .suggest_btns button {
  margin: 0 !important;
  max-width: 230px;
}
.suggest_a_product .suggest_btns .button-transparent {
  border: 1px solid #f75a01;
  border-radius: 4px;
}

.create_offer {
  padding: 0px 50px 50px !important;
}
.create_offer .equals_calculate {
  margin: 28px 0px 0px 0px !important;
}
.create_offer .upload-wrap .nav-item {
  position: relative;
}
.create_offer .upload-wrap .nav-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 76%;
  top: 12%;
  right: -1px;
  background-color: #808080;
}
.create_offer .upload-wrap .nav-item:last-child::after {
  display: none;
}
.create_offer .upload-wrap .nav-item:hover .nav-link {
  color: #f75a01 !important;
}
.create_offer .upload-wrap .nav-item.active::after {
  display: none;
}
.create_offer .upload-wrap .nav-item.active:hover .nav-link {
  color: #000 !important;
}
.create_offer .upload-wrap .nav-item .nav-link {
  font-weight: 700 !important;
}
.create_offer .upload-wrap .nav-item .nav-link.active {
  font-weight: 700 !important;
}

.padleft-25 {
  padding-left: 15% !important;
}

.padleft-zero {
  padding-left: 0px !important;
}

.summary_info_text {
  border-left: 1px solid #808080 !important;
  position: relative;
  padding-left: 40px !important;
  padding-top: 45px !important;
  padding-bottom: 20px !important;
  top: -30px !important;
}
@media only screen and (max-width: 767px) {
  .summary_info_text {
    border: none !important;
  }
}
.summary_info_text::before {
  content: "";
  position: absolute;
  background-image: url("../../img/icons/Calculator.svg");
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  left: 115px;
  top: 0px;
}

.calculate-range input[type=range] {
  height: 8px;
  border: none !important;
  background: green;
}
.calculate-range input[type=range]:hover {
  border: none !important;
}
.calculate-range input[type=range]::-webkit-slider-thumb {
  background-color: transparent;
  border-radius: 0px;
  height: 18px;
  width: 14px;
  border: none;
  background-image: url(../../img/icons/range_input.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
}
.calculate-range input[type=range]::-moz-range-thumb {
  background-color: transparent;
  border-radius: 0px;
  height: 18px;
  width: 14px;
  border: none;
  background-image: url(../../img/icons/range_input.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
}

.card .calculate .calculate-range .calculate-range-input {
  background: #808080;
}

.description_empty {
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.description_empty img {
  height: 80%;
  width: 250px !important;
}

.partners .partner-list .item {
  transition: 0.1s ease-in;
}
.partners .partner-list .item:hover {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  transform: scale(1.03) !important;
  transition: 0.1s ease-in;
}

.upload-code-block .edit-wrap {
  border: none !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab {
  border: none !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item .nav-link {
  border-radius: 4px;
  background-color: #fff !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item .nav-link div,
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item .nav-link span {
  color: #000 !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item:hover .nav-link div,
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item:hover .nav-link span {
  color: #f75a01 !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item.active .nav-link div,
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item.active .nav-link span {
  color: #000 !important;
}
.upload-code-block .edit-wrap #edit-upload-head-tab .nav-item.active .nav-link {
  background-color: #ffe3d2 !important;
}
.upload-code-block .edit-wrap #edit-code {
  margin-top: 20px;
  border: 1px solid #808080;
  border-radius: 4px;
}

.marketplace-img .marketplace-PC img {
  background-color: #212937;
  border-radius: 50%;
  padding: 1px;
}
.marketplace-img .marketplace-Itunes img,
.marketplace-img .marketplace-Microsoft {
  background-color: #808080;
  padding: 3px;
  border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
  .transaction-to-payment-page .payments-section {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.keys-list .header-list {
  opacity: 0.9 !important;
}

#offer-grid-gold-filters input {
  color: #000 !important;
}

.section_title {
  margin-top: 30px;
  padding-left: 30px;
  font: 20px "Roboto-Light", sans-serif !important;
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 700 !important;
}
.section_title::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important;
}
.section_title.affiliate_title::before {
  background-image: url(../../img/icons/account/affiliate_black.svg);
}
.section_title.contact_title::before {
  background-image: url("../../img/icons/email_black.svg");
  top: 1px;
  height: 21px;
  width: 21px;
}
.section_title.ticket_title::before {
  background-image: url(../../img/icons/account/tickets-black.svg);
}
.section_title.dispute_title::before {
  background-image: url(../../img/icons/account/disputes-black.svg);
}
.section_title.money_title::before {
  background-image: url(../../img/icons/account/money-black.svg);
}
.section_title.offer_title::before {
  background-image: url(../../img/icons/account/offer-black.svg);
  width: 20px;
  height: 16px;
}
.section_title.order_title {
  padding-left: 33px;
}
.section_title.order_title::before {
  background-image: url("../../img/icons/purchase_order.svg");
  width: 21px;
  height: 21px;
}
.section_title .step-info-i {
  display: block !important;
  margin-top: 0px !important;
  margin-left: 10px;
}

.add_offer_img_left {
  height: 250px;
  display: flex;
  align-items: center;
}

.dropup.btn-group .dropdown-toggle {
  min-width: 150px;
  margin-bottom: 15px;
  padding: 10px 20px;
  border: 1px solid #dadada !important;
  background: #fff !important;
  color: #000 !important;
}
.dropup.btn-group .dropdown-toggle:hover, .dropup.btn-group .dropdown-toggle:focus {
  border: 1px solid #dadada !important;
  background: #fff !important;
}
.dropup.btn-group .dropdown-submenu a {
  border-left: 5px solid transparent !important;
  padding: 7px 5px;
}
.dropup.btn-group .dropdown-submenu a:hover {
  border: 1px solid #dadada !important;
  background: #fff !important;
}

@media only screen and (min-width: 767px) {
  .discount-multi-level-table .tgl-btn-green {
    margin: 0 auto;
  }
  .discount-multi-level-table .wrap-header-checkbox {
    width: auto !important;
  }
  .discount-multi-level-table .sort-link {
    position: relative;
  }
  .discount-multi-level-table .sort-link::after {
    padding-left: 0px;
  }
}

.add-offer-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-radius: 4px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .add-offer-block {
    flex-direction: column;
    padding: 20px;
  }
}
.add-offer-block__add-offer {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__add-offer {
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
  }
}
.add-offer-block__top-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.add-offer-block__title-wrap {
  width: 70%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__title-wrap {
    width: 100%;
  }
}
.add-offer-block__title {
  width: 100%;
  margin-bottom: 15px;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 34px;
}
@media only screen and (max-width: 992px) {
  .add-offer-block__title {
    font-size: 24px;
  }
}
.add-offer-block__description {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  color: #808080;
}
@media only screen and (max-width: 992px) {
  .add-offer-block__description {
    font-size: 20px;
  }
}
.add-offer-block__img {
  width: 100%;
  max-width: 250px;
  margin-top: -50px;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__img {
    display: none;
  }
}
.add-offer-block__img img {
  width: 100%;
}
.add-offer-block__controls-wrap {
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__controls-wrap {
    width: 100%;
  }
}
.add-offer-block__form {
  width: 100%;
}
.add-offer-block__input-wrap--mb15 {
  margin-bottom: 15px;
}
.add-offer-block__input-wrap--mt15 button {
  margin-top: 15px !important;
}
.add-offer-block__input-wrap .control-label {
  margin-top: 0px;
}
.add-offer-block__input-wrap.search-product-form {
  margin-top: 0;
}
.add-offer-block__input-wrap.type-product-form {
  z-index: 120;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__input-wrap .add-offer-block__text {
    font-size: 12px;
  }
}
.add-offer-block__input-title-wrap {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 5px;
}
.add-offer-block__input-title-wrap label {
  margin-bottom: 0 !important;
}
.add-offer-block__drop-block {
  border-radius: 4px !important;
  overflow: hidden;
  transition: 0.2s;
}
.add-offer-block__drop-block:hover, .add-offer-block__drop-block:focus {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.add-offer-block__drop-block.active {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.add-offer-block__input {
  position: relative;
  width: 100%;
}
.add-offer-block__input input {
  width: 100%;
  padding-left: 60px;
  border: 1px solid #808080;
  border-radius: 4px !important;
  background: #fff !important;
  transition: 0.2s;
}
.add-offer-block__input input:hover, .add-offer-block__input input:focus {
  border: none !important;
}
.add-offer-block__input img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
.add-offer-block__find-block {
  position: relative !important;
  border-radius: 0px 0px 4px 4px !important;
  border: none !important;
  transition: 0.2s;
}
.add-offer-block__find-block .list-view {
  border: none !important;
  border-radius: 0px !important;
  background: none !important;
}
.add-offer-block__find-block .list-view .item-list {
  border: none !important;
  border-radius: 0px !important;
  padding-top: 0 !important;
}
.add-offer-block__find-block .list-view .item-list::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}
.add-offer-block__find-block .list-view .item-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.add-offer-block__find-block .list-view .item-list::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  opacity: 0.3;
}
.add-offer-block__find-block .list-view .item-list > div {
  margin-left: 20px !important;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__find-block .list-view .item-list > div {
    margin-left: 10px !important;
  }
}
.add-offer-block__find-block .list-view .item-list .item {
  flex-direction: row !important;
  padding-bottom: 5px !important;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__find-block .list-view .item-list .item .card__img_ajax {
    padding: 0 !important;
  }
}
.add-offer-block__find-block .list-view .item-list .item .card__img_ajax img {
  width: 100%;
}
.add-offer-block__find-block .list-view .item-list .item .card__body_ajax {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .add-offer-block__find-block .list-view .item-list .item .card__body_ajax {
    padding-right: 10px !important;
  }
}
.add-offer-block__find-block .list-view .item-list .item .card__body_ajax .product_name {
  font-size: 14px !important;
}
.add-offer-block__find-block .list-view .count-list {
  margin-bottom: 10px;
  font-size: 14px !important;
}
.add-offer-block__find-block .list-view .count-list .summary {
  margin-left: 5px;
  margin-top: 0 !important;
}
.add-offer-block__text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #808080;
}
.add-offer-block__text a {
  color: #ff5c00;
}
.add-offer-block .custom-select-wrap {
  transition: 0.2s;
}
.add-offer-block .custom-select-wrap:hover, .add-offer-block .custom-select-wrap:focus {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.add-offer-block .custom-select-wrap .creat-offer-select li,
.add-offer-block .custom-select-wrap .creat-offer-select option,
.add-offer-block .custom-select-wrap .options-list li,
.add-offer-block .custom-select-wrap .options-list option {
  padding-left: 45px !important;
  position: relative;
}
.add-offer-block .custom-select-wrap .creat-offer-select li::before,
.add-offer-block .custom-select-wrap .creat-offer-select option::before,
.add-offer-block .custom-select-wrap .options-list li::before,
.add-offer-block .custom-select-wrap .options-list option::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #000;
}
.add-offer-block .custom-select-wrap .creat-offer-select li:nth-child(1)::before,
.add-offer-block .custom-select-wrap .creat-offer-select option:nth-child(1)::before,
.add-offer-block .custom-select-wrap .options-list li:nth-child(1)::before,
.add-offer-block .custom-select-wrap .options-list option:nth-child(1)::before {
  -webkit-mask-image: url("../../img/icons/header/game_card.svg");
}
.add-offer-block .custom-select-wrap .creat-offer-select li:nth-child(2)::before,
.add-offer-block .custom-select-wrap .creat-offer-select option:nth-child(2)::before,
.add-offer-block .custom-select-wrap .options-list li:nth-child(2)::before,
.add-offer-block .custom-select-wrap .options-list option:nth-child(2)::before {
  -webkit-mask-image: url("../../img/icons/header/pc_games.svg");
}
.add-offer-block .custom-select-wrap .creat-offer-select li:nth-child(3)::before,
.add-offer-block .custom-select-wrap .creat-offer-select option:nth-child(3)::before,
.add-offer-block .custom-select-wrap .options-list li:nth-child(3)::before,
.add-offer-block .custom-select-wrap .options-list option:nth-child(3)::before {
  -webkit-mask-image: url("../../img/icons/coins_stack.svg");
}
.add-offer-block .custom-select-wrap .creat-offer-select li:nth-child(4)::before,
.add-offer-block .custom-select-wrap .creat-offer-select option:nth-child(4)::before,
.add-offer-block .custom-select-wrap .options-list li:nth-child(4)::before,
.add-offer-block .custom-select-wrap .options-list option:nth-child(4)::before {
  -webkit-mask-image: url("../../img/icons/header/software.svg");
}
.add-offer-block .value {
  padding-left: 45px;
  position: relative;
}
.add-offer-block .value::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 6px;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #000;
  -webkit-mask-image: url("../../img/icons/header/game_card.svg");
}
.add-offer-block .value.add-offer-0::before {
  -webkit-mask-image: url("../../img/icons/header/game_card.svg");
}
.add-offer-block .value.add-offer-1::before {
  -webkit-mask-image: url("../../img/icons/header/pc_games.svg");
}
.add-offer-block .value.add-offer-2::before {
  -webkit-mask-image: url("../../img/icons/coins_stack.svg");
}
.add-offer-block .value.add-offer-3::before {
  -webkit-mask-image: url("../../img/icons/header/software.svg");
}

.offer-create-block {
  position: relative;
}
.offer-create-block__back-link {
  position: absolute;
  left: 20px;
  top: 30px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__back-link {
    left: 13px;
    top: 25px;
  }
}
.offer-create-block__block {
  background-color: #fff !important;
  border-radius: 4px !important;
  padding: 30px 30px !important;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__block {
    padding: 20px 20px !important;
  }
}
.offer-create-block__title-wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.offer-create-block__title-wrap--first {
  padding-top: 45px;
}
.offer-create-block__title-wrap--img-wrap {
  min-height: 131px;
}
.offer-create-block__title {
  margin-bottom: 15px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__title {
    margin-bottom: 0px;
  }
}
.offer-create-block__title span:first-child {
  margin-right: 10px;
}
.offer-create-block__title-img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .offer-create-block__title-img {
    display: none;
  }
}
.offer-create-block__decor-line {
  width: calc(100% - 90px);
  height: 1px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px !important;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__decor-line {
    margin-top: 20px;
    margin-bottom: 20px !important;
  }
}
.offer-create-block__decor-line--mob {
  display: none;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__decor-line--mob {
    display: block;
  }
}
.offer-create-block__form-fields {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__form-fields {
    align-items: flex-start;
  }
}
.offer-create-block__form-fields--start {
  align-items: flex-start;
}
.offer-create-block__form-fields--border {
  padding-bottom: 30px;
  margin-bottom: 30px !important;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__form-fields--border {
    padding-bottom: 20px;
    margin-bottom: 20px !important;
  }
}
.offer-create-block__form-fields--border::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: calc(100% - 90px);
  height: 1px;
  background: #d6d6d6;
}
.offer-create-block__form-fields--mb0 {
  margin-bottom: 0;
}
.offer-create-block__form-fields--mt0 {
  margin-top: 0 !important;
}
.offer-create-block__form-fields--wrap {
  margin-top: 15px;
  margin-bottom: 0;
  flex-wrap: wrap;
  align-items: flex-start;
}
.offer-create-block__form-fields--wrap .offer-create-block__title {
  margin-bottom: 0;
}
.offer-create-block__form-fields--wrap .field-offer-seller_status .control-label {
  display: none;
}
.offer-create-block__form-fields input {
  border: 1px solid #d6d6d6 !important;
}
.offer-create-block__form-fields input:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.offer-create-block__form-fields .custom-select-wrap.active .fake-select {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.offer-create-block__form-fields .custom-select-wrap .fake-select {
  border: 1px solid #d6d6d6 !important;
}
.offer-create-block__form-fields .custom-select-wrap .fake-select:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.offer-create-block__form-fields .offer_type_lock {
  border: 1px solid #d6d6d6 !important;
  border-radius: 4px;
  padding: 15px 28px 15px 18px;
}
.offer-create-block__form-fields .type-product-form {
  position: relative;
  z-index: 120;
}
.offer-create-block__form-fields .search-product-form {
  z-index: 100;
}
@media only screen and (max-width: 1200px) {
  .offer-create-block__form-fields .search-product-form .create-listing-msg {
    display: none;
  }
}
.offer-create-block__form-fields .smal-duration {
  width: 50% !important;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__form-fields .smal-duration {
    width: 100% !important;
  }
}
.offer-create-block__product-info {
  position: relative;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  font-size: 12px;
  padding: 0px 10px;
  padding-top: 17.5px;
  padding-bottom: 18px;
}
@media only screen and (max-width: 1200px) {
  .offer-create-block__product-info {
    min-height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .offer-create-block__product-info {
    margin-top: 20px;
  }
}
.offer-create-block__product-info img {
  max-height: 105px;
  min-height: 105px;
}
.offer-create-block__product-info .product-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
}
.offer-create-block__product-info .offer-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.0571991px;
  color: #808080;
}
.offer-create-block__product-info .shows_product {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #f75a01;
  right: 10px;
  bottom: 9px;
  position: absolute;
}
.offer-create-block__radiobox {
  margin-top: 15px;
}
.offer-create-block__radiobox .form-group {
  margin-top: 0 !important;
}
.offer-create-block__radiobox .radiobox-body .radio {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  width: 10.5%;
}
@media only screen and (max-width: 767px) {
  .offer-create-block__radiobox .radiobox-body .radio {
    width: 25%;
  }
}
.offer-create-block__radiobox .radiobox-body .radio input[type=radio] {
  display: none;
  position: absolute;
  margin-left: -20px;
}
.offer-create-block__radiobox .radiobox-body .radio input[type=radio] + span {
  background: url(/img/icons/radio-unchecked.svg) 0 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  height: 18px;
  top: 7px;
  left: 0;
  position: absolute;
}
.offer-create-block__radiobox .radiobox-body .radio input[type=radio]:checked + span {
  background: url(/img/icons/radio-checked.svg) 0 0 no-repeat;
}
.offer-create-block__radiobox .radiobox-body .radio label {
  padding-left: 25px;
  margin: 5px 0 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000;
  font-weight: 400;
  cursor: pointer;
  min-height: 20px;
}
.offer-create-block__upload-code {
  margin-top: 15px;
  margin-bottom: 15px;
}
.offer-create-block__upload-code .upload-wrap {
  margin-top: 15px;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs {
  display: flex;
  border: 0;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 4px !important;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item {
  width: 33.3%;
  min-height: 100%;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item::after {
  content: "";
  display: block;
  position: absolute;
  background: #808080;
  width: 1px;
  height: 70%;
  right: -1px;
  top: 15%;
  opacity: 0.6;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item:last-child::after {
  display: none;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item.active::after {
  display: none;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item.active .nav-link {
  background: #ffe3d2 !important;
  border: 1px solid #ffe3d2 !important;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item.active .nav-link::before {
  opacity: 0;
}
.offer-create-block__upload-code .upload-wrap .nav-tabs .nav-item .nav-link {
  width: 100% !important;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  border: none;
  padding: 17px 5px 17px;
  background: none;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid transparent !important;
}
.offer-create-block__upload-code .upload-info-text .desc {
  color: #000000;
  opacity: 0.5;
}
.offer-create-block__upload-code .file-uploader {
  margin-top: 10px;
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input {
  position: relative;
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input label {
  display: block;
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input .stock {
  display: none;
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input .choise {
  display: none;
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input .label {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  padding: 19px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 544px) {
  .offer-create-block__upload-code .file-uploader .wrap-upload-input .label {
    font-size: 12px;
  }
}
.offer-create-block__upload-code .file-uploader .wrap-upload-input .button {
  max-width: 150px;
  min-height: 100%;
  padding: 13px 30px 14px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 0px 4px 4px 0px;
  text-transform: uppercase;
  font: 14px "Roboto-Black", sans-serif;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.offer-create-block__upload-code .file-uploader .info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #000;
  opacity: 0.5;
}
.offer-create-block__upload-code .img-wrapper {
  position: relative;
  height: 230px;
  margin-top: 10px;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: scroll;
}
.offer-create-block__upload-code .img-wrapper::-webkit-scrollbar {
  width: 10px;
  position: absolute;
  right: 0;
}
.offer-create-block__upload-code .img-wrapper::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  opacity: 0.3;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info {
  padding-top: 10px;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info.invalid .ico-wrap img {
  width: 22px;
  min-width: 22px;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .row {
  display: flex;
  align-items: center;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap {
  background: #33384c;
  padding: 5px;
  width: 40px;
  border-radius: 4px 4px 4px 0;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file {
  width: 25px;
  min-width: 28px;
  background: url("/img/offer-pages/add-offer-text-key/empty.svg") 3px 0;
  background-size: contain;
  height: 35px;
  background-repeat: no-repeat;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.txt {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/006-txt.svg");
  background-position: 0;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.csv {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/001-csv.svg");
  background-position: 0;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.xls, .offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.xlsx {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/003-xls.svg");
  background-position: 0;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.doc {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/007-doc.svg");
  background-position: 0;
}
.offer-create-block__upload-code .upload-history .file-lists .file-info .ico-wrap .ico-file.zip {
  width: 26px;
  background-image: url("/img/offer-pages/add-offer-text-key/009-zip.svg");
  background-position: 0;
}
.offer-create-block__sumamry-wrap {
  margin-bottom: 15px;
}
.offer-create-block__input-wrap {
  position: relative;
}
.offer-create-block__input-wrap--with-icn input {
  padding-left: 55px !important;
}
.offer-create-block__input-wrap--with-icn img {
  width: 25px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}

.suggest-product__wrap {
  background-color: #fff;
  padding: 35px 50px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .suggest-product__wrap {
    padding: 25px 25px;
  }
}
.suggest-product__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.0909090909;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}
.suggest-product__controls {
  margin-bottom: 20px;
}
.suggest-product__controls .tabs-table {
  margin-top: 30px !important;
}
.suggest-product__controls .tabs-table .lang-list {
  margin-bottom: 20px !important;
  border-radius: 4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}
.suggest-product__controls .tabs-table .lang-list li {
  border-radius: 0 !important;
}
.suggest-product__controls .tabs-table .lang-list li:hover a h5 img {
  transform: scale(1.1);
}
.suggest-product__controls .tabs-table .lang-list li.active a {
  background: #ffe3d2 !important;
}
.suggest-product__controls .tabs-table .lang-list li.active a h5 img {
  transform: scale(1.1);
}
.suggest-product__controls .tabs-table .lang-list li a {
  background: #fff !important;
  border-radius: 0 !important;
}
.suggest-product__controls .tabs-table .lang-list li a h5 img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}
.suggest-product__controls .tab-content {
  padding: 0 !important;
}
.suggest-product__btns-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .suggest-product__btns-wrap {
    flex-wrap: wrap;
  }
}
.suggest-product__btn {
  width: 100% !important;
  max-width: 48% !important;
  min-height: 48px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  text-transform: uppercase;
  font-family: Avenir-Next-Bold !important;
  font-size: 14px;
  font-weight: 700;
  transition: 0.2s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .suggest-product__btn {
    max-width: 100% !important;
  }
  .suggest-product__btn:not(:last-child) {
    margin-bottom: 15px !important;
  }
}
.suggest-product__btn--submit {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff !important;
}
.suggest-product__btn--submit:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.suggest-product__btn--cancel {
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}
.suggest-product__btn--cancel:hover {
  background: none !important;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}

.card-product {
  width: 100% !important;
  position: relative !important;
  border-radius: 10px !important;
  margin-bottom: 30px !important;
  background: #fff !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  overflow: hidden !important;
}
.card-product__wrap {
  width: 100% !important;
  display: flex !important;
  position: relative !important;
}
@media only screen and (max-width: 767px) {
  .card-product__wrap {
    flex-direction: column;
  }
}
.card-product__col {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
}
.card-product__col--left {
  max-width: 35% !important;
  padding: 25px 25px !important;
  padding-bottom: 52px !important;
}
@media only screen and (max-width: 767px) {
  .card-product__col--left {
    max-width: 100% !important;
    padding: 20px !important;
    padding-bottom: 0px !important;
  }
}
.card-product__col--left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  height: calc(100% - 45px);
  margin: auto;
  background: #d6d6d6;
}
.card-product__bookmark-toggle {
  display: block !important;
  width: 20px !important;
  height: 25px !important;
  position: absolute;
  top: 25px !important;
  right: 25px !important;
  z-index: 20;
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img {
  width: 100%;
  min-height: 100%;
  position: relative;
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img.active img.noactive, .card-product__bookmark-toggle .card-product__bookmark-toggle-img:hover img.noactive {
  opacity: 0;
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img.active img.active, .card-product__bookmark-toggle .card-product__bookmark-toggle-img:hover img.active {
  opacity: 1;
  transform: scale(1.2);
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img img {
  position: absolute;
  width: 100%;
  min-height: 100%;
  transition: 0.3s;
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img img.active {
  opacity: 0;
}
.card-product__bookmark-toggle .card-product__bookmark-toggle-img img.noactive {
  filter: brightness(0.5);
}
.card-product__user-label {
  display: flex;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .card-product__user-label {
    margin-bottom: 10px;
  }
}
.card-product__user-avatar {
  position: relative;
  width: 90px;
  min-width: 90px;
  height: 90px;
  margin-right: 10px;
}
@media only screen and (max-width: 992px) {
  .card-product__user-avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
.card-product__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.card-product__user-avatar a img {
  width: 100%;
}
.card-product__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.card-product__user-name-wrap {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .card-product__user-name-wrap {
    margin-bottom: 5px;
  }
}
.card-product__user-name-wrap .card-product__user-name {
  max-width: 230px;
  width: fit-content;
  padding-right: 10px;
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #000000;
  line-height: 1 !important;
  -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
}
@media only screen and (max-width: 992px) {
  .card-product__user-name-wrap .card-product__user-name {
    font-size: 20px !important;
  }
}
.card-product__user-name-wrap .card-product__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.card-product__user-name-wrap .card-product__user-icn-verify.verify {
  display: block;
}
.card-product__achievement-wrap {
  display: flex;
  align-items: center;
}
.card-product__achievement-wrap span {
  display: flex;
  align-items: center;
}
.card-product__achievement-wrap .card-product__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-1, .card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-2, .card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-3, .card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.card-product__achievement-wrap .card-product__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.card-product__achievement-wrap .card-product__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.card-product__user-infofull-wrap {
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .card-product__user-infofull-wrap {
    display: none;
  }
}
.card-product__user-infofull-wrap .card-product__user-infofull-item {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: Avenir-Next;
}
.card-product__user-infofull-wrap .card-product__user-infofull-item:not(:last-child) {
  margin-bottom: 10px;
}
.card-product__user-infofull-wrap .card-product__user-infofull-item span {
  display: flex;
}
.card-product__user-infofull-wrap .card-product__user-infofull-item span:first-child {
  min-width: 51%;
}
.card-product__user-infofull-wrap .card-product__user-infofull-item span:last-child {
  margin-left: 6px;
}
.card-product__user-infofull-wrap .card-product__user-infofull-item img {
  margin-right: 6px;
}
.card-product__chat-btn-wrap {
  width: 100%;
  max-width: 170px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .card-product__chat-btn-wrap {
    margin-bottom: 10px;
  }
}
.card-product__chat-btn-wrap .card-product__chat-btn {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: 1px solid #f75a01;
  border-radius: 7px !important;
  font-family: Roboto-Black, sans-serif;
  color: #f75a01 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
.card-product__chat-btn-wrap .card-product__chat-btn:hover {
  background: transparent !important;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}
.card-product__chat-btn-wrap .card-product__chat-btn:hover img {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.card-product__chat-btn-wrap .card-product__chat-btn img {
  margin-right: 5px;
}
.card-product__product-img {
  width: 100%;
  height: 207px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .card-product__product-img {
    margin-bottom: 10px;
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .card-product__product-img {
    height: 190px;
    margin-bottom: 0;
  }
}
.card-product__product-img img {
  width: 100%;
  height: 207px;
}
@media only screen and (max-width: 992px) {
  .card-product__product-img img {
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .card-product__product-img img {
    height: 190px;
  }
}
.card-product__statistic {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .card-product__statistic {
    margin-bottom: 10px;
  }
}
.card-product__statistic .card-product__statistic-row {
  display: flex;
  align-items: center;
}
.card-product__statistic .card-product__statistic-row:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .card-product__statistic .card-product__statistic-row:not(:last-child) {
    margin-bottom: 5px;
  }
}
.card-product__statistic .card-product__statistic-title {
  margin-right: 5px;
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  line-height: 1.2857142857 !important;
  color: #000;
}
.card-product__statistic .card-product__statistic-info {
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.2857142857 !important;
  color: #000;
}
.card-product__trusted-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .card-product__trusted-wrap {
    position: static;
    padding-top: 25px;
  }
}
.card-product__trusted-wrap .trusted-discount-block {
  width: 100% !important;
  padding: 10px 0 25px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .card-product__trusted-wrap .trusted-discount-block {
    padding: 0;
  }
}
.card-product__trusted-wrap .trusted-discount-block .label-trusted {
  width: 100%;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  font-family: Roboto-Regular;
  font-size: 16px;
  line-height: 1 !important;
  color: #f75a01 !important;
  text-align: center;
  text-transform: uppercase;
}

.card-product-content {
  position: relative;
}
.card-product-content__wrap {
  width: 100% !important;
  padding: 25px 25px !important;
}
@media only screen and (max-width: 767px) {
  .card-product-content__wrap {
    padding: 20px 20px !important;
  }
}
.card-product-content__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.card-product-content__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .card-product-content__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.card-product-content__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .card-product-content__text--md {
    font-size: 14px;
    line-height: 1.0666666667;
  }
}
.card-product-content__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.card-product-content__title {
  max-width: calc(100% - 35px);
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .card-product-content__title {
    margin-bottom: 10px;
  }
}
.card-product-content__info-icons-wrap {
  width: 100%;
  margin: 0 !important;
  margin-bottom: 25px !important;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .card-product-content__info-icons-wrap {
    margin-bottom: 10px !important;
  }
}
.card-product-content__info-icons-wrap .marketplace-img {
  height: 40px;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  letter-spacing: 0.0898843px;
  text-transform: uppercase;
  line-height: 12px;
  float: left;
  margin-right: 10px;
}
.card-product-content__info-icons-wrap .marketplace-img .step-info {
  width: auto;
  height: auto;
}
.card-product-content__info-icons-wrap .marketplace-img .step-info .step-info-i {
  width: auto;
  height: 40px;
  padding: 0;
  display: block !important;
  background: none !important;
}
.card-product-content__info-icons-wrap .marketplace-img .step-info .step-info-i img {
  width: 100%;
  height: 40px;
}
.card-product-content__info-icons-wrap .marketplace-img .step-info .step-info-i .step-info-msg {
  width: 300px;
  top: 35px;
  bottom: auto;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon {
  position: relative;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon--country {
  width: auto;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon .step-info {
  display: block;
  width: 100%;
  min-height: 100%;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon .step-info .step-info-i {
  display: block;
  width: 100%;
  min-height: 100%;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon .step-info .step-info-i:hover .step-info-msg {
  display: block;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon .step-info .step-info-i img {
  width: 100%;
  min-height: 100%;
  height: 40px;
}
.card-product-content__info-icons-wrap .card-product-content__info-icon .step-info .step-info-msg {
  left: 50px;
  bottom: auto;
  top: -55px;
}
.card-product-content__product-info-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .card-product-content__product-info-wrap {
    flex-direction: column;
  }
}
.card-product-content__product-info-wrap .card-product-content__product-info-col {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .card-product-content__product-info-wrap .card-product-content__product-info-col {
    width: 100%;
  }
}
.card-product-content__product-info-item {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .card-product-content__product-info-item {
    justify-content: space-between;
  }
}
.card-product-content__product-info-item--w50 {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .card-product-content__product-info-item--w50 {
    width: 100%;
  }
}
.card-product-content__product-info-item span {
  display: flex;
  align-items: center;
}
.card-product-content__product-info-item span:first-child {
  min-width: 35%;
}
.card-product-content__product-info-item img {
  width: 20px;
  margin-right: 5px;
}
.card-product-content__product-info-message {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .card-product-content__product-info-message {
    margin-bottom: 15px;
  }
}
.card-product-content__warn-block {
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  background: #ededed;
  border: 1px solid #f75a01;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .card-product-content__warn-block {
    margin-bottom: 10px;
  }
}
.card-product-content__warn-block .card-product-content__warn-img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
}
.card-product-content__warn-block .card-product-content__warn-img img {
  width: 100%;
}
.card-product-content__warn-block .card-product-content__warn-text {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-family: Avenir-Next;
  font-size: 14px;
  line-height: 1.2857142857;
}
.card-product-content__warn-block .card-product-content__warn-text span:not(:last-child) {
  margin-right: 8px;
}
.card-product-content__controls-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .card-product-content__controls-wrap {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.card-product-content__btns-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .card-product-content__btns-wrap {
    width: 100%;
  }
}
.card-product-content__btn {
  width: 100% !important;
  min-width: 170px !important;
  max-width: 170px !important;
  min-height: 45px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 7px !important;
  font-family: Avenir-Next-Bold !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 0.3s !important;
}
.card-product-content__btn:not(:last-child) {
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 480px) {
  .card-product-content__btn {
    max-width: 100% !important;
  }
}
.card-product-content__btn--by-now {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff !important;
}
.card-product-content__btn--by-now:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%) !important;
}
.card-product-content__btn--by-now:hover::before {
  transform: rotateY(180deg) !important;
}
.card-product-content__btn--by-now::before {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  left: 17px;
  background-size: cover;
  background-repeat: no-repeat !important;
  background-position: center;
  background-image: url(../../img/icons/casa.png) !important;
  transition: 0.3s;
}
.card-product-content__btn--add {
  padding-left: 20px !important;
  background: none !important;
  background-color: transparent !important;
  border: 1px solid #f75a01 !important;
  color: #f75a01 !important;
}
.card-product-content__btn--add:hover {
  background: none !important;
  background-color: transparent !important;
  border: 1px solid #f75a01 !important;
  color: #f75a01 !important;
}
.card-product-content__btn--add:hover::before {
  transform: rotateY(180deg) !important;
}
.card-product-content__btn--add::before {
  content: "";
  position: absolute;
  height: 17px;
  width: 17px;
  left: 17px;
  display: block;
  background-image: url(../../img/icons/buy_png1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.card-product-content__btn--added {
  background: none !important;
  background-color: transparent !important;
  border: 1px solid #f75a01 !important;
  color: #f75a01 !important;
}
.card-product-content__btn--added::before {
  display: none;
}
.card-product-content__btn--added:hover {
  background: none !important;
  background-color: transparent !important;
  border: 1px solid #f75a01 !important;
  color: #f75a01 !important;
}
.card-product-content__details-wrap {
  width: 100%;
}
.card-product-content__details-wrap .card-product-content__details-btn {
  position: relative !important;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding-right: 20px !important;
  transition: 0.2s !important;
  color: #808080;
}
.card-product-content__details-wrap .card-product-content__details-btn::before {
  content: "";
  height: 7.5px;
  width: 15px;
  position: absolute;
  right: 0px;
  top: 4px;
  display: block;
  background-image: url(../../img/icons/menu_down_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  transition: 0.2s !important;
}
.card-product-content__details-wrap .card-product-content__details-btn.show-details-btn-up {
  color: #f75a01 !important;
}
.card-product-content__details-wrap .card-product-content__details-btn.show-details-btn-up::before {
  background-image: url(../../img/icons/menu_up_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
}
.card-product-content__details-wrap .card-product-content__details-text {
  width: 100%;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.2857142857;
}
.card-product-content__offer-card .card-product-content__controls-wrap {
  margin-top: 12%;
}
@media only screen and (max-width: 767px) {
  .card-product-content__offer-card .card-product-content__controls-wrap {
    margin-top: 0;
  }
}

.card-calculator {
  width: 100%;
}
.card-calculator__wrap {
  max-width: 185px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .card-calculator__wrap {
    margin-bottom: 10px;
  }
}
.card-calculator__text {
  font-family: "Roboto", sans-serif;
  color: #000;
  margin-bottom: 5px;
}
.card-calculator__text--md {
  font-size: 14px;
  line-height: 1.1428571429;
}
.card-calculator__per-one {
  margin-bottom: 10px;
}
.card-calculator__input-wrap {
  width: 100%;
  margin-bottom: 10px;
}
.card-calculator__input-block {
  max-width: 100%;
  width: 120px;
  position: relative;
  padding: 0 !important;
}
.card-calculator__input-block .card-calculator__input {
  width: 100%;
}
.card-calculator__input-block .card-calculator__input input {
  width: 100%;
  min-height: 38px !important;
  padding: 0 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  font-family: "Avenir-Next", sans-serif !important;
  color: #000 !important;
  font-weight: 600 !important;
  line-height: 0 !important;
  text-align: center !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.card-calculator__input-block .card-calculator__input input::placeholder {
  font-family: "Avenir-Next", sans-serif !important;
  font-weight: 600;
}
.card-calculator__input-block .card-calculator__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
  padding: 3px;
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  background-position: center center;
  background-repeat: no-repeat;
}
.card-calculator__input-block .card-calculator__btn:hover {
  background-color: rgba(78, 138, 255, 0.2);
}
.card-calculator__input-block .card-calculator__btn.up {
  right: 5px;
  background-image: url("/img/product/plus.svg");
}
.card-calculator__input-block .card-calculator__btn.up:hover {
  background-color: rgba(78, 138, 255, 0.2);
  background-image: url("/img/product/plus_hover.svg");
}
.card-calculator__input-block .card-calculator__btn.down {
  left: 5px;
  background-image: url("/img/product/minus.svg");
}
.card-calculator__input-block .card-calculator__btn.down:hover {
  background-image: url("/img/product/minus_hover.svg");
}
.card-calculator__total-price {
  position: relative;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 26px;
  text-align: center;
}
.card-calculator__total-price--value {
  position: relative !important;
  margin: 0 !important;
}
.card-calculator__total-price--value span {
  font-size: 21px;
  margin: 10px;
  position: absolute;
  top: -15px;
  left: 100%;
  margin-left: 0;
}
.card-calculator__total-card-product.card-calculator__wrap {
  margin: 0 auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .card-calculator__total-card-product.card-calculator__wrap {
    margin-bottom: 0;
  }
}
.card-calculator__total-card-product .card-calculator__input-block {
  margin-bottom: 10px;
}
.card-calculator__total-card-product .card-calculator__total-price {
  font-size: 20px;
}

.shop-card__wrap {
  width: 100%;
  padding: 25px 25px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
}
.shop-card__wrap-flex {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-card__wrap-flex {
    flex-wrap: wrap;
  }
}
.shop-card__decor-line {
  position: relative;
  width: 1px;
  min-height: 100%;
  margin: 0 20px;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .shop-card__decor-line {
    width: 100%;
    height: 1px;
    margin: 5px 0 10px;
  }
}
.shop-card__user-info-block {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .shop-card__user-info-block {
    width: 100%;
  }
}
.shop-card__user-label {
  display: flex;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .shop-card__user-label {
    margin-bottom: 10px;
  }
}
.shop-card__user-avatar {
  position: relative;
  width: 90px;
  min-width: 90px;
  height: 90px;
  margin-right: 10px;
}
@media only screen and (max-width: 992px) {
  .shop-card__user-avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
.shop-card__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.shop-card__user-avatar a img {
  width: 100%;
}
.shop-card__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.shop-card__user-name-wrap {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .shop-card__user-name-wrap {
    margin-bottom: 5px;
  }
}
.shop-card__user-name-wrap .shop-card__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #000000;
  line-height: 1 !important;
}
@media only screen and (max-width: 992px) {
  .shop-card__user-name-wrap .shop-card__user-name {
    font-size: 20px !important;
  }
}
.shop-card__user-name-wrap .shop-card__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.shop-card__user-name-wrap .shop-card__user-icn-verify.verify {
  display: block;
}
.shop-card__achievement-wrap {
  display: flex;
  align-items: center;
}
.shop-card__achievement-wrap span {
  display: flex;
  align-items: center;
}
.shop-card__achievement-wrap .shop-card__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-1, .shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-2, .shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-3, .shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.shop-card__achievement-wrap .shop-card__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.shop-card__achievement-wrap .shop-card__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.shop-card__statistic {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .shop-card__statistic {
    margin-bottom: 10px;
  }
}
.shop-card__statistic .shop-card__statistic-row {
  display: flex;
  align-items: center;
}
.shop-card__statistic .shop-card__statistic-row:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .shop-card__statistic .shop-card__statistic-row:not(:last-child) {
    margin-bottom: 5px;
  }
}
.shop-card__statistic .shop-card__statistic-title {
  margin-right: 5px;
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  line-height: 1.2857142857 !important;
  color: #000;
}
.shop-card__statistic .shop-card__statistic-info {
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.2857142857 !important;
  color: #000;
}
.shop-card__product-info-wrap {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shop-card__product-info-wrap {
    width: 100%;
  }
}
.shop-card__product-title {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 1.2727272727;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .shop-card__product-title {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767px) {
  .shop-card__product-title {
    margin-bottom: 10px;
  }
}
.shop-card__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.shop-card__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .shop-card__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.shop-card__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .shop-card__text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.shop-card__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.shop-card__product-info-item {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .shop-card__product-info-item {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .shop-card__product-info-item {
    justify-content: space-between;
    margin-bottom: 5px;
  }
}
.shop-card__product-info-item span {
  display: flex;
  align-items: center;
}
.shop-card__product-info-item span:first-child {
  min-width: 50%;
}
.shop-card__product-info-item img {
  width: 20px;
  margin-right: 5px;
}
.shop-card__product-info-item--delivery-methods {
  align-items: flex-start;
}
.shop-card__product-info-item--delivery-methods span:nth-child(2) {
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .shop-card__product-info-item--delivery-methods span:nth-child(2) {
    justify-content: flex-end;
  }
}
.shop-card__product-info-item--delivery-methods .step-info {
  width: fit-content !important;
}
.shop-card__product-info-item--delivery-methods .step-info .step-info-i {
  width: auto !important;
  background: none !important;
}
.shop-card__product-info-item--delivery-methods .step-info .step-info-msg {
  display: none;
}
.shop-card__product-info-item--delivery-methods .step-info br {
  display: none;
}
.shop-card__product-info-item--coins span {
  width: fit-content !important;
}
.shop-card__product-info-item--coins span:first-child span {
  margin-right: 5px;
}
.shop-card__product-info-item--coins img {
  width: 25px;
  height: 25px;
}
.shop-card__controls-wrap {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .shop-card__controls-wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}
.shop-card__total-price {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shop-card__price-item {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.shop-card__price-text {
  position: relative;
  font-family: "Roboto", sans-serif;
  color: #000;
}
.shop-card__price-text--lg {
  font-size: 26px;
  line-height: 1.0769230769;
}
.shop-card__price-text--md {
  font-size: 16px;
  line-height: 1.125;
}
.shop-card__price-text--value span {
  font-size: 21px;
  margin: 10px;
  position: absolute;
  top: -15px;
  left: 100%;
  margin-left: 0;
}
.shop-card__btn-edit {
  width: 100%;
  max-width: 170px;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.shop-card__btn-edit:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}
.shop-card__details-wrap {
  width: 100%;
}
.shop-card__details-wrap .shop-card__details-btn {
  position: relative !important;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding-right: 20px !important;
  transition: 0.2s !important;
  color: #808080;
}
.shop-card__details-wrap .shop-card__details-btn::before {
  content: "";
  height: 7.5px;
  width: 15px;
  position: absolute;
  right: 0px;
  top: 4px;
  display: block;
  background-image: url(../../img/icons/menu_down_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  transition: 0.2s !important;
}
.shop-card__details-wrap .shop-card__details-btn.show-details-btn-up {
  color: #f75a01 !important;
}
.shop-card__details-wrap .shop-card__details-btn.show-details-btn-up::before {
  background-image: url(../../img/icons/menu_up_arrow.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
}
.shop-card__details-wrap .shop-card__details-text {
  width: 100%;
  max-width: 50%;
  padding: 0 15px;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.2857142857;
}
@media only screen and (max-width: 767px) {
  .shop-card__details-wrap .shop-card__details-text {
    max-width: 100%;
    padding: 0;
  }
}

.adena-card {
  position: relative;
}
.adena-card__wrap {
  width: 100%;
  width: 100%;
  padding: 25px 25px !important;
  display: flex;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .adena-card__wrap {
    flex-direction: column;
    padding: 20px 20px !important;
  }
}
.adena-card__decor-line {
  position: relative;
  width: 1px;
  min-height: 100%;
  margin: 0 20px;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .adena-card__decor-line {
    width: 100%;
    height: 1px;
    margin: 5px 0 10px;
  }
}
.adena-card__user-info-block {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .adena-card__user-info-block {
    width: 100%;
  }
}
.adena-card__user-label {
  display: flex;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .adena-card__user-label {
    margin-bottom: 10px;
  }
}
.adena-card__user-avatar {
  position: relative;
  width: 90px;
  min-width: 90px;
  height: 90px;
  margin-right: 10px;
}
@media only screen and (max-width: 992px) {
  .adena-card__user-avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__user-avatar {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }
}
.adena-card__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.adena-card__user-avatar a img {
  width: 100%;
}
.adena-card__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.adena-card__user-name-wrap {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .adena-card__user-name-wrap {
    margin-bottom: 5px;
  }
}
.adena-card__user-name-wrap .adena-card__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #000000;
  line-height: 1 !important;
}
@media only screen and (max-width: 992px) {
  .adena-card__user-name-wrap .adena-card__user-name {
    font-size: 20px !important;
  }
}
.adena-card__user-name-wrap .adena-card__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.adena-card__user-name-wrap .adena-card__user-icn-verify.verify {
  display: block;
}
.adena-card__achievement-wrap {
  display: flex;
  align-items: center;
}
.adena-card__achievement-wrap span {
  display: flex;
  align-items: center;
}
.adena-card__achievement-wrap .adena-card__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-1, .adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-2, .adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-3, .adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.adena-card__achievement-wrap .adena-card__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.adena-card__achievement-wrap .adena-card__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.adena-card__statistic {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .adena-card__statistic {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__statistic {
    display: none;
  }
}
.adena-card__statistic .adena-card__statistic-row {
  display: flex;
  align-items: center;
}
.adena-card__statistic .adena-card__statistic-row:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .adena-card__statistic .adena-card__statistic-row:not(:last-child) {
    margin-bottom: 5px;
  }
}
.adena-card__statistic .adena-card__statistic-title {
  margin-right: 5px;
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  line-height: 1.2857142857 !important;
  color: #000;
}
.adena-card__statistic .adena-card__statistic-info {
  font-family: Avenir-Next !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.2857142857 !important;
  color: #000;
}
.adena-card__chat-btn-wrap {
  width: 100%;
  max-width: 170px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .adena-card__chat-btn-wrap {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__chat-btn-wrap {
    display: none;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.adena-card__chat-btn-wrap .adena-card__chat-btn {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: 1px solid #f75a01;
  border-radius: 7px !important;
  font-family: Roboto-Black, sans-serif;
  color: #f75a01 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
.adena-card__chat-btn-wrap .adena-card__chat-btn:hover {
  background: transparent !important;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
}
.adena-card__chat-btn-wrap .adena-card__chat-btn:hover img {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.adena-card__chat-btn-wrap .adena-card__chat-btn img {
  margin-right: 5px;
}
.adena-card__product-info-wrap {
  width: 45%;
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-wrap {
    width: 100%;
  }
}
.adena-card__product-title {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 1.2727272727;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .adena-card__product-title {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__product-title {
    margin-bottom: 10px;
  }
}
.adena-card__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.adena-card__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .adena-card__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.adena-card__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .adena-card__text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.adena-card__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.adena-card__product-info-item {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .adena-card__product-info-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
}
.adena-card__product-info-item--mb0 {
  margin-bottom: 0;
}
.adena-card__product-info-item span {
  display: flex;
  align-items: center;
}
.adena-card__product-info-item span:first-child {
  min-width: 55%;
}
@media only screen and (max-width: 992px) {
  .adena-card__product-info-item span:first-child {
    min-width: fit-content;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-item span:first-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-item span:last-child {
    text-align: right;
  }
}
.adena-card__product-info-item img {
  width: 20px;
  margin-right: 5px;
}
.adena-card__product-info-item--delivery-methods {
  align-items: flex-start;
}
.adena-card__product-info-item--delivery-methods span:nth-child(2) {
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .adena-card__product-info-item--delivery-methods span:nth-child(2) span {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-item--delivery-methods span:nth-child(2) {
    justify-content: flex-end;
  }
}
.adena-card__product-info-item .step-info {
  width: fit-content !important;
  min-width: fit-content !important;
}
.adena-card__product-info-item .step-info .step-info-i {
  width: auto !important;
  min-height: auto !important;
  background: none !important;
}
.adena-card__product-info-item .step-info .step-info-msg {
  display: none;
}
.adena-card__product-info-item .step-info br {
  display: none;
}
.adena-card__product-info-item--coins span {
  width: fit-content !important;
}
.adena-card__product-info-item--coins span:first-child span {
  margin-right: 5px;
}
.adena-card__product-info-item--coins img {
  width: 25px;
  height: 25px;
}
@media only screen and (max-width: 767px) {
  .adena-card__product-info-item--min-adena {
    align-items: flex-start;
  }
}
.adena-card__product-info-item--all-adena span:first-child {
  min-width: auto;
  margin-right: 6px;
}
.adena-card__controls-wrap {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .adena-card__controls-wrap {
    width: 100%;
  }
}
.adena-card__controls-wrap .adena-card__product-info-item {
  justify-content: center;
}
.adena-card__total-price {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adena-card__price-item {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.adena-card__price-text {
  position: relative;
  font-family: "Roboto", sans-serif;
  color: #000;
}
.adena-card__price-text--lg {
  font-size: 26px;
  line-height: 1.0769230769;
}
.adena-card__price-text--md {
  font-size: 16px;
  line-height: 1.125;
}
.adena-card__price-text--value span {
  font-size: 21px;
  margin: 10px;
  position: absolute;
  top: -15px;
  left: 100%;
  margin-left: 0;
}
.adena-card__price-text--total-txt {
  margin-right: 6px;
}
.adena-card__btn {
  width: 100%;
  max-width: 170px;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.adena-card__btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}
.adena-card__btn--added {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}
.adena-card__range-calculator {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .adena-card__range-calculator {
    padding-bottom: 10px;
  }
}
.adena-card__range-calculator .calculate-range {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .adena-card__range-calculator .calculate-range {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.adena-card__range-calculator .calculate-range .calculate-range-input {
  background: #cecece;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .adena-card__range-calculator .calculate_inputs {
    height: auto !important;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__range-calculator .calculate_inputs {
    flex-direction: row;
    align-items: flex-start !important;
  }
}
@media only screen and (max-width: 992px) {
  .adena-card__range-calculator .calculate-count {
    width: 100% !important;
    min-width: 100% !important;
  }
  .adena-card__range-calculator .calculate-count:not(:last-child) {
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__range-calculator .calculate-count {
    width: 45% !important;
    min-width: 45% !important;
  }
}
@media only screen and (max-width: 992px) {
  .adena-card__range-calculator .coin_inputs_arrow {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .adena-card__range-calculator .coin_inputs_arrow {
    margin-top: 10px;
  }
}

.total-card-product {
  position: relative;
}
.total-card-product__wrap:not(:first-child) {
  margin-top: 20px !important;
}
.total-card-product__wrap {
  transition: 1s all;
  right: 0%;
  opacity: 1;
  max-height: 1300px;
}
.total-card-product__wrap.removed {
  right: 100%;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}
.total-card-product__delete-button {
  position: relative;
  cursor: pointer;
}
.total-card-product__delete-button:hover .img-hover-block img.hov {
  opacity: 1;
}
.total-card-product__delete-button:hover .img-hover-block img.nohov {
  opacity: 0;
}
.total-card-product__delete-button .img-hover-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  min-height: 20px;
}
.total-card-product__delete-button .img-hover-block img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  transition: 0.2s;
}
.total-card-product__delete-button .img-hover-block img.hov {
  opacity: 0;
}
.total-card-product__delete-button .img-hover-block img.nohov {
  opacity: 1;
}
.total-card-product__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.total-card-product__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .total-card-product__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.total-card-product__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .total-card-product__text--md {
    font-size: 14px;
    line-height: 1.0666666667;
  }
}
.total-card-product__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.total-card-product__img-wrap {
  height: 100%;
}
.total-card-product__img {
  height: 156px;
  clip-path: polygon(0% 5.128%, 0% 5.128%, 0.034% 4.297%, 0.132% 3.508%, 0.288% 2.772%, 0.498% 2.1%, 0.756% 1.503%, 1.056% 0.99%, 1.394% 0.573%, 1.764% 0.262%, 2.161% 0.067%, 2.579% 0%, 97.466% 0%, 97.466% 0%, 97.938% 0.085%, 98.379% 0.329%, 98.783% 0.717%, 99.143% 1.231%, 99.452% 1.856%, 99.703% 2.576%, 99.891% 3.375%, 100.007% 4.236%, 100.046% 5.143%, 100% 6.081%, 91.467% 95.824%, 91.467% 95.824%, 91.373% 96.53%, 91.234% 97.189%, 91.052% 97.794%, 90.832% 98.34%, 90.578% 98.82%, 90.294% 99.228%, 89.983% 99.556%, 89.65% 99.798%, 89.298% 99.948%, 88.933% 100%, 2.579% 100%, 2.579% 100%, 2.161% 99.933%, 1.764% 99.738%, 1.394% 99.427%, 1.056% 99.01%, 0.756% 98.497%, 0.498% 97.9%, 0.288% 97.228%, 0.132% 96.492%, 0.034% 95.703%, 0% 94.872%, 0% 5.128%);
}
@media screen and (max-width: 767px) {
  .total-card-product__img {
    clip-path: none;
    border-radius: 8px 8px 0 0;
    height: 164px;
    overflow: hidden;
    position: relative;
  }
  .total-card-product__img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    backdrop-filter: blur(25px);
    background: rgba(80, 80, 80, 0.05);
  }
}
.total-card-product__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.total-card-product__info {
  position: relative;
  margin-left: -16px;
  padding: 20px 20px 20px 40px;
  background-image: url("/img/cart/cart-bg.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
}
@media screen and (max-width: 767px) {
  .total-card-product__info {
    padding: 0 15px;
    margin-left: 0;
    background-image: unset !important;
  }
}
.total-card-product__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(7.76% 100%, 1.8% 100%, 1.8% 100%, 1.524% 99.918%, 1.266% 99.68%, 1.029% 99.304%, 0.817% 98.803%, 0.634% 98.193%, 0.484% 97.489%, 0.371% 96.708%, 0.298% 95.863%, 0.27% 94.97%, 0.29% 94.045%, 4.663% 4.301%, 4.663% 4.301%, 4.714% 3.578%, 4.794% 2.902%, 4.901% 2.278%, 5.031% 1.716%, 5.182% 1.221%, 5.352% 0.8%, 5.539% 0.46%, 5.739% 0.209%, 5.951% 0.053%, 6.173% 0%, 7.76% 0%, 7.76% 100%, 7.76% 0%, 7.76% 100%, 98.47% 100%, 98.718% 99.933%, 98.954% 99.738%, 99.173% 99.427%, 99.373% 99.01%, 99.552% 98.497%, 99.705% 97.9%, 99.829% 97.228%, 99.922% 96.492%, 99.98% 95.703%, 100% 94.872%, 100% 94.872%, 100% 5.128%, 99.98% 4.297%, 99.922% 3.508%, 99.829% 2.772%, 99.705% 2.1%, 99.552% 1.503%, 99.373% 0.99%, 99.173% 0.573%, 98.954% 0.262%, 98.718% 0.067%, 98.47% 0%, 98.47% 0%, 7.76% 0%);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .total-card-product__info::before {
    display: none;
  }
}
.total-card-product__info-wrap {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
@media screen and (max-width: 767px) {
  .total-card-product__info-wrap {
    padding: 15px;
    background: #fff;
    gap: 15px;
    border-radius: 0 0 8px 8px;
  }
  .total-card-product__info-wrap .total-card-product__text-block .total-card-product__text {
    white-space: nowrap;
  }
}
.total-card-product__form {
  margin-top: 10px;
  background-color: #fff;
  border-radius: 8px;
}
.total-card-product__dropdown {
  cursor: pointer;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .total-card-product__dropdown {
    padding: 15px;
  }
}
.total-card-product__dropdown-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #9d9d9d;
  margin-left: 0;
  margin-right: auto;
}
.total-card-product__checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/cart/check.svg);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
  transition: 0.3s all;
}
.total-card-product__checkmark.active {
  background-image: url(../img/cart/check-active.svg);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.total-card-product__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.total-card-product__arrow.active {
  transform: rotate(180deg);
}
.total-card-product__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.total-card-product__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.total-card-product__title {
  display: flex;
  align-items: center;
  flex: 0 1 100%;
  height: 32px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #505050;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.total-card-product__title::after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(90deg);
}
.total-card-product__text-block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.total-card-product__text {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #9d9d9d;
}
.total-card-product__text-icon {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
}
.total-card-product__text-icon:hover .total-card-product__product-info-container {
  display: block;
}
@media screen and (max-width: 767px) {
  .total-card-product__text-icon {
    width: 100%;
    justify-content: flex-start;
  }
  .total-card-product__text-icon .total-card-product__product-info-container {
    left: auto;
    right: 0;
  }
  .total-card-product__text-icon .total-card-product__product-info-container .total-card-product__product-info-wrap:before {
    content: unset;
  }
  .total-card-product__text-icon .total-card-product__product-info-container .total-card-product__product-info-wrap .total-card-product__product-info-item-text {
    text-align: right;
  }
}
.total-card-product__product-info-container {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 16px;
  left: -20px;
  z-index: 5;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
  min-width: 350px;
}
.total-card-product__product-info-container.online .total-card-product__product-info-wrap:before {
  border-bottom: 12px solid #FFF;
}
.total-card-product__product-info-container .horizontal-divider {
  background-color: #E5E5E5;
  height: 1px;
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;
}
.total-card-product__product-info-container .offer-name {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  color: #505050;
  margin: 15px;
}
.total-card-product__product-info-container .total-card-product__product-description {
  color: #9D9D9D;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  margin: 15px;
}
.total-card-product__product-info-container .total-card-product__text {
  color: #C9C9C9;
}
@media screen and (max-width: 767px) {
  .total-card-product__product-info-container {
    left: unset;
    min-width: 300px;
  }
  .total-card-product__product-info-container .total-card-product__product-info-wrap {
    flex-direction: column;
  }
  .total-card-product__product-info-container .total-card-product__product-info-wrap .total-card-product__product-info-column {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}
.total-card-product__product-region {
  background-color: #F6F5FA;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.total-card-product__product-region .flag {
  min-width: 30px;
  height: 30px;
  border-radius: 4px;
}
.total-card-product__product-region .vertical-divider {
  background-color: #E5E5E5;
  min-width: 1px;
  height: 30px;
}
.total-card-product__product-region .region-info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.total-card-product__product-region .region-info .region-access-ico {
  height: 24px;
  margin-right: 0;
}
.total-card-product__product-region .region-info .region-access-ico img {
  width: 24px;
  height: 24px;
}
.total-card-product__product-region .region-info .region-info-modal__status-text {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  color: #505050;
  font-size: 14px;
  line-height: 140%;
}
.total-card-product__product-region .region-info .region-info-modal__status-text .region-info-modal__status-coutnry {
  display: inline-block;
}
.total-card-product__product-region .region-info .region-info-modal__status-text a {
  color: #4E8AFF;
}
.total-card-product__product-info-wrap {
  display: flex;
  margin: 15px 0;
  padding: 0 15px;
}
.total-card-product__product-info-wrap .total-card-product__product-info-col {
  width: 100%;
}
.total-card-product__product-info-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #F6F5FA;
}
.total-card-product__product-info-column {
  display: table;
}
.total-card-product__product-info-column:not(:last-child) {
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
  margin-right: 20px;
}
.total-card-product__product-info-item {
  display: table-row;
  width: 100%;
}
.total-card-product__product-info-item:not(:last-child) span {
  padding-bottom: 5px;
}
.total-card-product__product-info-item span {
  display: table-cell;
  position: relative;
}
.total-card-product__product-info-item span:first-child {
  padding-left: 25px;
  padding-right: 10px;
}
.total-card-product__product-info-item img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-top: -1px;
}
.total-card-product__product-info-item-text {
  white-space: nowrap;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1f1f1f;
}
.total-card-product__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.total-card-product__footer .card-calculator__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin: 0;
  margin-left: auto;
  max-width: none;
  flex: 0 0 260px;
}
@media screen and (max-width: 767px) {
  .total-card-product__footer .card-calculator__wrap {
    flex: 0 0 100%;
    justify-content: space-between;
  }
}
.total-card-product__footer .card-calculator__input-block {
  margin-bottom: 0;
}
.total-card-product__footer .card-calculator__total-price {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: right;
  color: #505050;
  min-width: 120px;
}
.total-card-product__user-container {
  display: none;
  width: 280px;
  position: absolute;
  top: 100%;
  margin-top: 16px;
  left: -14px;
  z-index: 2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
.total-card-product__user-container::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fff;
}
.total-card-product__user-container:after {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .total-card-product__user-container {
    left: 50%;
    transform: translateX(-50%);
  }
  .total-card-product__user-container:before {
    left: 50%;
  }
  .total-card-product__user-container .total-card-product__user-name {
    max-width: 170px;
  }
}
.total-card-product__user-container-header {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.total-card-product__user-container-header .total-card-product__user-avatar {
  min-width: 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.total-card-product__user-container-footer {
  padding: 0 15px 12px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.total-card-product__user-container-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  gap: 20px 10px;
}
.total-card-product__user-container-item {
  width: calc((100% - 20px) / 2);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.total-card-product__user-container-item-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #9d9d9d;
}
.total-card-product__user-container-item-value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #505050;
}
.total-card-product__user-container-item-value--positive {
  color: #00b241;
}
.total-card-product__user-container-item-value--negative {
  color: #f43232;
}
.total-card-product__user-label {
  cursor: pointer;
  position: relative;
  width: calc(100% - 260px - 20px);
}
@media screen and (max-width: 767px) {
  .total-card-product__user-label {
    position: absolute;
    top: -34px;
    left: 15px;
    width: calc(100% - 30px);
  }
  .total-card-product__user-label::after {
    display: none;
  }
}
.total-card-product__user-label::after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: translateY(-50%) rotate(90deg);
}
.total-card-product__user-label:hover .total-card-product__user-container {
  display: block;
}
.total-card-product__user-label .total-card-product__user-icn-verify {
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .total-card-product__user-label--desktop {
    display: none;
  }
}
.total-card-product__user-label--mobile {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .total-card-product__user-label--mobile {
    display: flex;
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
  }
}
.total-card-product__user-row {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .total-card-product__user-row {
    height: 34px;
    justify-content: center;
    padding: 0 15px;
  }
}
.total-card-product__user-avatar {
  position: relative;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 0;
}
.total-card-product__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.total-card-product__user-avatar a img {
  width: 100%;
}
.total-card-product__user-avatar .step-info {
  left: auto !important;
  right: -5px !important;
  bottom: -3px !important;
  width: 17px !important;
  height: 17px !important;
}
.total-card-product__user-avatar img {
  border-radius: 24px;
}
.total-card-product__user-name {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #505050;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .total-card-product__user-name {
    max-width: calc(100% - 10px - 24px - 20px);
    color: #f6f6f6;
  }
}
.total-card-product__user-name-wrap {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .total-card-product__user-name-wrap {
    margin-bottom: 5px;
  }
}
.total-card-product__user-name-wrap .total-card-product__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000;
  line-height: 1 !important;
}
@media only screen and (max-width: 992px) {
  .total-card-product__user-name-wrap .total-card-product__user-name {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .total-card-product__user-name-wrap .total-card-product__user-name {
    font-size: 18px !important;
    text-align: center !important;
  }
}
.total-card-product__user-name-wrap .total-card-product__user-icn-verify {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0 5px;
  display: none;
}
.total-card-product__user-name-wrap .total-card-product__user-icn-verify.verify {
  display: block;
}
.total-card-product__achievement-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.total-card-product__achievement-wrap span {
  display: flex;
  align-items: center;
}
.total-card-product__achievement-wrap .total-card-product__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-1, .total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-2, .total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-3, .total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.total-card-product__achievement-wrap .total-card-product__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.total-card-product__achievement-wrap .total-card-product__achievement-text {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #9d9d9d;
}
.total-card-product__product-comment {
  width: 100%;
  padding-top: 40px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .total-card-product__product-comment {
    padding-top: 0;
    margin-bottom: 10px;
  }
}
.total-card-product__product-comment::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d6d6d6;
}
@media only screen and (max-width: 992px) {
  .total-card-product__product-comment::before {
    display: none;
  }
}
.total-card-product__character-info {
  padding: 10px 20px 20px;
  display: block;
}
.total-card-product__character-info .cart-character__tabs-wrap {
  display: none;
}
.total-card-product__character-info .radiobox-body {
  border-radius: 4px;
  background-color: #F0F0F2;
  padding: 4px;
}
.total-card-product__character-info .radiobox-body .nav-tabs {
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 4px;
  background-color: #F0F0F2;
  position: relative;
  height: 42px;
  border: 0;
}
.total-card-product__character-info .radiobox-body .nav-tabs:before, .total-card-product__character-info .radiobox-body .nav-tabs:after {
  content: unset;
}
.total-card-product__character-info .radiobox-body .nav-tabs label {
  width: 100%;
  color: #9D9D9D;
  font-size: 14px;
  line-height: 140%;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all;
}
.total-card-product__character-info .radiobox-body .nav-tabs label input {
  display: none;
}
.total-card-product__character-info .radiobox-body .nav-tabs label.active {
  color: #F6F6F6;
  font-weight: 600;
}
.total-card-product__character-info .radiobox-body .nav-tabs .indicator {
  background-color: #4E8AFF;
  border-radius: 4px;
  z-index: 0;
  pointer-events: none;
}
.total-card-product__character-info .field-list {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .total-card-product__character-info {
    padding: 15px;
  }
}
.total-card-product__character-info .form-group {
  position: relative;
}
.total-card-product__character-info .form-group .help-block {
  display: none;
  color: #f43232;
}
.total-card-product__character-info .form-group.has-error input.input-lg {
  border: 1px solid #f43232 !important;
}
.total-card-product__character-info .form-group.has-error input.input-lg:hover {
  border: 1px solid #f43232 !important;
}
.total-card-product__character-info .form-group.has-error input.input-lg:focus {
  border: 1px solid #4e8aff !important;
}
.total-card-product__character-info .form-group.has-error .control-label {
  color: #f43232 !important;
}
.total-card-product__character-info .form-group.has-error .help-block {
  display: block;
}
@media only screen and (max-width: 767px) {
  .total-card-product__character-info .form-group:not(.total-card-product__information-item) {
    margin-bottom: 10px !important;
  }
}
.total-card-product__character-info .form-group .total-card-product__eye {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  background: url(../img/icons/eye-show-hide/eye.svg) center center no-repeat;
  background-size: cover;
}
.total-card-product__character-info .form-group .total-card-product__eye.active {
  background: url(../img/icons/eye-show-hide/eyeX.svg) center center no-repeat;
  background-size: cover;
}
.total-card-product__character-info .form-group .form-control.input-lg {
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px !important;
  font-weight: 100;
  line-height: 24px;
  padding: 15px !important;
  border-radius: 4px !important;
  color: #1f1f1f !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff;
}
.total-card-product__character-info .form-group .form-control.input-lg::placeholder {
  font-family: "Avenir-Next", sans-serif !important;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  color: transparent !important;
}
.total-card-product__character-info .form-group .form-control.input-lg:hover {
  border: 1px solid #e5e5e5 !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
}
.total-card-product__character-info .form-group .form-control.input-lg:not(:placeholder-shown) + .control-label, .total-card-product__character-info .form-group .form-control.input-lg:focus + .control-label {
  top: -10px !important;
  font-size: 12px !important;
  background: #fff !important;
}
.total-card-product__character-info .form-group .form-control.input-lg:focus {
  border: 1px solid #4e8aff !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #1f1f1f !important;
}
.total-card-product__character-info .form-group .form-control.input-lg:focus + .control-label {
  color: #4e8aff !important;
}
.total-card-product__character-info .form-group .form-control.input-lg:focus ~ .total-card-product__eye {
  background: url("../img/icons/eye-show-hide/eyeFocused.svg") center center;
  background-size: cover;
}
.total-card-product__character-info .form-group .form-control.input-lg[type=text]:focus ~ .total-card-product__eye.active {
  background: url("../img/icons/eye-show-hide/eyeXFocused.svg") center center;
  background-size: cover;
}
.total-card-product__character-info .form-group .form-control.input-lg:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.total-card-product__character-info .form-group .control-label {
  position: absolute;
  top: 15px;
  left: 13px;
  color: #9d9d9d !important;
  font-family: "Avenir-Next", sans-serif !important;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  text-transform: none;
  transition: 0.5s, color ease-in-out 0.15s;
  padding: 0 3px;
  border-radius: 12px;
  margin: 0 !important;
}
.total-card-product__details-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.total-card-product__details-wrap .total-card-product__details-btn {
  position: relative !important;
  display: block;
  width: fit-content;
  margin: 0 auto;
  transition: 0.2s !important;
  color: #808080;
  z-index: 20;
  transition: 0.2s !important;
  cursor: pointer;
}
.total-card-product__details-wrap .total-card-product__details-btn:hover {
  color: #f75a01;
}
.total-card-product__details-wrap__details-text {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.2857142857;
}
.total-card-product__information {
  border-radius: 8px;
  overflow: hidden;
}
.total-card-product__information-dropdown {
  cursor: pointer;
  margin-bottom: 0 !important;
}
.total-card-product__information-dropcontent {
  display: none;
  margin-bottom: 0 !important;
}
.total-card-product__information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: linear-gradient(53deg, #eff6f4 0%, #f6f5fa 35.32%, #f6f5fa 71.01%, #eef2ff 99.62%);
}
.total-card-product__information-item-content {
  display: flex;
  gap: 10px;
}
.total-card-product__information-item-icon {
  border-radius: 10px;
  padding: 5px;
  min-width: 26px;
  width: 26px;
  height: 26px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: #4e8aff;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #f6f6f6;
}
.total-card-product__information-item-icon svg {
  width: 100%;
}
.total-card-product__information-item-title {
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  color: #505050;
  margin-bottom: 5px;
}
.total-card-product__information-item-text {
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #9d9d9d;
}
.total-card-product__information-item-arrow {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.total-card-product__information-item-arrow.active {
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .total-mobile {
    background-color: #FFFFFF !important;
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    margin-bottom: 0;
  }
  .total-mobile .card-info {
    margin-bottom: 0 !important;
  }
  .total-mobile .card-info .toggle-button {
    height: 15px;
  }
  .total-mobile .card-info .toggle-button:before {
    content: "";
    background-color: #C9C9C9;
    width: 50px;
    height: 4px;
    border-radius: 8px;
    margin: 0 auto;
    display: block;
  }
  .total-mobile .card-info .toggle-block {
    display: none;
  }
  .total-mobile .card-info .discount-code_wrap .discount-form__title {
    border-top: 1px solid #e5e5e5;
  }
  .total-mobile .card-info .discount-code_wrap .discount-form__title,
  .total-mobile .card-info .discount-code_wrap .discount-form__body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .total-mobile .submit-container {
    padding-top: 0 !important;
  }
}
.total-mobile.active .line.total {
  border-top: 0 !important;
}

.payment-summary__wrap {
  width: 100%;
  position: relative;
  margin: 0 !important;
  margin-bottom: 10px !important;
  background: #fff !important;
  border-radius: 4px !important;
  padding: 20px 30px;
}
@media only screen and (max-width: 767px) {
  .payment-summary__wrap {
    padding: 15px 15px;
  }
}
.payment-summary__text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.payment-summary__text--lg {
  font-size: 22px;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 992px) {
  .payment-summary__text--lg {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.payment-summary__text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .payment-summary__text--md {
    font-size: 14px;
    line-height: 1.0666666667;
  }
}
.payment-summary__text--sm {
  font-size: 14px;
  line-height: 1.1428571429;
}
.payment-summary__item span:first-child {
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .payment-summary__item {
    display: flex;
    justify-content: space-between;
  }
  .payment-summary__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

.total-card-modal__wrap {
  height: 0px !important;
  position: absolute !important;
}
.total-card-modal__content {
  padding: 25px 25px !important;
  top: 25% !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 10px !important;
}
@media only screen and (max-width: 767px) {
  .total-card-modal__content {
    width: 95% !important;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
.total-card-modal__close {
  position: absolute;
  top: 15px !important;
  right: 25px !important;
  font-size: 40px !important;
  font-weight: 100 !important;
  text-shadow: 0 1px 0 #fff !important;
  line-height: 1 !important;
  opacity: 0.2 !important;
  color: #000 !important;
  cursor: pointer;
  transition: 0.5s ease all !important;
}
.total-card-modal__body {
  width: 100%;
}
.total-card-modal__decor-line {
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .total-card-modal__decor-line {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.total-card-modal__title {
  width: 95%;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 1;
}
.total-card-modal__info-item {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.total-card-modal__info-item span {
  display: flex;
  align-items: center;
}
.total-card-modal__info-item span:nth-child(1) {
  width: 40%;
}
.total-card-modal__info-item span:nth-child(2) {
  width: 60%;
}
.total-card-modal__info-item img {
  margin-right: 6px;
}
.total-card-modal__info-item--server {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.125;
}
.total-card-modal__info-item--server .option_text {
  width: 100%;
  min-height: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.total-card-modal__info-item--server .option_value {
  color: #f75a01;
}
.total-card-modal__info-item--delivery-methods {
  align-items: flex-start;
}
.total-card-modal__info-item--delivery-methods span:nth-child(2) {
  flex-wrap: wrap;
}
.total-card-modal__info-item--delivery-methods .step-info {
  width: fit-content !important;
}
.total-card-modal__info-item--delivery-methods .step-info .step-info-i {
  width: auto !important;
  background: none !important;
}
.total-card-modal__info-item--delivery-methods .step-info .step-info-msg {
  display: none;
}
.total-card-modal__info-item--delivery-methods .step-info br {
  display: none;
}
.total-card-modal__info-item--comment span {
  width: fit-content !important;
  align-items: flex-start;
}
.total-card-modal__info-item--comment span:nth-child(1) {
  margin-right: 6px;
}
.total-card-modal__info-item--coins span {
  width: fit-content !important;
  margin-right: 5px;
}
.total-card-modal__info-item--coins img {
  width: 25px;
  height: 25px;
}
.total-card-modal__info-item--total-orders span {
  width: fit-content !important;
  margin-right: 5px;
}
.total-card-modal__info-item--succes-rate span {
  width: fit-content !important;
  margin-right: 5px;
}
.total-card-modal__info-item--succes-rate span:first-child span {
  margin-left: 5px;
}
.total-card-modal__info-text {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .total-card-modal__info-text {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.total-card-modal__info-text--grey {
  opacity: 0.5;
}
.total-card-modal__qty-block {
  width: 100%;
  margin-bottom: 10px;
}
.total-card-modal__qty-block form {
  width: 100%;
  display: flex;
  align-items: center;
}
.total-card-modal__qty-block .total-card-modal__info-text {
  width: 40%;
}
.total-card-modal__qty-input {
  width: 100%;
  max-width: 200px;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #d6d6d6 !important;
  background-color: #fff;
  background-image: none;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000 !important;
  transition: 0.2s;
}
.total-card-modal__qty-input:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.total-card-modal__user-info-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .total-card-modal__user-info-row {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .total-card-modal__user-info-block {
    width: 100%;
  }
}
.total-card-modal__user-label {
  display: flex;
  margin-bottom: 15px;
}
.total-card-modal__user-avatar {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
}
.total-card-modal__user-avatar a {
  display: block;
  width: 100%;
  min-height: 100%;
  border-radius: 10px !important;
  overflow: hidden;
}
.total-card-modal__user-avatar a img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.total-card-modal__user-name-wrap {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.total-card-modal__user-name {
  font-family: "Roboto-Regular", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000;
  line-height: 1 !important;
}
.total-card-modal__user-icn-verify {
  width: 17px;
  min-width: 17px;
  height: 20px;
  margin: 0 5px;
  margin-top: -4px;
  display: none;
}
.total-card-modal__user-icn-verify.verify {
  display: block;
}
.total-card-modal__achievement-wrap {
  display: flex;
  align-items: center;
}
.total-card-modal__achievement-wrap span {
  display: flex;
  align-items: center;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-icn {
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  background-size: 100% !important;
  background: url(../img/icons/winner.svg) no-repeat center;
  margin-right: 2px !important;
  vertical-align: inherit !important;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-1, .total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-4 {
  background: url(../img/icons/winner.svg) no-repeat center;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-2, .total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-5 {
  background: url(../img/icons/expert.svg) no-repeat center;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-3, .total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-6 {
  background: url(../img/icons/guru.svg) no-repeat center;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-icn.achievement-cup-num-7 {
  background: url(../img/icons/wholesaler.svg) no-repeat center;
}
.total-card-modal__achievement-wrap .total-card-modal__achievement-text {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 14px !important;
  margin-right: 6px;
}
.total-card-modal__follows-wrap {
  width: 100%;
  max-width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .total-card-modal__follows-wrap {
    max-width: 100%;
  }
}
.total-card-modal__follows-wrap .user-profile-follows__buttons {
  width: 100%;
}
.total-card-modal__follows-wrap .user-profile-follows__info {
  display: none;
}
.total-card-modal__follows-btns {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.total-card-modal__follows-btns a {
  width: 100%;
  max-width: 100%;
  min-height: 45px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px;
  font: 14px "Roboto-Black", sans-serif;
  color: white !important;
  transition: 0.2s;
}
.total-card-modal__follows-btns a:hover {
  filter: brightness(120%);
}

.cupone-code__wrap {
  width: 100%;
  padding-bottom: 25px;
}
.cupone-code__wrap .summary {
  margin-bottom: 0;
}
.cupone-code__title {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .cupone-code__title {
    font-size: 24px;
    line-height: 1;
  }
}
.cupone-code__info-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cupone-code__main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -145px;
}
@media only screen and (max-width: 767px) {
  .cupone-code__main-img {
    display: none;
  }
}
.cupone-code__main-img img {
  width: 100%;
}
.cupone-code__description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .cupone-code__description {
    font-size: 20px;
  }
}
.cupone-code__btn {
  width: 100%;
  max-width: 250px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.cupone-code__btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}

.checkout-page {
  position: relative;
}
@keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.checkout-page {
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .checkout-page {
    padding: 10px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-page .wrap-drowning {
    padding: 0 0 30px;
    min-height: 450px;
  }
}
.checkout-page .checkout-stepper {
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 8px;
  padding: 10px 30px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .checkout-page .checkout-stepper {
    margin: 60px 0 0;
    padding: 10px 15px;
  }
}
.checkout-page .checkout-stepper__item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .checkout-page .checkout-stepper__item span {
    display: none;
  }
}
.checkout-page .checkout-stepper__item.cart {
  padding-right: 30px;
}
.checkout-page .checkout-stepper__item.cart span {
  color: #4e8aff;
}
.checkout-page .checkout-stepper__item.checkout {
  padding-right: 30px;
  padding-left: 30px;
}
.checkout-page .checkout-stepper__item.checkout span {
  color: #4e8aff;
}
.checkout-page .checkout-stepper__item.checkout .center-svg {
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-page .checkout-stepper__item.checkout .center-svg svg {
  z-index: 2;
}
.checkout-page .checkout-stepper__item.checkout .center-svg::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(78, 138, 255, 0.2);
}
.checkout-page .checkout-stepper__item.processing {
  padding-left: 30px;
}
.checkout-page .checkout-stepper__item.delivery {
  padding-left: 30px;
}
.checkout-page .checkout-stepper__item span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-left: 15px;
  white-space: nowrap;
}
.checkout-page .checkout-stepper__line {
  background: #4e8aff;
  height: 2px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .checkout-page .tablet-sidebar {
    display: none;
  }
}
.checkout-page #search-payment-form {
  border-radius: 8px;
  padding: 5px 10px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .checkout-page #search-payment-form {
    position: absolute;
    width: 100%;
    top: -100px;
    left: 0;
    background: transparent;
  }
  .checkout-page #search-payment-form .filters-header {
    display: flex;
    justify-content: space-between;
  }
  .checkout-page #search-payment-form .filters-header .back-link {
    font-family: "Avenir Next", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #9d9d9d !important;
  }
  .checkout-page #search-payment-form .filters-header .back-link svg {
    margin-right: 3px;
  }
  .checkout-page #search-payment-form .filters-header .back-link::before {
    content: none;
  }
  .checkout-page #search-payment-form .filters-header .filters-custom__btn-mobile {
    background: transparent;
  }
  .checkout-page #search-payment-form .filters-custom__btn-mobile {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page #search-payment-form .filters-custom {
    padding: 0;
  }
  .checkout-page #search-payment-form .filters-custom__row {
    flex-wrap: nowrap;
  }
  .checkout-page #search-payment-form .filters-custom__item {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-page #search-payment-form .filters-custom__row {
    flex-wrap: wrap;
  }
  .checkout-page #search-payment-form .filters-custom__item {
    margin: 0;
  }
  .checkout-page #search-payment-form .filters-custom__item:not(:last-child) {
    margin-bottom: 15px;
  }
}
.checkout-page #search-payment-form .custom-select-wrap.active .fake-select {
  border: 1px solid #4e8aff !important;
}
.checkout-page #search-payment-form .custom-select-wrap.active .fake-select .ico-arrow {
  margin-top: -10px;
  right: 35px !important;
}
.checkout-page #search-payment-form .custom-select-wrap.active .fake-select .ico-arrow::before {
  transform: scale(1, -1);
}
.checkout-page #search-payment-form .custom-select-wrap.active .fake-select .ico-arrow::after {
  transform: scale(1, -1);
  opacity: 1;
}
.checkout-page #search-payment-form .custom-select-wrap.active .options-list-wrap {
  max-height: 360px !important;
  z-index: 13;
}
.checkout-page #search-payment-form .custom-select-wrap .fake-select {
  border: 1px solid #e5e5e5 !important;
}
.checkout-page #search-payment-form .custom-select-wrap .fake-select .ico-arrow {
  margin-top: -10px;
  right: 35px !important;
}
.checkout-page #search-payment-form .custom-select-wrap .fake-select .ico-arrow::before {
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
.checkout-page #search-payment-form .custom-select-wrap .fake-select .ico-arrow::after {
  position: absolute;
  left: 0;
  opacity: 0;
  content: "";
  display: block;
  width: 24px !important;
  height: 24px !important;
  background: url("../img/icons/angle-down_blue.svg") center center no-repeat;
  border: none !important;
  transition: 0.2s;
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap {
  display: block;
  max-height: 0;
  top: 100%;
  max-height: 0;
  overflow: hidden;
  margin-top: 3px;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: 0.6s ease-out;
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap .options-list {
  max-height: 290px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  -webkit-mask-image: linear-gradient(0deg, transparent, black 10% 90%, transparent);
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li {
  padding: 10px 20px;
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  border: none;
  transition: 0.2s;
  -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li:focus, .checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li:hover {
  color: #1f1f1f;
  border: none;
  background: rgba(78, 138, 255, 0.1);
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li.active {
  background: rgba(78, 138, 255, 0.2);
  color: #4e8aff;
  border: none;
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li:first-child {
  display: none !important;
}
.checkout-page #search-payment-form .custom-select-wrap .options-list-wrap li img {
  margin-top: 3px;
}
.checkout-page #search-payment-form .custom-select-wrap.active + .face-select-label {
  color: #4e8aff;
}
.checkout-page #search-payment-form .form-control {
  border: 1px solid #e5e5e5 !important;
  padding-left: 50px !important;
  background: url(../img/themes/light-version/catalog/search-ico-gray.svg) 15px center #fff no-repeat;
}
.checkout-page #search-payment-form .form-control::placeholder {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #9d9d9d;
}
.checkout-page .error-region {
  margin: 15px 0;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .checkout-page .error-region {
    display: block;
  }
}
.checkout-page .error-region .text {
  display: flex;
  align-items: center;
}
.checkout-page .error-region .text span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-left: 10px;
}
.checkout-page .error-region .text svg {
  min-width: 24px;
  min-height: 24px;
}
@media only screen and (max-width: 767px) {
  .checkout-page .error-region .text svg {
    min-width: 32px;
    min-height: 32px;
  }
}
.checkout-page .error-region .link {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .checkout-page .error-region .link {
    width: 100%;
    padding: 15px 0 5px;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    justify-content: center;
  }
}
.checkout-page .error-region .link a {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: #4e8aff;
  margin-right: 5px;
}
.checkout-page .secure-line {
  margin: 15px 0;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
}
.checkout-page .secure-line span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-left: 10px;
}
.checkout-page .secure-line svg {
  min-width: 24px;
  min-height: 24px;
}
@media only screen and (max-width: 767px) {
  .checkout-page .secure-line svg {
    min-width: 32px;
    min-height: 32px;
  }
}
.checkout-page .top-up-tablet-block {
  display: none !important;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .checkout-page .top-up-tablet-block {
    margin-top: 15px;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
  }
  .checkout-page .top-up-tablet-block.show-tablet {
    display: block !important;
  }
  .checkout-page .top-up-tablet-block .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1 !important;
  }
  .checkout-page .top-up-tablet-block h2 {
    font-family: "Avenir Next", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    color: #1f1f1f;
    padding-bottom: 10px;
  }
  .checkout-page .top-up-tablet-block .common-info {
    font-family: "Avenir Next", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9d9d9d;
  }
  .checkout-page .top-up-tablet-block .note {
    padding: 10px 0 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
  }
  .checkout-page .top-up-tablet-block .note .title {
    font-family: "Avenir Next", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: #505050;
    padding-bottom: 10px;
  }
  .checkout-page .top-up-tablet-block .note p {
    font-family: "Avenir Next", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9d9d9d;
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page .drowning-inner.top-up .top-up-tablet-block.show-tablet {
    display: block !important;
  }
}
.checkout-page .balance-top-up-wrap {
  display: none;
}
.checkout-page .balance-top-up-wrap.show {
  display: block;
}
.checkout-page .balance-top-up-wrap .balance-top-up {
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
  position: relative;
}
.checkout-page .balance-top-up-wrap .balance-top-up .close {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 15px;
  top: 15px;
  opacity: 1;
  cursor: pointer;
}
.checkout-page .balance-top-up-wrap .balance-top-up h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #1f1f1f;
  padding-bottom: 15px;
}
.checkout-page .balance-top-up-wrap .balance-top-up .common-info {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #9d9d9d;
}
.checkout-page .balance-top-up-wrap .balance-top-up .note {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.checkout-page .balance-top-up-wrap .balance-top-up .note .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-bottom: 10px;
}
.checkout-page .balance-top-up-wrap .balance-top-up .note p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #9d9d9d;
}
.checkout-page .balance-top-up-wrap .balance-top-up .payment-fee {
  display: flex;
  justify-content: space-between;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  padding-bottom: 15px;
}
.checkout-page .balance-top-up-wrap .balance-top-up .total {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  display: flex;
  justify-content: space-between;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button {
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button {
  background: #f75a01 !important;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button:disabled {
  position: relative;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button:disabled span {
  opacity: 0 !important;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button:disabled::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 46%;
  top: 30%;
  transform: translate(-50%, -50%);
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button button:hover {
  background: #ff843f !important;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button .topup-note {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
  padding-top: 15px;
}
.checkout-page .balance-top-up-wrap .balance-top-up__button .topup-note a {
  font-weight: 600;
  color: #ff843f;
}
.checkout-page .cart-sidebar.load .line .value {
  color: transparent !important;
}
.checkout-page .cart-sidebar.load .line .value::before {
  content: "-";
  opacity: 0 !important;
}
.checkout-page .cart-sidebar.load .line .value.text-white {
  color: transparent !important;
}
.checkout-page .cart-sidebar.load .line .value::after {
  display: block;
}
.checkout-page .payment-info,
.checkout-page .card {
  background-color: transparent;
}
.checkout-page .payment-info .hide-tablet,
.checkout-page .card .hide-tablet {
  display: none;
}
.checkout-page .payment-info .show-tablet,
.checkout-page .card .show-tablet {
  display: block;
}
.checkout-page .payment-info.disabled,
.checkout-page .card.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.checkout-page .payment-info.disabled .submit-container__back,
.checkout-page .card.disabled .submit-container__back {
  margin-bottom: 0;
}
.checkout-page .payment-info.disabled .submit-container__text,
.checkout-page .card.disabled .submit-container__text {
  display: none;
}
.checkout-page .payment-info.disabled .loading-container,
.checkout-page .card.disabled .loading-container {
  display: none;
}
.checkout-page .payment-info .loading-container,
.checkout-page .card .loading-container {
  display: none;
}
.checkout-page .payment-info .card-info,
.checkout-page .card .card-info {
  padding: 15px 15px 0;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.checkout-page .payment-info .card-info .line,
.checkout-page .card .card-info .line {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.checkout-page .payment-info .card-info .line.wallet .default,
.checkout-page .card .card-info .line.wallet .default {
  display: block;
}
.checkout-page .payment-info .card-info .line.wallet .tablet-maxi,
.checkout-page .card .card-info .line.wallet .tablet-maxi {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .checkout-page .payment-info .card-info .line.wallet .default,
  .checkout-page .card .card-info .line.wallet .default {
    display: none;
  }
  .checkout-page .payment-info .card-info .line.wallet .tablet-maxi,
  .checkout-page .card .card-info .line.wallet .tablet-maxi {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-page .payment-info .card-info .line.wallet .default,
  .checkout-page .card .card-info .line.wallet .default {
    display: block;
  }
  .checkout-page .payment-info .card-info .line.wallet .tablet-maxi,
  .checkout-page .card .card-info .line.wallet .tablet-maxi {
    display: none;
  }
}
.checkout-page .payment-info .card-info .title,
.checkout-page .card .card-info .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.checkout-page .payment-info .card-info .value,
.checkout-page .card .card-info .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  position: relative;
  transition: 0.2s;
  white-space: nowrap;
  position: relative;
}
.checkout-page .payment-info .card-info .value.green,
.checkout-page .card .card-info .value.green {
  color: #00B241;
}
.checkout-page .payment-info .card-info .value.green::before,
.checkout-page .card .card-info .value.green::before {
  content: "-";
  position: absolute;
  color: #00B241;
  left: -10px;
  top: -1px;
}
.checkout-page .payment-info .card-info .value.text-white,
.checkout-page .card .card-info .value.text-white {
  color: #1f1f1f !important;
}
.checkout-page .payment-info .card-info .value.text-white::before,
.checkout-page .card .card-info .value.text-white::before {
  opacity: 0;
}
.checkout-page .payment-info .card-info .value::after,
.checkout-page .card .card-info .value::after {
  display: none;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  background: url("../img/themes/light-version/catalog/preloader-orange.png") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.checkout-page .payment-info .card-info .total,
.checkout-page .card .card-info .total {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.checkout-page .payment-info .card-info .total .title,
.checkout-page .card .card-info .total .title {
  font-weight: 600;
}
.checkout-page .payment-info .card-info .total .value,
.checkout-page .card .card-info .total .value {
  font-weight: 600;
}
.checkout-page .payment-info .discount-form,
.checkout-page .card .discount-form {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.checkout-page .payment-info .discount-form.active .discount-form__title svg,
.checkout-page .card .discount-form.active .discount-form__title svg {
  transform: rotate(-180deg);
}
.checkout-page .payment-info .discount-form.error .form-controle-block,
.checkout-page .card .discount-form.error .form-controle-block {
  border-color: #f43232 !important;
}
.checkout-page .payment-info .discount-form.error .form-controle-block::after,
.checkout-page .card .discount-form.error .form-controle-block::after {
  border-color: #f43232 !important;
}
.checkout-page .payment-info .discount-form.error .error-string,
.checkout-page .card .discount-form.error .error-string {
  display: block;
}
.checkout-page .payment-info .discount-form.success .form-controle-block,
.checkout-page .card .discount-form.success .form-controle-block {
  border-color: rgba(0, 178, 65, 0.3) !important;
  background: #f2fbf6;
}
.checkout-page .payment-info .discount-form.success .form-controle-block::after,
.checkout-page .card .discount-form.success .form-controle-block::after {
  border-color: rgba(0, 178, 65, 0.3) !important;
  background: #f2fbf6 !important;
}
.checkout-page .payment-info .discount-form.success .form-controle-block .form-control,
.checkout-page .card .discount-form.success .form-controle-block .form-control {
  padding-left: 35px;
  background-image: url("../img/themes/light-version/catalog/check-green.svg");
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 7px center;
  background-color: #f2fbf6;
}
.checkout-page .payment-info .discount-form.success .clear-code,
.checkout-page .card .discount-form.success .clear-code {
  display: block !important;
}
.checkout-page .payment-info .discount-form.success .btn,
.checkout-page .card .discount-form.success .btn {
  display: none !important;
}
.checkout-page .payment-info .discount-form.inactive,
.checkout-page .card .discount-form.inactive {
  display: none;
}
.checkout-page .payment-info .discount-form.inactive .discount-alert,
.checkout-page .card .discount-form.inactive .discount-alert {
  display: block;
}
.checkout-page .payment-info .discount-form.inactive .clear-code,
.checkout-page .card .discount-form.inactive .clear-code {
  display: none;
}
.checkout-page .payment-info .discount-form.inactive .btn,
.checkout-page .card .discount-form.inactive .btn {
  display: none;
}
.checkout-page .payment-info .discount-form__title,
.checkout-page .card .discount-form__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  cursor: pointer;
}
.checkout-page .payment-info .discount-form__title svg,
.checkout-page .card .discount-form__title svg {
  transform: rotate(0);
  transition: 0.3s;
}
.checkout-page .payment-info .discount-form__title .title,
.checkout-page .card .discount-form__title .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.checkout-page .payment-info .discount-form__body,
.checkout-page .card .discount-form__body {
  padding: 0 15px 15px;
}
.checkout-page .payment-info .discount-form__body .input-block,
.checkout-page .card .discount-form__body .input-block {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
.checkout-page .payment-info .discount-form__body .input-block .form-controle-block,
.checkout-page .card .discount-form__body .input-block .form-controle-block {
  height: 44px;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative;
  max-width: calc(100% - 76px);
  width: 100%;
}
.checkout-page .payment-info .discount-form__body .input-block .form-controle-block::after,
.checkout-page .card .discount-form__body .input-block .form-controle-block::after {
  position: absolute;
  height: calc(100% + 2px);
  content: "";
  background: #fff;
  width: 30px;
  top: -1px;
  z-index: 2;
  right: -10px;
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  transform: skew(-20deg);
}
.checkout-page .payment-info .discount-form__body .input-block .form-controle-block .form-control,
.checkout-page .card .discount-form__body .input-block .form-controle-block .form-control {
  width: 100%;
  border: none !important;
  height: 100%;
  z-index: 3;
  position: relative;
  overflow: hidden;
  padding-right: 5px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.checkout-page .payment-info .discount-form__body .input-block .form-controle-block .form-control::placeholder,
.checkout-page .card .discount-form__body .input-block .form-controle-block .form-control::placeholder {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #9d9d9d;
}
.checkout-page .payment-info .discount-form__body .input-block .form-controle-block .form-control:focus,
.checkout-page .card .discount-form__body .input-block .form-controle-block .form-control:focus {
  box-shadow: none !important;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code,
.checkout-page .card .discount-form__body .input-block .clear-code {
  width: 56px;
  transform: skew(-20deg);
  display: none;
  position: relative;
  border-radius: 4px 7px;
  background: #eaeaea;
  margin-right: 5px;
  transition: 0.3s;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code:hover,
.checkout-page .card .discount-form__body .input-block .clear-code:hover {
  background: rgba(244, 50, 50, 0.1);
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code:hover svg path,
.checkout-page .card .discount-form__body .input-block .clear-code:hover svg path {
  fill: #F43232;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code .loading,
.checkout-page .card .discount-form__body .input-block .clear-code .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 21px;
  display: none;
  transform: skew(20deg) translate(-35%, -50%);
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code .loading::after,
.checkout-page .card .discount-form__body .input-block .clear-code .loading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code.load,
.checkout-page .card .discount-form__body .input-block .clear-code.load {
  background: #e5e5e5;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code.load .loading,
.checkout-page .card .discount-form__body .input-block .clear-code.load .loading {
  display: block;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code.load svg,
.checkout-page .card .discount-form__body .input-block .clear-code.load svg {
  opacity: 0;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code.load:hover,
.checkout-page .card .discount-form__body .input-block .clear-code.load:hover {
  background: #e5e5e5;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code svg path,
.checkout-page .card .discount-form__body .input-block .clear-code svg path {
  transition: 0.3s;
}
.checkout-page .payment-info .discount-form__body .input-block .clear-code svg,
.checkout-page .card .discount-form__body .input-block .clear-code svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  transform: skew(20deg) translate(-35%, -50%);
}
.checkout-page .payment-info .discount-form__body .input-block .btn,
.checkout-page .card .discount-form__body .input-block .btn {
  min-width: 56px;
  padding: 0 30px;
  margin-left: 15px;
  transform: skew(-20deg);
  height: 45px;
  outline: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px 7px;
  background: #f5f5f5;
  margin-right: 7px;
  box-shadow: none !important;
  transition: 0.3s;
  pointer-events: none;
}
@media only screen and (max-width: 992px) {
  .checkout-page .payment-info .discount-form__body .input-block .btn,
  .checkout-page .card .discount-form__body .input-block .btn {
    background: #E5E5E5;
  }
}
.checkout-page .payment-info .discount-form__body .input-block .btn.active,
.checkout-page .card .discount-form__body .input-block .btn.active {
  background: #4e8aff;
  pointer-events: all;
}
.checkout-page .payment-info .discount-form__body .input-block .btn.active span,
.checkout-page .card .discount-form__body .input-block .btn.active span {
  color: #fff;
}
.checkout-page .payment-info .discount-form__body .input-block .btn span,
.checkout-page .card .discount-form__body .input-block .btn span {
  transform: skew(20deg);
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #c9c9c9;
  transition: 0.3s;
}
.checkout-page .payment-info .discount-form__body .error-string,
.checkout-page .card .discount-form__body .error-string {
  display: none;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #f43232;
  padding-top: 5px;
}
.checkout-page .payment-info .discount-form__body .discount-alert,
.checkout-page .card .discount-form__body .discount-alert {
  display: none;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #f43232;
  padding-top: 5px;
}
.checkout-page .payment-info .submit-container,
.checkout-page .card .submit-container {
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.checkout-page .payment-info .submit-container.active #complete-button,
.checkout-page .card .submit-container.active #complete-button {
  position: relative;
}
.checkout-page .payment-info .submit-container.active #complete-button span,
.checkout-page .card .submit-container.active #complete-button span {
  opacity: 0 !important;
}
.checkout-page .payment-info .submit-container.active #complete-button::after,
.checkout-page .card .submit-container.active #complete-button::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 46%;
  top: 30%;
  transform: translate(-50%, -50%);
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.checkout-page .payment-info .submit-container #complete-button,
.checkout-page .card .submit-container #complete-button {
  background: #b85f2d !important;
  user-select: none;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-page .payment-info .submit-container #complete-button.accepted,
.checkout-page .card .submit-container #complete-button.accepted {
  background: #f75a01 !important;
}
.checkout-page .payment-info .submit-container #complete-button.accepted span,
.checkout-page .card .submit-container #complete-button.accepted span {
  opacity: 1;
}
.checkout-page .payment-info .submit-container #complete-button.accepted:hover,
.checkout-page .card .submit-container #complete-button.accepted:hover {
  background: #ff843f !important;
}
.checkout-page .payment-info .submit-container #complete-button span,
.checkout-page .card .submit-container #complete-button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
  opacity: 0.5;
}
.checkout-page .payment-info .submit-container__or,
.checkout-page .card .submit-container__or {
  padding: 15px 0;
  width: 100%;
  text-align: center;
  position: relative;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #c9c9c9;
}
.checkout-page .payment-info .submit-container__or::before,
.checkout-page .card .submit-container__or::before {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  top: 50%;
  left: 0;
  background: #e5e5e5;
}
.checkout-page .payment-info .submit-container__or::after,
.checkout-page .card .submit-container__or::after {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  top: 50%;
  right: 0;
  background: #e5e5e5;
}
.checkout-page .payment-info .submit-container__back,
.checkout-page .card .submit-container__back {
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
}
.checkout-page .payment-info .submit-container__back a,
.checkout-page .card .submit-container__back a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #4e8aff;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.checkout-page .payment-info .submit-container__back:hover a,
.checkout-page .card .submit-container__back:hover a {
  color: #1767FF;
}
.checkout-page .payment-info .submit-container__text,
.checkout-page .card .submit-container__text {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
}
.checkout-page .payment-info .submit-container__text b,
.checkout-page .card .submit-container__text b {
  font-weight: 600 !important;
}
.checkout-page .payment-info .submit-container__text a,
.checkout-page .card .submit-container__text a {
  font-weight: 600;
  color: #ff843f;
}
.checkout-page .payment-info .offers-wrap.active .offers-title svg,
.checkout-page .card .offers-wrap.active .offers-title svg {
  transform: rotate(-180deg);
}
.checkout-page .payment-info .offers-wrap .offers-title,
.checkout-page .card .offers-wrap .offers-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-right: 24px;
  cursor: pointer;
}
.checkout-page .payment-info .offers-wrap .offers-title svg,
.checkout-page .card .offers-wrap .offers-title svg {
  transform: rotate(0);
  transition: 0.3s;
}
.checkout-page .payment-info .offers-wrap .offers-list,
.checkout-page .card .offers-wrap .offers-list {
  padding: 0 15px;
  background-color: #fff;
  border-radius: 8px;
  display: none;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer,
.checkout-page .card .offers-wrap .offers-list .offer {
  padding: 15px 0;
  border-top: 1px solid #E5E5E5;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer:first-of-type,
.checkout-page .card .offers-wrap .offers-list .offer:first-of-type {
  border-top: none;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info,
.checkout-page .card .offers-wrap .offers-list .offer .user-info {
  background: #f5f5f5;
  border-radius: 100px;
  height: 32px;
  width: 100%;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .flex-row,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .flex-row {
  justify-content: space-between;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .img-circle,
  .checkout-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .img-circle {
    border-radius: 50%;
  }
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info {
  width: 10px !important;
  height: 10px !important;
  background: transparent !important;
  border: none !important;
  right: -1px !important;
  bottom: -1px !important;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0 !important;
  background-image: url("../img/pages/user-offline.svg") !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background: transparent;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status.online,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status.online {
  background-image: url("../img/pages/user-online.svg") !important;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .user-container,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .user-container {
  width: 100%;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .user-container .nick-name,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .user-container .nick-name {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat {
  background: rgba(247, 90, 1, 0.1) !important;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50% !important;
  padding: 0;
  position: relative;
  transition: 0.5s;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat img,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat img {
  transition: 0.5s;
  width: 14px;
  height: 14px;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon-hov,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon-hov {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover {
  background: #f75a01 !important;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover img,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon {
  opacity: 0;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon-hov,
.checkout-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon-hov {
  opacity: 1;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .title,
.checkout-page .card .offers-wrap .offers-list .offer .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding: 10px 0;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .options,
.checkout-page .card .offers-wrap .offers-list .offer .options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .options .key,
.checkout-page .card .offers-wrap .offers-list .offer .options .key {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.checkout-page .payment-info .offers-wrap .offers-list .offer .options .value,
.checkout-page .card .offers-wrap .offers-list .offer .options .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  color: #505050;
}
.checkout-page .payment-info .top-up-block,
.checkout-page .card .top-up-block {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  margin-top: 15px;
}
.checkout-page .payment-info .top-up-block .topup-note,
.checkout-page .card .top-up-block .topup-note {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
  padding: 15px 0;
}
.checkout-page .payment-info .top-up-block .topup-note b,
.checkout-page .card .top-up-block .topup-note b {
  font-weight: 600;
}
.checkout-page .payment-info .top-up-block .topup-note a,
.checkout-page .card .top-up-block .topup-note a {
  font-weight: 600;
  color: #ff843f;
}
.checkout-page .payment-info .top-up-block .line,
.checkout-page .card .top-up-block .line {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.checkout-page .payment-info .top-up-block .line.total,
.checkout-page .card .top-up-block .line.total {
  padding-bottom: 15px;
}
.checkout-page .payment-info .top-up-block .line.total .title,
.checkout-page .card .top-up-block .line.total .title {
  font-weight: 400;
}
.checkout-page .payment-info .top-up-block .line.total .value,
.checkout-page .card .top-up-block .line.total .value {
  font-weight: 400;
}
.checkout-page .payment-info .top-up-block .line .title,
.checkout-page .card .top-up-block .line .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.checkout-page .payment-info .top-up-block .line .value,
.checkout-page .card .top-up-block .line .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.checkout-page .payment-info .top-up-block .balance-top-up__button #complete-button,
.checkout-page .card .top-up-block .balance-top-up__button #complete-button {
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.checkout-page .payment-info .top-up-block .balance-top-up__button #complete-button span,
.checkout-page .card .top-up-block .balance-top-up__button #complete-button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}

.payment-pages {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  min-height: calc(100vh - 140px);
  transition: 0.6s all;
}
.payment-pages.start .payment-block__animation .failed.gif,
.payment-pages.start .payment-block__animation .success.gif {
  display: block !important;
}
.payment-pages.gif .payment-block__animation .failed.gif,
.payment-pages.gif .payment-block__animation .success.gif {
  display: none !important;
}
.payment-pages.gif .payment-block__animation .failed.png,
.payment-pages.gif .payment-block__animation .success.png {
  display: block !important;
}
.payment-pages.success {
  background-image: url("../img/pages/transaction-status/Success-bg.jpg");
  position: relative;
}
.payment-pages.success::after {
  position: absolute;
  background-image: url("../img/pages/transaction-status/Processing-bg.jpg");
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.9s all;
}
.payment-pages.success .payment-block__img {
  background-image: url("../img/pages/transaction-status/Success-hero.jpg");
}
.payment-pages.success .payment-block__img::after {
  position: absolute;
  background-image: url("../img/pages/transaction-status/Processing-hero.jpg");
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.9s all;
}
.payment-pages.success .payment-block__animation .pending {
  display: none;
}
.payment-pages.success .payment-block__animation .success {
  display: block;
}
.payment-pages.success h2.succes {
  display: block;
}
.payment-pages.success h2.pending {
  display: none;
}
.payment-pages.pending::after {
  opacity: 1;
}
.payment-pages.pending .payment-block__img::after {
  opacity: 1;
}
.payment-pages.pending .payment-block__animation .pending {
  display: block;
}
.payment-pages.pending .payment-block__animation .success {
  display: none;
}
.payment-pages.pending h2.succes {
  display: none;
}
.payment-pages.pending h2.pending {
  display: block;
}
.payment-pages.pending .payment-block__button-list {
  display: none;
}
.payment-pages.pending .payment-block__bottom {
  margin-top: 100px;
}
.payment-pages.error {
  background-image: url("../img/pages/transaction-status/Error-bg.jpg");
}
.payment-pages.error .payment-block__img {
  background-image: url("../img/pages/transaction-status/Error-hero.jpg");
}
.payment-pages.error .payment-block__body {
  min-height: 307px;
}
.payment-pages.error .payment-block__bottom {
  margin-top: 50px;
}
.payment-pages .payment-block {
  margin: 50px auto !important;
  max-width: 440px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 8px;
  box-shadow: 0 4px 25px 0 rgba(21, 21, 21, 0.1);
}
.payment-pages .payment-block__img {
  height: 220px;
  width: 100% !important;
  position: relative;
  z-index: 1;
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: no-repeat;
  transition: 0.6s all;
}
@media only screen and (max-width: 390px) {
  .payment-pages .payment-block__img {
    background-size: auto 100%;
  }
}
.payment-pages .payment-block__body {
  z-index: 10;
  background: #fff;
  margin-top: -8px;
  padding: 50px 30px 30px;
  border-radius: 8px 8px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.payment-pages .payment-block__animation {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 92px;
  background-color: #fff;
  max-height: 92px;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.payment-pages .payment-block__animation .success.gif,
.payment-pages .payment-block__animation .failed.gif {
  display: none;
}
.payment-pages .payment-block__animation .failed.png,
.payment-pages .payment-block__animation .success.png {
  display: none;
}
.payment-pages .payment-block__animation img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.payment-pages .payment-block__animation .success {
  max-width: 65px;
}
.payment-pages .payment-block__animation .success.png {
  max-width: 39px;
  margin-left: -1px;
}
.payment-pages .payment-block__animation .failed {
  transform: translate(-50%, -51%);
  max-width: 65px;
}
.payment-pages .payment-block__animation .failed.png {
  max-width: 55px;
  margin-left: -1px;
  margin-top: 1px;
}
.payment-pages .payment-block__animation .pending {
  max-width: 65px;
}
.payment-pages .payment-block h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #505050;
  text-align: center;
  margin-bottom: 0 !important;
  letter-spacing: 0.3px;
  margin-top: 10px;
}
.payment-pages .payment-block h4 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #9d9d9d;
  text-transform: none !important;
  margin-top: 5px !important;
  letter-spacing: 0.3px;
}
.payment-pages .payment-block h4 a {
  color: #f43232;
}
.payment-pages .payment-block__button-list {
  padding: 30px 0 50px;
}
.payment-pages .payment-block__button-list .button {
  background: #f75a01;
  height: 50px;
  border-radius: 4px;
  margin-top: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100% !important;
  text-transform: none !important;
}
.payment-pages .payment-block__button-list .button.to-catalog {
  margin-top: 20px !important;
  background: #fff !important;
}
.payment-pages .payment-block__button-list .button.to-catalog span {
  color: #4e8aff !important;
}
.payment-pages .payment-block__button-list .button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}
.payment-pages .payment-block__bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.payment-pages .payment-block__bottom p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #9d9d9d;
  padding-bottom: 10px;
}
.payment-pages .payment-block__bottom span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
}
.payment-pages .payment-block__bottom span a {
  color: #f75a01;
}

.checkout-payment-search {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-bottom: 20px;
}
.checkout-payment-search__input {
  width: 100%;
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.checkout-payment-search__input:hover, .checkout-payment-search__input:focus {
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.checkout-payment-search__input:hover.form-control.input-lg, .checkout-payment-search__input:focus.form-control.input-lg {
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.checkout-payment-search__btn {
  min-width: 50px !important;
  width: auto !important;
  position: absolute !important;
  bottom: 4px !important;
  right: 5px !important;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-family: Roboto !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  padding: 14px 32px !important;
  cursor: pointer;
}
.checkout-payment-search__btn:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%) !important;
  border: 1px solid transparent !important;
}

.drowning-inner {
  position: relative;
}
.drowning-inner .skeleton {
  width: 100%;
  position: absolute;
  top: 63px;
  left: 0;
  opacity: 0;
  display: none;
  flex-direction: column;
  border-radius: 8px;
  background: #fff;
  padding: 10px 10px 5px;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton {
    top: 0 !important;
  }
}
.drowning-inner .skeleton.active .placeholder {
  background: linear-gradient(90deg, #F5F5F5 0% 25%, #E5E5E5 50%, #F5F5F5 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
@keyframes wave-placeholder {
  from {
    background-position: 100% 0%;
  }
  to {
    background-position: -100% 0%;
  }
}
.drowning-inner .skeleton.active .placeholder-light {
  background: linear-gradient(90deg, #fff 0% 25%, #E1E1E1 50%, #fff 65% 100%);
  border-radius: 4px;
  width: 100%;
  animation: 1s wave-placeholder infinite linear !important;
  background-size: 200% !important;
}
@keyframes wave-placeholder {
  from {
    background-position: 100% 0%;
  }
  to {
    background-position: -100% 0%;
  }
}
.drowning-inner .skeleton__item {
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  height: 62px;
  background: #fff;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item {
    height: 115px;
    padding: 0;
    overflow: hidden;
    flex-direction: column;
  }
  .drowning-inner .skeleton__item:nth-last-child(2), .drowning-inner .skeleton__item:last-child {
    display: none;
  }
}
.drowning-inner .skeleton__item-left {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-left {
    padding: 10px 10px;
    background: #fff;
  }
}
.drowning-inner .skeleton__item-checkbox {
  margin-right: 20px;
  min-width: 25px;
  height: 25px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-checkbox {
    max-width: 24px;
    height: 24px;
  }
}
.drowning-inner .skeleton__item-checkbox.placeholder {
  display: block;
}
.drowning-inner .skeleton__item-checkbox.placeholder-light {
  display: none;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-checkbox.placeholder-light {
    display: block;
  }
}
.drowning-inner .skeleton__item-img {
  border-radius: 6px;
  min-width: 80px;
  height: 40px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-img {
    max-width: 80px;
  }
}
.drowning-inner .skeleton__item-title {
  min-width: 234px;
  height: 25px;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-title {
    display: none;
  }
}
.drowning-inner .skeleton__item-title-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-title-mobile {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
}
.drowning-inner .skeleton__item-mobile-price {
  height: 24px;
  margin-bottom: 5px;
  border-radius: 4px;
  min-width: 110px;
}
.drowning-inner .skeleton__item-mobile-price-text {
  height: 14px;
  border-radius: 4px;
  min-width: 110px;
  max-width: 152px;
}
.drowning-inner .skeleton__item-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.drowning-inner .skeleton__item-right .placeholder-light {
  display: none;
}
.drowning-inner .skeleton__item-right .placeholder {
  display: block;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-right {
    align-items: start;
    background: #f5f5f5;
    padding: 10px 15px;
  }
  .drowning-inner .skeleton__item-right .placeholder-light {
    display: block;
  }
  .drowning-inner .skeleton__item-right .placeholder {
    display: none;
  }
}
.drowning-inner .skeleton__item-price {
  border-radius: 4px;
  min-width: 105px;
  height: 24px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-price {
    display: none;
    max-width: 105px;
    height: 16px;
  }
}
.drowning-inner .skeleton__item-price-text {
  border-radius: 4px;
  min-width: 83px;
  max-width: 83px;
  height: 14px;
}
@media only screen and (max-width: 767px) {
  .drowning-inner .skeleton__item-price-text {
    display: none;
  }
}

.payment-methods {
  background: #fff;
  padding: 10px 10px 5px;
  border-radius: 8px;
}
.payment-methods .error.empty-block {
  display: none;
  background: #fff;
  padding: 20px 0 25px;
  text-align: center;
  height: 210px;
}
.payment-methods .error.empty-block img {
  display: block;
  margin: 0 auto 20px;
}
.payment-methods .error.empty-block b {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  color: #9d9d9d;
  padding: 20px 0 10px;
}
.payment-methods .error.empty-block p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #9d9d9d;
  max-width: 429px;
  text-align: center;
  margin: 8px auto 0;
}
.payment-methods .payment-method {
  display: block;
  background: #f5f5f5;
  margin-bottom: 5px;
  border-radius: 8px;
  transition: 0.3s;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method {
    overflow: hidden;
  }
  .payment-methods .payment-method.wallet-wrap .payment-info {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method {
    border: 1px solid #e5e5e5;
  }
  .payment-methods .payment-method.wallet-wrap .payment-info {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method.recommended {
    border: none !important;
  }
}
.payment-methods .payment-method.recommended.open .title-block {
  border-radius: 8px 8px 0 0;
}
.payment-methods .payment-method.recommended .title-block {
  background: #ffefe6;
  border: 1px solid transparent !important;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method.recommended .title-block {
    overflow: visible;
  }
}
.payment-methods .payment-method.recommended .title-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #f75a01;
}
.payment-methods .payment-method.recommended .sub-title {
  color: #f75a01;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method.wallet-wrap, .payment-methods .payment-method.without-fees {
    border: none !important;
  }
}
.payment-methods .payment-method.wallet-wrap.open .title-block, .payment-methods .payment-method.without-fees.open .title-block {
  border-radius: 8px 8px 0 0;
}
.payment-methods .payment-method.wallet-wrap .title-block, .payment-methods .payment-method.without-fees .title-block {
  background: #F2FBf5;
  border: 1px solid transparent !important;
  overflow: hidden;
}
.payment-methods .payment-method.wallet-wrap .title-block::before, .payment-methods .payment-method.without-fees .title-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #00b241;
}
.payment-methods .payment-method.wallet-wrap .sub-title, .payment-methods .payment-method.without-fees .sub-title {
  color: #00b241;
}
.payment-methods .payment-method .title-block {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  transition: 0.3s;
  width: 100%;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .title-block {
    display: block;
    border-radius: 8px 8px 0 0;
    border: 1px solid transparent;
    z-index: 3;
    overflow: visible;
  }
  .payment-methods .payment-method .title-block .payment-method__block-info {
    z-index: 10;
  }
  .payment-methods .payment-method .title-block .payment-method__block-info::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -50px;
    left: 0;
  }
}
.payment-methods .payment-method .title-block input[type=radio] {
  display: none;
}
.payment-methods .payment-method .title-block input[type=radio] + span {
  width: 22px;
  height: 22px;
  border: 1px solid #DBDBDB;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 12px;
  top: 20px;
  border-radius: 30px;
  opacity: 0.7;
  z-index: 1;
  transition: 0.5s all;
  transition: 0.3s;
}
.payment-methods .payment-method .title-block input[type=radio] + span:before {
  transition: 0.5s all;
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background: #4e8aff;
  border-radius: 30px;
  opacity: 0;
  position: absolute;
  transition: 0.3s;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.payment-methods .payment-method__mobile-title {
  display: none;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method__mobile-title {
    z-index: 1;
    display: block;
    border-radius: 0 0 8px 8px;
    background: #f5f5f5;
    padding: 10px 15px;
  }
  .payment-methods .payment-method__mobile-title .title-wrap {
    display: block;
  }
  .payment-methods .payment-method__mobile-title .title-wrap .paymentmethod {
    font-family: "Avenir Next", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #505050;
    white-space: nowrap;
    display: block;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
  }
  .payment-methods .payment-method__mobile-title .title-wrap .sub-title {
    font-family: "Avenir Next", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
  }
}
.payment-methods .payment-method__block-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 39px;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method__block-info {
    justify-content: start;
  }
}
.payment-methods .payment-method__block-info .info {
  display: flex;
}
.payment-methods .payment-method__block-info .info .img {
  height: 40px;
  width: 80px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.payment-methods .payment-method__block-info .info .img img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.payment-methods .payment-method__block-info .info .title-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method__block-info .info .title-wrap {
    display: none;
  }
}
.payment-methods .payment-method__block-info .info .title-wrap .paymentmethod {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #505050;
}
.payment-methods .payment-method__block-info .info .title-wrap .sub-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
}
.payment-methods .payment-method__block-info .fees {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method__block-info .fees {
    align-items: start;
    padding-left: 15px;
  }
}
.payment-methods .payment-method__block-info .fees .total-price {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
}
.payment-methods .payment-method__block-info .fees .fee {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.payment-methods .payment-method:hover.select .title-block {
  box-shadow: none;
}
.payment-methods .payment-method:hover .title-block {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method:hover .title-block {
    box-shadow: none;
  }
}
.payment-methods .payment-method:hover input[type=radio] + span {
  border: 1px solid #4e8aff;
}
.payment-methods .payment-method:hover input[type=radio] + span::before {
  opacity: 0.7;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method.select {
    border: 1px solid #4e8aff;
  }
}
.payment-methods .payment-method.select .title-block {
  border: 1px solid #4e8aff;
}
.payment-methods .payment-method.select .title-block .fees .total-price {
  color: #1F1F1F;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method.select .title-block {
    border-radius: 8px 8px 0 0;
    border: 1px solid transparent;
  }
}
.payment-methods .payment-method.select input[type=radio] + span {
  border: 1px solid #4e8aff;
  opacity: 1;
}
.payment-methods .payment-method.select input[type=radio] + span::before {
  opacity: 1;
}
.payment-methods .payment-method .body-block {
  padding: 10px;
  border-radius: 0 0 8px 8px;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method .body-block {
    padding: 15px 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .height-marker {
    padding: 15px 0 0;
    border-top: 1px solid #E5E5E5;
  }
}
.payment-methods .payment-method .body-block .height-marker .row {
  margin-left: -10px;
  margin-right: -10px;
}
.payment-methods .payment-method .body-block .height-marker .col-xs-12 {
  padding: 0 10px;
}
.payment-methods .payment-method .body-block .height-marker #complete-button {
  display: none;
}
.payment-methods .payment-method .body-block .height-marker .form-group {
  position: relative;
}
.payment-methods .payment-method .body-block .height-marker .form-group .wrapper-mask {
  position: absolute;
  left: 20px;
  background: #fff;
  top: 20px;
}
.payment-methods .payment-method .body-block .height-marker .form-group .wrapper-mask .star {
  padding: 0 1px;
}
.payment-methods .payment-method .body-block .height-marker .form-group .help-block {
  font-weight: 400;
  font-size: 12px;
  color: #F43232;
}
.payment-methods .payment-method .body-block .height-marker .form-group.has-error .control-label {
  color: #F43232 !important;
}
.payment-methods .payment-method .body-block .height-marker .form-group.has-error input {
  border: 1px solid #F43232 !important;
}
.payment-methods .payment-method .body-block .height-marker .form-group.has-error input:focus {
  border: 1px solid #F43232 !important;
}
.payment-methods .payment-method .body-block .height-marker .form-group .control-label {
  transition: 0.5s, color ease-in-out 0.15s;
  position: absolute;
  top: 17px;
  left: 13px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #9d9d9d;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.85) 30%) !important;
  border-radius: 2px;
  padding: 0px 3px;
  text-transform: none;
}
.payment-methods .payment-method .body-block .height-marker .form-group input {
  border: 1px solid #e5e5e5 !important;
  font-weight: 400;
}
.payment-methods .payment-method .body-block .height-marker .form-group input::placeholder {
  color: transparent !important;
  transition: 0.3s;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:not(:placeholder-shown) + .control-label {
  top: -6px;
  font-size: 12px;
  background: #fff;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:not(:placeholder-shown) + .control-label span {
  display: none;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:focus {
  border: 1px solid #4e8aff !important;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:focus::placeholder {
  color: #c9c9c9 !important;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:focus + .control-label {
  color: #4e8aff;
  top: -6px;
  font-size: 12px;
  background: #fff;
}
.payment-methods .payment-method .body-block .height-marker .form-group input:focus + .control-label span {
  display: none;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap {
  background: rgba(80, 80, 80, 0.05);
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px 20px 5px;
  margin-bottom: 10px;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .row {
  margin-left: -15px;
  margin-right: -15px;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .exp-date .form-group.field-card-number-date-yy,
.payment-methods .payment-method .body-block .height-marker .card-wrap .exp-date .form-group.field-card-number-date-mm {
  display: none;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number {
  position: relative;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico {
  z-index: 20;
  position: absolute;
  top: 15px;
  right: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  width: 45px;
  height: 25px;
  background-size: 40px;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.mastercard {
  background-image: url("../../../img/pages/cart/card-providers/mastercard.svg");
  background-repeat: no-repeat;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.visa {
  background-image: url("../../../img/pages/cart/card-providers/visa.svg?v=1");
  background-color: #fff;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.dinner-club {
  background-image: url("../../../img/pages/cart/card-providers/dinner-club.svg");
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.jcb {
  background-image: url("../../../img/pages/cart/card-providers/jcb.svg");
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.maestro {
  background-image: url("../../../img/pages/cart/card-providers/maestro.svg");
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.discover {
  background-image: url("../../../img/pages/cart/card-providers/discover.svg");
  background-color: #fff;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.union-pay {
  background-image: url("../../../img/pages/cart/card-providers/union-pay.svg");
}
.payment-methods .payment-method .body-block .height-marker .card-wrap .card-number .card-ico.mir {
  background-image: url("../../../img/pages/cart/card-providers/mir.svg");
  background-color: #fff;
}
.payment-methods .payment-method .body-block .height-marker .card-wrap__address-post {
  border-top: 1px solid #E5E5E5;
  padding-top: 20px;
  margin-top: 20px;
  padding-bottom: 15px;
}
.payment-methods .payment-method .body-block .height-marker .wallet {
  background-color: #fff;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid transparent;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .height-marker .wallet.account {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .height-marker .wallet.bonus {
    margin-bottom: 15px;
  }
}
.payment-methods .payment-method .body-block .height-marker .wallet:hover {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.payment-methods .payment-method .body-block .height-marker .wallet.select {
  border: 1px solid #4e8aff;
}
.payment-methods .payment-method .body-block .height-marker .wallet .info {
  display: flex;
  align-items: center;
}
.payment-methods .payment-method .body-block .height-marker .wallet .info .icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: rgba(78, 138, 255, 0.2);
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.payment-methods .payment-method .body-block .height-marker .wallet .info span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #1f1f1f;
}
.payment-methods .payment-method .body-block .height-marker .wallet .value {
  display: flex;
  align-items: center;
}
.payment-methods .payment-method .body-block .height-marker .wallet .value span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: right;
  color: #505050;
}
.payment-methods .payment-method .body-block .height-marker .not-have {
  padding-top: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .height-marker .not-have {
    display: block;
  }
  .payment-methods .payment-method .body-block .height-marker .not-have .text-right {
    text-align: center;
  }
}
.payment-methods .payment-method .body-block .height-marker .not-have .not-have-enough {
  display: flex;
  align-items: center;
}
.payment-methods .payment-method .body-block .height-marker .not-have .not-have-enough svg {
  min-width: 24px;
  min-height: 24px;
}
.payment-methods .payment-method .body-block .height-marker .not-have .not-have-enough p {
  margin-left: 5px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #505050;
}
.payment-methods .payment-method .body-block .height-marker .not-have .not-have-enough p.bonus-balance {
  display: none;
}
.payment-methods .payment-method .body-block .height-marker .not-have .not-have-enough p span {
  font-weight: 600;
}
.payment-methods .payment-method .body-block .height-marker .not-have .top-up-balance {
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: #4e8aff;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .height-marker .not-have .top-up-balance {
    padding: 15px 0;
    margin: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    justify-content: center;
  }
}
.payment-methods .payment-method .body-block .height-marker .not-have .top-up-balance svg {
  margin-left: 5px;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method .body-block .method-info {
    padding-bottom: 10px;
  }
}
.payment-methods .payment-method .body-block .method-info .currencies {
  display: flex;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #505050;
  padding-bottom: 10px;
}
.payment-methods .payment-method .body-block .method-info .currencies span {
  color: #1f1f1f;
  padding-left: 4px;
}
.payment-methods .payment-method .body-block .method-info .informer {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #505050;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .add-available-balance-info {
    padding-bottom: 10px;
  }
}
.payment-methods .payment-method .body-block .add-available-balance-info .info {
  display: flex;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input {
  display: contents;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input .add-balance {
  border: none !important;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input span {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  position: relative;
  border: 1.45px solid #9d9d9d;
  background: transparent;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input span:before {
  content: "";
  border: 2px solid transparent;
  width: 6px;
  height: 11px;
  display: block;
  position: relative;
  top: 2px;
  left: 6px;
  z-index: 2;
  transition: 0.5s all;
  opacity: 0;
  transform: rotate(45deg);
  border-bottom-color: #9d9d9d;
  border-right-color: #9d9d9d;
  border-top: none;
  border-left: none;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input span:hover:before {
  opacity: 0.5;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input input:checked + span {
  border: 1.45px solid #4e8aff;
  background: #4e8aff;
}
.payment-methods .payment-method .body-block .add-available-balance-info .input input:checked + span:before {
  opacity: 1;
  border-bottom-color: #fff;
  border-right-color: #fff;
}
.payment-methods .payment-method .body-block .add-available-balance-info .text {
  margin-left: 5px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #505050;
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .body-block .add-available-balance-info .text {
    display: flex;
    align-items: center;
  }
}
.payment-methods .payment-method .body-block .add-available-balance-info .text b {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}
.payment-methods .payment-method .body-block .payment-info {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .payment-methods .payment-method .body-block .payment-info {
    display: block !important;
  }
  .payment-methods .payment-method .body-block .payment-info .discount-form {
    background-color: transparent;
    border-radius: 0;
    margin: 0 0 15px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
  }
  .payment-methods .payment-method .body-block .payment-info .discount-form__title {
    padding: 15px 0;
  }
  .payment-methods .payment-method .body-block .payment-info .discount-form__body {
    padding: 0 0 15px;
  }
  .payment-methods .payment-method .body-block .payment-info .card-info {
    background: transparent;
    padding: 0;
    margin: 0;
  }
  .payment-methods .payment-method .body-block .payment-info .card-info .line.wallet {
    background: transparent;
    padding: 0 0 15px;
  }
  .payment-methods .payment-method .body-block .payment-info .card-info .line.wallet:hover {
    box-shadow: none;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container {
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container__or {
    display: none;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container__back {
    display: none;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container__text {
    padding-top: 15px;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container #complete-button {
    display: flex;
  }
  .payment-methods .payment-method .body-block .payment-info .submit-container .loading-container {
    display: none;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap {
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #E5E5E5;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-title {
    padding: 15px 0;
    background-color: transparent;
    margin: 0;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list {
    background-color: transparent;
    padding: 0;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list .offer {
    background-color: #fff;
    padding: 15px;
    border: none !important;
    margin-bottom: 10px;
    border-radius: 8px;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list .offer:last-child {
    margin-bottom: 15px;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list .offer .user-container {
    padding: 0 10px;
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list .offer .title {
    -webkit-mask-image: linear-gradient(90deg, black 90%, transparent);
  }
  .payment-methods .payment-method .body-block .payment-info .offers-wrap .offers-list .offer .title a {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .payment-methods .payment-method .card-form .body-block .height-marker {
    padding-top: 0 !important;
    border-top: none !important;
  }
}

.tickets-page__wrap {
  width: 100%;
}
.tickets-page__title {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tickets-page__title {
    font-size: 24px;
    line-height: 1;
  }
}
.tickets-page__info-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .tickets-page__info-wrap {
    margin-bottom: 20px;
  }
}
.tickets-page__main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -145px;
}
@media only screen and (max-width: 767px) {
  .tickets-page__main-img {
    display: none;
  }
}
.tickets-page__main-img img {
  width: 100%;
}
.tickets-page__description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .tickets-page__description {
    font-size: 20px;
  }
}
.tickets-page__btn {
  width: 100%;
  max-width: 250px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.tickets-page__btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .tickets-page .tab-content {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .tickets-page .tabs-table .nav-tabs {
    padding-top: 0 !important;
  }
}

.dispute-page__wrap {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .dispute-page__wrap {
    padding-bottom: 40px;
  }
}
.dispute-page__title {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .dispute-page__title {
    font-size: 24px;
    line-height: 1;
  }
}
.dispute-page__info-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .dispute-page__info-wrap {
    margin-bottom: 20px;
  }
}
.dispute-page__main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -145px;
}
@media only screen and (max-width: 767px) {
  .dispute-page__main-img {
    display: none;
  }
}
.dispute-page__main-img img {
  width: 100%;
}
.dispute-page__description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .dispute-page__description {
    font-size: 20px;
  }
}
.dispute-page__btn {
  width: 100%;
  max-width: 250px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.dispute-page__btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%);
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .dispute-page .tab-content {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .dispute-page .tabs-table .nav-tabs {
    padding-top: 0 !important;
  }
}

.bookmark-products__list {
  width: 100%;
}
.bookmark-products__item {
  position: relative;
  width: 100%;
  min-height: 180px !important;
  display: flex;
  padding: 0 !important;
  padding-right: 25px !important;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .bookmark-products__item {
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-products__item {
    padding-right: 0 !important;
  }
}
.bookmark-products__item-img {
  width: 100%;
  max-width: 320px;
  height: 188px;
}
@media only screen and (max-width: 767px) {
  .bookmark-products__item-img {
    max-width: 100%;
    height: 220px;
  }
}
.bookmark-products__item-img img {
  margin: 0 !important;
  width: 100%;
  height: 188px;
}
@media only screen and (max-width: 767px) {
  .bookmark-products__item-img img {
    height: 220px;
  }
}
.bookmark-products__item-info {
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  .bookmark-products__item-info {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-products__item-info {
    width: 100%;
  }
}
.bookmark-products__item-title {
  max-width: calc(100% - 40px);
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 1.2727272727;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .bookmark-products__item-title {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-products__item-title {
    max-width: calc(100% - 45px);
  }
}
.bookmark-products__info-icons-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .bookmark-products__info-icons-wrap {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
.bookmark-products__info-icons-wrap .bookmark-products__info-icon {
  width: auto;
  min-width: 40px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .bookmark-products__info-icons-wrap .bookmark-products__info-icon {
    margin-bottom: 7px;
  }
}
.bookmark-products__info-icons-wrap .bookmark-products__info-icon .marketplace-img {
  height: 40px;
  width: 40px;
}
.bookmark-products__info-icons-wrap .bookmark-products__info-icon .step-info {
  width: auto !important;
}
.bookmark-products__info-icons-wrap .bookmark-products__info-icon .step-info .step-info-i {
  width: auto;
  height: 40px;
  background: none;
}
.bookmark-products__info-icons-wrap .bookmark-products__info-icon img {
  width: auto;
  height: 40px;
  margin: 0 !important;
  float: inherit;
  padding: 0 !important;
  border-radius: 0 !important;
}
.bookmark-products__item-description {
  font-size: 16px;
  line-height: 1.125;
  margin-bottom: 15px;
}
.bookmark-products__item-description .bookmark-products__price-val {
  margin-left: 6px;
}
.bookmark-products__item-qty {
  font-size: 16px;
  line-height: 1.125;
  margin-bottom: 15px;
}
.bookmark-products__btn-wrap {
  width: 100%;
  max-width: 220px;
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media only screen and (max-width: 992px) {
  .bookmark-products__btn-wrap {
    max-width: 100%;
    padding: 20px 0;
    justify-content: center;
  }
}
.bookmark-products__item-btn {
  width: 100%;
  max-width: 250px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff !important;
  font-family: Avenir-Next-Bold !important;
  font-size: 14px;
  font-weight: 700;
  transition: 0.2s;
  cursor: pointer;
}
.bookmark-products__item-btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%) !important;
}

.faq-page {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .faq-page {
    padding-left: 0;
    padding-right: 0;
  }
}
.faq-page__title {
  margin-bottom: 20px;
  text-align: center;
  font-family: Avenir-Next-Bold;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.275;
  text-align: center;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .faq-page__title {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 1.3333333333;
  }
}
.faq-page__title a {
  color: #fff;
}
.faq-page__search-wrap {
  width: 100%;
  max-width: 540px;
  padding-bottom: 20px;
  margin: 0 auto;
  position: relative;
  z-index: 33;
}
.faq-page__search-wrap .faq-page__search-input {
  width: 100%;
  position: relative;
}
.faq-page__search-wrap .faq-page__search-input img {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.faq-page__search-wrap .faq-page__search-input input {
  width: 100%;
  background-color: #ffffff !important;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  color: #333333;
  font-size: 14px !important;
  padding-left: 55px !important;
}
.faq-page__search-wrap .faq-page__search-result {
  background: #fff;
  border: 1px solid #808080;
  border-radius: 0 0 4px 4px;
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 55px;
  left: 0;
  z-index: 33;
}
.faq-page__search-wrap .faq-page__search-result ul {
  width: 100%;
}
.faq-page__search-wrap .faq-page__search-result ul li {
  width: 100%;
  position: relative;
}
.faq-page__search-wrap .faq-page__search-result ul li:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}
.faq-page__search-wrap .faq-page__search-result ul li:hover a {
  color: #f75a01;
}
.faq-page__search-wrap .faq-page__search-result ul li:hover::before {
  opacity: 1;
}
.faq-page__search-wrap .faq-page__search-result ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  min-height: 100%;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  opacity: 0;
  transition: 0.2s;
}
.faq-page__search-wrap .faq-page__search-result ul li a {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 15px;
  line-height: 24px;
  color: #000;
  font-size: 14px;
  transition: 0.2s;
}
.faq-page__search-wrap .faq-page__search-result ul li .empty-results {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 15px;
  line-height: 24px;
  color: #808080;
  font-size: 14px;
  transition: 0.2s;
}
.faq-page__tabs-content {
  background: transparent !important;
}
.faq-page__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .faq-page__img-wrap {
    display: none;
  }
}

.faq-accardeon__wrap .faq-accardeon__card:not(:last-child) {
  margin-bottom: 20px;
}
.faq-accardeon__card-head {
  display: flex;
  align-items: center;
}
.faq-accardeon__card-head:hover .faq-accardeon__card-title {
  color: #f75a01;
}
.faq-accardeon__card-head:hover .faq-accardeon__card-arrow {
  border-top: 8px solid #f75a01;
}
.faq-accardeon__card-head.active .faq-accardeon__card-title {
  color: #f75a01;
}
.faq-accardeon__card-head.active .faq-accardeon__card-arrow {
  border-top: 8px solid #f75a01;
  transform: rotateX(180deg);
  top: 2px;
}
.faq-accardeon__card-head .faq-accardeon__card-img {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 20px;
  background: white;
  border-radius: 50%;
}
.faq-accardeon__card-head .faq-accardeon__card-img img {
  width: 100%;
  height: 100%;
}
.faq-accardeon__card-head .faq-accardeon__card-title {
  font-family: Avenir-Next-Bold;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .faq-accardeon__card-head .faq-accardeon__card-title {
    font-size: 20px;
  }
}
.faq-accardeon__card-head .faq-accardeon__card-arrow {
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 15px;
  position: relative;
  top: 4px;
  border: 8px solid transparent;
  border-top: 8px solid #ccc;
  transition: 0.2s;
}
.faq-accardeon__card-body {
  display: none;
}
@media only screen and (max-width: 767px) {
  .faq-accardeon__card-body {
    padding-top: 5px;
  }
}
.faq-accardeon__card-list {
  width: 100%;
  padding-left: 93px;
  display: flex;
  flex-direction: column;
}
.faq-accardeon__card-list .faq-accardeon__list-content {
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
}
.faq-accardeon__card-list .faq-accardeon__list-content:hover::before {
  background: #f75a01;
}
.faq-accardeon__card-list .faq-accardeon__list-content:hover a {
  color: #f75a01 !important;
}
.faq-accardeon__card-list .faq-accardeon__list-content:not(:last-child) {
  margin-bottom: 10px;
}
.faq-accardeon__card-list .faq-accardeon__list-content::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  left: -13px;
  background: #808080;
  border-radius: 50%;
  transition: 0.2s !important;
}
.faq-accardeon__card-list .faq-accardeon__list-content a {
  color: #000;
  transition: 0.2s !important;
}

.faq-ticket__block {
  margin-top: 40px;
}
.faq-ticket__title-wrap {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.faq-ticket__title-wrap .faq-ticket__title-img {
  margin-right: 15px;
}
.faq-ticket__title-wrap .faq-ticket__title {
  font-family: Avenir-Next-Bold;
  color: #000;
  font-weight: 600;
  font-size: 28px;
}
@media only screen and (max-width: 767px) {
  .faq-ticket__title-wrap .faq-ticket__title {
    font-size: 24px;
    text-align: center;
  }
}
.faq-ticket__block-btn {
  display: block;
  margin: 0 auto;
}

.faq-search-page {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .faq-search-page {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 30px !important;
  }
}
.faq-search-page__wrap {
  width: 100%;
  position: relative;
}
.faq-search-page__title {
  font: 20px "Roboto-Light", sans-serif;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.faq-search-page__btn-back {
  position: absolute;
  top: 0;
  left: 10px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #f75a01 !important;
  transition: 0.2s;
  z-index: 10;
}
.faq-search-page__btn-back:hover::before {
  border-top: 8px solid #ff9f00;
}
.faq-search-page__btn-back::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 0px;
  top: 2px;
  transform: rotate(90deg);
  border: 8px solid transparent;
  border-top: 8px solid #ccc;
  transition: 0.2s;
}
.faq-search-page__decor-line {
  width: 100%;
  height: 1px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #d6d6d6;
}
.faq-search-page__decor-line--orange {
  background: #f75a01;
  opacity: 0.5;
}
.faq-search-page__list-item {
  width: 100%;
}
.faq-search-page__list-item .faq-search-page__item-text {
  font-family: Roboto;
  color: #000;
  font-size: 14px;
}

.how-to-buy__wrap {
  width: 100%;
  margin-top: -10px;
  padding-bottom: 80px;
}
.how-to-buy__text-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .how-to-buy__text-wrap {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .how-to-buy__text-wrap--mob-center {
    align-items: center;
  }
}
.how-to-buy__text-wrap--white-bg {
  padding: 15px 20px;
  background: #fff;
  border-radius: 10px;
}
.how-to-buy__text {
  font-family: Roboto;
  color: #000;
  font-size: 14px;
  line-height: 2;
}
.how-to-buy__number {
  padding-right: 10px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0.7px;
  color: #f75a01;
}
.how-to-buy__img-wrap {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.how-to-buy__img-wrap img {
  width: auto;
}
.how-to-buy__success-block {
  width: 100%;
  padding: 30px 50px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .how-to-buy__success-block {
    padding: 20px;
  }
}
.how-to-buy__success-block .how-to-buy__success-text {
  font-family: Roboto;
  color: #000;
  font-size: 14px;
  line-height: 2;
  opacity: 0.6;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .how-to-buy__success-block .how-to-buy__success-text {
    margin-bottom: 5px;
  }
}
.how-to-buy__success-block .how-to-buy__success-link {
  font-family: Roboto;
  color: #f75a01;
  font-size: 14px;
  line-height: 2;
}
.how-to-buy__success-block img {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .how-to-buy__success-block img {
    margin-top: 5px;
  }
}

.transactions-page .transaction-table .table thead tr th {
  font-weight: 900;
  text-transform: uppercase;
}
.transactions-page .transaction-table .table thead tr th:first-child {
  width: 8%;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table thead tr th:first-child {
    width: auto;
  }
}
.transactions-page .transaction-table .table thead tr th:nth-child(2) {
  width: 26%;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table thead tr th:nth-child(2) {
    width: auto;
  }
}
.transactions-page .transaction-table .table thead tr th:nth-child(3) {
  width: 18%;
  text-align: center;
}
.transactions-page .transaction-table .table thead tr th:nth-child(4) {
  width: 17%;
  text-align: center;
}
.transactions-page .transaction-table .table thead tr th:nth-child(5) {
  text-align: center;
}
.transactions-page .transaction-table .table thead tr th:nth-child(6) {
  text-align: center;
}
.transactions-page .transaction-table .table tbody tr td:first-child {
  width: 8%;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table tbody tr td:first-child {
    width: auto;
  }
}
.transactions-page .transaction-table .table tbody tr td:nth-child(2) {
  width: 26%;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table tbody tr td:nth-child(2) {
    width: auto;
  }
}
.transactions-page .transaction-table .table tbody tr td:nth-child(3) {
  width: 18%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table tbody tr td:nth-child(3) {
    width: auto;
  }
}
.transactions-page .transaction-table .table tbody tr td:nth-child(4) {
  width: 17%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .transactions-page .transaction-table .table tbody tr td:nth-child(4) {
    width: auto;
  }
}
.transactions-page .transaction-table .table tbody tr td:nth-child(5) {
  text-align: center;
}
.transactions-page .transaction-table .table tbody tr td:nth-child(6) {
  text-align: center;
}
.transactions-page .transaction-table .right-arrow {
  display: inline-block;
  padding-right: 10px;
  /*&:after{
    content: "\f0da";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-left: 4px;
  }*/
}
.transactions-page .transaction-table .table-note {
  color: #444;
  font-weight: normal;
  line-height: 15px;
  font-size: 11px;
}

.transaction_modal {
  padding: 25px 0 !important;
}
.transaction_modal .modal-footer {
  padding: 0 !important;
}
.transaction_modal .close {
  position: absolute !important;
  right: 15px !important;
  font-weight: 100;
  font-size: 30px;
  top: 15px !important;
  z-index: 10 !important;
}

table.trans_details {
  width: 100%;
}
table.trans_details td {
  padding: 10px 20px;
}
table.trans_details td.title {
  width: 50%;
  opacity: 0.5;
}
table.trans_details td button.status {
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
}
table.trans_details td button.status-info {
  background-color: #f75a01;
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  font-weight: 900;
}
table.trans_details td button.status-warning {
  background-color: #f0ad4e;
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  font-weight: 900;
}
table.trans_details td button.status-success {
  background-color: #5cb85c;
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  font-weight: 900;
}
table.trans_details td button.status-danger {
  background-color: #d80027;
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  font-weight: 900;
}
table.trans_details td.data .amount {
  font-family: "Roboto-Bold", sans-serif;
}
table.trans_details td.data .amount-positive {
  color: #5cb85c;
}
table.trans_details td.data .amount-negative {
  color: #d80027;
}

.btn-close-modal {
  color: #fff;
  position: absolute;
  right: 0;
  font-weight: 100;
  font-size: 30px;
  top: 0;
  margin-top: -2px;
  line-height: 30px;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.btn-close-modal:before {
  content: "×";
}
.btn-close-modal:hover {
  opacity: 0.5;
}

.redirect-page {
  color: #000;
  display: block;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .redirect-page {
    height: auto;
  }
}
.redirect-page__animation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  gap: 5px;
}
.redirect-page__animation-block {
  width: 16px;
  height: 2px;
  background: #f75a01;
  border-radius: 100px;
  animation: preload 1.4s infinite ease-in-out both;
}
.redirect-page__animation-block:nth-child(1) {
  animation-delay: 0s;
  height: 100%;
}
.redirect-page__animation-block:nth-child(2) {
  animation-delay: 0.25s;
  height: 66%;
}
.redirect-page__animation-block:nth-child(3) {
  animation-delay: 0.5s;
  height: 33%;
}
.redirect-page__animation-block:nth-child(4) {
  animation-delay: 0.75s;
  height: 2px;
}
@keyframes preload {
  0% {
    height: 2px;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 2px;
  }
}
.redirect-page__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 145px;
  width: 1590px;
  margin: 0 auto;
  height: 100%;
}
@media screen and (max-width: 1919px) {
  .redirect-page__inner {
    gap: 142px;
    width: 1310px;
  }
}
@media screen and (max-width: 1639px) {
  .redirect-page__inner {
    gap: 125px;
    width: 1110px;
  }
}
@media screen and (max-width: 1439px) {
  .redirect-page__inner {
    gap: 30px;
    width: 1168px;
  }
}
@media screen and (max-width: 1279px) {
  .redirect-page__inner {
    width: 956px;
  }
}
@media screen and (max-width: 1023px) {
  .redirect-page__inner {
    display: block;
    height: auto;
    width: 728px;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .redirect-page__inner {
    width: 382px;
  }
}
.redirect-page__data {
  flex: 0 0 685px;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1919px) {
  .redirect-page__data {
    flex: 0 0 568px;
  }
}
@media screen and (max-width: 1639px) {
  .redirect-page__data {
    flex: 0 0 485px;
  }
}
@media screen and (max-width: 1439px) {
  .redirect-page__data {
    flex: 0 0 609px;
  }
}
@media screen and (max-width: 1279px) {
  .redirect-page__data {
    flex: 0 0 507px;
  }
}
@media screen and (max-width: 1023px) {
  .redirect-page__data {
    flex: none;
    height: auto;
    overflow: auto;
  }
}
.redirect-page__data-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 30px 20px 55px;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: 0 auto;
  max-width: 100%;
  width: 485px;
}
@media screen and (max-width: 1023px) {
  .redirect-page__data-content {
    padding: 30px 20px 35px;
    height: auto;
    min-height: 0;
  }
}
@media screen and (max-width: 767px) {
  .redirect-page__data-content {
    padding: 30px 16px 60px;
  }
}
@media screen and (max-width: 413px) {
  .redirect-page__data-content {
    padding: 30px 16px;
  }
}
.redirect-page__data-content::-webkit-scrollbar {
  display: none;
}
.redirect-page__data-content .tabs-table {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
.redirect-page__data-content .tabs-table__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.redirect-page__data-content .authorize-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .redirect-page__data-content .authorize-menu {
    width: 466px;
    max-width: 100%;
  }
}
.redirect-page__data-content .authorize-menu form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field {
  border-color: currentColor !important;
  color: #f43232;
  animation-name: bounce;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
}
.redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:hover {
  color: #f43232 !important;
}
.redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:focus {
  color: #9d9d9d !important;
}
.redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:hover, .redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field:focus {
  border-color: #f43232 !important;
}
.redirect-page__data-content .authorize-menu form .fake-code-container.has-error .code-field::placeholder {
  color: currentColor;
}
@keyframes bounce {
  0% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
  37% {
    transform: translateX(5px);
    timing-function: ease-out;
  }
  55% {
    transform: translateX(-5px);
    timing-function: ease-in;
  }
  73% {
    transform: translateX(4px);
    timing-function: ease-out;
  }
  82% {
    transform: translateX(-4px);
    timing-function: ease-in;
  }
  91% {
    transform: translateX(2px);
    timing-function: ease-out;
  }
  96% {
    transform: translateX(-2px);
    timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
}
.redirect-page__data-content .authorize-menu form .fake-code-container .help-block {
  color: #f43232;
  padding: 0;
  margin-top: 5px;
}
.redirect-page__data-content .authorize-menu form .code-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.redirect-page__data-content .authorize-menu form .code-container .code-field {
  flex: 0 0 56px;
  text-align: center;
  border-radius: 4px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9d9d9d;
}
.redirect-page__data-content .authorize-menu form .code-container .code-field:hover {
  color: #9d9d9d !important;
}
.redirect-page__data-content .authorize-menu form .code-container .code-field:focus::placeholder {
  color: transparent;
}
@media screen and (max-width: 413px) {
  .redirect-page__data-content .authorize-menu form .code-container .code-field {
    flex: 0 0 44px;
    height: 44px;
    padding: 0;
  }
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block {
  margin-top: 30px;
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  width: 160px;
  height: 160px;
  text-align: center;
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown #countdown-number {
  color: #1f1f1f;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 26px;
  font-weight: 100;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  user-select: none;
  width: 150px;
  margin: 0 auto;
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown #countdown-text {
  color: #9d9d9d;
  text-align: center;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 140%;
  text-transform: uppercase;
  width: 150px;
  margin: 0 auto;
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 160px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer circle {
  stroke-dasharray: 472px;
  stroke-dashoffset: -472px;
  stroke-linecap: round;
  stroke-width: 8px;
  fill: none;
  stroke: #f75a01;
  transition: 1s all linear;
}
.redirect-page__data-content .authorize-menu.verify-email .timer-block #countdown .timer circle.trace {
  stroke: #eaeaea;
  animation: unset;
  stroke-dashoffset: 0px;
}
.redirect-page__data-content .authorize-menu .form-group {
  width: 100%;
}
.redirect-page__data-content .authorize-menu a {
  width: 100%;
  display: block;
}
.redirect-page__data-content .authorize-menu .button {
  display: inline-block;
  width: 100%;
}
.redirect-page__data-tabs {
  background: #f0f0f2;
  padding: 4px;
  border-radius: 4px;
}
.redirect-page__data-tabs .nav-tabs {
  position: relative;
  border: none;
}
.redirect-page__data-tabs .nav-tabs .indicator {
  border-radius: 4px;
  background: #4e8aff;
}
.redirect-page__data-tabs .nav-tabs li {
  position: relative;
  z-index: 1;
  width: 50%;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .redirect-page__data-tabs .nav-tabs li {
    background: transparent !important;
  }
}
.redirect-page__data-tabs .nav-tabs li.active a {
  color: #fff;
}
.redirect-page__data-tabs .nav-tabs li a {
  background: transparent;
  color: #9d9d9d;
  font-family: "Avenir-Next-DemiBold", sans-serif;
  font-weight: 100;
  line-height: 24px;
  margin-right: 0;
  padding: 5px 25px;
  border: none;
  border-radius: 4px;
}
.redirect-page__data-tabs .nav-tabs li a:focus, .redirect-page__data-tabs .nav-tabs li a:hover {
  border: none;
  background: transparent;
}
.redirect-page__data-textblock {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
}
.redirect-page__data-title {
  color: #1f1f1f;
  font-family: "Avenir-Next-Bold", sans-serif;
}
.redirect-page__data-text {
  color: #9d9d9d;
  font-family: "Avenir-Next", sans-serif;
}
.redirect-page__data-text a {
  display: inline !important;
}
.redirect-page__poster {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 726px;
}
@media screen and (max-width: 1919px) {
  .redirect-page__poster {
    width: 660px;
  }
}
@media screen and (max-width: 1639px) {
  .redirect-page__poster {
    width: 674px;
  }
}
@media screen and (max-width: 1439px) {
  .redirect-page__poster {
    width: 540px;
  }
}
@media screen and (max-width: 1279px) {
  .redirect-page__poster {
    width: 496px;
  }
}
@media screen and (max-width: 1023px) {
  .redirect-page__poster {
    display: none;
  }
}
.redirect-page__poster:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: #4e8aff url("../img/pages/login/bg.png") no-repeat center center;
  background-size: cover;
}
.redirect-page__poster-content {
  padding: 44px 30px 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.redirect-page__poster-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.5px);
  color: #fff;
  padding: 15px 30px;
  width: 614px;
  max-width: 100%;
}
@media screen and (max-width: 1919px) {
  .redirect-page__poster-info {
    width: 480px;
  }
}
.redirect-page__poster-title {
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 100;
  font-size: 42px;
  line-height: 45px;
}
@media screen and (max-width: 1279px) {
  .redirect-page__poster-title {
    font-size: 36px;
  }
}
.redirect-page__poster-title br {
  display: none;
}
@media screen and (max-width: 1919px) {
  .redirect-page__poster-title br {
    display: block;
  }
}
.redirect-page__poster-text {
  width: 372px;
  max-width: 100%;
  color: #f5f5f5;
  font-family: "Avenir-Next", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1279px) {
  .redirect-page__poster-text {
    font-size: 16px;
  }
}
.redirect-page__poster-img {
  pointer-events: none;
  position: relative;
  z-index: 1;
  margin-right: 30px;
  margin-left: auto;
  margin-top: -34px;
  width: 527px;
}
@media screen and (max-width: 1919px) {
  .redirect-page__poster-img {
    margin-top: -84px;
  }
}
@media screen and (max-width: 1639px) {
  .redirect-page__poster-img {
    margin-top: -84px;
    margin-left: 87px;
    margin-right: auto;
  }
}
@media screen and (max-width: 1439px) {
  .redirect-page__poster-img {
    margin-left: 50px;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .redirect-page__poster-img {
    width: 467px;
    margin-left: 0;
    margin-top: -34px;
  }
}
.redirect-page a {
  color: #f75a01;
}
.redirect-page footer {
  padding: 150px 0 50px;
}

.popup__small-popup .popup__content {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.popup__container {
  position: relative;
  padding: 27px 25px !important;
  margin: 0 !important;
  width: auto !important;
  background: #fff !important;
  border: none !important;
}
.popup__content {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.popup__header {
  margin-bottom: 20px;
}
.popup__close-btn {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  font-weight: 100;
  z-index: 99;
  color: #000;
  box-shadow: none;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
  transition: 0.5s ease all;
}
.popup__close-btn:hover {
  opacity: 0.5;
  transform: rotate(180deg);
}
.popup__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
}
.popup__body .popup__body-img {
  margin-bottom: 20px;
}
.popup__info-item {
  width: 100%;
  display: flex;
  align-items: center;
}
.popup__info-item:not(:last-child) {
  margin-bottom: 10px;
}
.popup__info-item span {
  display: flex;
  align-items: center;
}
.popup__info-item span:nth-child(1) {
  width: 40%;
}
.popup__info-item span:nth-child(2) {
  width: 60%;
}
.popup__info-item img {
  margin-right: 6px;
}
.popup__info-item i {
  margin-right: 6px;
}
.popup__info-status {
  border-radius: 4px;
  color: #fff;
  padding: 5px 15px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-decoration: underline;
}
.popup__info-status.status-danger {
  background-color: #f75a01;
}
.popup__info-status.status-warning {
  background-color: #f75a01;
}
.popup__info-status.status-success {
  background-color: #5cb85c;
}
.popup__popup-title {
  font-family: "Roboto-Bold", sans-serif;
  text-align: center;
}
.popup__popup-title--md {
  font-size: 24px;
  line-height: 1.1666666667;
}
.popup__body-text {
  font-family: "Roboto", sans-serif;
  color: #000;
}
.popup__body-text--lg {
  font-size: 24px;
  line-height: 1.1666666667;
}
.popup__body-text--md {
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .popup__body-text--md {
    font-size: 14px;
    line-height: 1.1428571429;
  }
}
.popup__body-text--positive {
  color: #5cb85c;
}
.popup__body-text--negative {
  color: #d80027;
}
.popup__transactions-page {
  padding: 35px !important;
}
.popup__transactions-page .popup__close-btn {
  top: -7px !important;
}
.popup__transactions-page .popup__transactions-content {
  width: 100%;
}
.popup__transactions-page .popup__info-item span {
  display: flex;
  align-items: center;
}
.popup__transactions-page .popup__info-item span:nth-child(1) {
  width: 50%;
}
.popup__transactions-page .popup__info-item span:nth-child(2) {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .popup__delete-offer {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
@media only screen and (max-width: 767px) {
  .popup__delete-cupon {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}

body.no-scroll {
  overflow-y: hidden;
}
body.no-scroll #launcher {
  display: none !important;
}
body.no-scroll .mini-chat-wrap {
  display: none !important;
}

.filters-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  .filters-header {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .filters-custom__btn-block {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 15px 15px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__wrap-mobile {
    width: 100%;
    min-height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    left: 0px;
    padding: 20px 15px 100px;
    background: #f5f5f5;
    z-index: 190;
    transform: translateX(100%);
    pointer-events: none;
    transition: 0.3s;
  }
  .filters-custom__wrap-mobile.active {
    transform: translateX(0%);
    pointer-events: visible;
    overflow-y: auto;
  }
}
.filters-custom__row {
  display: flex;
  margin: 5px -10px;
}
@media only screen and (max-width: 992px) {
  .filters-custom__row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__row {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__mobile-scroll-wrap {
    width: 100%;
    min-height: 75vh;
    margin-bottom: 30px;
    overflow-y: scroll;
  }
}
.filters-custom__btn-mobile {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
  display: none;
}
@media only screen and (max-width: 767px) {
  .filters-custom__btn-mobile {
    display: flex;
  }
}
.filters-custom__btn-mobile img {
  margin-right: 14px;
}
.filters-custom__btn-mobile p {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 100;
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #f6f6f6;
}
.filters-custom__mobile-title-wrap {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
@media screen and (max-width: 768px) {
  .filters-custom__mobile-title-wrap {
    display: flex;
    padding: 0 3px;
  }
}
.filters-custom__mobile-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #505050;
}
.filters-custom__results-btn-mobile {
  width: 100%;
  min-height: 54px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  display: none;
}
@media screen and (max-width: 768px) {
  .filters-custom__results-btn-mobile {
    display: flex;
    margin-bottom: 15px;
  }
}
.filters-custom__results-btn-mobile--orange {
  background: #f75a01;
}
.filters-custom__results-btn-mobile--white {
  background: #fff;
  color: #4e8aff;
}
.filters-custom__wrap {
  margin-bottom: 30px;
}
.filters-custom__wrap.checkout-filters {
  margin-bottom: 0;
}
.filters-custom__item {
  position: relative;
  width: 100%;
  margin: 0 10px;
}
.filters-custom__item .face-select-label {
  position: absolute;
  background: linear-gradient(180deg, transparent 0%, #fff 30%);
  padding: 0px 3px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
  left: 12px;
  top: -5px;
  z-index: 5;
}
@media only screen and (max-width: 992px) {
  .filters-custom__item {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .filters-custom__item:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__item {
    margin: 0;
  }
  .filters-custom__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.filters-custom__item select.custom-select {
  color: #9ba1ab;
  font-family: "Roboto-Light";
  font-size: 16px;
  padding-left: 20px;
}
.filters-custom__item label.control-label {
  width: 100%;
  margin-bottom: 5px;
  font-family: "Roboto" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  color: #f6f6f6 !important;
  text-align: left !important;
}
.filters-custom__item .form-group {
  margin-bottom: 0 !important;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .filters-custom__item .control-label {
    display: none !important;
  }
}
.filters-custom__item .input-lg {
  height: 56px !important;
}
@media only screen and (max-width: 992px) {
  .filters-custom__item .help-block {
    margin: 0 !important;
    line-height: 30px;
  }
}
.filters-custom__sort-dropdown {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  background-color: #354051 !important;
  border-radius: 4px !important;
  cursor: pointer;
  transition: 0.3s;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .filters-custom__sort-dropdown {
    z-index: 10;
  }
}
.filters-custom__sort-dropdown.active {
  background-color: #414d60 !important;
}
.filters-custom__sort-dropdown.active .filters-custom__sort-drop {
  max-height: 350px;
}
.filters-custom__sort-dropdown.active::before {
  transform: rotate(180deg);
}
.filters-custom__sort-dropdown::before {
  content: "";
  position: absolute;
  right: 23px;
  top: 50%;
  height: 10px;
  width: 20px;
  margin-top: -4px;
  border: 10px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 8px;
  border-top: 9px solid #fff;
  transition: 0.5s all;
  transform: rotate(0deg);
  transform-origin: 50% 25%;
  text-align: center;
}
.filters-custom__sort-title {
  display: flex;
  align-items: center;
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f6f6;
}
.filters-custom__sort-title img {
  margin-right: 10px;
}
.filters-custom__sort-text {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f6f6;
}
.filters-custom__sort-drop {
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
  max-height: 0;
  border-radius: 4px;
  background: #354051;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2509803922);
  transition: 0.5s;
  overflow: hidden;
}
.filters-custom__sort-drop-wrap {
  width: 100%;
  height: 100%;
  padding: 0px 0px;
}
.filters-custom__sort-item {
  width: 100%;
  height: 48px;
  padding: 0 20px;
  display: flex;
  transition: 0.3s;
  align-items: center;
}
.filters-custom__sort-item.filter-offer-item {
  padding: 0;
}
.filters-custom__sort-item:hover {
  background: #2b3545;
}
.filters-custom__sort-item:hover .filter-offer-wrapper label {
  color: white !important;
}
.filters-custom__sort-item:hover .filter-offer-wrapper .checkbox-1 + label .checkmark:before {
  width: 6px;
  top: 4px;
  left: 7px;
  border-radius: 0;
  border-color: #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.5;
}
.filters-custom__sort-item .filter-offer-wrapper {
  display: flex;
  width: 100%;
  padding-left: 0;
  height: 100%;
}
.filters-custom__sort-item .filter-offer-wrapper label {
  width: 100%;
  padding-left: 60px;
  display: flex;
  align-items: center;
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1875px;
  letter-spacing: 0.0571991px;
  color: rgba(247, 247, 247, 0.7019607843);
}
.filters-custom__sort-item .filter-offer-wrapper label::before {
  display: none;
}
.filters-custom__sort-item .filter-offer-wrapper label .checkmark {
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  transform: translate(0, -50%);
  border: none !important;
  background-color: #414d60 !important;
  border-radius: 4px;
}
.filters-custom__search-filter {
  position: relative;
  display: flex !important;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .filters-custom__search-filter {
    margin: 0 !important;
  }
}
.filters-custom__search-filter .filters-custom__search-filter-input {
  width: 100% !important;
  height: 56px !important;
  padding-left: 50px !important;
  padding-right: 10px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 4px !important;
  transition: 0.3s !important;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f6f6;
}
.filters-custom__search-filter .filters-custom__search-filter-input::placeholder {
  color: #9ba1ab !important;
}
.filters-custom__search-filter .filters-custom__search-filter-input:focus {
  background-color: #414d60 !important;
}
.filters-custom__search-filter .filters-custom__search-filter-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.filters-custom__search-filter .filters-custom__search-filter-btn button {
  width: 50px;
  min-width: 50px;
  min-height: 100%;
  height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20 !important;
  border: none !important;
  background: none !important;
}
.filters-custom__search-filter .input-placeholder-block {
  width: 100%;
}
.filters-custom__search-filter .input-placeholder-block .input-placeholder {
  position: absolute;
  overflow-x: hidden;
  height: 56px !important;
  padding-left: 50px !important;
  display: inline-block;
  font-family: "Roboto-Light";
  font-style: normal;
  font-size: 16px;
  line-height: 56px;
  color: #9BA1AB;
}
.filters-custom__search-filter .input-placeholder-block .input-placeholder b {
  margin: 0 4px;
  font-family: "Roboto-Medium";
  font-weight: 100;
}
.filters-custom__search-filter .input-placeholder-block input {
  background-color: unset !important;
}
.filters-custom__search-filter .input-placeholder-block input:focus {
  background-color: unset !important;
}
.filters-custom__datapicker-filter {
  position: relative;
  cursor: pointer;
}
.filters-custom__datapicker-filter input.form-control {
  background-color: #354051 !important;
}
.filters-custom__datapicker-filter .js-datapicker-parent .daterangepicker {
  left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .filters-custom__datapicker-filter .js-datapicker-parent .daterangepicker {
    left: 50% !important;
  }
}
.filters-custom__datapicker-filter.js-datapicker-parent .daterangepicker {
  left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .filters-custom__datapicker-filter.js-datapicker-parent .daterangepicker {
    left: 50% !important;
  }
}
.filters-custom__save-links-wrap {
  width: 100%;
  min-height: 56px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #354051;
  border-radius: 4px;
}
.filters-custom__save-links-wrap a {
  display: block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin: 0 10px;
}
.filters-custom__save-links-wrap a img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .filters-custom__save-links-wrap {
    min-height: 54px;
    margin-top: -5px;
  }
}
.filters-custom__show-on-page {
  max-width: 8%;
}
@media only screen and (max-width: 992px) {
  .filters-custom__show-on-page {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__catalog-page {
    margin-bottom: 30px;
    padding: 0 !important;
  }
}
.filters-custom__catalog-page--with-single-product {
  display: none;
}
.filters-custom__catalog-page .filters-custom__row {
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__catalog-page .filters-custom__row {
    margin: 0;
  }
}
@media only screen and (max-width: 992px) {
  .filters-custom__catalog-page .filters-custom__item:nth-last-child(2) {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__catalog-page .filters-custom__item:nth-last-child(2) {
    margin-bottom: 0px;
  }
}
.filters-custom__store-page .filters-custom__row {
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__store-page .filters-custom__row {
    margin: 0;
  }
}
.filters-custom__store-page .filters-custom__row:not(:last-child) {
  margin-bottom: 20px;
}
.filters-custom__store-page .filters-custom__item {
  position: relative;
  width: 100%;
}
.filters-custom__bookmark-page {
  margin-bottom: 20px;
}
.filters-custom__bookmark-page .filters-custom__btn-mobile {
  width: calc(100% - 30px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .filters-custom__bookmark-page .filters-custom__btn-mobile {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__bookmark-page .filters-custom__wrap-mobile {
    min-height: 100vh;
  }
}
.filters-custom__bookmark-page .filters-custom__sort-title .filters-custom__sort-text {
  color: #9ba1ab;
}
.filters-custom__bookmark-page .filters-custom__sort-item .bookmark-radio-inline {
  position: relative;
  width: 100%;
}
.filters-custom__bookmark-page .filters-custom__sort-item .bookmark-radio-inline .radio__label {
  padding: 0 10px 0 37px;
  font-family: "Roboto-Light" !important;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #f6f6f6 !important;
}
.filters-custom__bookmark-page .filters-custom__sort-item input {
  margin: 0 !important;
}
.filters-custom__bookmark-page .filters-custom__sort-item label::before {
  top: 2px;
  width: 20px;
  height: 20px;
}
.filters-custom__bookmark-page .filters-custom__sort-item label::after {
  top: 5px;
  left: 7px;
}
.filters-custom__bookmark-products .filters-custom__clear-bookmarks-btn {
  max-width: 251px;
}
@media only screen and (max-width: 992px) {
  .filters-custom__bookmark-products .filters-custom__clear-bookmarks-btn {
    max-width: 100%;
  }
}
.filters-custom__holdback-page {
  margin-top: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__holdback-page .filters-custom__btn-mobile {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
}
.filters-custom__holdback-page .filters-custom__row {
  margin: 5px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__holdback-page .filters-custom__row {
    margin: 0;
  }
}
.filters-custom__holdback-page .filters-custom__save-table {
  width: 20%;
  z-index: 10;
}
.filters-custom__holdback-page .filters-custom__custom-select .custom-select-wrap .fake-select .value.default {
  color: #9ba1ab;
}
.filters-custom__holdback-page .filters-custom__custom-select--currency .custom-select-wrap .fake-select .value.default {
  color: #f6f6f6;
}
.filters-custom__holdback-page .filters-custom__custom-select--currency .custom-select-wrap .options-list-wrap .options-list .placeholder {
  display: block !important;
}
.filters-custom__order-page .filters-custom__btn-mobile {
  width: 100%;
  margin: 0;
}
.filters-custom__order-page .filters-custom__row {
  margin: 0 -10px;
}
@media only screen and (max-width: 992px) {
  .filters-custom__order-page .filters-custom__row {
    margin: 0;
  }
}
.filters-custom__order-page .filters-custom__item:nth-child(1) {
  width: 8%;
  min-width: 8%;
}
.filters-custom__order-page .filters-custom__item:nth-child(2) {
  width: 35%;
}
.filters-custom__order-page .filters-custom__item:nth-child(6) {
  width: 8%;
}
.filters-custom__order-page .filters-custom__item:nth-child(3) {
  width: 30%;
  min-width: 13%;
}
.filters-custom__order-page .filters-custom__item:nth-child(4) {
  width: 30%;
  min-width: 13%;
}
.filters-custom__order-page .filters-custom__item:nth-child(5) {
  width: 21%;
  min-width: 21%;
}
.filters-custom__offer-page .filters-custom__btn-mobile {
  width: calc(100% - 30px);
  margin: 0 auto;
}
.filters-custom__offer-page .filters-custom__row {
  margin: 5px;
}
.filters-custom__offer-page .filters-custom__item input {
  height: 56px !important;
  background-color: #354051 !important;
}
.filters-custom__offer-page .filters-custom__item input:focus {
  background-color: #414d60 !important;
}
.filters-custom__offer-page .filters-custom__item:nth-child(1) {
  width: 12%;
}
.filters-custom__offer-page .filters-custom__item:nth-child(2) {
  width: 21%;
}
.filters-custom__offer-page .filters-custom__item:nth-child(2) .form-group {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .filters-custom__offer-page .filters-custom__item:nth-child(2) .form-group {
    width: 100%;
  }
}
.filters-custom__offer-page .filters-custom__item:nth-child(2) .form-group input {
  padding-left: 45px;
}
.filters-custom__offer-page .filters-custom__item:nth-child(3) {
  width: 13%;
}
.filters-custom__offer-page .filters-custom__item:nth-child(4) {
  width: 18%;
}
.filters-custom__offer-page .filters-custom__item:nth-child(5) {
  width: 17%;
}
.filters-custom__offer-page .filters-custom__item:nth-child(6) {
  width: 19%;
}
.filters-custom__coupons-page .filters-custom__btn-mobile {
  width: calc(100% - 30px);
  margin: 0 auto;
}
.filters-custom__coupons-page .filters-custom__row {
  margin: 5px;
}
.filters-custom__coupons-page .filters-custom__item input {
  height: 56px !important;
  background-color: #354051 !important;
}
.filters-custom__coupons-page .filters-custom__item input:focus {
  background-color: #414d60 !important;
}
.filters-custom__coupons-page .filters-custom__item:nth-child(2) .form-group {
  margin-bottom: 0;
  width: 100%;
}
.filters-custom__coupons-page .filters-custom__item:nth-child(2) .form-group input {
  padding-left: 50px;
}
.filters-custom__coupons-page .filters-custom__item.filters-custom__show-on-page {
  margin-right: 30px;
}
@media only screen and (max-width: 992px) {
  .filters-custom__coupons-page .filters-custom__item.filters-custom__show-on-page {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__bonus-balance {
    margin-bottom: 20px;
  }
}
.filters-custom__bonus-balance .filters-custom__row {
  margin: 5px;
}
.filters-custom__bonus-balance .filters-custom__datapicker-filter {
  max-width: 303px;
}
.filters-custom__bonus-balance .filters-custom__save-table {
  max-width: 170px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__bonus-balance .filters-custom__save-table {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__bonus-balance .filters-custom__btn-mobile {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__transaction-page {
    margin-bottom: 20px;
  }
}
.filters-custom__transaction-page .filters-custom__row {
  margin: 5px;
}
.filters-custom__transaction-page .filters-custom__save-table {
  max-width: 170px;
}
@media only screen and (max-width: 767px) {
  .filters-custom__transaction-page .filters-custom__save-table {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .filters-custom__transaction-page .filters-custom__btn-mobile {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}
.filters-custom__reflink-page {
  margin-bottom: 20px;
}
.filters-custom__reflink-page .filters-custom__row {
  margin: 0px -10px;
}
.filters-custom__reflink-page .filters-custom__search-filter.filters-custom__search-filter--search .input-lg {
  padding-left: 55px;
}
.filters-custom__reflink-page .custom-select-wrap .fake-select {
  background-color: #354051 !important;
}
@media screen and (max-width: 992px) {
  .filters-custom {
    padding: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .filters-custom__row.flex-row {
    flex-direction: column;
  }
}
.side-filters__container {
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #182331;
  transition: 0.8s;
  transform: translate(120%, 0);
  pointer-events: none;
  z-index: 1020;
}
@media only screen and (max-width: 767px) {
  .side-filters__container {
    width: 100%;
  }
}
.side-filters__container.active {
  opacity: 1;
  transform: translate(0%, 0);
  pointer-events: visible;
}
.side-filters__container.active .side-filters__close-btn {
  transform: translate(0%, -50%);
  opacity: 1;
}
.side-filters__wrap {
  width: 100%;
  width: 400px;
  min-height: calc(100vh - 50px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.side-filters__close-btn {
  position: absolute;
  top: 50%;
  left: -42px;
  transform: translate(200%, -50%);
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #37475f;
  border-radius: 50%;
  cursor: pointer;
  transition: 1.2s;
  z-index: 2;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .side-filters__close-btn {
    display: none;
  }
}
.side-filters__close-btn--mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .side-filters__close-btn--mobile {
    position: static;
    margin-left: auto;
    margin-top: 20px;
    margin-right: 15px;
    display: flex;
  }
}
.side-filters__wrap {
  width: 100%;
  max-height: 100vh;
}
.side-filters__filters-container {
  width: 100%;
}
.side-filters__filters-title {
  width: 100%;
  min-height: 90px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.side-filters__filters-title.active .side-filters__filters-title-arrow {
  transform: rotateZ(-180deg);
}
.side-filters__filters-title .side-filters__filters-title-img {
  margin-right: 11px;
}
.side-filters__filters-title .side-filters__filters-title-text {
  font-style: normal;
  font-size: 22px;
  line-height: 1.4090909091;
  color: #f6f6f6;
}
.side-filters__filters-title .side-filters__filters-title-arrow {
  margin-left: auto;
  transition: 0.6s;
}
.side-filters__filters-body {
  width: 100%;
  padding-bottom: 30px;
  display: none;
}
.side-filters__filters-body--active {
  display: block;
}
.side-filters__filters-body-items {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.side-filters__filter-item {
  position: relative;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.side-filters__filter-item:not(:last-child) {
  margin-bottom: 22px !important;
}
.side-filters__filter-item .date-picker__input.range-error {
  border: 1px solid #ff6161 !important;
}
.side-filters__sort-region-item {
  padding: 0;
}
.side-filters__error-messgae {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 12px;
  color: #ff6161;
  display: none;
}
.side-filters__error-messgae.active {
  display: block;
}
.side-filters__filters-body-btns {
  width: 100%;
  padding: 0 15px;
}
.side-filters__decor-line {
  width: calc(100% - 30px);
  height: 1px;
  min-height: 1px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
}
.side-filters__filters-body-btn {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.side-filters__filters-body-btn:not(:last-child) {
  margin-bottom: 30px;
}
.side-filters__filters-body-btn img {
  margin-right: 15px;
}
.side-filters__filters-body-btn span {
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f6f6f6;
}
.side-filters__filters-body-btn--green {
  background: #46ca43;
}
.side-filters__filters-body-btn--gray {
  background: #37475f;
}
.side-filters__filters-body-btn.disable {
  background: #8a98ad !important;
  pointer-events: none;
}
.side-filters__filters-body-btn.disable::before {
  display: none !important;
}
.side-filters__filters-body-btn.disable::after {
  display: none !important;
}
.side-filters__holdbacks .filters-custom__search-filter-wrap .form-group {
  width: 100%;
}
.side-filters__holdbacks .side-filters__filter-item.filters-custom__custom-select--currency .custom-select-wrap.active .options-list-wrap {
  max-height: 290px;
}
.side-filters__holdbacks .side-filters__filter-item.filters-custom__custom-select--currency .custom-select-wrap .options-list-wrap .options-list {
  max-height: 290px;
}

.modal-background {
  width: 0;
  height: 0;
  background-color: rgba(17, 21, 26, 0.5);
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s;
}
.modal-background.active {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.product-description {
  line-height: 1.5;
  color: #fff !important;
}
.product-description span {
  color: #000 !important;
}
.product-description h5 {
  font: 16px "Roboto-Bold", sans-serif;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.product-description ul {
  padding-left: 40px;
}
.product-description h3 {
  padding-bottom: 10px;
}
.product-description p {
  padding-bottom: 10px;
}
.product-description .descripton_tab {
  margin-top: -3px;
}
@media only screen and (max-width: 992px) {
  .product-description .descripton_tab {
    margin-top: 0;
  }
}

#delivery_notes .product-description h1 span, #delivery_notes .product-description h2 span, #delivery_notes .product-description h3 span, #delivery_notes .product-description h1 span, #delivery_notes .product-description h2 span, #delivery_notes .product-description h3 span {
  color: #e67e23 !important;
}

.proposals__title {
  font: 22px "Roboto-Bold", sans-serif;
  color: #000;
  margin: 5px 0 30px;
}
.proposals__title span {
  font-size: 16px;
}

.proposals__description {
  font: 16px "Roboto-Bold", sans-serif;
  color: #000;
  margin: 10px 0 10px;
}

.sub-nav {
  margin-top: 50px;
}

.video-block.top-proposal-card {
  background: none;
}

.top-proposal-card {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .top-proposal-card {
    padding: 0px;
  }
}
.top-proposal-card .data-row {
  display: flex;
  margin-bottom: 25px;
}
.top-proposal-card .data-row:last-child {
  margin: 0;
}
.top-proposal-card .data-title {
  margin-right: 10px;
}
.top-proposal-card .data-value {
  font-family: "Roboto-Bold", sans-serif;
}
.top-proposal-card .card-link {
  color: #f75a01;
}

.lang-title {
  margin-bottom: 5px;
}

.genres-title {
  margin-top: 15px;
}

.lang-list {
  display: flex;
  flex-wrap: wrap;
}

.lang-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-right: 15px;
  text-transform: uppercase;
}
.lang-item .lang__flag {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}

.label.label-info {
  padding: 5px;
  background: transparent;
  border: 1px solid #f75a01;
  text-transform: uppercase;
  color: #f75a01;
  opacity: 0.65;
  font-size: 11px;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 10px;
}
.label.label-info:hover {
  opacity: 1;
}

.static-height .top-proposal-card {
  min-height: 200px;
}

@media only screen and (max-width: 680px) {
  .product-container {
    margin-top: 50px;
  }
  .proposals__title {
    font-size: 18px;
  }
  .panel-default .panel-body h4 {
    padding-left: 0 !important;
    font-size: 14px;
  }
  .panel-default .panel-body h1 {
    font-size: 20px;
  }
  .panel-default .panel-body h2 {
    font-size: 18px;
  }
}
.shopping-cart-page {
  padding: 30px 0;
}
.shopping-cart-page .checkout-stepper {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 8px;
  padding: 10px 30px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .checkout-stepper {
    margin-bottom: 20px;
    padding: 10px 21px;
  }
}
.shopping-cart-page .checkout-stepper__item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .checkout-stepper__item span {
    display: none;
  }
}
.shopping-cart-page .checkout-stepper__item.cart {
  padding-right: 30px;
}
.shopping-cart-page .checkout-stepper__item.cart span {
  color: #4e8aff;
}
.shopping-cart-page .checkout-stepper__item.cart .center-svg {
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopping-cart-page .checkout-stepper__item.cart .center-svg svg {
  z-index: 2;
}
.shopping-cart-page .checkout-stepper__item.cart .center-svg::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(78, 138, 255, 0.2);
}
.shopping-cart-page .checkout-stepper__item.checkout {
  padding-left: 30px;
  padding-right: 30px;
}
.shopping-cart-page .checkout-stepper__item.checkout + .checkout-stepper__line {
  background: #c9c9c9;
}
.shopping-cart-page .checkout-stepper__item.processing {
  padding-left: 30px;
}
.shopping-cart-page .checkout-stepper__item.processing span {
  color: #c9c9c9;
}
.shopping-cart-page .checkout-stepper__item.delivery {
  padding-left: 30px;
}
.shopping-cart-page .checkout-stepper__item span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-left: 15px;
  white-space: nowrap;
}
.shopping-cart-page .checkout-stepper__line {
  background: #4e8aff;
  height: 2px;
  width: 100%;
}
.shopping-cart-page .balance-top-up-wrap {
  display: none;
}
.shopping-cart-page .balance-top-up-wrap.show {
  display: block;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up {
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
  position: relative;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .close {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 15px;
  top: 15px;
  opacity: 1;
  cursor: pointer;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #1f1f1f;
  padding-bottom: 15px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .common-info {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #9d9d9d;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .note {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .note .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
  padding-bottom: 10px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .note p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #9d9d9d;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .payment-fee {
  display: flex;
  justify-content: space-between;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  padding-bottom: 15px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up .total {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  display: flex;
  justify-content: space-between;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button {
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button {
  background: #f75a01 !important;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button:disabled {
  position: relative;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button:disabled span {
  opacity: 0 !important;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button:disabled::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 46%;
  top: 30%;
  transform: translate(-50%, -50%);
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button button:hover {
  background: #ff843f !important;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button .topup-note {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
  padding-top: 15px;
}
.shopping-cart-page .balance-top-up-wrap .balance-top-up__button .topup-note a {
  font-weight: 600;
  color: #ff843f;
}
.shopping-cart-page .cart-sidebar.load .line .value {
  color: transparent !important;
}
.shopping-cart-page .cart-sidebar.load .line .value::before {
  content: "-";
  opacity: 0 !important;
}
.shopping-cart-page .cart-sidebar.load .line .value.text-white {
  color: transparent !important;
}
.shopping-cart-page .cart-sidebar.load .line .value::after {
  display: block;
}
@media only screen and (max-width: 768px) {
  .shopping-cart-page .cart-sidebar {
    margin-top: 30px;
  }
}
.shopping-cart-page .payment-info,
.shopping-cart-page .card {
  background-color: transparent;
}
.shopping-cart-page .payment-info .hide-tablet,
.shopping-cart-page .card .hide-tablet {
  display: none;
}
.shopping-cart-page .payment-info .show-tablet,
.shopping-cart-page .card .show-tablet {
  display: block;
}
.shopping-cart-page .payment-info.disabled,
.shopping-cart-page .card.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.shopping-cart-page .payment-info.disabled .submit-container__back,
.shopping-cart-page .card.disabled .submit-container__back {
  margin-bottom: 0;
}
.shopping-cart-page .payment-info.disabled .submit-container__text,
.shopping-cart-page .card.disabled .submit-container__text {
  display: none;
}
.shopping-cart-page .payment-info.disabled .loading-container,
.shopping-cart-page .card.disabled .loading-container {
  display: none;
}
.shopping-cart-page .payment-info .loading-container,
.shopping-cart-page .card .loading-container {
  display: none;
}
.shopping-cart-page .payment-info .card-info,
.shopping-cart-page .card .card-info {
  padding: 15px 15px 0;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.shopping-cart-page .payment-info .card-info .line,
.shopping-cart-page .card .card-info .line {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.shopping-cart-page .payment-info .card-info .line.wallet .default,
.shopping-cart-page .card .card-info .line.wallet .default {
  display: block;
}
.shopping-cart-page .payment-info .card-info .line.wallet .tablet-maxi,
.shopping-cart-page .card .card-info .line.wallet .tablet-maxi {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .shopping-cart-page .payment-info .card-info .line.wallet .default,
  .shopping-cart-page .card .card-info .line.wallet .default {
    display: none;
  }
  .shopping-cart-page .payment-info .card-info .line.wallet .tablet-maxi,
  .shopping-cart-page .card .card-info .line.wallet .tablet-maxi {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .payment-info .card-info .line.wallet .default,
  .shopping-cart-page .card .card-info .line.wallet .default {
    display: block;
  }
  .shopping-cart-page .payment-info .card-info .line.wallet .tablet-maxi,
  .shopping-cart-page .card .card-info .line.wallet .tablet-maxi {
    display: none;
  }
}
.shopping-cart-page .payment-info .card-info .title,
.shopping-cart-page .card .card-info .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.shopping-cart-page .payment-info .card-info .value,
.shopping-cart-page .card .card-info .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  position: relative;
  transition: 0.2s;
  white-space: nowrap;
  position: relative;
}
.shopping-cart-page .payment-info .card-info .value.green,
.shopping-cart-page .card .card-info .value.green {
  color: #00b241;
}
.shopping-cart-page .payment-info .card-info .value.text-white,
.shopping-cart-page .card .card-info .value.text-white {
  color: #1f1f1f !important;
}
.shopping-cart-page .payment-info .card-info .value.text-white::before,
.shopping-cart-page .card .card-info .value.text-white::before {
  opacity: 0;
}
.shopping-cart-page .payment-info .card-info .value::after,
.shopping-cart-page .card .card-info .value::after {
  display: none;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  background: url("../img/themes/light-version/catalog/preloader-orange.png") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.shopping-cart-page .payment-info .card-info .total,
.shopping-cart-page .card .card-info .total {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.shopping-cart-page .payment-info .card-info .total .title,
.shopping-cart-page .card .card-info .total .title {
  font-weight: 600;
}
.shopping-cart-page .payment-info .card-info .total .value,
.shopping-cart-page .card .card-info .total .value {
  font-weight: 600;
}
.shopping-cart-page .payment-info .discount-form,
.shopping-cart-page .card .discount-form {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.shopping-cart-page .payment-info .discount-form.active .discount-form__title svg,
.shopping-cart-page .card .discount-form.active .discount-form__title svg {
  transform: rotate(-180deg);
}
.shopping-cart-page .payment-info .discount-form.error .form-controle-block,
.shopping-cart-page .card .discount-form.error .form-controle-block {
  border-color: #f43232 !important;
}
.shopping-cart-page .payment-info .discount-form.error .form-controle-block::after,
.shopping-cart-page .card .discount-form.error .form-controle-block::after {
  border-color: #f43232 !important;
}
.shopping-cart-page .payment-info .discount-form.error .error-string,
.shopping-cart-page .card .discount-form.error .error-string {
  display: block;
}
.shopping-cart-page .payment-info .discount-form.success .form-controle-block,
.shopping-cart-page .card .discount-form.success .form-controle-block {
  border-color: rgba(0, 178, 65, 0.3) !important;
  background: #f2fbf6;
}
.shopping-cart-page .payment-info .discount-form.success .form-controle-block::after,
.shopping-cart-page .card .discount-form.success .form-controle-block::after {
  border-color: rgba(0, 178, 65, 0.3) !important;
  background: #f2fbf6 !important;
}
.shopping-cart-page .payment-info .discount-form.success .form-controle-block .form-control,
.shopping-cart-page .card .discount-form.success .form-controle-block .form-control {
  padding-left: 35px;
  background-image: url("../img/themes/light-version/catalog/check-green.svg");
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 7px center;
  background-color: #f2fbf6;
}
.shopping-cart-page .payment-info .discount-form.success .clear-code,
.shopping-cart-page .card .discount-form.success .clear-code {
  display: block !important;
}
.shopping-cart-page .payment-info .discount-form.success .btn,
.shopping-cart-page .card .discount-form.success .btn {
  display: none !important;
}
.shopping-cart-page .payment-info .discount-form.inactive,
.shopping-cart-page .card .discount-form.inactive {
  display: none;
}
.shopping-cart-page .payment-info .discount-form.inactive .discount-alert,
.shopping-cart-page .card .discount-form.inactive .discount-alert {
  display: block;
}
.shopping-cart-page .payment-info .discount-form.inactive .clear-code,
.shopping-cart-page .card .discount-form.inactive .clear-code {
  display: none;
}
.shopping-cart-page .payment-info .discount-form.inactive .btn,
.shopping-cart-page .card .discount-form.inactive .btn {
  display: none;
}
.shopping-cart-page .payment-info .discount-form__title,
.shopping-cart-page .card .discount-form__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  cursor: pointer;
}
.shopping-cart-page .payment-info .discount-form__title svg,
.shopping-cart-page .card .discount-form__title svg {
  transform: rotate(0);
  transition: 0.3s;
}
.shopping-cart-page .payment-info .discount-form__title .title,
.shopping-cart-page .card .discount-form__title .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.shopping-cart-page .payment-info .discount-form__body,
.shopping-cart-page .card .discount-form__body {
  padding: 0 15px 15px;
}
.shopping-cart-page .payment-info .discount-form__body .input-block,
.shopping-cart-page .card .discount-form__body .input-block {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .form-controle-block,
.shopping-cart-page .card .discount-form__body .input-block .form-controle-block {
  height: 44px;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative;
  max-width: calc(100% - 76px);
  width: 100%;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .form-controle-block::after,
.shopping-cart-page .card .discount-form__body .input-block .form-controle-block::after {
  position: absolute;
  height: calc(100% + 2px);
  content: "";
  background: #fff;
  width: 30px;
  top: -1px;
  z-index: 2;
  right: -10px;
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  transform: skew(-20deg);
}
.shopping-cart-page .payment-info .discount-form__body .input-block .form-controle-block .form-control,
.shopping-cart-page .card .discount-form__body .input-block .form-controle-block .form-control {
  width: 100%;
  border: none !important;
  height: 100%;
  z-index: 3;
  position: relative;
  overflow: hidden;
  padding-right: 5px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .form-controle-block .form-control::placeholder,
.shopping-cart-page .card .discount-form__body .input-block .form-controle-block .form-control::placeholder {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #9d9d9d;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .form-controle-block .form-control:focus,
.shopping-cart-page .card .discount-form__body .input-block .form-controle-block .form-control:focus {
  box-shadow: none !important;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code,
.shopping-cart-page .card .discount-form__body .input-block .clear-code {
  width: 56px;
  transform: skew(-20deg);
  display: none;
  position: relative;
  border-radius: 4px 7px;
  background: #eaeaea;
  margin-right: 5px;
  transition: 0.3s;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code:hover,
.shopping-cart-page .card .discount-form__body .input-block .clear-code:hover {
  background: rgba(244, 50, 50, 0.1);
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code:hover svg path,
.shopping-cart-page .card .discount-form__body .input-block .clear-code:hover svg path {
  fill: #f43232;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code .loading,
.shopping-cart-page .card .discount-form__body .input-block .clear-code .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 21px;
  display: none;
  transform: skew(20deg) translate(-35%, -50%);
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code .loading::after,
.shopping-cart-page .card .discount-form__body .input-block .clear-code .loading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code.load,
.shopping-cart-page .card .discount-form__body .input-block .clear-code.load {
  background: #e5e5e5;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code.load .loading,
.shopping-cart-page .card .discount-form__body .input-block .clear-code.load .loading {
  display: block;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code.load svg,
.shopping-cart-page .card .discount-form__body .input-block .clear-code.load svg {
  opacity: 0;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code.load:hover,
.shopping-cart-page .card .discount-form__body .input-block .clear-code.load:hover {
  background: #e5e5e5;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code svg path,
.shopping-cart-page .card .discount-form__body .input-block .clear-code svg path {
  transition: 0.3s;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .clear-code svg,
.shopping-cart-page .card .discount-form__body .input-block .clear-code svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  transform: skew(20deg) translate(-35%, -50%);
}
.shopping-cart-page .payment-info .discount-form__body .input-block .btn,
.shopping-cart-page .card .discount-form__body .input-block .btn {
  min-width: 56px;
  padding: 0 30px;
  margin-left: 15px;
  transform: skew(-20deg);
  height: 45px;
  outline: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px 7px;
  background: #f5f5f5;
  margin-right: 7px;
  box-shadow: none !important;
  transition: 0.3s;
  pointer-events: none;
}
@media only screen and (max-width: 992px) {
  .shopping-cart-page .payment-info .discount-form__body .input-block .btn,
  .shopping-cart-page .card .discount-form__body .input-block .btn {
    background: #F5F5F5;
  }
}
.shopping-cart-page .payment-info .discount-form__body .input-block .btn.active,
.shopping-cart-page .card .discount-form__body .input-block .btn.active {
  background: #4e8aff;
  pointer-events: all;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .btn.active span,
.shopping-cart-page .card .discount-form__body .input-block .btn.active span {
  color: #fff;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .btn.active:hover,
.shopping-cart-page .card .discount-form__body .input-block .btn.active:hover {
  background: #1767FF;
}
.shopping-cart-page .payment-info .discount-form__body .input-block .btn span,
.shopping-cart-page .card .discount-form__body .input-block .btn span {
  transform: skew(20deg);
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #c9c9c9;
  transition: 0.3s;
}
.shopping-cart-page .payment-info .discount-form__body .error-string,
.shopping-cart-page .card .discount-form__body .error-string {
  display: none;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #f43232;
  padding-top: 5px;
}
.shopping-cart-page .payment-info .discount-form__body .discount-alert,
.shopping-cart-page .card .discount-form__body .discount-alert {
  display: none;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #f43232;
  padding-top: 5px;
}
.shopping-cart-page .payment-info .submit-container,
.shopping-cart-page .card .submit-container {
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.shopping-cart-page .payment-info .submit-container.active #complete-button,
.shopping-cart-page .card .submit-container.active #complete-button {
  position: relative;
}
.shopping-cart-page .payment-info .submit-container.active #complete-button span,
.shopping-cart-page .card .submit-container.active #complete-button span {
  opacity: 0 !important;
}
.shopping-cart-page .payment-info .submit-container.active #complete-button::after,
.shopping-cart-page .card .submit-container.active #complete-button::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 46%;
  top: 30%;
  transform: translate(-50%, -50%);
  background: url("../img/themes/light-version/catalog/preloader-gray.svg") center center no-repeat;
  background-size: 100%;
  animation: rot 1s infinite linear;
}
.shopping-cart-page .payment-info .submit-container #complete-button,
.shopping-cart-page .payment-info .submit-container #checkout-button,
.shopping-cart-page .card .submit-container #complete-button,
.shopping-cart-page .card .submit-container #checkout-button {
  background: #F75A01 !important;
  user-select: none;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopping-cart-page .payment-info .submit-container #complete-button.accepted,
.shopping-cart-page .payment-info .submit-container #checkout-button.accepted,
.shopping-cart-page .card .submit-container #complete-button.accepted,
.shopping-cart-page .card .submit-container #checkout-button.accepted {
  background: #f75a01 !important;
}
.shopping-cart-page .payment-info .submit-container #complete-button.accepted span,
.shopping-cart-page .payment-info .submit-container #checkout-button.accepted span,
.shopping-cart-page .card .submit-container #complete-button.accepted span,
.shopping-cart-page .card .submit-container #checkout-button.accepted span {
  opacity: 1;
}
.shopping-cart-page .payment-info .submit-container #complete-button.accepted:hover,
.shopping-cart-page .payment-info .submit-container #checkout-button.accepted:hover,
.shopping-cart-page .card .submit-container #complete-button.accepted:hover,
.shopping-cart-page .card .submit-container #checkout-button.accepted:hover {
  background: #ff843f !important;
}
.shopping-cart-page .payment-info .submit-container #complete-button span,
.shopping-cart-page .payment-info .submit-container #checkout-button span,
.shopping-cart-page .card .submit-container #complete-button span,
.shopping-cart-page .card .submit-container #checkout-button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}
.shopping-cart-page .payment-info .submit-container__or,
.shopping-cart-page .card .submit-container__or {
  padding: 15px 0;
  width: 100%;
  text-align: center;
  position: relative;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #c9c9c9;
}
.shopping-cart-page .payment-info .submit-container__or::before,
.shopping-cart-page .card .submit-container__or::before {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  top: 50%;
  left: 0;
  background: #e5e5e5;
}
.shopping-cart-page .payment-info .submit-container__or::after,
.shopping-cart-page .card .submit-container__or::after {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  top: 50%;
  right: 0;
  background: #e5e5e5;
}
.shopping-cart-page .payment-info .submit-container__back,
.shopping-cart-page .card .submit-container__back {
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
}
.shopping-cart-page .payment-info .submit-container__back a,
.shopping-cart-page .card .submit-container__back a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #4e8aff;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.shopping-cart-page .payment-info .submit-container__back:hover a,
.shopping-cart-page .card .submit-container__back:hover a {
  color: #1767ff;
}
.shopping-cart-page .payment-info .submit-container__text,
.shopping-cart-page .card .submit-container__text {
  margin-top: 15px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
}
.shopping-cart-page .payment-info .submit-container__text b,
.shopping-cart-page .card .submit-container__text b {
  font-weight: 600 !important;
}
.shopping-cart-page .payment-info .submit-container__text a,
.shopping-cart-page .card .submit-container__text a {
  font-weight: 600;
  color: #ff843f;
}
.shopping-cart-page .payment-info .offers-wrap.active .offers-title svg,
.shopping-cart-page .card .offers-wrap.active .offers-title svg {
  transform: rotate(-180deg);
}
.shopping-cart-page .payment-info .offers-wrap .offers-title,
.shopping-cart-page .card .offers-wrap .offers-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-right: 24px;
  cursor: pointer;
}
.shopping-cart-page .payment-info .offers-wrap .offers-title svg,
.shopping-cart-page .card .offers-wrap .offers-title svg {
  transform: rotate(0);
  transition: 0.3s;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list,
.shopping-cart-page .card .offers-wrap .offers-list {
  padding: 0 15px;
  background-color: #fff;
  border-radius: 8px;
  display: none;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer,
.shopping-cart-page .card .offers-wrap .offers-list .offer {
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer:first-of-type,
.shopping-cart-page .card .offers-wrap .offers-list .offer:first-of-type {
  border-top: none;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info {
  background: #f5f5f5;
  border-radius: 100px;
  height: 32px;
  width: 100%;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .flex-row,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .flex-row {
  justify-content: space-between;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .img-circle,
  .shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .img-circle {
    border-radius: 50%;
  }
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info {
  width: 10px !important;
  height: 10px !important;
  background: transparent !important;
  border: none !important;
  right: -1px !important;
  bottom: -1px !important;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0 !important;
  background-image: url("../img/pages/user-offline.svg") !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background: transparent;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status.online,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .avatar-wrap .step-info .ico-user-status.online {
  background-image: url("../img/pages/user-online.svg") !important;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .user-container,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .user-container {
  width: 100%;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .user-container .nick-name,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .user-container .nick-name {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #505050;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat {
  background: rgba(247, 90, 1, 0.1) !important;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50% !important;
  padding: 0;
  position: relative;
  transition: 0.5s;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat img,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat img {
  transition: 0.5s;
  width: 14px;
  height: 14px;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon-hov,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat .icon-hov {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover {
  background: #f75a01 !important;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover img,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon {
  opacity: 0;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon-hov,
.shopping-cart-page .card .offers-wrap .offers-list .offer .user-info .button--link-to-chat:hover .icon-hov {
  opacity: 1;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .title,
.shopping-cart-page .card .offers-wrap .offers-list .offer .title {
  padding: 10px 0;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .title a,
.shopping-cart-page .card .offers-wrap .offers-list .offer .title a {
  font-weight: 600;
  line-height: 1.4;
  font-family: "Avenir Next", sans-serif;
  color: #505050;
  font-size: 14px;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .options,
.shopping-cart-page .card .offers-wrap .offers-list .offer .options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .options .key,
.shopping-cart-page .card .offers-wrap .offers-list .offer .options .key {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #9d9d9d;
}
.shopping-cart-page .payment-info .offers-wrap .offers-list .offer .options .value,
.shopping-cart-page .card .offers-wrap .offers-list .offer .options .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  color: #505050;
}
.shopping-cart-page .payment-info .top-up-block,
.shopping-cart-page .card .top-up-block {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  margin-top: 15px;
}
.shopping-cart-page .payment-info .top-up-block .topup-note,
.shopping-cart-page .card .top-up-block .topup-note {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #9d9d9d;
  padding: 15px 0;
}
.shopping-cart-page .payment-info .top-up-block .topup-note b,
.shopping-cart-page .card .top-up-block .topup-note b {
  font-weight: 600;
}
.shopping-cart-page .payment-info .top-up-block .topup-note a,
.shopping-cart-page .card .top-up-block .topup-note a {
  font-weight: 600;
  color: #ff843f;
}
.shopping-cart-page .payment-info .top-up-block .line,
.shopping-cart-page .card .top-up-block .line {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.shopping-cart-page .payment-info .top-up-block .line.total,
.shopping-cart-page .card .top-up-block .line.total {
  padding-bottom: 15px;
}
.shopping-cart-page .payment-info .top-up-block .line.total .title,
.shopping-cart-page .card .top-up-block .line.total .title {
  font-weight: 400;
}
.shopping-cart-page .payment-info .top-up-block .line.total .value,
.shopping-cart-page .card .top-up-block .line.total .value {
  font-weight: 400;
}
.shopping-cart-page .payment-info .top-up-block .line .title,
.shopping-cart-page .card .top-up-block .line .title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.shopping-cart-page .payment-info .top-up-block .line .value,
.shopping-cart-page .card .top-up-block .line .value {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
}
.shopping-cart-page .payment-info .top-up-block .balance-top-up__button #complete-button,
.shopping-cart-page .card .top-up-block .balance-top-up__button #complete-button {
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.shopping-cart-page .payment-info .top-up-block .balance-top-up__button #complete-button span,
.shopping-cart-page .card .top-up-block .balance-top-up__button #complete-button span {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #f6f6f6;
}

.cart-items .table thead tr {
  border: 1px solid #d9d9d9;
  font-family: "Roboto-Bold", sans-serif;
}
.cart-items .table thead tr.spacing {
  height: 20px;
  border: none;
}
.cart-items .table thead th {
  padding: 25px 20px;
}
.cart-items .table tbody tr {
  border: 1px solid #d9d9d9;
}
.cart-items .table tbody tr td {
  padding: 25px 20px;
  border: none;
}
.cart-items .table .item-price {
  font-family: "Roboto-Bold", sans-serif;
}
.cart-items .img-wrap {
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 100px;
  margin-right: 20px;
}
.cart-items .img-wrap img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}
.cart-items .item-info {
  display: flex;
  font-size: 12px;
}
.cart-items .item-name {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}

#payment-tabs .nav-tabs > li > a {
  text-transform: uppercase;
  font: 12px "Roboto-Bold", sans-serif;
}
#payment-tabs .table .radio__container {
  padding: 25px 5px;
}
#payment-tabs .table .radio__container label {
  height: 20px;
}
#payment-tabs .payment-title {
  font-family: "Roboto-Bold", sans-serif;
  margin-bottom: 5px;
}
#payment-tabs td {
  border-top: none;
  border-bottom: 1px solid #d9d9d9;
}
#payment-tabs .payment-image img {
  width: 60px;
  margin-right: 10px;
}

.cart-total-row,
.cart-sub-total-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 100px;
}
.cart-total-row .amount-block,
.cart-sub-total-row .amount-block {
  margin-right: 20px;
}
.cart-total-row .total,
.cart-sub-total-row .total {
  display: flex;
  align-items: center;
}
.cart-total-row .total-label,
.cart-sub-total-row .total-label {
  font-size: 14px;
  color: #9b9b9b;
}
.cart-total-row .total-amount,
.cart-total-row #total-amount,
.cart-sub-total-row .total-amount,
.cart-sub-total-row #total-amount {
  font-size: 32px;
  font-weight: 700;
  margin-right: 100px;
  font-family: "Roboto-Bold", sans-serif;
}
.cart-total-row .total-amount,
.cart-sub-total-row .total-amount {
  font-size: 18px;
}
.cart-total-row .form-group,
.cart-sub-total-row .form-group {
  margin: 0;
}

.cart-block__title {
  font: 14px "Roboto-Bold", sans-serif;
  text-transform: uppercase;
}

@media only screen and (max-width: 592px) {
  .cart-total-row {
    justify-content: center;
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .cart-total-row .amount-block {
    width: 100%;
    margin-right: 0;
  }
  .cart-total-row .amount-block .total {
    display: flex;
    flex-flow: column;
  }
  .cart-total-row .amount-block .total #total-amount {
    margin-right: 0;
    font-size: 24px;
  }
  .cart-total-row .amount-block .total .form-group {
    width: 100%;
  }
  .cart-total-row .amount-block .total .form-group button {
    width: 100%;
  }
}
.coupon-form .cart-item-nick {
  background: none !important;
}
.coupon-form .cart-item-nick::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}
.coupon-form .cart-item-nick::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.coupon-form .cart-item-nick::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.coupon-form .cart-item-nick:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}
.coupon-form h3 {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: 0.5;
}
.coupon-form__coupon-wrap {
  position: relative;
}
.coupon-form__coupon-input {
  width: 100%;
  position: relative;
}
.coupon-form__coupon-input .button {
  min-width: 50px !important;
  width: auto;
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: #fff;
  border-radius: 4px;
  font-family: Roboto-Light;
  text-transform: none;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 32px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border: 1px solid transparent;
}
@media only screen and (max-width: 767px) {
  .coupon-form__coupon-input .button {
    padding: 14px 16px;
  }
}
.coupon-form__coupon-input .button.remove {
  width: auto;
  font-size: 15px;
  position: relative;
  border-radius: 4px;
  right: auto;
  margin-left: 10px;
}
.coupon-form__coupon-input .button--positive:hover, .coupon-form__coupon-input .button--positive.active {
  color: #fff !important;
  background: linear-gradient(180deg, #f75a01 0%, #e7740e 100%) !important;
  border: 1px solid transparent !important;
}
.coupon-form .coupon-row {
  padding: 20px 0 0;
  color: #000;
}
.coupon-form .coupon-row b {
  color: #f75a01 !important;
  font-weight: 900 !important;
  font-family: "Roboto-Bold", sans-serif;
}
.coupon-form input[name=add-coupon].error {
  border-color: #dd4b39;
}

.account-alert .redeem-modal-msg span {
  color: #d80027;
}

.modal-min-order-quantity .redeem-modal-title {
  color: #d80027;
}

.modal-min-order-quantity .redeem-modal-msg {
  color: #000;
}

#coupon-form button {
  font-family: "Roboto-Black", sans-serif;
  font-weight: 900;
  letter-spacing: 0.2px;
}

#complete-container.button-hidden .gpay-card-info-container {
  min-width: 100%;
}
#complete-container.button-hidden #complete-button {
  display: none;
}

apple-pay-button {
  margin-top: 0;
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 40px;
  --apple-pay-button-border-radius: 4px;
  --apple-pay-button-padding: 0px 0px;
  --apple-pay-button-box-sizing: border-box;
}

.dark-theme {
  background: #1e1d1d;
}
.dark-theme .ui-kit__title {
  color: #fff;
}

@keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

textarea.form-control {
  min-height: 150px;
  border-radius: 4px;
  resize: none;
  padding: 15px 20px;
  background: transparent;
  color: #000;
}
textarea.form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}

.form-control {
  border: 1px solid #fff;
  box-shadow: none;
}

.btn {
  border-radius: 4px;
}

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

@media only screen and (max-width: 767px) {
  .m-visible {
    display: block !important;
  }
  .m-hidden {
    display: none !important;
  }
}
.custom-select {
  line-height: 32px;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px;
  color: #000;
  padding: 10px 10px 11px 12px;
  width: 100%;
  background: #fff;
  color: #9d9d9d !important;
  font-family: "Avenir-Next", sans-serif;
  font-size: 16px;
  font-weight: 100;
  cursor: pointer;
}
.custom-select option {
  display: none;
}

.face-select-label {
  transition: 0.5s all;
}

.custom-select-wrap {
  position: relative;
  text-align: left;
}
.custom-select-wrap .fake-select {
  display: block;
  line-height: 32px;
  border: 1px solid #808080;
  border-radius: 4px;
  color: #000;
  font-weight: 400;
  width: 100%;
  min-height: 55px;
  background: #fff;
  cursor: pointer;
  padding: 11px 40px 10px 13px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  transition: 0.5s all;
}
.custom-select-wrap .fake-select .value {
  overflow: hidden;
  font-family: "Avenir-Next", sans-serif;
  font-size: 14px;
}
.custom-select-wrap .fake-select .value img {
  width: 25px;
  margin-right: 10px;
  float: left;
  margin-top: 7px;
  border-radius: 2px;
}
.custom-select-wrap .fake-select .control-label {
  display: none;
}
.custom-select-wrap .fake-select .ico-arrow {
  right: 28px;
  left: auto;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  height: 0px;
  width: 0px;
  display: block;
}
.custom-select-wrap .fake-select .ico-arrow:before {
  content: "";
  height: 16px;
  width: 16px;
  transition: 0.5s all;
  text-align: center;
  border: 8px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 8px;
  border-top: 8px solid #000;
}
.custom-select-wrap .fake-select:hover {
  border-color: #f75a01;
}
.custom-select-wrap:focus .fake-select {
  border-color: #f75a01;
}
.custom-select-wrap .options-list-wrap {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 0;
  transition: 0.5s all;
  background: #fff;
  border: 1px solid #808080;
  overflow: hidden;
  border-radius: 4px;
  z-index: 12;
  top: 54px;
}
.custom-select-wrap .options-list-wrap .fa-times-circle {
  position: absolute;
  top: 25px;
  right: 30px;
  font-size: 18px;
  cursor: pointer;
  display: none;
  color: #000;
}
.custom-select-wrap .options-list-wrap .magnifier {
  position: absolute;
  top: 25px;
  left: 30px;
  width: 20px;
  height: 20px;
  background: url("/img/icons/magnifier.svg") center center no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  color: #000;
}
.custom-select-wrap .options-list-wrap .search-input {
  display: block;
  margin: 15px 20px;
  width: calc(100% - 40px);
  color: #000;
  border: 1px solid #e5e5e5 !important;
  padding: 16px 15px 16px 44px;
  height: 40px;
}
.custom-select-wrap .options-list-wrap .search-input:hover, .custom-select-wrap .options-list-wrap .search-input:focus {
  background-color: inherit !important;
}
.custom-select-wrap .options-list-wrap .search-input::placeholder {
  font-family: "Avenir-Next", sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 150%;
  color: #9d9d9d;
}
.custom-select-wrap .options-list-wrap .options-list {
  max-height: 240px;
  overflow-y: scroll;
  overflow-x: auto;
  position: relative;
}
.custom-select-wrap .options-list-wrap .options-list::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.custom-select-wrap .options-list-wrap .options-list::-webkit-scrollbar-track {
  background: transparent;
}
.custom-select-wrap .options-list-wrap .options-list::-webkit-scrollbar-thumb {
  background: #f75a01;
  width: 5px;
  height: 1em;
  border-radius: 5px;
}
.custom-select-wrap .options-list-wrap .options-list li {
  padding: 10px 13px;
  color: #000;
  background: transparent;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  border-left: 5px solid transparent;
  text-transform: none;
}
.custom-select-wrap .options-list-wrap .options-list li img {
  width: 25px;
  margin-right: 10px;
  float: left;
  border-radius: 2px;
}
.custom-select-wrap .options-list-wrap .options-list li:hover, .custom-select-wrap .options-list-wrap .options-list li:focus {
  color: #f75a01;
  border-left: 5px solid #f75a01;
}
.custom-select-wrap .options-list-wrap .options-list li.active {
  background: #ffe3d2;
  color: #000;
}
.custom-select-wrap .options-list-wrap .options-list li.active:hover {
  border-left: 5px solid transparent;
  color: #000;
}
.custom-select-wrap.active .fake-select {
  border: 1px solid #f75a01;
}
.custom-select-wrap.active .fake-select .ico-arrow {
  margin-top: -13px;
}
.custom-select-wrap.active .fake-select .ico-arrow:before {
  border: 8px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 8px;
  border-bottom: 8px solid #f75a01;
}
.custom-select-wrap.active .options-list-wrap {
  max-height: 410px;
}

.account-page select,
.account-page .custom-select-wrap .fake-select,
.new-ticket-modal select,
.new-ticket-modal .custom-select-wrap .fake-select,
.new-case-modal select,
.new-case-modal .custom-select-wrap .fake-select {
  border: 1px solid #808080;
}

.form-group input[type=text].form-control,
.form-group input[type=number].form-control,
.form-group input[type=url].form-control {
  border-radius: 4px;
  color: #000;
  background: #fff;
}
.form-group input[type=text].form-control::placeholder,
.form-group input[type=number].form-control::placeholder,
.form-group input[type=url].form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
.form-group input[type=text].form-control:hover, .form-group input[type=text].form-control:focus,
.form-group input[type=number].form-control:hover,
.form-group input[type=number].form-control:focus,
.form-group input[type=url].form-control:hover,
.form-group input[type=url].form-control:focus {
  border: 1px solid #f75a01;
}

input:focus,
textarea:focus {
  border-color: #f75a01;
}

.form-control:focus {
  border-color: #f75a01;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 8px rgba(32, 40, 32, 0.05);
}

.nav-tabs.translation-tabs li a {
  border-radius: 4px;
}

.category-page .catalog {
  margin-bottom: 35px;
}
.category-page .catalog .empty {
  width: 100%;
  height: 330px;
  border-radius: 4px;
  padding-top: 50px;
  margin-bottom: 100px;
  background: url(../img/not-found-icon.svg) no-repeat 50% 70%;
  background-size: 210px;
}
.category-page .catalog .summary {
  padding: 0 15px;
}

.chat-page {
  color: #fff;
  padding: 20px 0;
  background: #13192a;
  min-height: 60vh;
}
.chat-page .empty-text {
  max-width: 300px;
  margin: 0 auto;
}
.chat-page h1 {
  color: #fff;
}
.chat-page .empty {
  color: #000;
  text-align: center;
  height: 250px;
  background: url("../img/not-found-icon.svg") no-repeat top 20px center;
  background-size: 210px;
  padding-top: 240px;
  padding-bottom: 80px;
}

.empty {
  color: #868686;
  text-align: center;
}

.tab-content .empty {
  width: 100%;
  height: 250px;
  background: url("../img/not-found-icon.svg") no-repeat 50% 50%;
  background-size: 210px;
}

.catalog .empty {
  width: 100%;
  height: 250px;
  background: url("../img/not-found-icon.svg") no-repeat 50% 50%;
  background-size: 210px;
}

.pagination-wrap .pagination li {
  text-align: center;
}
.pagination-wrap .pagination li.next a, .pagination-wrap .pagination li.prev a {
  border-color: transparent;
  font-family: "Roboto-Thin", sans-serif;
}
.pagination-wrap .pagination li.next span, .pagination-wrap .pagination li.prev span {
  font-size: 30px;
  line-height: 45px;
}
.pagination-wrap .pagination li a {
  background: transparent;
  cursor: pointer;
  color: #fff;
  height: 50px;
  line-height: 50px;
  width: 50px;
  padding: 0;
}
.pagination-wrap .pagination li a:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.pagination-wrap .pagination.black {
  color: #000;
}
.pagination-wrap .pagination.black li.next a, .pagination-wrap .pagination.black li.prev a {
  border-color: transparent;
}
.pagination-wrap .pagination.black li a {
  color: #000;
  border-color: #d9d9d9;
}
.pagination-wrap .pagination.black li a:hover {
  border-color: #9b9b9b;
}
.pagination-wrap .pagination.black li.active a {
  border-color: #9b9b9b;
}

.ui-kit-wrapper .ui-kit__title {
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 5px;
  font-family: "Roboto-Bold";
}

.ui-kit__row {
  margin-top: 100px;
  margin-bottom: 100px;
}

.button {
  position: relative;
  background: #000;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font: 14px "Roboto-Black", sans-serif;
  padding: 20px 30px;
  transition: all 0.3s;
}
.button:hover {
  background: #f75a01;
}
.button.full-width {
  width: 100%;
}
.button.button-accent {
  background: #f75a01;
  color: #fff;
}
.button.button-accent:hover {
  background: #ff843f !important;
  color: #fff !important;
}
.button.button-accent:focus {
  background: #ff843f !important;
  color: #fff !important;
}
.button.button-def {
  background: #000;
  max-width: 160px;
}
.button.button-transparent {
  background: transparent;
  color: #fff;
}
.button.button-sm {
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
.button.button-round {
  border-radius: 30px;
}

.d-block {
  display: block;
}

.btn-primary {
  background: #f75a01;
}
.btn-primary:hover {
  color: #fff;
  background: #f75a01;
}

.btn-accept,
.text-New {
  background: #00b341;
  opacity: 0.7;
  border-radius: 4px;
  color: #fff !important;
  cursor: inherit;
  padding: 10px 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 20px;
  min-width: 115px !important;
}
.btn-accept:hover,
.text-New:hover {
  background: #00b341;
}

.btn-warning,
.text-Dispute,
.text-1 {
  background: #808080;
  color: #fff !important;
  cursor: inherit;
  padding: 10px 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 20px;
  min-width: 115px !important;
}

.btn-expectation,
.text-Claim,
.text-2 {
  background: #ff9900;
  color: #fff !important;
  cursor: inherit;
  padding: 10px 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 20px;
  min-width: 115px !important;
}

.form-group.text-center button[type=submit].button {
  background-color: #f75a01;
}
.form-group.text-center button[type=submit].button:hover {
  background: #ff843f;
}
.form-group.text-center button[type=submit].button:focus {
  background: #ff843f;
}

.ui-select.white .custom-combobox-toggle {
  color: #000;
  background: #fff;
}
.ui-select.white .ico-arrow {
  color: #000;
}
.ui-select.black .custom-combobox__inner,
.ui-select.black .custom-combobox-toggle {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.ui-select.black .custom-combobox-input {
  background-color: #000;
}

.datepicker-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.datepicker-group.white .control-label {
  color: #000;
}
.datepicker-group.white .form-control.input-lg {
  border: 1px solid #fff;
  width: calc(50% - 15px);
}

.ico-arrow {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font: 40px/20px "Roboto-Thin", sans-serif;
  transform-origin: center;
}
.ico-arrow:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  text-align: center;
  border: 8px solid transparent;
  border-top: 8px solid #000;
}
.ico-arrow.arrow-up {
  transform: rotate(-90deg);
}
.ico-arrow.arrow-left {
  transform: rotate(180deg);
}
.ico-arrow.black {
  color: #000;
}
.ico-arrow.arrow-btn {
  display: inline-block;
  background: #555;
  border-radius: 50%;
  position: relative;
  width: 30px;
  height: 30px;
  background: #555555;
  margin-left: 10px;
  right: 0;
  transition: all 0.3s;
}
.ico-arrow.arrow-btn-invert {
  background: #fff;
  color: #000;
}
.ico-arrow.arrow-btn:before {
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1px;
}
.ico-arrow.arrow-btn.black {
  background: #fff;
  color: #000;
}
.ico-arrow.arrow-btn.black:hover {
  background: #f75a01;
}

.select-wrap {
  cursor: pointer;
  position: relative;
}
.select-wrap.transparent {
  background: transparent;
}
.select-wrap.gray {
  background: none;
  color: #fff;
}
.select-wrap.gray .control-label {
  color: #fff;
}
.select-wrap.gray select {
  color: #fff;
  background: none;
  border: 1px solid #fff;
  border-radius: 4px;
}
.select-wrap.gray .ui-selectmenu-button {
  background: none;
}
.select-wrap.gray .ui-selectmenu-button .ui-selectmenu-text {
  color: #fff;
  font-family: "Roboto-Regular";
  font-size: 14px;
  opacity: 0.9;
  border: 1px solid #555;
}
.select-wrap.gray .ui-selectmenu-button .ico-arrow.arrow-down {
  color: #fff;
}
.select-wrap.gray .ui-selectmenu-button.ui-selectmenu-button-open {
  border: 1px solid #f75a01;
}
.select-wrap.gray .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow.arrow-down {
  transform: rotate(180deg);
  right: 35px;
  top: 35px;
}
.select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow.arrow-down {
  transform: rotate(180deg);
  right: 19px;
  top: 35px;
}
.select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow.arrow-down:before {
  border-top-color: #f75a01;
}
.select-wrap select {
  width: 100%;
  border: none;
  background: #000;
  padding: 0 20px;
  height: 55px;
  line-height: 55px;
  color: #fff;
}
.select-wrap .ui-selectmenu-button {
  width: 100%;
  border-radius: 4px;
  cursor: pointer !important;
  border: 1px solid #fff;
}
.select-wrap .ui-selectmenu-button:hover, .select-wrap .ui-selectmenu-button:focus {
  border-color: #f75a01;
  color: #f75a01;
}
.select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  padding: 19px 28px 19px 18px;
  width: 100%;
  border-radius: 0;
  font-family: Avenir-Next;
  font-size: 16px;
  line-height: 16px;
}
.select-wrap .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #f75a01;
  border: 1px solid #f75a01;
}
.select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
.select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}

.main-section .select-wrap .ui-selectmenu-button {
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .main-section {
    overflow: hidden !important;
  }
}

.ui-state-disabled.ui-menu-item {
  display: none;
}

.ui-selectmenu-menu.small {
  font-size: 14px;
}
.ui-selectmenu-menu.selection {
  font-family: "Roboto-Regular", sans-serif;
}
.ui-selectmenu-menu .ui-menu-item {
  padding: 0;
}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0 20px;
}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f75a01;
}

.ico-arrow-right {
  display: inline-block;
  background: #555555;
  border-radius: 50%;
  position: relative;
  width: 30px;
  height: 30px;
}
.ico-arrow-right:before, .ico-arrow-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 10px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  transform-origin: 100% 50%;
}
.ico-arrow-right:after {
  transform: rotate(-45deg);
}
.ico-arrow-right.white {
  background: #fff;
}
.ico-arrow-right.white:before, .ico-arrow-right.white:after {
  background: #000;
}

.ico-bin {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icons/duotone.svg);
}

.card-horizontal,
.top-proposal-card {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.card-horizontal .card-body,
.top-proposal-card .card-body {
  position: relative;
  display: flex;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .card-horizontal .card-body .bookmark-toggle--desk,
  .top-proposal-card .card-body .bookmark-toggle--desk {
    display: none;
  }
}
.card-horizontal .card-body .bookmark-toggle--mob,
.top-proposal-card .card-body .bookmark-toggle--mob {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .card-horizontal .card-body .bookmark-toggle--mob,
  .top-proposal-card .card-body .bookmark-toggle--mob {
    display: block;
  }
}
.card-horizontal .card-body .bookmark-toggle--mob .button-favorite,
.top-proposal-card .card-body .bookmark-toggle--mob .button-favorite {
  top: 20px;
  right: 20px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .card-horizontal .card-body .trusted-discount-block,
  .top-proposal-card .card-body .trusted-discount-block {
    margin-top: 20px;
  }
}
.card-horizontal .card-body__image,
.top-proposal-card .card-body__image {
  width: 100%;
  margin-top: 20px;
}
.card-horizontal .card-body__image img,
.top-proposal-card .card-body__image img {
  width: 100%;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .card-horizontal .card-body .game-info__desc,
  .top-proposal-card .card-body .game-info__desc {
    max-width: 100% !important;
  }
}
.card-horizontal .card-body__wrap--wrap,
.top-proposal-card .card-body__wrap--wrap {
  width: 100%;
  flex-wrap: wrap;
}
.card-horizontal .card-body__wrap--wrap .game-info__code,
.top-proposal-card .card-body__wrap--wrap .game-info__code {
  width: 100%;
}
.card-horizontal .card-body__wrap--wrap .offer_info_box,
.top-proposal-card .card-body__wrap--wrap .offer_info_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card-horizontal .card-body__wrap--wrap .offer_info_box__col,
.top-proposal-card .card-body__wrap--wrap .offer_info_box__col {
  width: 50%;
}
.card-horizontal .card-body__wrap--wrap .offer_info_box__item,
.top-proposal-card .card-body__wrap--wrap .offer_info_box__item {
  width: 100%;
}
.card-horizontal .card-body__warn-info-block,
.top-proposal-card .card-body__warn-info-block {
  margin-top: 0px;
  margin-bottom: 20px;
}
.card-horizontal .card-body__top-info,
.top-proposal-card .card-body__top-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.card-horizontal .card-body__small-info-text,
.top-proposal-card .card-body__small-info-text {
  margin-bottom: 20px;
}
.card-horizontal .card-body__acc-details,
.top-proposal-card .card-body__acc-details {
  margin-top: 20px;
}
.card-horizontal .card-body__acc-details a,
.top-proposal-card .card-body__acc-details a {
  position: relative !important;
  color: #f75a01;
}
.card-horizontal.card-with-gold .card__block:after,
.top-proposal-card.card-with-gold .card__block:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #474747;
  width: 1px;
  height: calc(100% - 45px);
}
.card-horizontal.card-with-gold .card__block:last-child:after,
.top-proposal-card.card-with-gold .card__block:last-child:after {
  display: none;
}
.card-horizontal .card__block,
.top-proposal-card .card__block {
  position: relative;
  padding: 18px 20px;
  min-width: 20%;
  width: 100%;
}
.card-horizontal .card__user-info,
.top-proposal-card .card__user-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.card-horizontal .card__user-info .label,
.top-proposal-card .card__user-info .label {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
}
.card-horizontal .card__game-info,
.top-proposal-card .card__game-info {
  max-width: 40%;
  line-height: 20px;
  /*.for-card{
    display: none;
  }*/
}
.card-horizontal .nick-name,
.top-proposal-card .nick-name {
  white-space: nowrap;
}
.card-horizontal .user-orders,
.top-proposal-card .user-orders {
  margin: 20px 0 20px;
  text-transform: uppercase;
  font: 12px "Roboto-Regular", sans-serif;
}
.card-horizontal .user-chat-buttons,
.top-proposal-card .user-chat-buttons {
  margin-top: 20px;
}
.card-horizontal .user-orders__amount,
.top-proposal-card .user-orders__amount {
  font-family: "Roboto-Bold", sans-serif;
  color: #f75a01;
}
.card-horizontal .user-rate__percents,
.top-proposal-card .user-rate__percents {
  font: 24px "Roboto-Bold", sans-serif;
  color: #f75a01;
}
.card-horizontal .user-rate__amount-orders,
.top-proposal-card .user-rate__amount-orders {
  color: #f75a01;
  font-weight: 700;
}
.card-horizontal .user-rate__info,
.top-proposal-card .user-rate__info {
  white-space: nowrap;
  font-size: 12px;
}
.card-horizontal .card__total,
.top-proposal-card .card__total {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.card-horizontal .card__total .wrap-total,
.top-proposal-card .card__total .wrap-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.card-horizontal.card-small .user-orders,
.top-proposal-card.card-small .user-orders {
  margin-top: 0;
}
.card-horizontal.card-small .card__block,
.top-proposal-card.card-small .card__block {
  min-width: 25%;
}
.card-horizontal.card-small .card__block.button-wrap,
.top-proposal-card.card-small .card__block.button-wrap {
  display: flex;
  align-items: center;
}
.card-horizontal.card-small .card__block.total__price,
.top-proposal-card.card-small .card__block.total__price {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.card-horizontal.card-small .card__block.card__game-details:after,
.top-proposal-card.card-small .card__block.card__game-details:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #d9d9d9;
  width: 1px;
  height: calc(100% - 30px);
}
.card-horizontal.card-small .card__block.card__game-details:before,
.top-proposal-card.card-small .card__block.card__game-details:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background: #d9d9d9;
  width: 1px;
  height: calc(100% - 30px);
}
.card-horizontal.card-small .card__block.card__user-info,
.top-proposal-card.card-small .card__block.card__user-info {
  min-height: 215px;
}
.card-horizontal .out-of-stock__button,
.top-proposal-card .out-of-stock__button {
  display: none;
}
.card-horizontal.out-of-stock .card__button,
.top-proposal-card.out-of-stock .card__button {
  display: none;
}
.card-horizontal.out-of-stock .card__button.out-of-stock__button,
.top-proposal-card.out-of-stock .card__button.out-of-stock__button {
  display: block;
  background: transparent;
  color: #555555;
  border: none;
}

.card__game-details {
  display: flex;
  align-items: center;
}
.card__game-details .data {
  line-height: 20px;
  font-family: "Roboto-Medium", sans-serif;
}

.card__block.button-wrap {
  flex-direction: column;
}

.user-profile-page .card .card__text {
  padding-bottom: 10px;
  height: auto;
}

.card.recommend-card .convert__amount {
  display: flex;
  align-items: center;
  padding: 0 20px 10px;
}
.card.recommend-card .convert__amount .amount {
  display: inline-block;
  padding-right: 5px;
}
.card.card-vertical, .card.card-horizontal, .card.top-proposal-card {
  font-size: 14px;
}
.card.card-vertical .trusted-discount-block, .card.card-horizontal .trusted-discount-block, .card.top-proposal-card .trusted-discount-block {
  height: 51px;
  display: block;
}
.card.card-vertical .trusted-discount-block .multi-level-label, .card.card-horizontal .trusted-discount-block .multi-level-label, .card.top-proposal-card .trusted-discount-block .multi-level-label {
  position: absolute;
  background: #fff;
  display: block;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.0898843px;
  color: #e5642a;
  padding: 15px 30px;
  border-radius: 0 0 10px 10px;
  width: 100%;
  font-family: Roboto-Regular;
  font-weight: 300;
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .card.card-vertical .trusted-discount-block .multi-level-label, .card.card-horizontal .trusted-discount-block .multi-level-label, .card.top-proposal-card .trusted-discount-block .multi-level-label {
    position: relative;
    border-radius: 0;
    text-align: center;
  }
}
.card.card-vertical .trusted-discount-block .label-trusted, .card.card-horizontal .trusted-discount-block .label-trusted, .card.top-proposal-card .trusted-discount-block .label-trusted {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  z-index: 9;
  width: 350px;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: Roboto-Regular;
  height: 51px;
  line-height: 51px;
  clip-path: polygon(100% 0, 50px 0, calc(100% - 50px) 0, 100% 100%, 0 100%, 0px 0px);
  border-radius: 0 0 0 5px;
}
@media only screen and (max-width: 1024px) {
  .card.card-vertical .trusted-discount-block .label-trusted, .card.card-horizontal .trusted-discount-block .label-trusted, .card.top-proposal-card .trusted-discount-block .label-trusted {
    position: relative;
    bottom: 0;
    right: 0;
    border-radius: 0;
    clip-path: inherit;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .card.card-vertical .trusted-discount-block, .card.card-horizontal .trusted-discount-block, .card.top-proposal-card .trusted-discount-block {
    position: relative;
    height: auto;
  }
}
.card.card-vertical, .card.card-horizontal, .card.top-proposal-card {
  /*.label-trusted{
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    z-index: 9;
    width: 150px;
    transform: rotate(-45deg);
    bottom: 25px;
    right: -35px;
    text-align: center;
    font-family: Roboto-Regular;
    height: 25px;
  }*/
}
.card.card-vertical .total__price, .card.card-horizontal .total__price, .card.top-proposal-card .total__price {
  font: 36px "Roboto-Bold", sans-serif;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}
.card.card-vertical, .card.card-horizontal, .card.top-proposal-card {
  /*.discount-code {
    font-size: 14px;
    margin-left: 15px;
    padding: 2px 5px;
    border-radius: 2px;
    margin-bottom: 20px;
    border: 1px solid #F75A01;
    color: #000;
    display: block;
    background: none;
    width: auto;
    height: auto;
    margin-top: 0;
    span{
      background: transparent;
      display: inline;
    }
    .informer{
      position: absolute;
      color: #fff;
      opacity: 0;
      padding: 4px;
      margin-top: -12px;
      top: -16px;
      width: auto;
      right: 0;
      background: #000;
      height: auto;
      border-radius: 4px;
    }
    .copy-button {
      display: inline-block;
      border-radius: 20px;
      color: #000;
      cursor: pointer;
      margin-left: 10px;
    }
    &:hover{
      color: #F75A01;
    }
  }*/
}
.card.card-vertical .discount-code, .card.card-horizontal .discount-code, .card.top-proposal-card .discount-code {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0;
  background: transparent;
  margin-bottom: 20px;
  color: #fff;
}
.card.card-vertical .discount-code span, .card.card-horizontal .discount-code span, .card.top-proposal-card .discount-code span {
  background: transparent;
  display: inline;
}
.card.card-vertical .discount-code .percent, .card.card-horizontal .discount-code .percent, .card.top-proposal-card .discount-code .percent {
  padding: 4px 6px 4px 5px;
  background: #f75a01;
  border-radius: 3px;
  position: relative;
}
.card.card-vertical .discount-code .percent:before, .card.card-vertical .discount-code .percent:after, .card.card-horizontal .discount-code .percent:before, .card.card-horizontal .discount-code .percent:after, .card.top-proposal-card .discount-code .percent:before, .card.top-proposal-card .discount-code .percent:after {
  position: absolute;
  right: -3px;
  top: 3px;
  content: "";
  display: block;
  width: 4px;
  height: 2px;
  background: #e5642a;
}
.card.card-vertical .discount-code .percent:after, .card.card-horizontal .discount-code .percent:after, .card.top-proposal-card .discount-code .percent:after {
  top: 8px;
}
.card.card-vertical .discount-code .code, .card.card-horizontal .discount-code .code, .card.top-proposal-card .discount-code .code {
  padding: 4px 5px 4px 6px;
  background: #f75a01;
  border-radius: 3px;
  margin-left: -1px;
  position: relative;
}
.card.card-vertical .discount-code .code:before, .card.card-vertical .discount-code .code:after, .card.card-horizontal .discount-code .code:before, .card.card-horizontal .discount-code .code:after, .card.top-proposal-card .discount-code .code:before, .card.top-proposal-card .discount-code .code:after {
  position: absolute;
  left: -3px;
  top: 13px;
  content: "";
  display: block;
  width: 4px;
  height: 2px;
  background: #f75a01;
}
.card.card-vertical .discount-code .code:after, .card.card-horizontal .discount-code .code:after, .card.top-proposal-card .discount-code .code:after {
  top: 18px;
}
.card.card-vertical .discount-code .informer, .card.card-horizontal .discount-code .informer, .card.top-proposal-card .discount-code .informer {
  position: absolute;
  color: #fff;
  opacity: 0;
  padding: 4px;
  margin-top: -12px;
  top: -16px;
  width: auto;
  right: 0;
  background: #f75a01;
  height: auto;
  border-radius: 4px;
}
.card.card-vertical .discount-code .copy-button, .card.card-horizontal .discount-code .copy-button, .card.top-proposal-card .discount-code .copy-button {
  display: inline-block;
  border-radius: 20px;
  color: #000;
  cursor: pointer;
  margin-left: 5px;
}
.card.card-vertical .discount-wrap, .card.card-horizontal .discount-wrap, .card.top-proposal-card .discount-wrap {
  display: block;
  width: auto;
}
.card.card-vertical .discount-wrap .step-info-msg, .card.card-horizontal .discount-wrap .step-info-msg, .card.top-proposal-card .discount-wrap .step-info-msg {
  top: 47px;
  bottom: auto;
  left: 0;
}
.card.card-vertical .total__price .value, .card.card-horizontal .total__price .value, .card.top-proposal-card .total__price .value {
  margin-right: 0;
  position: relative;
}
.card.card-vertical .total__price .value > span, .card.card-horizontal .total__price .value > span, .card.top-proposal-card .total__price .value > span {
  font-size: 21px;
  margin: 10px;
  position: absolute;
  top: -15px;
  left: 100%;
  margin-left: 0;
}
.card.card-vertical .card__button, .card.card-horizontal .card__button, .card.top-proposal-card .card__button {
  border-radius: 30px;
  background: #f75a01;
  width: auto;
  margin: 20px 0;
  min-width: 170px;
  border-top: none;
}
.card.card-vertical .card__button:hover, .card.card-horizontal .card__button:hover, .card.top-proposal-card .card__button:hover {
  background: #ff843f;
}
.card.card-vertical .card__button:focus, .card.card-horizontal .card__button:focus, .card.top-proposal-card .card__button:focus {
  background: #ff843f;
}
.card.card-vertical .card__button--add, .card.card-horizontal .card__button--add, .card.top-proposal-card .card__button--add {
  background: none;
  color: #868686;
  box-shadow: none;
  border: none;
  height: auto;
  line-height: normal;
}
.card.card-vertical .card__button--add:hover, .card.card-vertical .card__button--add:focus, .card.card-horizontal .card__button--add:hover, .card.card-horizontal .card__button--add:focus, .card.top-proposal-card .card__button--add:hover, .card.top-proposal-card .card__button--add:focus {
  color: #f75a01;
  background: none;
}
.card.card-vertical .card__button--buy-now, .card.card-horizontal .card__button--buy-now, .card.top-proposal-card .card__button--buy-now {
  background: #f75a01;
  color: #fff;
  display: inline-block;
}
.card.card-vertical .convert__time,
.card.card-vertical .convert__amount, .card.card-horizontal .convert__time,
.card.card-horizontal .convert__amount, .card.top-proposal-card .convert__time,
.card.top-proposal-card .convert__amount {
  position: relative;
}
.card.card-vertical .convert__time .ico-hourglass,
.card.card-vertical .convert__amount .ico-hourglass, .card.card-horizontal .convert__time .ico-hourglass,
.card.card-horizontal .convert__amount .ico-hourglass, .card.top-proposal-card .convert__time .ico-hourglass,
.card.top-proposal-card .convert__amount .ico-hourglass {
  position: absolute;
  left: 0;
  top: 0;
}
.card.card-vertical .convert__time .hours-info,
.card.card-vertical .convert__amount .hours-info, .card.card-horizontal .convert__time .hours-info,
.card.card-horizontal .convert__amount .hours-info, .card.top-proposal-card .convert__time .hours-info,
.card.top-proposal-card .convert__amount .hours-info {
  float: left;
  margin-left: 35px;
}
.card.card-vertical .convert__time, .card.card-horizontal .convert__time, .card.top-proposal-card .convert__time {
  margin-bottom: 20px;
}
.card.card-vertical .convert__time .time, .card.card-horizontal .convert__time .time, .card.top-proposal-card .convert__time .time {
  margin-right: 5px;
  color: #000;
}
.card.card-vertical .convert-row, .card.card-horizontal .convert-row, .card.top-proposal-card .convert-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card.card-vertical .convert__amount .amount, .card.card-horizontal .convert__amount .amount, .card.top-proposal-card .convert__amount .amount {
  margin-right: 5px;
}
.card.card-vertical .convert__amount.convert__delivery, .card.card-horizontal .convert__amount.convert__delivery, .card.top-proposal-card .convert__amount.convert__delivery {
  margin-bottom: 15px;
}
.card.card-vertical .convert__input, .card.card-horizontal .convert__input, .card.top-proposal-card .convert__input {
  margin-top: 30px;
}
.card.card-vertical .convert__rate, .card.card-horizontal .convert__rate, .card.top-proposal-card .convert__rate {
  margin-top: 10px;
  font-size: 16px;
  color: #000;
  font-family: Roboto-Bold;
}
.card.card-vertical.product-description img, .card.card-horizontal.product-description img, .card.top-proposal-card.product-description img {
  width: 100%;
  height: auto;
}
.card.card-vertical .game-info__desc {
  margin-bottom: 30px;
}
.card.card-vertical .card__game-details {
  display: block;
}
.card.card-vertical .convert__time {
  margin-bottom: 10px;
}
.card.card-vertical .total__price {
  text-align: center;
  margin-bottom: 25px;
}
.card.card-vertical .card__button {
  width: auto;
  padding: 0 35px;
  display: block;
  margin: auto;
}
.card.card-vertical .card__user-info {
  padding: 30px 30px 20px;
  position: relative;
}
.card.card-vertical .card__user-info:after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #d9d9d9;
}
.card.card-vertical .card__game-info {
  padding: 20px 30px 10px;
}
.card.card-vertical .card__convert-block {
  padding: 10px 30px;
}
.card.card-vertical .card__total {
  padding: 30px;
}
.card.card-vertical .convert-row {
  display: block;
}
.card.card-vertical .convert__input {
  margin-top: 15px;
}
.card.card-vertical .convert__input .input-group {
  width: 100%;
}
.card.top-proposal-card .card__block {
  padding: 0;
}
.card.top-proposal-card .total__price {
  margin-bottom: 20px;
}
.card .calculate--profile {
  width: 70%;
  margin: 10px 20px;
}
.card .calculate .calculate-input {
  border-color: #000 !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.card .calculate .calculate-range {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
}
.card .calculate .calculate-range .calculate-range-input {
  background: #cecece;
  width: 100%;
}
.card .calculate .calculate-count {
  display: block;
  margin-bottom: 25px;
  position: relative;
  width: 185px;
  float: left;
  padding-right: 5px;
}
.card .calculate .calculate-count .count-wrap {
  position: relative;
  width: 100%;
}
.card .calculate .calculate-count .count-wrap input {
  line-height: 30px;
  border-radius: 4px;
  width: 100%;
  padding: 5px 50px 5px 10px;
  text-align: left;
  border: 1px solid #33384c;
  display: inline;
  height: auto;
  color: #fff;
  background: #13192a;
}
.card .calculate .calculate-count .count-wrap input:hover {
  border: 1px solid #f75a01;
}
.card .calculate .calculate-count .count-wrap .count__btn,
.card .calculate .calculate-count .count-wrap .sum_btn {
  border: 1px solid transparent;
  position: absolute;
  background: transparent;
  cursor: pointer;
  top: 0;
  width: 35px;
  height: 42px;
  border-radius: 4px;
}
.card .calculate .calculate-count .count-wrap .count__btn:hover,
.card .calculate .calculate-count .count-wrap .sum_btn:hover {
  border: 1px solid #f75a01;
}
.card .calculate .calculate-count .count-wrap .count__btn .ico-arrow,
.card .calculate .calculate-count .count-wrap .sum_btn .ico-arrow {
  right: 0;
  height: 20px;
  width: 20px;
  margin: auto;
  color: #f75a01;
  font-size: 30px;
}
.card .calculate .calculate-count .count-wrap .count__btn .ico-arrow.arrow-up,
.card .calculate .calculate-count .count-wrap .sum_btn .ico-arrow.arrow-up {
  right: 4px;
}
.card .calculate .calculate-count .count-wrap .count__btn.up,
.card .calculate .calculate-count .count-wrap .sum_btn.up {
  right: 0;
  background: #fff;
  border: 1px solid #000;
}
.card .calculate .calculate-count .count-wrap .count__btn.up:after,
.card .calculate .calculate-count .count-wrap .sum_btn.up:after {
  content: "";
  border: 1px solid #f75a01;
  width: 18px;
  height: 1px;
  display: block;
  position: absolute;
  top: 19px;
  right: 8px;
}
.card .calculate .calculate-count .count-wrap .count__btn.up:before,
.card .calculate .calculate-count .count-wrap .sum_btn.up:before {
  content: "";
  border: 1px solid #f75a01;
  width: 18px;
  height: 1px;
  display: block;
  position: absolute;
  transform: rotate(90deg);
  right: 8px;
  left: auto;
  top: 19px;
}
.card .calculate .calculate-count .count-wrap .count__btn.down,
.card .calculate .calculate-count .count-wrap .sum_btn.down {
  left: 0;
  background: #fff;
  border: 1px solid #000;
}
.card .calculate .calculate-count .count-wrap .count__btn.down:after,
.card .calculate .calculate-count .count-wrap .sum_btn.down:after {
  content: "";
  border: 1px solid #f75a01;
  width: 18px;
  height: 1px;
  display: block;
  position: absolute;
  top: 19px;
  left: 8px;
}
.card .calculate .calculate-count-text {
  line-height: normal;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 14px;
  right: 10px;
  color: #fff;
  text-align: right;
  font-size: 11px;
  font-weight: 900;
}
.card .calculate .calculate-sum {
  display: block;
  position: relative;
  width: 180px;
  float: left;
  margin-top: 15px;
}
.card .calculate .calculate-sum input {
  line-height: 30px;
  border-radius: 4px;
  width: 100%;
  padding: 5px 25px 5px 10px;
  text-align: left;
  border: 1px solid #fff;
  border: 1px solid #33384c;
  display: inline;
  height: auto;
  color: #fff;
  background: #13192a;
}
.card .calculate .calculate-sum input:hover, .card .calculate .calculate-sum input:focus {
  border: 1px solid #f75a01;
}
.card .calculate .calculate-sum .sum-wrap {
  width: 100%;
}
.card .calculate .calculate-sum-text {
  line-height: normal;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 14px;
  right: 5px;
  color: #fff;
  text-align: right;
  font-size: 11px;
  font-weight: 900;
}
.card .button--link-to-chat,
.card .button--link-not-chat {
  background: #f75a01;
  text-transform: capitalize;
  border-radius: 5px;
  color: #fff;
  font-family: Roboto-Black, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  padding: 0;
  max-width: none;
  width: 75%;
  padding: 10px 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.card .button--link-to-chat:hover,
.card .button--link-not-chat:hover {
  background: #ff843f;
}
.card .button--link-to-chat:hover i,
.card .button--link-not-chat:hover i {
  animation-duration: 0.7s;
  animation-name: chatHover;
}
.card .button--link-to-chat:focus,
.card .button--link-not-chat:focus {
  background: #ff843f;
}
.card .button--link-to-chat {
  width: 60%;
}
.card .card__total {
  position: relative;
}
.card .button-favorite {
  background: url("../img/icons/bookmarks-icn/bookmarks-icn.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  z-index: 10;
  transition: all 0.3s;
  filter: brightness(0.5);
}
.card .button-favorite-mob {
  display: none;
}
.card .button-favorite:hover, .card .button-favorite.active {
  transform: scale(1.2);
  background-image: url("../img/icons/bookmarks-icn/bookmarks-icn-active.svg");
  width: 25px;
  height: 25px;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s;
  filter: brightness(100%);
}
.card:hover .button-favorite {
  display: inline-block;
}

.card.card-catalog .card__block-account {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  min-height: 280px;
}
.card.card-catalog .card__block-account .convert__amount.convert__delivery {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .card.card-catalog .card__block-account .convert__amount.convert__delivery {
    margin-bottom: 30px !important;
  }
}
.card.card-catalog .card__block-account .convert__amount.amount input {
  line-height: 30px;
  border-radius: 4px;
  width: 100%;
  padding: 5px 35px 5px 35px;
  text-align: center;
  display: inline;
  height: auto;
  border: 1px solid #ffffff;
  color: #fff;
  background: #13192a;
}
.card.card-catalog .card__block-account .convert__amount.amount input:hover {
  border: 1px solid #f75a01;
}
.card.card-catalog .card__block-account .convert__rate {
  margin-top: -10px;
}
.card.card-catalog .card__block-account .card__user-info:after {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #d9d9d9;
  width: 1px;
  height: calc(100% - 15px);
}
.card.card-catalog .account-details {
  margin-left: 25%;
  margin-bottom: 30px;
  padding: 0 200px 0 30px;
  position: relative;
}
.card.card-catalog .account-details span.title-msg {
  display: block;
  color: #e03e2d;
  font-size: 18px;
  background: none;
  padding: 0 !important;
  margin: 0 0 10px;
  text-align: center;
}
.card.card-catalog .account-details:before {
  content: "";
  position: absolute;
  top: -30px;
  bottom: 0;
  margin: auto;
  left: -1px;
  background: #d9d9d9;
  width: 1px;
  height: 100%;
  display: none !important;
}
.card.card-catalog .account-details .user-details-btn_1 {
  position: absolute;
  top: -47px;
  text-transform: uppercase;
  color: #868686;
}
.card.card-catalog .account-details .user-details-btn_1:hover, .card.card-catalog .account-details .user-details-btn_1:focus {
  color: #f75a01;
}
.card.card-catalog .account-details .user-details_1.collapse.in table {
  background: none !important;
}
.card.card-catalog .account-details .user-details_1.collapse.in table th,
.card.card-catalog .account-details .user-details_1.collapse.in table td {
  color: #fff !important;
}
.card.card-catalog .account-details .user-details_1.collapse.in button {
  display: none;
}
.card.card-catalog .account-details .user-details-btn_2 {
  position: absolute;
  top: -47px;
  text-transform: uppercase;
  opacity: 0.5;
}
.card.card-catalog .account-details .user-details_2 span {
  padding-bottom: 30px;
}
.card.card-catalog .account-details .user-details_2.collapse.in {
  padding-bottom: 30px;
}
.card.card-catalog .account-details .user-details-btn_3 {
  position: absolute;
  top: -47px;
  text-transform: uppercase;
  opacity: 0.5;
}
.card.card-catalog .account-details .user-details_3 span {
  padding-bottom: 30px;
}
.card.card-catalog .account-details .user-details_3.collapse.in {
  padding-bottom: 30px;
}
.card.card-catalog .calculate .calculate-count {
  margin-bottom: 0;
}
.card.card-catalog .calculate .calculate-count .count-wrap {
  width: 100%;
}
.card.card-catalog.card-my_store .card__block-account .convert__amount {
  margin-bottom: 20px !important;
}

.offer-container .card.card-horizontal.card-my_store-currency .card__game-info .game-info__desc {
  min-height: auto;
}

.radio,
.radio__label,
.radio__label:after,
.radio__label:before {
  box-sizing: border-box;
}

.radio__container {
  font-size: 16px;
}
.radio__container .radio-inline {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
}
.radio__container .radio-block {
  display: block;
  margin-right: 0;
  padding: 0;
}
.radio__container .radio {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  overflow: hidden;
  -webkit-appearance: none;
}
.radio__container .radio__label {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 28px;
  cursor: pointer;
  vertical-align: bottom;
  color: rgba(0, 0, 0, 0.54);
  transition: color 0.2s ease;
}
.radio__container .radio__label:before, .radio__container .radio__label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.radio__container .radio__label:before {
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #e6e6e6;
}
.radio__container .radio__label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  transform: scale(0);
  background-color: #f75a01;
}
.radio__container .radio__label:hover {
  color: #f75a01;
}
.radio__container .radio__label:hover:before {
  border-color: #f75a01;
}
.radio__container .radio:checked + .radio__label {
  color: rgba(0, 0, 0, 0.87);
}
.radio__container .radio:checked + .radio__label:before {
  border-color: #f75a01;
}
.radio__container .radio:checked + .radio__label:after {
  transform: scale(1);
}
.radio__container--4:after {
  content: "";
  display: block;
  clear: both;
}
.radio__container--4 .radio-inline {
  float: left;
  margin: 0;
  width: 25%;
}
.radio__container .radio-combo .radio__label:after {
  top: 22px;
}
.radio__container .radio-combo .radio__label:before {
  top: 16px;
}
.radio__container .radio-combo .radio__label .radio-input {
  color: #000;
  float: left;
  height: 55px;
  width: 100px;
}
.radio__container .radio-combo .radio__label span {
  line-height: 55px;
  float: left;
  margin-left: 10px;
}

.payment-form .radio__container .radio__label:after {
  top: 16px;
  left: 6px;
  width: 8px;
  height: 8px;
  transform: scale(0);
  background-color: #f75a01;
}

.dark-theme .radio__label {
  color: #fff;
}
.dark-theme .radio__label:before {
  border-color: #d8d8d8;
}
.dark-theme .radio__label:after {
  background-color: transparent;
}
.dark-theme .radio__label:hover {
  color: #fff;
}
.dark-theme .radio__label:hover:before {
  border-color: #d8d8d8;
}
.dark-theme .radio:checked + .radio__label {
  color: #fff;
}
.dark-theme .radio:checked + .radio__label:before {
  border-color: #d8d8d8;
}
.dark-theme .radio:checked + .radio__label:after {
  background-color: #f75a01;
}

.alert {
  border-radius: 1px;
  position: relative;
  padding-left: 90px;
}
.alert:before {
  content: "";
  position: absolute;
  background: grey;
  width: 50px;
  height: 100%;
  top: 0;
  left: 0;
}
.alert.alert-success {
  background: #fff;
}
.alert.alert-success:before {
  background: url(../img/icons/success.svg) #37b487 no-repeat center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  width: 75px;
}
.alert.alert-warning {
  background: #fff;
}
.alert.alert-warning:before {
  background: url(../img/icons/warning.svg) #f75a01 no-repeat center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  width: 75px;
}
.alert.alert-warning .btn-primary:hover {
  color: #fff;
}
.alert.alert-danger {
  background: #fff;
}
.alert.alert-danger a {
  color: #f75a01;
}
.alert.alert-danger:before {
  background: url(../img/icons/warning.svg) #d23a4b no-repeat center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  width: 75px;
}
.alert.alert-info {
  background: #fff;
}
.alert.alert-info:before {
  background: url(../img/icons/ask.svg) #e06764 no-repeat center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  width: 75px;
}

.checkbox {
  display: none;
}
.checkbox.inline-checkbox + label {
  display: inline-block;
  padding: 0 10px 0 28px;
  cursor: pointer;
  line-height: 15px;
  vertical-align: bottom;
  color: rgba(0, 0, 0, 0.54);
  transition: color 0.2s ease;
  width: auto;
  height: auto;
}
.checkbox + label {
  display: block;
  position: relative;
  padding-left: 35px;
  width: 15px;
  height: 15px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox + label:hover::before {
  background: url("../../img/icons/checkmark-light_blue.svg") center center no-repeat;
  opacity: 1;
}
.checkbox + label:hover::after {
  border: 1px solid rgba(78, 138, 255, 0.6);
}
.checkbox + label.error:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #a94442;
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox + label:last-child {
  margin-bottom: 0;
}
.checkbox + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  background: url("../../img/icons/checkmark-white.svg") center center no-repeat;
  width: 12px;
  height: 10px;
  z-index: 2;
  opacity: 0;
  transition: all 0.15s;
}
.checkbox + label:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid currentColor;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.15s, border-color 0.08s;
  transition: all 0.15s, border-color 0.08s;
  z-index: 1;
}
.checkbox:checked + label:before {
  border-radius: 0;
  opacity: 1;
  background: url("../../img/icons/checkmark-white.svg") center center no-repeat;
}
.checkbox:checked + label:after {
  background: #4e8aff;
  border-color: #4e8aff;
}

.only_num.form-control::placeholder {
  color: #000 !important;
}

.widget-copy {
  font-size: 14px;
  position: relative;
}
.widget-copy .informer {
  position: absolute;
  color: #f65901;
  opacity: 0;
  padding: 4px;
  top: 12px;
  width: 208px;
  left: -66px;
  background: transparent;
  height: auto;
  border-radius: 4px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .widget-copy .informer {
    width: 132px;
    left: -27px;
  }
}
@media only screen and (max-width: 767px) {
  .widget-copy .informer {
    width: 208px;
    left: -66px;
  }
}
.widget-copy .copy-button {
  display: inline-block;
  border-radius: 20px;
  color: #000;
  cursor: pointer;
  margin-left: 10px;
}

.checkbox-1 {
  display: none;
}
.checkbox-1.inline-checkbox + label {
  display: inline-block;
  padding: 0 10px 0 28px;
  cursor: pointer;
  vertical-align: bottom;
  transition: color 0.2s ease;
  width: auto;
  height: auto;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  opacity: 0.9;
}
.checkbox-1 + label {
  display: block;
  position: relative;
  padding-left: 35px;
  width: 15px;
  height: 15px;
  margin-bottom: 20px;
  font: 16px/20px "Roboto-Regular", sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox-1 + label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #a1a1a1;
  border-radius: 4px;
  background-color: transparent;
}
.checkbox-1 + label .checkmark:hover {
  border-color: #f75a01;
}
.checkbox-1 + label.error:before {
  border-color: #a94442;
}
.checkbox-1 + label:last-child {
  margin-bottom: 0;
}
.checkbox-1 + label:before {
  content: "";
  display: block;
  height: 11px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.15s, border-color 0.08s;
  transition: all 0.15s, border-color 0.08s;
  border: 2px solid #fff;
  width: 6px;
  top: 1px;
  left: 6px;
  border-radius: 0;
  border-color: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 100;
}
.checkbox-1:checked + label:before {
  width: 6px;
  top: 1px;
  left: 6px;
  border-radius: 0;
  border-color: #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-1:checked + label .checkmark {
  background-color: #f75a01;
  border-color: #f75a01;
}
.checkbox-1 + label:hover .checkmark {
  border-color: #f75a01;
}

.form-control[disabled] {
  background: transparent;
  opacity: 1;
}

.form label {
  margin: 5px 0 10px;
  color: #fff;
}
.form.form-has-border .form-control.input-lg {
  color: #000;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 4px !important;
}
.form.form-has-border .form-control.input-lg::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: rgb(51, 51, 51);
}
.form .form-control.input-lg {
  border: 1px solid #fff;
  border-radius: 4px !important;
}
.form .form-control.input-lg::placeholder {
  color: #8e8e8e !important;
  opacity: 1 !important;
}
.form .has-success .form-control {
  border-color: #808080;
  box-shadow: none;
}
.form .has-success .control-label {
  color: #000;
}
.form .has-error .form-control {
  border-color: #a94442;
}
.form .select-wrap {
  background: #fff;
  border-color: #fff;
  border-radius: 4px;
}
.form .select-wrap select {
  color: #000;
}
.form textarea.input-lg {
  height: 230px;
  resize: none;
  padding: 15px 20px;
}
.form .form-row {
  display: flex;
  align-items: center;
}
.form .add-account {
  background: #fff;
  color: #000;
  height: 55px;
  width: 80px;
  margin-left: 10px;
  font: 26px "Roboto-Light", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}
.form .add-account:hover, .form .add-account:focus {
  color: #000;
  border: 1px solid #ff843f;
}
.form .remove-account {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
.form .remove-account:hover, .form .remove-account:focus {
  color: #000;
  border: 1px solid #ff843f;
}
.form button[type=submit] {
  margin-top: 50px;
}
.form :-moz-placeholder,
.form :-ms-input-placeholder,
.form ::-moz-placeholder,
.form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.form .card-number-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.form .card-number-field .form-control {
  margin: 0 12px;
  text-align: center;
}
.form .card-number-field .form-control:first-child {
  margin-left: 0;
}
.form .card-number-field .form-control:last-child {
  margin-right: 0;
}

.form-group.white .form-control.input-lg {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
}

.form .form-control.currency-input {
  background: #fff no-repeat left center;
  -webkit-background-size: 10px 20px;
  background-size: 9px 20px;
  padding-left: 50px;
  position: relative;
}
.form .form-control.currency-input--dollar {
  background-image: url("../img/icons/dollar.svg");
  background-position-x: 16px;
}

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

.card.card-horizontal.card-with-gold .card__block {
  max-width: 25%;
  min-width: 25%;
}
.card.card-horizontal.card-with-gold .card__block.card__convert-block:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #d9d9d9;
  width: 1px;
  height: calc(100% - 30px);
}
.card.card-horizontal.card-with-gold .card__block.card__total {
  max-width: 25%;
  min-width: 25%;
}
.card.card-horizontal.card-with-gold .wrap-info-mob {
  display: flex;
  flex-flow: row;
  width: 100%;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block {
  max-width: 50%;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block .region-img {
  max-height: 12px;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block .info .step-info {
  width: auto;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block .info .step-info span.step-info-i {
  width: auto;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__game-info {
  width: 50%;
  min-width: 50%;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__game-info .offer_info_box__item {
  margin-bottom: 10px;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__game-info .offer_info_box__item.convert__amount {
  margin-bottom: 10px !important;
}
.card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__convert-block {
  width: 50%;
}
.card.card-small .wrap-total__price {
  display: flex;
  flex-flow: row;
  min-width: 40%;
}
.card.card-small .card__block.total__price {
  justify-content: center;
}

.btn-filters {
  display: none;
}

.toggle-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.toggle-wrap .toggle-button {
  color: #f75a01;
}

@media only screen and (max-width: 1024px) {
  .buttons-wrap .button.button-def {
    font-size: 12px;
    width: 130px;
  }
  .buttons-wrap .button.button-accent {
    font-size: 12px;
    width: 130px;
  }
  table th {
    white-space: nowrap;
  }
  .card.card-horizontal .total__price {
    font-size: 30px;
  }
  .card.card-horizontal.card-small .wrap-total__price {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    min-width: 25%;
  }
  .card.card-horizontal.card-small .wrap-total__price .card__block.total__price {
    justify-content: center;
    padding-bottom: 0;
  }
  .card.card-horizontal.card-small .wrap-total__price .card__block.button-wrap {
    justify-content: center;
    padding-top: 0;
  }
  .card.card-horizontal.card-small .wrap-total__price .button-favorite {
    top: -50px;
  }
}
.step-info.inline.informer-widget {
  position: relative;
}
.step-info.inline.informer-widget .ico-informer {
  position: absolute;
  top: 8px;
  left: 5px;
  background: url("../../img/icons/info.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: none;
  width: 16px;
  height: 16px;
}
.step-info.inline.informer-widget .in-red {
  color: #ff9c00;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .show-details-offer-mob {
    display: block;
    text-transform: uppercase;
    color: #868686;
    padding: 10px 20px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 992px) {
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: auto;
  }
  .table-responsive .table-white {
    background-color: #fff !important;
  }
  .card.card-horizontal .total__price {
    font-size: 22px;
  }
  .card.card-horizontal .user-orders {
    font-size: 12px;
  }
  .card.card-horizontal .card__block {
    padding: 20px;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob {
    display: flex;
    flex-flow: column;
    width: 45%;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob .card__block {
    max-width: 100%;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__convert-block {
    padding-top: 0;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__convert-block:before {
    content: "";
    top: -30px;
    height: 100%;
  }
  .card.card-horizontal.card-with-gold .card__block.card__user-info {
    max-width: 30%;
  }
  .card.card-horizontal.card-with-gold .card__block.card__total {
    max-width: 25%;
  }
  .card.card-horizontal.card-small {
    max-width: 288px;
    margin: 10px auto;
  }
  .card.card-horizontal.card-small .wrap-total__price .button-favorite {
    top: -35px;
    right: 10px;
  }
  .card.card-horizontal.card-small .card-body {
    flex-flow: column;
    position: relative;
  }
  .card.card-horizontal.card-small .card-body .card__block {
    padding: 20px 20px 0;
  }
  .card.card-horizontal.card-small .card-body .card__block.card__game-details {
    padding-top: 10px;
    position: relative;
  }
  .card.card-horizontal.card-small .card-body .card__block.card__game-details:before {
    content: "";
    position: absolute;
    top: 0;
    margin: auto;
    right: 0;
    background: #d9d9d9;
    width: 100%;
    height: 1px;
  }
  .card.card-horizontal.card-small .card-body .card__block .user-orders {
    margin-bottom: 15px;
  }
  .card.card-horizontal.card-small .card-body .card__block.button-wrap {
    padding-top: 0;
    display: flex;
    flex-flow: row;
  }
  .card.card-horizontal.card-small .card-body .card__block.button-wrap .card__button {
    height: 40px;
    line-height: 40px;
    min-width: 130px;
  }
  .card.card-horizontal.card-small .card-body .card__block.button-wrap .card__button--buy-now {
    min-width: 130px;
  }
  .card.card-horizontal.card-small .button--link-to-chat {
    max-width: 90px;
    margin-top: 15px;
  }
  .card.card-horizontal.card-small .button-favorite {
    display: none;
  }
  .card.card-horizontal.card-small .button-favorite-mob {
    display: block;
    width: 20px;
    height: 20px;
  }
  .card.card-horizontal.card-account .convert__amount.stock {
    margin: 0;
  }
  .card.card-horizontal.card-account .convert__rate {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_2 {
    top: -39px;
    left: 55px;
  }
  .card.card-horizontal.card-account .account-details .user-details_2 {
    padding-left: 25px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_3 {
    top: -39px;
    left: 55px;
  }
  .card.card-horizontal.card-account .account-details .user-details_3 {
    padding-left: 25px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_1 {
    top: -39px;
    left: 55px;
  }
  .card.card-horizontal.card-account .account-details .user-details_1 {
    padding-left: 25px;
  }
  .card.card-horizontal.card-account .account-details:before {
    left: 35px;
  }
  .card.card-horizontal.card-account .card__game-info .game-info__faction {
    margin-bottom: 0;
  }
  .card.card-horizontal.card-account .card__block-account {
    min-height: auto;
  }
  .card .user-info {
    width: 100%;
  }
  .card .calculate .calculate-count {
    margin-bottom: 15px;
  }
  .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 12px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info {
    position: static;
  }
  .card-horizontal .card-body,
  .top-proposal-card .card-body {
    display: block;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info {
    max-width: 100%;
    padding: 20px 20px 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog .wrap-info-mob {
    width: 100%;
  }
  .card.card-horizontal.card-with-gold.card-catalog .wrap-info-mob br {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .wrap-info-mob .game-info__code {
    margin-bottom: 0;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__game-info {
    width: 100%;
    min-width: 100%;
  }
  .card.card-horizontal.card-with-gold .wrap-info-mob .card__block.card__convert-block {
    width: 100%;
  }
  .card .button--link-to-chat {
    max-width: 205px !important;
  }
  .card.card-catalog .button--link-to-chat {
    margin-bottom: 0px !important;
  }
  .card-horizontal .user-orders,
  .top-proposal-card .user-orders {
    margin: 10px 0 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-account .card__block {
    padding: 10px 20px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total {
    max-width: 100%;
    display: block;
    padding: 0 20px 10px;
    position: static;
    width: 100%;
  }
  .card .button-favorite {
    top: 30px;
    right: 30px;
  }
  .card.card-vertical .card__button--add,
  .card.card-horizontal .card__button--add,
  .card.top-proposal-card .card__button--add {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .wrap-total {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .total__price-1 {
    position: static;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .total__price {
    margin-bottom: 0;
    text-align: center;
    font-size: 36px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .card__button {
    height: 40px;
    line-height: 40px;
    margin: 0;
    min-width: 130px;
  }
  .card.card-catalog .account-details {
    display: none;
  }
  .card .card__total {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .card.card-horizontal.card-account .convert__amount.stock {
    margin: 0;
  }
  .card.card-horizontal.card-account .convert__amount.warranty {
    margin-bottom: 40px;
  }
  .card.card-horizontal.card-account .convert__amount.warranty-1 {
    margin-bottom: 0;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_2 {
    top: -39px;
    left: 55px;
  }
  .card.card-horizontal.card-account .account-details .user-details_2 {
    padding-left: 25px;
  }
  .card.card-horizontal.card-account .account-details:before {
    left: 32px;
  }
  .filters {
    position: relative;
  }
  .btn-filters-mob {
    position: absolute;
    right: 12px;
    top: -20px;
    height: 20px;
    width: 20px;
    display: block;
    background: url(../img/icons/filter-black.svg) no-repeat;
    background-color: transparent;
    z-index: 102;
  }
  .btn-close {
    position: absolute;
    right: 5px;
    top: 30px;
    width: 30px;
    height: 30px;
    display: block;
    background: url("..img/icons/close.svg") no-repeat 100% 100%;
    opacity: 1;
    z-index: 200;
  }
  .btn-close span {
    display: block;
    width: 2px;
    height: 20px;
    background-color: black;
    margin-right: 10px;
    transform: rotate(45deg) translateY(-6px) translateX(0px);
  }
  .btn-close span:last-child {
    transform: rotate(-45deg) translateY(-14px) translateX(20px);
  }
  .filters-row.product-filters {
    top: -100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: 0.5s;
    background-color: transparent;
  }
  .filters-row.product-filters.open {
    top: 0;
    background-color: #d9d9d9;
    transition: 0.5s;
    z-index: 200;
  }
  .filters-row.product-filters.open .row {
    padding: 20px 20px 0;
    margin: 0;
  }
  .filters-row.product-filters.open .row.sort-bar {
    padding-top: 100px;
    margin-bottom: 0;
  }
  .filters-row.product-filters.open .row.sort-bar .col-xs-12 {
    padding: 0;
  }
  .filters-row.product-filters.open .row.sort-bar .radio__container .radio-inline {
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-top: 15px;
  }
  .filters-row.product-filters.open .row.select-bar .col-xs-12 {
    padding: 5px 0;
  }
  .filters-row.product-filters.open .row.select-bar .input-group.search {
    background-color: #fff;
  }
  .card .button-favorite:hover {
    background-image: url("../img/icons/bookmarks-icn/bookmarks-icn.svg");
    transition: all 0.5s ease-out;
  }
  .card .button-favorite.active:hover {
    background-image: url("../img/icons/bookmarks-icn/bookmarks-icn-active.svg");
    transition: all 0.5s ease-out;
  }
}
@media only screen and (max-width: 680px) {
  .card.card-horizontal .total__price {
    font-size: 22px;
  }
  .card.card-horizontal .user-orders {
    font-size: 12px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card-body {
    flex-flow: column;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block {
    padding: 10px 20px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info {
    max-width: 100%;
    padding: 20px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info .user-rate {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info .user-info .user-orders {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info .user-info .user-chat-buttons {
    margin-top: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info .user-info .user-chat-buttons .button--link-to-chat {
    max-width: 90px;
    margin-bottom: 5px !important;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info:after {
    height: 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info .game-info__code {
    margin-bottom: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info .game-info__desc {
    margin-bottom: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info .game-info__server {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info .game-info__faction {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block {
    padding-bottom: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block:before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 1px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block:after {
    content: "";
    height: 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block .convert__time {
    margin-bottom: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .card__block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 1px;
  }
  .card.card-horizontal.card-with-gold.card-catalog .wrap-info-mob {
    width: 100%;
  }
  .card.card-horizontal.card-with-gold.card-catalog .wrap-info-mob .info {
    display: none;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-account .card__block {
    padding: 10px 20px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-account .card__block.card__user-info .user-info .user-orders {
    display: block;
    margin-bottom: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-account .card__block.card__user-info .user-rate {
    display: block;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store .card__block.card__convert-block {
    flex-flow: column;
    font-size: 14px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store .card__block.card__total:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store .card__block.card__total .card__button {
    top: 8px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store .card__block.card__total .total__price {
    margin-bottom: 0;
    text-align: left;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store .card__block.card__total .total__for {
    margin-bottom: 0;
    margin-right: 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__convert-block {
    margin-bottom: 30px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__total {
    bottom: 20px;
    padding-top: 15px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__total:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__total .card__button {
    top: 25px;
    left: 50%;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__total .total__price {
    margin-bottom: 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .card__block.card__total .total__for {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog {
    top: -15px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .wrap-total {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-family: "Roboto-Black", sans-serif;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .wrap-total .value {
    font-size: 18px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .total__for {
    margin-top: 7px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .card__button {
    top: 25px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block .game-info__desc {
    min-height: auto;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-currency .modal-window.modal-window__my-store.modal-window__catalog .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block {
    margin-bottom: 30px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__convert-block .convert__amount {
    margin-bottom: 10px !important;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__convert-block .convert__amount.stock {
    margin: 10px 0;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__convert-block .convert__amount.convert__delivery {
    margin-bottom: 0 !important;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__convert-block .convert__amount.warranty-cards {
    margin-bottom: 0 !important;
    margin-top: 10px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__convert-block.card__block-account {
    margin-bottom: 40px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__total {
    bottom: 8px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .card__block.card__total .card__button {
    top: 20px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .account-details .user-details-btn_1 {
    top: -100px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .account-details .user-details_1.collapse.in {
    padding-bottom: 15px;
  }
  .card.card-horizontal.card-with-gold.card-catalog.card-my_store-account .account-details .user-details_1 span {
    padding-bottom: 15px;
  }
  .card.card-horizontal.card-small .card__block.card__game-details:before {
    height: 1px;
    bottom: -10px;
    top: auto !important;
  }
  .card.card-horizontal.card-small .card__block.card__game-details:after {
    height: 0;
  }
  .card.card-horizontal.card-small .card__block.card__user-info {
    min-height: 150px;
  }
  .card.card-horizontal.card-small .card__block.card__user-info .user-orders {
    margin-top: 15px;
  }
  .card.card-horizontal.card-small .card__block.total__price {
    margin-bottom: 10px;
  }
  .card.card-horizontal.card-small .card__block.button-wrap .card__button {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .card.card-horizontal.card-small .button-favorite {
    right: 15px;
  }
  .card.card-horizontal.card-account .account-details {
    margin-left: 0;
    padding: 15px 20px 0;
  }
  .card.card-horizontal.card-account .account-details:before {
    width: 0;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_1 {
    position: absolute;
    top: -90px;
    left: 95px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_1-1 {
    top: -130px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_2 {
    position: absolute;
    top: -95px;
    left: 95px;
  }
  .card.card-horizontal.card-account .account-details .user-details-btn_3 {
    position: absolute;
    top: -95px;
    left: 95px;
  }
  .card.card-horizontal.card-account .account-details .user-details_1 {
    padding-left: 0;
    position: relative;
  }
  .card.card-horizontal.card-account .account-details .user-details_1.collapse.in {
    padding-left: 0;
  }
  .card.card-horizontal.card-account .account-details .user-details_1.collapse.in:before {
    content: "";
    display: block;
    width: calc(100% + 40px);
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_1-1.collapse.in {
    padding-bottom: 15px;
  }
  .card.card-horizontal.card-account .account-details .user-details_1-1.collapse.in:before {
    content: "";
    display: block;
    width: calc(100% + 40px);
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0px;
  }
  .card.card-horizontal.card-account .account-details .user-details_2 {
    padding-left: 0;
    position: relative;
  }
  .card.card-horizontal.card-account .account-details .user-details_2 span {
    padding-bottom: 10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_2.collapse.in {
    padding-bottom: 10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_2.collapse.in:before {
    content: "";
    display: block;
    width: calc(100% + 40px);
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_3 {
    padding-left: 0;
    position: relative;
  }
  .card.card-horizontal.card-account .account-details .user-details_3 span {
    padding-bottom: 10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_3.collapse.in {
    padding-bottom: 10px;
  }
  .card.card-horizontal.card-account .account-details .user-details_3.collapse.in:before {
    content: "";
    display: block;
    width: calc(100% + 40px);
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -10px;
  }
  .card.card-horizontal.card-account.card-with-gold.card-catalog .card__block.card__convert-block:before {
    bottom: 10px;
  }
  .card .button--link-to-chat {
    max-width: 205px !important;
  }
  .tab-pane {
    position: relative;
  }
  .tab-pane .product-container {
    margin-top: 10px;
  }
  .btn-filters {
    position: absolute;
    right: 15px;
    top: -30px;
    height: 20px;
    width: 20px;
    display: block;
    background: url(../img/icons/filter-black.svg) no-repeat;
    background-color: transparent;
  }
  .modal-filter {
    background: #d9d9d9;
    border-radius: 0;
    z-index: 10001;
  }
  .modal-filter.fade.in {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  }
  .modal-filter .filters-row {
    display: block;
    background: #d9d9d9;
  }
  .modal-filter .filters-row .input-group.search {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .modal-filter .filters-row .input-group.search .input-lg {
    border-color: #9b9b9b;
    padding: 0 10px;
  }
  .modal-filter .filters-row .input-group.search .input-group-btn .btn {
    border-color: #9b9b9b;
  }
  .modal-filter .filters-row .ui-widget.ui-select {
    margin-bottom: 20px;
  }
  .modal-filter .close.close-filter {
    width: 30px;
    height: 30px;
    background: url(../img/icons/close.svg) no-repeat 100% 100%;
    opacity: 1;
  }
  .modal-window {
    z-index: 1000 !important;
  }
  .modal-window__my-store .modal-button {
    opacity: 0.5;
  }
  .modal-window__my-store .card-body:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 1px !important;
  }
  .modal-window__my-store .card__convert-block {
    align-items: flex-start !important;
  }
  .modal-window__my-store .card__convert-block:before {
    content: "";
    position: absolute;
    bottom: -30px !important;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 1px !important;
  }
  .modal-window__my-store .card__user-info .user-info .user-chat-buttons .button--link-to-chat {
    margin-bottom: 0 !important;
  }
  .modal-window.modal-window__my-store.modal-window__catalog {
    left: -85px;
    top: 4px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content {
    padding: 5px 0;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content body {
    position: static;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total {
    padding: 29px 20px 0;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .total__price {
    margin-bottom: 0 !important;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__total .wrap-total {
    padding-top: 20px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block {
    flex-flow: column;
    align-items: flex-start;
    padding: 5px 20px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block:before {
    content: "";
    bottom: -30px !important;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__convert-block .convert__amount {
    padding-left: 0;
    padding-top: 10px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__user-info {
    padding: 10px 20px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card__block.card__game-info {
    padding: 15px 20px 10px;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card-body {
    padding-bottom: 0;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card-body .wrap-info-mob {
    position: relative;
  }
  .modal-window.modal-window__my-store.modal-window__catalog #modal:checked ~ .modal-content .card.card-horizontal.card-with-gold.card-catalog .card-body .wrap-info-mob:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
  }
  .proposals__title {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .catalog__show-items .summary {
    margin-bottom: 15px;
  }
  .catalog .search-bar-row {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .catalog .search-bar-row .view-filter-button {
    display: table-cell;
    width: 70px;
  }
  .catalog .search-bar-row .view-filter-button .button {
    border: 1px solid #ffffff;
    border-radius: 4px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    margin-left: 10px;
    display: block;
    padding: 13px;
    background: #fff;
  }
  .catalog .search-bar-row .view-filter-button .button::before {
    content: "\f0b0";
    font: normal normal normal 28px/1 "Font Awesome 5 Free";
    color: #f75a01;
    font-weight: 600;
  }
  .tabs-stats {
    margin-top: 0 !important;
  }
  .tabs-stats .nav-tabs > li {
    min-width: 120px !important;
  }
  .nav-tab__title {
    font-size: 16px !important;
  }
  .modal-item label {
    cursor: pointer;
    transition: all 250ms;
  }
  .modal-item .container {
    position: relative;
    margin: 0 auto;
    padding: 50px;
  }
  .modal-item .container h1 {
    font-weight: 100;
    color: white;
    text-align: center;
  }
  .modal-item .container .modal-button {
    position: relative;
    display: block;
    margin: 100px auto;
    padding: 20px 25px 34px;
    width: 50px;
    font-size: 36px;
    font-weight: 300;
    color: yellow;
    text-align: center;
    line-height: 0.3;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    transition: all 250ms;
  }
  .modal-item .container .modal-button span {
    font-size: 12px;
  }
  .modal-item .container .modal-button:hover, .modal-item .container .modal-button:focus {
    color: black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  .modal-item .container .modal-content,
  .modal-item .container .modal-background {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
  }
  .modal-item .container .modal-background {
    transition: height 250ms;
  }
  .modal-item .container .modal-content {
    transform: scale(0);
    transition: transform 500ms;
  }
  .modal-item .container #modal {
    display: none;
  }
  .modal-item .container #modal:checked ~ .modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    visibility: visible;
    opacity: 1;
    transition: height 250ms;
  }
  .modal-item .container #modal:checked ~ .modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25%;
    margin-left: -25%;
    width: 50vw;
    height: auto;
    padding: 40px;
    background-color: white;
    border-radius: 4px;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    cursor: auto;
    transform: scale(1);
    transition: transform 500ms;
  }
  .modal-item .container #modal:checked ~ .modal-content .modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
    color: black;
    transition: color 200ms, transform 500ms;
  }
  .modal-item .container #modal:checked ~ .modal-content .modal-close:hover, .modal-item .container #modal:checked ~ .modal-content .modal-close:focus {
    color: black;
    transform: rotate(360deg);
  }
  .modal-item .container #modal:checked ~ .modal-content p {
    position: relative;
    margin: 0 0 20px 0;
    font-weight: 200;
    font-size: 14px;
    line-height: 1.6;
  }
  .modal-item .container #modal:checked ~ .modal-content .modal-content-button {
    position: relative;
    float: right;
    margin: 0;
    padding: 10px 20px;
    color: white;
    font-weight: 100;
    border-radius: 4px;
    background-color: grey;
  }
  .modal-item .container #modal:checked ~ .modal-content .modal-content-button:hover, .modal-item .container #modal:checked ~ .modal-content .modal-content-button:focus {
    background-color: gray;
  }
}
@media only screen and (max-width: 592px) {
  .ico-arrow-right {
    width: 22px;
    height: 22px;
  }
  .ico-arrow-right.white {
    opacity: 0.6;
  }
  .ico-arrow-right.white:before {
    width: 8px;
  }
  .ico-arrow-right.white:after {
    width: 8px;
  }
  .ico-arrow.arrow-btn {
    width: 22px;
    height: 22px;
    right: 15px;
  }
  .ico-arrow.arrow-btn:before {
    height: 22px;
    left: 1px;
    font-size: 28px;
  }
  .card .button-favorite {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }
  .modal.modal-filter .modal-dialog {
    padding: 20px;
  }
  .modal.modal-filter .modal-header {
    padding: 0;
  }
  .modal.modal-filter .modal-body {
    padding: 0;
  }
  .alert.alert-warning {
    font-size: 12px;
  }
  .control-label {
    font-size: 12px;
  }
}
.card__button {
  background: transparent;
  color: #000;
}
.card__button--buy-now {
  display: inline-block;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: white;
  border-radius: 10px;
  height: 5px;
}

input[type=range].disabled {
  background: #9e9e9e !important;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-radius: 4px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #f75a01;
  height: 16px;
  width: 16px;
  background: #f75a01;
  cursor: pointer;
  margin-top: -4px;
  border-radius: 20px;
}

input[type=range].disabled::-webkit-slider-thumb {
  background: #9e9e9e;
  border: 1px solid #9e9e9e;
}

input[type=range]::-moz-range-thumb {
  border: 1px solid #f75a01;
  height: 16px;
  width: 16px;
  background: #f75a01;
  cursor: pointer;
  border-radius: 20px;
}

input[type=range]::-ms-thumb {
  border: 1px solid #f75a01;
  height: 16px;
  width: 16px;
  background: #f75a01;
  cursor: pointer;
  border-radius: 20px;
}

input[type=range].disabled::-ms-thumb {
  background: #9e9e9e;
  border: 1px solid #9e9e9e;
}

#signupform-country_id-menu {
  max-width: 360px;
}

.container .empty-block {
  width: 100%;
  height: 260px;
  padding-top: 14px;
  background: url(../img/not-found-icon.svg) no-repeat 50% 65%;
  background-size: 210px;
  text-align: center;
  color: #868686;
  font-size: 14px;
  background-color: white;
}

.search-info-block {
  display: block !important;
}
.search-info-block .empty-block {
  background: none;
  width: 154px !important;
  height: 150px !important;
  position: relative;
  right: 35px;
  margin: 0 auto;
  z-index: 10;
  overflow: hidden;
}
.search-info-block .empty-block::before {
  content: "";
  width: 60%;
  min-height: 50%;
  position: absolute;
  left: 46%;
  top: 53%;
  transform: translate(-50%, -50%);
  z-index: 5;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.4);
}
.search-info-block .empty-block img {
  position: relative;
  min-width: 155px;
  z-index: 10;
}
.search-info-block::before {
  display: none !important;
}

.informer-withdraw {
  padding-left: 20px;
  border-radius: 4px;
  position: relative;
  text-align: left;
  background: #fff;
  color: #000;
}
.informer-withdraw:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../../img/icons/info.svg") no-repeat center center;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
  background-size: contain !important;
}

.styled-back {
  position: fixed;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  border-radius: 100px;
  padding: 10px;
  width: 44px;
  height: 44px;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), -2px -2px 8px 0 rgba(0, 0, 0, 0.05);
  background: #fff url("../img/icons/angle-left_dark.svg") center center no-repeat;
  font-size: 0;
  line-height: 0;
}
.styled-back:hover {
  transform: translateY(-50%) scale(1.1);
}
@media screen and (max-width: 1279px) {
  .styled-back {
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .styled-back {
    left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .styled-back {
    display: none;
  }
}

.orange_wyrel {
  color: #f75a01 !important;
}

@media screen and (max-width: 767px) {
  .col-xs-0 {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-0 {
    display: none !important;
  }
}

.offer_acc_details {
  margin-left: -30px !important;
  margin-bottom: 80px !important;
  top: 80px;
}

.light-theme .card.card-horizontal .offers_card_footer .btns-box {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .light-theme .card.card-horizontal .offers_card_footer .btns-box {
    width: 80%;
    margin: 0 auto;
  }
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button {
  margin: 15px 0;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button {
    margin-top: 20px;
  }
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button:last-child {
  margin: 0;
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button--add {
  border: 1px solid #f75a01;
  border-radius: 4px;
  padding: 14px 23px 14px 51px;
  color: #f75a01 !important;
  background: #fff !important;
  transition: 0.3s ease-in all;
  position: relative;
  overflow: hidden;
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button--add::before {
  content: "";
  height: 17px;
  width: 17px;
  position: absolute;
  display: block;
  background-image: url("../../img/icons/buy_png1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 17px;
  top: 13px;
  transition: 0.3s;
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button--add:hover {
  color: #f75a01 !important;
  background: #fff !important;
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .card__button--add:hover::before {
  transform: rotateY(180deg);
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .buy_btns {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.light-theme .card.card-horizontal .offers_card_footer .btns-box .buy_btns:hover {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  filter: brightness(120%);
}

.offers_card_footer {
  display: flex;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .offers_card_footer {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .offers_card_footer .convert__amount {
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.offers_card_footer .offer_card_total {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .offers_card_footer .offer_card_total {
    flex-direction: column;
  }
}
.offers_card_footer .offer_card_total--col {
  display: flex;
  flex-direction: column;
}
.offers_card_footer .offer_card_total__amount {
  margin: 0 auto;
}
.offers_card_footer .offer_card_total .convert__rate {
  width: 185px;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .offers_card_footer .offer_card_total .convert__rate {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }
}
.offers_card_footer .offer_card_total .total__price {
  margin-top: 10px;
  margin-bottom: 0 !important;
}
.offers_card_footer .calculate-count .up,
.offers_card_footer .calculate-count .down {
  background: #fff !important;
  border: none !important;
  z-index: 10;
}
.offers_card_footer .calculate-count .up {
  border-radius: 0px 4px 4px 0px !important;
  border: 1px solid #000 !important;
}
.offers_card_footer .calculate-count .up:hover {
  border: 1px solid #f75a01 !important;
}
.offers_card_footer .calculate-count .down {
  border-radius: 4px 0px 0px 4px !important;
  border: 1px solid #000 !important;
}
.offers_card_footer .calculate-count .down:hover {
  border: 1px solid #f75a01 !important;
}
.offers_card_footer .calculate-count .calculate-input {
  text-align: center !important;
  width: 180px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  font-weight: 700 !important;
}

.offer_left_info {
  background: #ededed;
  border: 1px solid #f75a01;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 18px 23px 18px;
  margin-top: 60px;
}
.offer_left_info_text {
  position: relative;
}
.offer_left_info_img {
  margin-right: 5px;
}

@media only screen and (max-width: 992px) {
  .product-page .card .wrap-total .total__price {
    font-size: 42px;
    margin: 30px auto !important;
  }
  .product-page .card .card__button {
    width: 100%;
    max-width: 100%;
  }
}
.card.card-vertical .total__price,
.card.card-horizontal .total__price {
  font-size: 26px;
}

.product-filters-my-store .card__user-info {
  min-width: 25% !important;
  max-width: 25% !important;
}
@media only screen and (max-width: 992px) {
  .product-filters-my-store .card__user-info {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.product-filters-my-store .card__game-info {
  width: 60% !important;
  min-width: 60% !important;
}

.label_trusted_with_ico {
  display: flex;
  justify-content: center;
  align-items: center;
}
.label_trusted_with_ico img {
  height: 18px;
  width: 16px;
  margin-right: 5px;
}

.buy_now_ico_1 {
  position: relative;
  padding-left: 20px !important;
}
.buy_now_ico_1::before {
  content: "";
  position: absolute;
  display: block;
  left: 17px;
  transition: 0.5s ease all;
  width: 17px;
  height: 17px;
  background-size: cover;
  background-repeat: no-repeat !important;
  background-position: center;
  background-image: url("../../img/icons/casa.png") !important;
  top: 13px;
  transition: 0.3s;
}
.buy_now_ico_1:hover::before {
  transform: rotateY(180deg);
}

@keyframes buy_now_btn {
  0% {
    top: -15px;
  }
  100% {
    top: 13px;
  }
}
@keyframes add_to_card {
  0% {
    left: -10px;
    transform: rotate(-45deg);
  }
  100% {
    left: 17px;
    transform: rotate(0deg);
  }
}
.custom-alerts {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 680px;
  z-index: 10;
  transition: 1s ease-in-out;
}
.custom-alerts .alert,
.custom-alerts .custom-alert {
  border-radius: 16px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #505050;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.custom-alerts .alert:before,
.custom-alerts .custom-alert:before {
  content: unset;
}
.custom-alerts .alert.danger,
.custom-alerts .custom-alert.danger {
  background-color: #FEEBEB;
  border: 1px solid rgba(244, 50, 50, 0.1019607843);
}
.custom-alerts .alert.danger .custom-alert-img,
.custom-alerts .custom-alert.danger .custom-alert-img {
  box-shadow: 0 2px 15px 0 rgba(244, 50, 50, 0.1921568627);
}
.custom-alerts .alert.warning,
.custom-alerts .custom-alert.warning {
  background-color: #FFFAE6;
  border: 1px solid rgba(247, 90, 1, 0.1019607843);
}
.custom-alerts .alert.warning .custom-alert-img,
.custom-alerts .custom-alert.warning .custom-alert-img {
  box-shadow: 0 2px 15px 0 rgba(240, 187, 1, 0.2);
}
.custom-alerts .alert.success,
.custom-alerts .custom-alert.success {
  background-color: #E7F7EE;
  border: 1px solid rgba(0, 178, 65, 0.1019607843);
}
.custom-alerts .alert.success .custom-alert-img,
.custom-alerts .custom-alert.success .custom-alert-img {
  box-shadow: 0 2px 15px 0 rgba(0, 178, 65, 0.2);
}
.custom-alerts .alert .custom-alert-img,
.custom-alerts .custom-alert .custom-alert-img {
  border-radius: 100px;
  width: 32px;
  height: 32px;
}
.custom-alerts .alert .custom-alert-label,
.custom-alerts .custom-alert .custom-alert-label {
  color: #505050;
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .custom-alerts .alert .custom-alert-label,
  .custom-alerts .custom-alert .custom-alert-label {
    display: inline-block;
  }
}
.custom-alerts .alert .undo,
.custom-alerts .custom-alert .undo {
  margin-left: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #F75A01;
  user-select: none;
  cursor: pointer;
}
.custom-alerts .alert .close,
.custom-alerts .custom-alert .close {
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .custom-alerts {
    width: calc(100% - 60px);
    left: 15px;
    transform: unset;
  }
}

.orange {
  color: #f75a01 !important;
}

.linked-cards-block {
  font-family: "Helvetica", "Roboto", sans-serif;
  padding: 50px 15px;
}
.linked-cards-block .linked-cards__title, .linked-cards-block .linked-cards__sub-title {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.linked-cards-block .linked-cards__sub-title {
  color: #565555;
  margin-top: 10px;
}
.linked-cards-block .linked-cards {
  padding: 0 0 32px;
}
.linked-cards-block .linked-cards-slider {
  overflow: hidden;
  margin-top: 28px;
  padding: 0 60px;
  width: 100%;
}
.linked-cards-block .linked-cards-slider .slick-arrow {
  background: #fff url("../../img/slider-arrow.png") no-repeat center center;
  background-size: 8px 15px;
  border-radius: 50%;
  display: block;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
}
.linked-cards-block .linked-cards-slider .slick-arrow.slick-prev {
  left: 0;
}
.linked-cards-block .linked-cards-slider .slick-arrow.slick-next {
  right: 0;
  transform-origin: center center;
  transform: rotate(180deg);
}
.linked-cards-block .linked-cards-slider .slick-arrow.slick-disabled {
  background-color: #8e8e8e;
  cursor: not-allowed;
}
.linked-cards-block .linked-card {
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  margin: 0 15px;
}
.linked-cards-block .linked-card-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 40px;
  overflow: hidden;
}
.linked-cards-block .linked-card-logo__img {
  height: auto;
  width: 100%;
}
.linked-cards-block .linked-card-description {
  font-size: 14px;
  font-weight: 400;
}
.linked-cards-block .linked-card-description .owner-name {
  color: #000;
  margin: 12px 0;
}
.linked-cards-block .linked-card-description .card-code {
  color: #bfbfbf;
}
.linked-cards-block .payment-methods {
  padding: 0 0 50px;
  display: flex;
  justify-content: space-between;
}
.linked-cards-block .payment-methods:after {
  content: "";
  display: block;
  clear: both;
}
.linked-cards-block .payment-methods .payment-method {
  background: #fff;
  display: inline-block;
  border-radius: 10px;
  margin-right: 3.5%;
  padding: 30px 20px;
  position: relative;
  min-height: 200px;
  width: 31%;
}
.linked-cards-block .payment-methods .payment-method:nth-child(3n) {
  margin-right: 0;
}
.linked-cards-block .payment-methods .payment-method-head {
  margin-bottom: 20px;
}
.linked-cards-block .payment-methods .payment-method-head img {
  display: inline-block;
  width: 100%;
  max-width: 90px;
  height: auto;
  max-height: 30px;
}
.linked-cards-block .payment-methods .payment-method-body {
  text-align: left;
}
.linked-cards-block .payment-methods .payment-method-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;
  margin: 5px 0;
}
.linked-cards-block .payment-methods .payment-method-info {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.5;
  position: absolute;
  bottom: 22px;
  left: 20px;
}
.linked-cards-block .payment-methods .payment-method-footer {
  text-align: right;
  position: absolute;
  bottom: 25px;
  right: 30px;
  width: 100%;
}
.linked-cards-block .payment-methods .payment-method-footer .payment-method-link {
  background-color: #f75a01;
  color: #fff;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  line-height: 40px;
  text-transform: uppercase;
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  border-radius: 4px;
}
.linked-cards-block .payment-methods .payment-method:first-child {
  background: white url("../../img/payments/bg-visa.png") no-repeat;
  background-size: cover;
}
.linked-cards-block .payment-methods .payment-method:nth-child(2) {
  background: white url("../../img/payments/bg-pp.png") no-repeat;
  background-size: cover;
}
.linked-cards-block .payment-methods .payment-method:nth-child(3) {
  background: white url("../../img/payments/bg-skrill-1.png") no-repeat;
  background-size: cover;
}

.points-balance-page .control-label {
  color: #999;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .control-label {
    margin-top: 0 !important;
  }
}
.points-balance-page .select-menu__label {
  color: #fff;
}
.points-balance-page .ui-selectmenu-text {
  color: #fff;
}

.holdbacks-page .datepicker-group input:first-child {
  position: relative;
}
.holdbacks-page .datepicker-group input:first-child:before {
  display: block;
  position: absolute;
  top: -15px;
  right: 0;
  color: #555555;
  content: "Date from";
  text-transform: uppercase;
  font-size: 12px;
}

.add-funds,
.send-money {
  padding-top: 30px;
  padding-bottom: 30px;
}
.add-funds-form-container,
.send-money-form-container {
  padding-top: 50px;
}
.add-funds .field-sendmoneyform-note,
.send-money .field-sendmoneyform-note {
  margin-top: 28px;
}
.add-funds .upload-form__btn,
.add-funds .send-money-form__btn,
.send-money .upload-form__btn,
.send-money .send-money-form__btn {
  padding: 20px 10px;
}
.add-funds .upload-form__btn.btn-default,
.add-funds .send-money-form__btn.btn-default,
.send-money .upload-form__btn.btn-default,
.send-money .send-money-form__btn.btn-default {
  color: #fff;
  background: transparent;
  margin-right: 40px;
}
.add-funds .upload-form__btn.button-accent,
.add-funds .send-money-form__btn.button-accent,
.send-money .upload-form__btn.button-accent,
.send-money .send-money-form__btn.button-accent {
  text-align: center;
  width: 100%;
  max-width: 255px;
}

.form-group-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.form-group-container .commission {
  color: #8e8e8e;
  position: absolute;
  left: 0;
  bottom: 0;
}
.form-group-container .form-group:first-child {
  width: calc(100% - 200px);
}
.form-group-container .form-group:first-child input {
  text-align: right;
}
.form-group-container .form-group:nth-child(2) {
  width: 188px;
  position: relative;
  text-align: center;
}
.form-group-container .form-group:nth-child(2) label {
  position: relative;
  width: 100%;
  height: 14px;
}
.form-group-container .form-group:nth-child(2) .available {
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
}
.form-group-container--half .form-group:first-child {
  padding-right: 5px;
  width: 50%;
}
.form-group-container--half .form-group:first-child input {
  text-align: left;
}
.form-group-container--half .form-group:nth-child(2) {
  padding-left: 5px;
  width: 50%;
}
.form-group-container--half .form-group:nth-child(2) label {
  width: auto;
  height: auto;
}
.form-group-container--half .form-group:nth-child(2) .available {
  position: static;
}
.form-group-container.country-with-phone .form-group:first-child {
  width: 30%;
}
.form-group-container.country-with-phone .form-group:first-child .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  border-color: transparent;
}
.form-group-container.country-with-phone .form-group:first-child input {
  text-align: left;
}
.form-group-container.country-with-phone .form-group:nth-child(2) {
  width: 70%;
}
.form-group-container.country-with-phone .form-group:nth-child(2) input {
  border-color: transparent;
}
.form-group-container.country-with-phone .form-group:nth-child(2) label {
  width: auto;
  height: auto;
}
.form-group-container.country-with-phone .form-group:nth-child(2) .available {
  position: static;
}

@media only screen and (max-width: 767px) {
  .points-balance-page .section__top-bar {
    margin-bottom: 0;
  }
}
.points-balance-page .section__top-bar .section-title {
  margin-bottom: 0px;
  margin-top: 10px;
  font-weight: 900;
}
.points-balance-page .section__top-bar .section-title .step-info-i {
  display: block;
}
.points-balance-page .bold {
  font-weight: 900 !important;
}
.points-balance-page .bonus_top_img {
  width: 65px;
  height: 65px;
}
.points-balance-page .section-title {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .section-title {
    margin-bottom: 15px;
  }
}
.points-balance-page .bonus-block-text {
  max-width: 655px;
  margin: 0 auto;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 150%;
  margin-top: 35px;
  margin-bottom: 50px;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .bonus-block-text {
    font-size: 18px;
    line-height: 1.3333333333px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.points-balance-page .bonus-block {
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .bonus-block {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.points-balance-page .bonus-block .bonus-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 80px;
  line-height: 150%;
  color: #f75a01;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .bonus-block .bonus-title {
    font-size: 60px;
    line-height: 1px;
  }
}
.points-balance-page .bonus-block .bonus-preview {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  max-width: 425px;
  margin: 0 auto;
}
.points-balance-page .bonuse_white_block {
  background-color: #ffffff;
  min-width: 250px;
  min-height: 220px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .bonuse_white_block {
    min-width: auto;
    min-height: auto;
    width: calc(100% - 15px);
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 10px 0;
  }
}
.points-balance-page .bonuse_white_block img {
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .bonuse_white_block img {
    margin-bottom: 10px;
  }
}
.points-balance-page .bonuse_white_block span {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.15;
  max-width: 160px;
  text-align: center;
}
.points-balance-page .earn_bonus {
  width: 100px;
  height: 100px;
}
.points-balance-page .points-balance-block {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .points-balance-block {
    padding-bottom: 0;
  }
}
.points-balance-page .points-balance-block .points-balance-info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  border: 1px solid #f75a01;
  height: 140px;
  box-sizing: border-box;
  border-radius: 4px;
}
@media only screen and (max-width: 992px) {
  .points-balance-page .points-balance-block .points-balance-info {
    height: 100%;
    flex-direction: column;
    padding: 15px;
    text-align: center;
  }
}
.points-balance-page .points-balance-block .points-balance-info .point-count {
  color: #fff;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
.points-balance-page .points-balance-block .points-balance-info .point-count span {
  font-size: 48px;
  display: inline-block;
  margin-right: 10px;
}
.points-balance-page .points-balance-block .points-balance-info .course {
  color: #565555;
  font-family: "Helvetica", "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-top: 15px;
}
.points-balance-page .points-balance-block .points-balance-info .info {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.5px;
  margin: 24px 0;
  max-width: 350px;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .points-balance-block .points-balance-info .info {
    margin: 10px 0;
  }
}
.points-balance-page .points-balance-block .points-balance-info .buttons {
  display: flex;
  flex-direction: column;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .button {
  margin: 10px 0 0;
  min-width: 200px;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .button.button--neutral {
  margin-left: -15px;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer {
  padding: 0;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer input {
  max-width: 250px;
  height: 45px;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer .button--neutral {
  margin-left: 0;
  padding: 15px 0;
}
.points-balance-page .points-balance-block .points-balance-info .buttons .button--positive:hover {
  color: #fff;
}
.points-balance-page .points-balance-block .points-balance-info .form-control.input-lg {
  max-width: 225px;
  color: #000;
  border-color: #f75a01;
  text-align: center;
}
.points-balance-page .points-balance-block .points-balance-description {
  padding-left: 40px;
}
.points-balance-page .points-balance-block .points-balance-description .bonuses-block-title {
  display: block !important;
}
.points-balance-page .points-balance-block .points-balance-description .bonuses-block-title h4 {
  text-align: center;
  margin: 20px 0 40px;
}
.points-balance-page .points-balance-block .points-balance-description .title {
  color: #fff;
  font-family: "Helvetica", "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 54px;
}
.points-balance-page .points-balance-block .points-balance-description .accrued-items {
  width: 100%;
}
.points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin-bottom: 30px;
  width: 49%;
}
.points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item .accrued-item-img-wrap {
  width: 100px;
  height: 100px;
}
.points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item-img {
  overflow: hidden;
  margin-bottom: 18px;
  width: 100%;
  height: auto;
}
.points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item-title {
  color: #fff;
  font-family: "Helvetica", "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.5px;
  margin-top: 20px;
}
.points-balance-page .points-balance-block .points-balance-description .section__top-bar {
  border: none;
}
.points-balance-page .faq-block {
  padding-bottom: 100px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .points-balance-page .faq-block {
    padding-bottom: 0;
  }
}
.points-balance-page .faq-block .faq-title {
  color: #fff;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.points-balance-page .faq-block .faq-preview {
  color: #fff;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.5px;
  overflow: hidden;
  height: 86px;
}
.points-balance-page .faq-block.faq-block-text {
  padding-bottom: 35px;
}
.points-balance-page .faq-block.faq-block-text .faq-preview {
  height: auto;
  padding-left: 15px;
}
.points-balance-page .faq-block.faq-block-text-1 {
  padding-bottom: 100px;
}
.points-balance-page .faq-block-1 .faq-title {
  font-size: 48px;
  line-height: 48px;
  color: #f75a01;
  font-family: "Roboto-Bold", sans-serif;
  text-align: center;
}
.points-balance-page .faq-block-1 .faq-preview {
  text-align: center;
}

.add-funds {
  padding-top: 30px;
}
.add-funds .ui-selectmenu-button span.ui-icon {
  right: 30px;
}
.add-funds .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow.arrow-down {
  right: 15px;
}
.add-funds .step {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-funds .step-count {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-family: "Roboto-Light", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
}
.add-funds .step-info {
  padding-left: 15px;
  width: 100%;
  display: inline-block;
}
.add-funds .step-info-title {
  color: #fff;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
}
.add-funds .step-info-descr {
  color: #8e8e8e;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}
.add-funds .step-info-descr .green {
  color: #f75a01;
  text-transform: uppercase;
  width: 100%;
  height: auto;
  background: none;
  display: inline;
}
.add-funds .step-info-descr p {
  margin-top: 10px;
}
.add-funds .redeem-form-container,
.add-funds .upload-form-container {
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .add-funds .redeem-form-container,
  .add-funds .upload-form-container {
    padding-bottom: 20px;
  }
}
.add-funds .redeem-form-container .redeem-form,
.add-funds .redeem-form-container .upload-form,
.add-funds .upload-form-container .redeem-form,
.add-funds .upload-form-container .upload-form {
  padding: 10px 0;
}
@media only screen and (max-width: 767px) {
  .add-funds .redeem-form-container .redeem-form,
  .add-funds .redeem-form-container .upload-form,
  .add-funds .upload-form-container .redeem-form,
  .add-funds .upload-form-container .upload-form {
    padding: 0;
  }
}
.add-funds .redeem-form-container .redeem-form__btn,
.add-funds .redeem-form-container .upload-form__btn,
.add-funds .upload-form-container .redeem-form__btn,
.add-funds .upload-form-container .upload-form__btn {
  margin-top: 0;
}

.field-redeem-serial-number {
  margin-top: 10px;
  margin-bottom: 25px;
}

.redeem-modal .redeem-modal-button {
  display: block;
  margin: 0 auto;
}

.account-alert .button-block .button.continue,
.account-alert .button-block .button.cancel {
  color: #fff !important;
}

.withdrawals-page {
  padding: 0px 15px;
}
.withdrawals-page .tab-content {
  padding: 0px !important;
}
.withdrawals-page .radiobox-group {
  padding-top: 0;
  padding-bottom: 0;
}
.withdrawals-page .radiobox-group .title {
  margin-top: 20px;
  text-transform: uppercase;
}
.withdrawals-page .radiobox-group .title .informer-widget {
  width: auto;
  margin-top: 0;
  height: 16px;
  position: relative;
}
.withdrawals-page .radiobox-group .title .informer-widget .step-info-i {
  position: absolute;
  top: -2px;
}
.withdrawals-page .radiobox-group .radiobox-body {
  margin-top: 10px;
}
.withdrawals-page .radiobox-group .radiobox-body .radio {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  min-width: 19.5%;
}
@media only screen and (max-width: 450px) {
  .withdrawals-page .radiobox-group .radiobox-body .radio {
    width: 100%;
  }
}
.withdrawals-page .radiobox-group .radiobox-body .radio label {
  padding-left: 25px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.withdrawals-page .radiobox-group .radiobox-body .radio input[type=radio] {
  display: none;
}
.withdrawals-page .radiobox-group .radiobox-body .radio input[type=radio] + span {
  background: url("../../img/icons/radio-unchecked.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  height: 18px;
  top: 7px;
  left: 0;
  position: absolute;
}
.withdrawals-page .radiobox-group .radiobox-body .radio input[type=radio]:checked + span {
  background: url("../../img/icons/radio-checked.svg") 0 0 no-repeat;
}
.withdrawals-page .payment-method .payment-method-tab-panels {
  padding: 50px 0;
}
.withdrawals-page .payment-method .payment-method-tab-panels .payment-method-tab-panel {
  display: none;
}
.withdrawals-page .payment-method .payment-method-tab-panels .payment-method-tab-panel.active {
  display: block;
}
.withdrawals-page .payment-method .payment-method-tab-panels .select-wrap {
  flex-grow: 1;
}
.withdrawals-page .form .add-account {
  width: 85px;
  border-radius: 4px;
  color: #00b341;
  font-weight: bold;
  font-size: 32px;
  transition: 0.3s;
}
.withdrawals-page .form .add-account:hover {
  background-color: #cbefd8;
  font-size: 36px;
}
.withdrawals-page .form .remove-account {
  border-radius: 4px;
}
.withdrawals-page .form .remove-account .delete-icon {
  text-align: center;
  width: 16px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
}
.withdrawals-page .form .remove-account .delete-icon:after {
  display: inline-block;
  content: "";
  color: #ff9f00;
  font-size: 18px;
  opacity: 0.8;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -o-mask-image: url("../../img/icons/trash_new.svg");
  -moz-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  background-color: #000;
  width: 18px;
  height: 20px;
  position: relative;
  top: -6px;
}
.withdrawals-page .form .remove-account:hover {
  background-color: #f8ddcb;
}
.withdrawals-page .form .remove-account:hover .delete-icon:after {
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -o-mask-image: url("../../img/icons/trash_new_hover.png");
  -moz-mask-image: url("../../img/icons/trash_new_hover.png");
  background-color: #f75a01;
  height: 26px;
  top: -4px;
}
.withdrawals-page .form .received-amount__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.withdrawals-page .form .green {
  color: #f75a01;
  font-size: 20px;
  text-transform: uppercase;
}
.withdrawals-page .form .notification {
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.withdrawals-page .form .notification .minimum-withdraw {
  color: #ff9c00;
}
.withdrawals-page .form .max-amount {
  color: #f75a01;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 30px;
  float: right;
}
.withdrawals-page .form .form-group-container .form-group:nth-child(2) .available {
  left: 0;
}
.withdrawals-page .ui-kit__row {
  margin: 50px 0;
}

@media only screen and (max-width: 767px) {
  .wallet-info__wrap {
    margin-top: 15px;
  }
}
.wallet-info__title {
  font-family: Avenir-Next;
  font-size: 16px;
  font-weight: 600;
}
.wallet-info__val {
  display: flex;
  justify-content: flex-start;
  width: 40%;
  font-size: 14px;
}
.wallet-info__val.js-eye-block {
  display: none;
  margin-bottom: 10px;
}
.wallet-info__val.js-eye-block.visible {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wallet-info__val {
    width: 100%;
  }
}
.wallet-info__val .widget-copy .informer {
  top: -5px;
  width: auto;
  left: auto;
}
.wallet-info__val div {
  font-size: 14px;
}
.wallet-info__val span {
  font-size: 14px;
}
.wallet-info__show-btn {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.withdraw-money-form .form-group-container .form-group.add-payout-account {
  text-align: left;
}
.withdraw-money-form .form-group-container .form-group.add-payout-account .control-label {
  padding-left: 12px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .withdraw-money-form .form-group-container .form-group.add-payout-account .control-label {
    padding-left: 0;
    margin-left: 0;
  }
}
.withdraw-money-form .form-group-container .form-group.add-payout-account:nth-child(2) .control-label {
  padding-left: 15px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .withdraw-money-form .form-group-container .form-group.add-payout-account:nth-child(2) .control-label {
    padding-left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .withdraw-money-form .form-group-container .form-group.add-payout-account .add-account {
    margin-left: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .withdraw-money-form .form-group-container .form-group.add-payout-account .remove-account {
    margin-left: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .linked-cards-block .payment-methods .payment-method {
    min-height: 230px;
  }
  .linked-cards-block .payment-methods .payment-method-title {
    font-size: 18px;
  }
  .linked-cards-block .payment-methods .payment-method-head img {
    max-width: 75px;
    max-height: 21px;
  }
  .points-balance-page .points-balance-block .points-balance-info .point-count span {
    font-size: 40px;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .button {
    margin-bottom: 0;
  }
  .points-balance-page .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 992px) {
  .transactions-page .select-wrap.black {
    margin-top: 10px;
  }
  .linked-cards-block .payment-methods {
    flex-flow: column;
  }
  .linked-cards-block .payment-methods .payment-method {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .linked-cards-block .payment-methods .payment-method:nth-child(3n) {
    margin: 0 auto;
  }
  .points-balance-page .points-balance-block .points-balance-description {
    padding-left: 15px;
  }
  .points-balance-page .points-balance-block .points-balance-description .section__top-bar {
    border-bottom: 1px solid #d9d9d9;
    padding-top: 20px;
  }
  .points-balance-page .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 12px;
    padding-left: 10px;
  }
  .form-control.input-lg {
    font-size: 14px !important;
  }
  .form-control.input-lg.datepicker-range {
    padding-left: 40px !important;
  }
  .ico-arrow {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .transactions-page .save-table,
  .holdbacks-page .save-table,
  .offer-page .save-table {
    position: static;
    text-align: left;
    align-items: flex-start;
    padding: 0 15px;
  }
  .linked-cards-block .payment-methods .payment-method {
    min-height: 190px;
    padding: 20px;
  }
  .linked-cards-block .payment-methods .payment-method-title {
    font-size: 16px;
  }
  .linked-cards-block .payment-methods .payment-method-info {
    bottom: 75px;
  }
  .linked-cards-block .payment-methods .payment-method-head {
    margin-bottom: 0;
  }
  .linked-cards-block .payment-methods .payment-method-head img {
    max-width: 55px;
  }
  .linked-cards-block .payment-methods .payment-method-footer {
    bottom: 15px;
    text-align: center;
    right: 0;
  }
  .linked-cards-block .payment-methods .payment-method-footer .payment-method-link {
    font-size: 14px;
    max-width: 215px;
    height: 55px;
    line-height: 55px;
  }
  .points-balance-page,
  .holdbacks-page {
    padding: 0px 15px;
  }
  .points-balance-page .points-balance-block .points-balance-info .point-count span {
    font-size: 40px;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .button {
    margin-bottom: 0;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .button.button--positive:hover {
    color: #fff;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer {
    padding: 0;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer input {
    max-width: 225px;
  }
  .points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item .accrued-item-img-wrap {
    width: 100px;
    height: 100px;
  }
  .points-balance-page .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 12px;
  }
  .table-responsive {
    border: none;
  }
  .transactions-page,
  .holdbacks-page,
  .offer-page {
    position: relative;
  }
  .transactions-page .btn-filters,
  .holdbacks-page .btn-filters,
  .offer-page .btn-filters {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 15px;
    top: 135px;
    background: url("../../img/icons/filter-white.svg") no-repeat;
    z-index: 100;
  }
  .transactions-page .save-table,
  .holdbacks-page .save-table,
  .offer-page .save-table {
    margin-top: 15px;
    top: 30px;
    right: 15px;
  }
}
.select-date {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
}
.select-date__from {
  margin-top: 30px;
}
.select-date input {
  padding: 20px;
}
.select-date label {
  padding-left: 20px;
}

.select-until {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
}
.select-until input {
  padding: 20px;
}

.select-data {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
}
.select-data input {
  padding: 20px;
}
.select-data .transactions-page .save-table {
  top: 30px;
}
.select-data .linked-cards-block {
  padding: 0 15px;
}

@media only screen and (max-width: 680px) {
  .linked-cards-block .payment-methods .payment-method-title {
    letter-spacing: normal;
  }
  .holdbacks-page .btn-filters,
  .points-balance-page .btn-filters {
    top: 85px;
  }
  .points-balance-page .btn-filters {
    background: url(../../img/icons/filter-white.svg) no-repeat;
  }
  .withdrawals-page {
    padding: 15px 15px 30px;
  }
  .withdrawals-page .eye-block {
    position: relative;
    width: 385px;
    font-size: 18px;
    line-height: 20px;
    color: #f7f7f7;
    margin-bottom: 20px;
  }
  .withdrawals-page .eye-block .all {
    display: none;
  }
  .withdrawals-page .eye-block .eye-icon {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    right: 10px;
    top: 0;
  }
  .withdrawals-page .eye-block .eye-icon:after {
    font: normal normal normal 18px/1 "Font Awesome 5 Free";
    content: "\f06e";
    display: inline-block;
  }
  .withdrawals-page .eye-block.active .eye-icon:after {
    content: "\f070";
  }
  .withdrawals-page .payment-method .payment-method-tab-panels {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .points-balance-page .faq-block .faq-preview {
    height: auto;
  }
  .form-group-container .form-group:nth-child(2) label {
    height: 12px;
  }
  .points-balance-page .faq-block.faq-block-text-1 {
    padding-bottom: 20px;
  }
  .points-balance-page .faq-block .faq-title {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 620px) {
  .points-balance-page,
  .holdbacks-page {
    padding: 0px 15px 30px;
  }
  .linked-cards-block {
    padding: 0 15px;
  }
  .linked-cards-block .payment-methods .payment-method {
    width: 100%;
    display: block;
    float: none;
    max-width: 300px;
    min-height: 170px;
    padding: 15px;
    margin: 0 auto 20px;
  }
  .linked-cards-block .payment-methods .payment-method:nth-child(2n) {
    margin: 0 auto 20px;
  }
  .linked-cards-block .payment-methods .payment-method-title {
    font-size: 14px;
    letter-spacing: normal;
  }
  .linked-cards-block .payment-methods .payment-method-info {
    font-size: 12px;
  }
  .linked-cards-block .payment-methods .payment-method-head {
    margin-bottom: 0;
  }
  .linked-cards-block .payment-methods .payment-method-head img {
    max-width: 48px;
    max-height: 23px;
  }
  .linked-cards-block .payment-methods .payment-method-footer {
    bottom: 15px;
  }
  .linked-cards-block .payment-methods .payment-method-footer .payment-method-link {
    font-size: 12px;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
  }
  .points-balance-page .points-balance-block .points-balance-description {
    padding-left: 15px;
  }
  .points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item {
    width: 49%;
  }
  .points-balance-page .points-balance-block .points-balance-description .accrued-items .accrued-item .accrued-item-img-wrap {
    width: 40px;
    height: 40px;
  }
  .points-balance-page .points-balance-block .points-balance-info .point-count span {
    font-size: 24px;
  }
  .points-balance-page .points-balance-block .points-balance-info .info {
    max-width: none;
  }
  .points-balance-page .faq-block .faq-preview {
    font-size: 13px;
  }
  .holdbacks-page .section__top-bar,
  .transactions-page .section__top-bar {
    margin-bottom: 20px;
  }
  .table-responsive {
    border: none;
  }
  .add-funds {
    padding-bottom: 10px;
    padding-top: 0;
  }
  .add-funds .step-info-title {
    font-size: 16px;
  }
  .add-funds .upload-form__btn {
    padding: 15px 0;
  }
  .add-funds .upload-form__btn.button-accent {
    max-width: none;
  }
}
@media only screen and (max-width: 990px) and (min-width: 620px) {
  .points-balance-page .points-balance-block .points-balance-info {
    position: relative;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons {
    position: absolute;
    right: 15px;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .button {
    padding: 20px;
  }
}
@media only screen and (max-width: 592px) {
  .holdbacks-page .btn-filters {
    top: 75px;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer {
    padding: 0;
  }
  .points-balance-page .points-balance-block .points-balance-info .buttons .btn-transfer input {
    max-width: 100%;
    margin: 10px 0 0;
  }
  .points-balance-page .btn-filters {
    top: 70px;
  }
}
@media only screen and (max-width: 450px) {
  .dashboard-page .user-info__socials {
    margin-left: -77px;
  }
  .dashboard-page .user-info__website {
    margin-left: -77px;
  }
  .dashboard-page .user-info__text {
    margin-left: -77px;
  }
}
.create-account .back {
  background-size: contain;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  margin-top: 10px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  color: #ffffff;
  mix-blend-mode: normal;
  opacity: 0.9;
  margin-bottom: 0;
  font-family: Roboto-Regular;
}
.create-account .back:hover, .create-account .back:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  color: #fff;
}

.create-account div.radio {
  display: inline-block;
  margin-right: 10px;
}

.create-account div.radio input {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

#requestpayoutform-payout_account_id {
  display: none !important;
}

.payout_background {
  padding: 25px 25px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 767px) {
  .payout_background {
    padding: 20px 20px;
  }
}
.payout_background .fake-select,
.payout_background input,
.payout_background .add-account,
.payout_background .remove-account,
.payout_background textarea {
  border: 1px solid #808080 !important;
  border-radius: 4px;
}
.payout_background .field-requestpayoutform-payout_account_id label {
  padding-left: 22px;
}
.payout_background .field-requestpayoutform-payout_account_id label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../img/icons/user_black.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout_background .field-requestpayoutform-amount label {
  padding-left: 22px;
}
.payout_background .field-requestpayoutform-amount label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../img/icons/wallet_ico.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}

.payout_background_head {
  width: 300px;
  min-height: 80px;
  margin: 0 auto;
  margin-bottom: 15px;
  padding-top: 80px;
  background-image: url("../../img/pages/payout_maney.png");
  background-position: center top;
  background-size: 55px 55px;
  background-repeat: no-repeat;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .payout_background_head {
    margin-bottom: 5px;
    padding-top: 65px;
  }
}
.payout_background_head .awailabl_balance {
  color: #e4530d;
  font-size: 18px;
}
.payout_background_head .control-label {
  text-align: left;
}

.trash-red-ico {
  height: 22px;
  width: 22px;
  background-image: url("../../img/icons/trash_red.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.received-amount-cash {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  justify-content: space-between;
}
.received-amount-cash .amount,
.received-amount-cash .currency {
  color: #e4530d;
}
.received-amount-cash .received-amount__text:not(:last-child) {
  margin-right: 15px;
}

.payout_background .form-group {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .payout_background .form-group {
    margin-bottom: 0;
    width: 100% !important;
  }
  .payout_background .form-group.received-amount-cash {
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 100%;
    margin: 15px 0;
  }
  .payout_background .form-group.received-amount-cash .received-amount__text {
    width: 100%;
    display: flex;
    align-items: center;
    text-transform: initial;
  }
  .payout_background .form-group.received-amount-cash .received-amount__text .amount {
    margin-left: auto;
  }
  .payout_background .form-group.received-amount-cash .received-amount-total {
    margin-top: 5px;
  }
}
.payout_background .form button[type=submit] {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .payout_background .form button[type=submit] {
    margin-bottom: 0;
    max-width: unset !important;
  }
}
.payout_background #requestpayoutform-note {
  min-width: 90px;
  height: 100%;
}
.payout_background .form-group:nth-child(2) label {
  text-align: left;
  padding-left: 3px;
}
.payout_background .minimum-withdraw {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: #808080 !important;
  padding-left: 48px;
  position: relative;
  text-align: left;
}
.payout_background .minimum-withdraw::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../../img/icons/info_ico.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 35%;
}
@media only screen and (max-width: 767px) {
  .payout_background .minimum-withdraw::before {
    top: 0;
  }
}
.payout_background .minimum-withdraw__text {
  vertical-align: super;
}
.payout_background .minimum-withdraw__img img {
  width: 25px;
}
.payout_background .informer_withdraw {
  border-top: 1px solid #d6d6d6;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  margin-top: 15px;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .payout_background .informer_withdraw {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.width-50-per {
  background-color: #ffffff;
  color: #000;
}
.width-50-per span {
  position: relative;
  display: inline-block;
}
.width-50-per span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -27px;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #000;
}
.width-50-per #width-50-per-a1:hover {
  background-color: #ffffff !important;
  color: #f75a01 !important;
}
.width-50-per #width-50-per-a1:hover span::before {
  background-color: #f75a01 !important;
}
.width-50-per #width-50-per-a2:hover {
  background-color: #ffffff !important;
  color: #f75a01 !important;
}
.width-50-per #width-50-per-a2:hover span::before {
  background-color: #f75a01 !important;
}
.width-50-per:first-child {
  border-radius: 4px 0px 0px 4px !important;
}
.width-50-per:first-child span::before {
  -webkit-mask-image: url("../../img/icons/pending.svg");
}
.width-50-per:last-child {
  border-radius: 0px 4px 4px 0px !important;
}
.width-50-per:last-child span::before {
  -webkit-mask-image: url("../../img/icons/completed.svg");
}

.active #width-50-per-a1,
.active #width-50-per-a2 {
  background-color: #ffe3d2 !important;
  border: 1px solid #ffe3d2;
  border-radius: 4px;
  color: #000 !important;
}
.active #width-50-per-a1:hover {
  background-color: #ffe3d2 !important;
  border: 1px solid #ffe3d2;
  border-radius: 4px;
  color: #000 !important;
}
.active #width-50-per-a1:hover span::before {
  background-color: #000 !important;
}
.active #width-50-per-a2:hover {
  background-color: #ffe3d2 !important;
  border: 1px solid #ffe3d2;
  border-radius: 4px;
  color: #000 !important;
}
.active #width-50-per-a2:hover span::before {
  background-color: #000 !important;
}

.payout-create-acc {
  background-color: #fff;
  padding: 30px 50px 15px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.payout-create-acc .control-label {
  position: relative;
  padding-left: 22px;
}
.payout-create-acc .field-payoutaccount-name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/account/money-black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutwebmoneyform-holder_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/user_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutemailform-email .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/email_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutwebmoneyform-account_id .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/tabs/publick_profile.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutaccountidform-account_id .control-label::before,
.payout-create-acc .field-payoutqiwiform-phone .control-label::before,
.payout-create-acc .field-payoutqiwicreditcardform-phone .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/tabs/publick_profile.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutwebmoneyform-country .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/country-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .payoutpaydoform-email .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/email_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutcreditcardform-card_number .control-label::before, .payout-create-acc .field-payoutqiwicreditcardform-card_number .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/wallet_ico.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutcreditcardform-cardholder_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/notifications_ico/account.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutcreditcardform-address .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/tabs/publick_profile.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutcreditcardform-city .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/country-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutcreditcardform-zip_code .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/notifications_ico/email.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutpaydoform-email .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/email_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-account_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/notifications_ico/account.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-first_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/user_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-last_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/user_black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-bank_name .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/documents/bank.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-account_number .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/wallet_ico.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-swift .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/wallet_ico.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-address .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/tabs/publick_profile.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-city .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/country-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-country .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/country-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc .field-payoutbankform-zip_code .control-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../img/icons/notifications_ico/email.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
.payout-create-acc input,
.payout-create-acc .fake-select {
  border: 1px solid #808080 !important;
  border-radius: 4px;
}
.payout-create-acc .informer-withdraw {
  margin: 10px auto;
  color: #808080;
  width: 100%;
  text-align: center;
}
.payout-create-acc .informer-withdraw::after {
  display: none;
}
.payout-create-acc .payout_add_acc_title--wrap {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.payout-create-acc .payout_add_acc_title--wrap .step-info-i {
  margin-top: 0px !important;
}
.payout-create-acc .payout_add_acc_title {
  margin: 0 5px;
  text-align: center;
  display: block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 15px;
}
.payout-create-acc .back {
  color: #808080 !important;
  background: transparent !important;
  font-size: 36px;
  position: absolute;
  top: 20px;
  right: 40px;
}
.payout-create-acc .back:hover {
  color: #000 !important;
  background: transparent !important;
}
.payout-create-acc button[type=submit] {
  margin-top: 10px !important;
}

.payout-table .payment_system {
  display: flex;
  align-items: center;
}

.field-payoutbankform-country .select-wrap select {
  border: 1px solid #808080;
  border-radius: 4px;
  background: #fff !important;
}

.to-up-img {
  width: 226px;
  height: 224px;
}
@media only screen and (max-width: 767px) {
  .to-up-img {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .payout_background .withdraw-money-form .form-group-container {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
  }
  .payout_background .withdraw-money-form .form-group-container .add-payout-account,
  .payout_background .withdraw-money-form .form-group-container .add-payout-account {
    width: 100%;
  }
  .payout_background .withdraw-money-form .form-group-container .add-payout-account a,
  .payout_background .withdraw-money-form .form-group-container .add-payout-account a {
    width: 100%;
  }
  .payout_background .field-requestpayoutform-note label {
    background-size: 25px 25px !important;
    padding-left: 30px !important;
  }
  .payout-create-acc {
    padding: 30px 15px !important;
  }
}
.field-discountmultilevel-item .step-info-i {
  display: block;
}

.ticket-page {
  padding: 0px 15px;
}
.ticket-page .info {
  color: #000;
  font-family: Roboto-Light, sans-serif;
  font-weight: 300;
  width: 180px;
  font-size: 12px;
  line-height: 20px;
  /* or 167% */
  text-align: center;
  letter-spacing: 0.0571991px;
  opacity: 0.7;
  mix-blend-mode: normal;
}
.ticket-page .ticket-page-img {
  margin-top: -45px;
}
@media only screen and (max-width: 1200px) {
  .ticket-page .ticket-page-img {
    margin-top: 0px;
  }
  .ticket-page .ticket-page-img img {
    margin: 0 auto !important;
  }
}
.ticket-page .tabs-tab__title {
  font-size: 16px;
}

.modal.black .ticket-page #ticket-description {
  height: 140px;
}

.referal-page {
  padding: 50px 15px;
}

.table-resolution-options {
  background: white;
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
}
.table-resolution-options .resolution-select {
  max-width: 420px;
  width: 100%;
}
.table-resolution-options .input-lg {
  width: 400px;
}

.ticket-creation-form .form-group input {
  border: 1px solid #d6d6d6 !important;
  transition: 0.2s;
}
.ticket-creation-form .form-group input:hover {
  border: 1px solid #808080 !important;
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.ticket-creation-form .wrap-file {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .ticket-creation-form .wrap-file {
    flex-direction: column;
    align-items: center;
  }
}
.ticket-creation-form .wrap-file .info {
  position: static;
}
@media only screen and (max-width: 767px) {
  .ticket-creation-form .wrap-file .info {
    text-align: center;
  }
}
.ticket-creation-form .wrap-file .info.info-title {
  position: static;
}

.ticket-creation-form,
.document-creation-form {
  max-width: 480px;
  margin: 5px auto 0;
}
.ticket-creation-form .form-group .control-label,
.document-creation-form .form-group .control-label {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0571991px;
  text-transform: none;
  color: #fff;
}
.ticket-creation-form .form-group.has-error .control-label,
.document-creation-form .form-group.has-error .control-label {
  color: #a94442;
}

.document-creation-form .upload-text,
.document-creation-form .add-img-button {
  color: #000 !important;
}

#offer-item-keys {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  height: 135px;
  padding: 0 0 10px;
  margin-top: -10px;
}
#offer-item-keys .input-row {
  width: 33%;
  float: left;
  padding: 10px 15px 0;
}
#offer-item-keys .input-row:last-child {
  padding: 10px 15px 10px;
}

.modal-content .checkbox-header {
  padding: 0 0 10px;
}
.modal-content .checkbox-header a {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #888888;
  display: inline-block;
  margin-right: 20px;
}
.modal-content .checkbox-header a.active.checked-all {
  color: #f75a01;
}

.item-keys-list .show-all {
  font-size: 14px;
  line-height: 26px;
  color: #f75a01;
}
.item-keys-list .item {
  padding: 10px 15px;
}
.item-keys-list .item .disc-key {
  float: left;
  margin-right: 10px;
}
.item-keys-list .item label {
  float: left;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
}
.item-keys-list .hide-item {
  display: none;
}

.ticket-creation-form > div,
.document-creation-form > div,
.verification-upload {
  margin-bottom: 5px;
  height: auto;
}
.ticket-creation-form > div .ticket-creation-label,
.document-creation-form > div .ticket-creation-label,
.verification-upload .ticket-creation-label {
  text-transform: uppercase;
}
.ticket-creation-form > div .button-transparent,
.document-creation-form > div .button-transparent,
.verification-upload .button-transparent {
  border: 1px solid #f75a01;
}
.ticket-creation-form > div .file-caption,
.document-creation-form > div .file-caption,
.verification-upload .file-caption {
  display: none;
}
.ticket-creation-form > div .add-file,
.document-creation-form > div .add-file,
.verification-upload .add-file {
  border: 1px solid #b9b9b9;
  width: 150px;
  height: 55px;
  color: #f75a01;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Roboto-Black", sans-serif;
  text-transform: uppercase;
  position: relative;
}
.ticket-creation-form > div .add-file .icon-paper-clip,
.document-creation-form > div .add-file .icon-paper-clip,
.verification-upload .add-file .icon-paper-clip {
  position: absolute;
  top: 13px;
  left: 13px;
}
.ticket-creation-form > div .icon-paper-clip,
.document-creation-form > div .icon-paper-clip,
.verification-upload .icon-paper-clip {
  font-size: 25px;
}
.ticket-creation-form > div .btn-file,
.document-creation-form > div .btn-file,
.verification-upload .btn-file {
  width: 150px;
  height: 45px;
}
.ticket-creation-form > div .btn-file:hover,
.document-creation-form > div .btn-file:hover,
.verification-upload .btn-file:hover {
  background: transparent !important;
  background-color: transparent !important;
}
.ticket-creation-form > div .file-input-new,
.document-creation-form > div .file-input-new,
.verification-upload .file-input-new {
  position: absolute;
  z-index: 10000;
  opacity: 0;
}
.ticket-creation-form > div .ticket-creation-label,
.document-creation-form > div .ticket-creation-label,
.verification-upload .ticket-creation-label {
  margin-bottom: 10px;
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0571991px;
  text-transform: none;
  color: #fff;
}

.add-attachment {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0571991px;
  margin: 0 !important;
  color: #000;
}

.ticket-textarea-container textarea {
  height: 80px !important;
}

.ticket-big-btn {
  width: 230px;
  height: 55px;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border: none;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 4px !important;
  font-weight: bold;
}
.ticket-big-btn:focus {
  color: #ffffff;
  background: #ff843f;
}
.ticket-big-btn:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%);
}

.verification-tabs {
  position: relative;
  min-height: 57px;
}

.ticket-big-btn__absolute-li {
  position: absolute !important;
  right: 0;
}

.ticket-add-group-btn {
  margin-top: 20px;
}

.new-ticket-bar {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 33px;
}

.update-coupon-bar {
  max-width: 480px;
  margin: 40px auto 0;
}

.red-star {
  color: #d80027;
  margin-left: 2px;
}

.select-wrap__input-helper {
  font-family: "Roboto-Light", sans-serif;
  font-size: 10px;
  padding-top: 5px;
}

.fa-paperclip {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .ticket-view {
    padding-top: 20px;
  }
}
.ticket-view__details {
  min-height: 80vh;
  padding-top: 0;
  padding-bottom: 60px;
}
.ticket-view .section-title {
  margin-top: 0px !important;
  margin-bottom: 25px !important;
  text-transform: capitalize;
}
.ticket-view.page-wrap {
  padding: 0px;
}
.ticket-view .button {
  display: inline-block;
}
.ticket-view .button--neutral:hover {
  background: transparent;
  color: #fff;
}
.ticket-view .file-area .file {
  background: none;
  border-radius: 13px;
  font: 16px/25px "Roboto-Regular", sans-serif;
  position: relative;
  display: inline-block;
  padding-right: 25px;
  padding-left: 5px;
  padding-top: 15px;
}
.ticket-view .file-area .file .attached-doc:before {
  display: inline-block;
  content: "\f0c6";
  font-family: "Font Awesome 5 Free";
}
.ticket-view .file-area .file .attached-doc {
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.ticket-view .file-area .file .file-remove:before {
  display: inline-block;
  content: "×";
}
.ticket-view .file-area .file .file-remove {
  background-size: 12px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 10;
  line-height: 13px;
}
.ticket-view h3 {
  color: #fff;
}
.ticket-view .details {
  background: #13192a;
  padding: 0px;
  line-height: 2;
  border-radius: 4px;
  font-size: 12px;
  max-width: 350px;
  min-height: 200px;
}
.ticket-view .details-items {
  padding: 15px 25px;
  position: relative;
}
.ticket-view .details-items.ticket-desc a {
  color: #f75a01;
}
.ticket-view .details-items a {
  color: #000;
}
.ticket-view .details-items a:hover {
  color: #f75a01;
}
.ticket-view .details-items a.btn-open-chat {
  color: #fff;
}
.ticket-view .details-items a.btn-open-chat:hover {
  color: #fff;
}
.ticket-view .details-items p span {
  color: #fff;
  font-family: "Roboto-Bold", sans-serif;
}
.ticket-view .details-items h5 {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 12px;
  padding: 10px 0;
}
.ticket-view .details-items .details-items-title {
  color: #9b9b9b;
}
.ticket-view .details-items.details-id {
  padding: 15px 25px;
  font-size: 14px;
  position: relative;
}
.ticket-view .details-items.details-id:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #13192a;
}
.ticket-view .details-items.details-info {
  line-height: 2.5;
  position: relative;
}
.ticket-view .details-items.details-info:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #13192a;
}
.ticket-view .details-items.details-info .amount-on-hold {
  text-align: center;
  font-family: "Roboto-Black";
}
.ticket-view .details-items.details-info-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-view .details-items.details-info-btn:after {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #13192a;
}
.ticket-view .details-items.details-info-btn .btn {
  text-transform: uppercase;
  color: #fff;
  background-color: #808080;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.375px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.ticket-view .details-items.details-info-btn .btn__close-case {
  background-color: #f75a01;
}
.ticket-view .details-items.details-info-btn .btn__close-case:hover {
  background: #ff843f;
}
.ticket-view .details-items.details-info-btn .btn__close-case:focus {
  background: #ff843f;
}
.ticket-view .details-items.details-info-btn .btn__close-case.btn__close-ticket {
  justify-content: center;
}
.ticket-view .details-items.details-info-btn .btn:hover {
  cursor: pointer;
}
.ticket-view .details-items.details-info-btn-1 {
  justify-content: center;
}
.ticket-view .details-items.details-descr h5 {
  padding: 10px 0 15px;
}
.ticket-view .details-items.details-descr p {
  padding: 0 0 25px;
  overflow: hidden;
}
.ticket-view .details-items.details-descr .label-name {
  color: #fff;
  top: 7px;
  left: 95px;
}
.ticket-view .details-items.details-attachment {
  padding-bottom: 35px;
  margin-top: 10px;
  background: url(../img/icons/fail.svg) 0 28% no-repeat;
  width: 80%;
  height: 35px;
  line-height: 15px;
}
@media only screen and (max-width: 767px) {
  .ticket-view .details-items.details-attachment {
    width: 100%;
  }
}
.ticket-view .details-items.details-attachment a {
  padding-left: 10px;
  padding-right: 20px;
  margin-bottom: 10px;
  opacity: 0.5;
}
.ticket-view .details-items .btn-status_new {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  background: #f75a01;
}
.ticket-view .details-items .btn-status_assigned {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  background: #f75a01;
  color: #fff;
  border-radius: 5px;
  background: #f75a01;
}
.ticket-view .details-items .btn-status_in_progress {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  background: #f75a01;
  color: #fff;
  border-radius: 5px;
  background: #f75a01;
}
.ticket-view .details-items .btn-status_on_hold {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  background: #f75a01;
  color: #fff;
  border-radius: 5px;
  background: #f0ad4e;
}
.ticket-view .details-items .btn-status_closed {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  background: #f75a01;
  color: #fff;
  border-radius: 5px;
  background: #d9534f;
}
.ticket-view .details-items .btn-status_reopened {
  font-family: "Roboto-Regular", sans-serif;
  padding: 5px 10px;
  background: #f75a01;
  color: #fff;
  border-radius: 5px;
  background: #f0ad4e;
}
.ticket-view .details-inform {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.ticket-view .details.details-order {
  margin-bottom: 20px;
}
.ticket-view .details.details-order .details-items span.payment-status,
.ticket-view .details.details-order .details-items span.delivery-status {
  color: #fff;
  border-radius: 5px;
  padding: 5px;
}
.ticket-view .details.details-order .details-items .btn-order__pending {
  background-color: #eec23c;
  font-size: 11px !important;
}
.ticket-view .details.details-order .details-items .btn-order__success {
  background-color: #f75a01;
  font-size: 11px !important;
}
.ticket-view .details.details-order .details-items .btn-order__warning {
  background-color: #eec23c;
  font-size: 11px !important;
}
.ticket-view .details.details-order .details-items .btn-order__danger {
  background-color: #d9534f;
  font-size: 11px !important;
}
.ticket-view .details.details-order .details-items.details-info:after {
  height: 0;
}
.ticket-view .details.details-order .details-items.details-info.details-info-center {
  padding-top: 30px;
}
.ticket-view .details.details-order .details-items.details-info.details-info-center .flag,
.ticket-view .details.details-order .details-items.details-info.details-info-center .payment-method {
  float: left;
}
.ticket-view .details.details-order .details-items.details-info.details-info-center .flag {
  margin: 8px 10px 0 0;
  height: 12px;
}
.ticket-view .details.details-order .details-items.details-info.details-info-center .payment-method {
  margin: 5px 10px 0 0;
  height: 20px;
}
.ticket-view .details.details-order .details-items.details-total {
  font-size: 14px;
}
.ticket-view .details.details-order .details-items.details-total:before {
  content: "";
  position: absolute;
  bottom: 55px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #13192a;
}
.ticket-view .details.details-order .details-items.details-total .details-total-amount {
  font-family: "Roboto-Black";
}
.ticket-view .help-block {
  display: none;
  margin-left: 5px;
}
.ticket-view .id-title {
  background: #00b341;
  border-radius: 4px;
  padding: 8px 10px;
}
.ticket-view .ticket-form .control-label {
  visibility: hidden;
  margin-bottom: 0px !important;
}
.ticket-view #ticketmessage-body,
.ticket-view #disputemessage-body {
  margin: 0 !important;
  padding: 15px !important;
  width: 100%;
  min-height: 80px;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.ticket-view #ticketmessage-body:hover, .ticket-view #ticketmessage-body:focus,
.ticket-view #disputemessage-body:hover,
.ticket-view #disputemessage-body:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 20px !important;
  background-color: #fff !important;
  background: #fff !important;
}
.ticket-view .submit_chat_btn {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  top: auto;
  bottom: 20px;
  left: auto;
  right: 25px;
  margin: 0 !important;
}
.ticket-view .button.add-img-button.add-img-button-1 {
  left: auto;
  right: 55px !important;
  top: auto !important;
  bottom: 24px;
  padding: 0;
  margin: 0;
}
.ticket-view .section-title {
  font: 20px "Roboto", sans-serif;
}

.timeline .empty {
  color: #fff;
}
.timeline .timeline-item {
  position: relative;
  margin-bottom: 0px;
}
.timeline .timeline-item:last-child {
  margin-bottom: 10px;
}
.timeline .timeline-item.chat_user .timeline-body {
  background: #efefef !important;
}
.timeline .timeline-item.chat_user .timeline-body::before {
  display: none;
}
.timeline .timeline-item.chat_user .timeline-body::after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  right: -5px;
  top: 15px;
  z-index: 5;
  background-color: #efefef;
  border-radius: 50% 0px 50% 100%;
  transform: rotate(45deg);
}
.timeline .timeline-item .timeline-badge {
  position: absolute;
  top: 25px;
  left: 0;
  width: 30px;
  height: 30px;
}
.timeline .timeline-item .timeline-badge-userpic {
  width: 30px;
  height: 30px;
  border: 0;
}
.timeline .timeline-item .timeline-body {
  position: relative;
  border-radius: 10px;
  margin-left: 45px;
  padding: 10px;
  background: #ffffff !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 992px) {
  .timeline .timeline-item .timeline-body {
    max-width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .timeline .timeline-item .timeline-body {
    margin-left: 55px;
  }
}
.timeline .timeline-item .timeline-body::before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: -5px;
  top: 15px;
  z-index: 5;
  background-color: #fff;
  border-radius: 50% 100% 50% 0px;
  transform: rotate(45deg);
}
.timeline .timeline-item .timeline-body .font-grey-cascade {
  color: #333333 !important;
}
.timeline .timeline-item .timeline-body-arrow {
  border-width: 0;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.timeline .timeline-item .timeline-body:before {
  content: "";
  display: block;
}
.timeline .timeline-item .timeline-body-head {
  position: absolute;
  top: -30px;
  left: 0;
  color: #000;
}
.timeline .timeline-item .timeline-body-head-caption .timeline-body-title {
  font-weight: 400;
  font-size: 14px;
}
.timeline .timeline-item .timeline-body-content {
  margin-top: 0;
}
.timeline .timeline-item .timeline-body-content__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.timeline .timeline-item .timeline-body-content__wrap .timeline-body-time {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 11px;
  margin: 5px 0px 0;
  color: #000000;
  opacity: 0.6;
}

.ticket-form {
  display: none;
}

.ticket-form.ticket-form-1 {
  display: block;
  position: relative;
}
.ticket-form.ticket-form-1 .form .control-label {
  font: 20px "Roboto-Light", sans-serif;
  font-weight: 300;
  margin-bottom: 80px;
}
.ticket-form.ticket-form-1 .button--positive,
.ticket-form.ticket-form-1 .button--positive:hover,
.ticket-form.ticket-form-1 .button--positive:focus {
  background: transparent !important;
}

.form .textarea-1.form-control.input-lg {
  border-radius: 10px;
  margin-left: 60px;
  border-radius: 10px !important;
  height: auto;
  width: calc(100% - 60px);
  padding: 25px 20px 25px 50px !important;
}
.form .textarea-1.form-control.input-lg::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: rgb(51, 51, 51);
}
.form .textarea-1.form-control.input-lg:-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}
.form .textarea-1.form-control.input-lg::-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}

.form .form-control.input-lg::placeholder {
  color: #181c2f;
  opacity: 0.3;
}
.form .form-control.input-lg:-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}
.form .form-control.input-lg::-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}

@media only screen and (max-width: 767px) {
  .button.button-accent {
    margin-bottom: 10px;
  }
  .referal-page .section__top-bar {
    margin-bottom: 30px;
  }
  .form textarea.form-control.input-lg {
    border-radius: 10px;
    margin-left: 60px;
    border-radius: 10px;
    height: auto;
    width: calc(100% - 60px);
    padding: 25px 20px 25px 50px !important;
  }
  .form textarea.form-control.input-lg::placeholder {
    color: #181c2f;
    opacity: 0.3;
  }
  .form textarea.form-control.input-lg:-ms-input-placeholder {
    color: #181c2f;
    opacity: 0.3;
  }
  .form textarea.form-control.input-lg::-ms-input-placeholder {
    color: #181c2f;
    opacity: 0.3;
  }
}
@media only screen and (max-width: 680px) {
  .ticket-big-btn {
    width: 100%;
    bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .ticket-big-btn {
    bottom: 50px;
  }
  .ticket-form.ticket-form-1 .form .control-label {
    font-size: 16px;
  }
}
textarea::placeholder {
  color: #181c2f;
  opacity: 0.3;
}
textarea:-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}
textarea::-ms-input-placeholder {
  color: #181c2f;
  opacity: 0.3;
}

.ticket-form-userpic img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.ticket-form-userpic {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #7a7a7a;
  position: absolute;
  top: 77px;
  left: 0;
}

.label-name {
  font-size: 14px;
  position: absolute;
  top: 78px;
  left: 60px;
  color: #000;
}

.dispute-userpic {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.dispute-userpic img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.dispute-userpic {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #7a7a7a;
}

.label-name {
  position: absolute;
  left: 60px;
  font-size: 14px;
}

.button.add-img-button.add-img-button-1 {
  background: transparent;
  color: transparent;
  border: none;
  position: absolute;
  top: 122px !important;
  right: 50px !important;
  max-width: 30px !important;
  height: 30px;
  line-height: 5px;
  margin: 0;
}
.button.add-img-button.add-img-button-1:before {
  display: block;
  content: "\f3fe";
  content: url("../img/icons/addfile.svg");
  width: 30px;
  height: 30px;
}
.button.add-img-button.add-img-button-1:hover {
  color: transparent;
  background-color: transparent;
  cursor: pointer;
}

.form button[type=submit].button--positive.button--positive-1 {
  height: 30px;
  width: 30px;
  background-color: transparent;
  color: transparent;
  position: absolute;
  right: 20px;
  top: 114px;
  margin-top: 0;
}
.form button[type=submit].button--positive.button--positive-1:before {
  display: block;
  content: url("../img/icons/submit-noactive.svg");
  width: 30px;
  height: 30px;
}
.form button[type=submit].button--positive.button--positive-1:hover {
  background-color: transparent;
  color: transparent;
}
.form button[type=submit].button--positive.button--positive-1.active {
  cursor: pointer;
}
.form button[type=submit].button--positive.button--positive-1.active:before {
  display: block;
  content: url("/img/icons/send-message-active.svg");
  width: 30px;
  height: 30px;
}

.section-title-order {
  margin-left: 15px;
}

.wrap-file {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.wrap-file .info {
  position: absolute;
  top: 40px;
  right: 40px;
}
.wrap-file .info-title {
  top: 10px;
  font-weight: 700;
  font-size: 14px;
  color: #000 !important;
  opacity: 1;
}

.fl_upld {
  width: 500px;
}
.fl_upld label {
  cursor: pointer;
  background: #fff;
  border: 1px solid #f75a01;
  padding: 10px 25px 13px;
  text-transform: capitalize;
  text-align: center;
  background: #f75a01;
  border-radius: 4px;
  color: #fff;
  width: 150px;
}
.fl_upld label:hover {
  background: #ff843f !important;
}
.fl_upld label:focus {
  background: #ff843f !important;
}

#fl_inp {
  display: none;
}

#fl_nm {
  text-align: center;
  margin-top: 0;
  font-family: "Roboto-Light";
}

.modal-overflow {
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.modal-overflow .modal-body .control-label-file {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.0571991px;
  text-transform: none;
  text-align: left;
  color: #fff;
  margin: 0;
}
.modal-overflow .modal-body .control-label {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0571991px;
  text-transform: none;
  color: #fff !important;
}
.modal-overflow .modal-body .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  border: 1px solid #ccc !important;
  border-radius: 4px;
  font-family: "Roboto-Light";
}

.select-wrap.ticket-textarea-container.field-ticket-textarea {
  margin-bottom: 10px;
}

.select-wrap__input-helper {
  margin-bottom: 20px;
}

.refund-amount {
  font-size: 13px;
  line-height: 20px;
  mix-blend-mode: normal;
  border-radius: 4px;
  padding: 15px 0;
  display: inline-block;
  color: #eec23c;
  min-width: 300px;
}
.refund-amount .amount {
  font-size: 22px;
  font-family: "Roboto-Bold";
  color: #000;
  line-height: 32px;
}
.refund-amount .currency {
  color: #000;
}

@media only screen and (min-width: 767px) {
  .desctop-hide {
    display: none !important;
  }
}

.order-items.table thead tr th {
  line-height: 16px;
  vertical-align: middle;
  border: none;
}
.order-items.table thead tr th:last-child {
  text-align: center !important;
}
.order-items.table tbody tr td {
  border: none;
}
.order-items button {
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px solid #f75a01;
  border-radius: 4px;
  padding: 15px 20px;
  max-width: 210px;
}
.order-items button.partial-refund {
  color: #f75a01;
  margin-right: 25px;
}
.order-items button.refund {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.order-items button.cancel-request {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.order-items button:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
  color: #fff;
}
.order-items button:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
  color: #fff;
}
.order-items .order-item td {
  vertical-align: middle;
}
.order-items .order-item .checkbox + label {
  padding: 0;
}
.order-items .order-item__product .order-product-head {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.order-items .order-item__product .order-product-head .is-buy-for {
  white-space: nowrap;
}
.order-items .order-item__product .order-product-head .order-seller {
  color: #f75a01;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: bold;
  line-height: 22px;
  white-space: nowrap;
  font-size: 14px;
  margin-left: 5px;
}
.order-items .order-item__product .order-product-head .order-seller .ico.user-verify {
  width: 10px;
  height: 10px;
}
.order-items .order-item__product .order-product-head .btn-open-dispute {
  margin-left: 20px;
}
.order-items .order-item__product .order-product-info {
  color: #fff;
  font-family: Helvetica, sans-serif;
  line-height: 16px;
  font-size: 12px;
  padding: 18px 0;
  max-width: 250px;
}
.order-items .order-item__product .order-product-info.orange_text strong {
  color: #000;
  padding-bottom: 3px;
  padding-top: 3px;
  display: inline-block;
}
.order-items .order-item__product .order-item__actions .button--positive {
  line-height: 50px;
  white-space: nowrap;
}
.order-items .order-item__warranty span, .order-items .order-item__delivery span, .order-items .order-item__delivery span, .order-items .order-item__amount span {
  white-space: nowrap;
}
.order-items .button--positive {
  border-radius: 4px;
  background: #f75a01;
  font-size: 12px;
  width: auto;
  margin: 0;
  white-space: nowrap;
  font-family: Roboto-Bold;
  line-height: 20px;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  padding: 14px 20px;
}
.order-items .button--positive.btn-order__download {
  padding: 5px 10px;
  font-family: Roboto-Regular;
  color: #fff !important;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.order-items .button--positive:focus, .order-items .button--positive:active, .order-items .button--positive:hover {
  color: #fff;
}
.order-items .button--negative {
  font-size: 14px;
  background: transparent;
  color: #000000;
}
.order-items .button--negative:hover {
  color: #000000;
}
.order-items .order-item-refund td {
  background: #f8f8f8;
  vertical-align: middle;
  text-align: left;
}
.order-items .order-item-refund td .step-info {
  width: auto;
  height: 50px;
}
.order-items .order-item-refund td .step-info span.step-info-i {
  width: auto;
}
.order-items .order-item-refund td .step-info .step-info-msg {
  left: 0;
  top: -80px;
  height: 80px;
}

@media screen and (max-width: 1200px) {
  .ticket-view .details-items.details-info {
    padding: 10px 15px;
  }
  .ticket-view .details-items.details-id {
    padding: 15px;
  }
  .ticket-view .details-items.details-total {
    padding: 15px;
  }
}
@media screen and (max-width: 992px) {
  .ticket-view .details {
    width: 100%;
    max-width: none;
    min-height: 200px;
  }
  .ticket-view .details.details-ticket {
    display: flex;
  }
  .ticket-view .details.details-ticket .details-items.details-id:after {
    height: 0;
  }
  .ticket-view .details .wrap-details-left {
    width: 50%;
  }
  .ticket-view .details .wrap-details-right {
    width: 50%;
  }
  .ticket-view .details .wrap-details-right:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: calc(100% - 54px);
    background-color: #ccc;
  }
  .ticket-view .details .wrap-details-right-case:after {
    content: "";
    position: absolute;
    bottom: 49px;
    left: 50%;
    width: 1px;
    height: calc(100% - 103px);
    background-color: #ccc;
  }
  .ticket-view .details-items.details-id-case:after {
    height: 1px;
  }
  .ticket-view .details-items.details-info:after {
    height: 0;
  }
  .ticket-view .details-items.details-info.details-info-center {
    padding-top: 30px;
  }
  .ticket-view .details-items.details-info-case:after {
    height: 1px;
  }
  .ticket-view .details-items.details-descr p {
    padding: 0;
  }
  .mob-date {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .ticket-page {
    padding: 0 15px 30px;
  }
  .ticket-page.modal-body .form textarea.form-control.input-lg {
    margin-left: 0;
    width: 100%;
    padding: 15px !important;
  }
  .ticket-view .details {
    flex-flow: column;
    margin-bottom: 30px;
    border-radius: 0;
    min-height: 130px;
  }
  .ticket-view .details.details-order {
    margin-bottom: 0;
    margin-top: 0;
  }
  .ticket-view .details.details-order .details-items.details-info.details-info-center {
    padding-top: 0 !important;
  }
  .ticket-view .details .wrap-details-left {
    width: 100%;
  }
  .ticket-view .details .wrap-details-right {
    width: 100%;
  }
  .ticket-view .details .wrap-details-right:after {
    height: 0;
  }
  .ticket-view .details-items {
    padding: 15px 15px;
  }
  .ticket-view .details-items.details-id:after {
    height: 1px;
  }
  .ticket-view .details-items.details-info:after {
    height: 1px;
  }
  .ticket-view .details.details-ticket .details-items.details-id:after {
    height: 1px;
  }
  .ticket-view .section__top-bar {
    padding-top: 20px;
  }
  .section-title-order {
    margin-bottom: 30px;
  }
  .order-review-block .order-review-msg {
    font-size: 16px;
  }
  .mob-date {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.btn-open-chat,
.btn-add-review,
.btn-open-dispute {
  border-radius: 4px;
  font-family: Helvetica, sans-serif;
  line-height: 22px;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  display: inline-block;
  padding: 0 8px;
  height: 22px;
  white-space: nowrap;
  text-transform: capitalize;
}

.btn-open-chat,
.btn-add-review {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  line-height: 30px;
  height: 30px;
  padding: 0 17px;
}
.btn-open-chat:hover,
.btn-add-review:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.btn-open-chat:focus,
.btn-add-review:focus {
  color: #fff !important;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}

.btn-add-review {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
}

.btn-open-dispute {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.btn-open-dispute:hover {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.btn-open-dispute:focus {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}

.order-review-block {
  margin-bottom: 53px;
  position: relative;
}
.order-review-block .order-review {
  display: flex;
  flex-direction: row;
  padding-right: 20px;
  padding-left: 20px;
}
.order-review-block .order-review-avatar {
  width: 70px;
}
.order-review-block .order-review-avatar__container {
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 50px;
}
.order-review-block .order-review-avatar__img {
  border-radius: 50%;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.order-review-block .order-review-avatar__status {
  background: #e34f0d;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  bottom: -1px;
  right: 1px;
  width: 16px;
  height: 16px;
}
.order-review-block .order-review-avatar__status.active {
  background: #7ed321;
}
.order-review-block .order-review-panel {
  width: calc(100% - 20px);
}
.order-review-block .order-review-panel__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.order-review-block .order-review-panel__title .user-name {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 900;
  line-height: 19px;
  font-size: 14px;
  margin-right: 30px;
}
.order-review-block .order-review-panel__title .br-theme-css-stars .br-widget a {
  margin-top: -5px;
}
.order-review-block .order-review-panel__title .br-theme-css-stars .br-widget a:after {
  display: inline-block;
  content: "";
  background-image: url("../../img/icons/like_disable.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.order-review-block .order-review-panel__title .br-theme-css-stars .br-widget a.br-selected::after,
.order-review-block .order-review-panel__title .br-theme-css-stars .br-widget a.br-active::after {
  background-image: url("../../img/icons/like_active.svg");
}
.order-review-block .order-review-panel__text {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  width: 100%;
}
.order-review-block .order-review-panel__text .order-review__input {
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  line-height: 19px;
  font-size: 14px;
  outline: none;
  padding: 14px 20px;
  width: 100%;
  height: 80px;
  resize: none;
  max-width: 775px;
  margin-top: 5px;
  min-height: 105px;
  position: relative;
  background-image: url(../../img/icons/chat_report_ico.svg);
  background-size: 25px 25px;
  background-position: 99% 10%;
  background-repeat: no-repeat;
  transition: 0.5s ease all;
}
.order-review-block .order-review-panel__text .order-review__input:hover, .order-review-block .order-review-panel__text .order-review__input:focus {
  background-size: 27px 27px;
}
.order-review-block .order-review-panel__text .order-review__input::placeholder {
  font-family: "Roboto-Light";
  opacity: 1 !important;
  color: #fff !important;
}
.order-review-block .order-review-panel__text .order-review__input::-moz-placeholder {
  color: #8e8e8e;
}
.order-review-block .order-review-panel__text .order-review__input::-webkit-input-placeholder {
  color: #8e8e8e;
}
.order-review-block .order-review-panel__text .order-review__input:-ms-input-placeholder {
  color: #8e8e8e;
}
.order-review-block .order-review-panel__text .order-review__input::-ms-input-placeholder {
  color: #8e8e8e;
}
.order-review-block .order-review-panel__text .order-review__input::placeholder {
  color: #8e8e8e;
}
.order-review-block .order-review-panel__text .btn-add-review {
  margin-top: 15px;
  max-width: 260px;
}
.order-review-block .order-review-panel__text .btn-add-review {
  min-width: 205px;
  position: absolute;
  right: 20px;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .order-review-block .order-review-panel__text .btn-add-review {
    right: 0;
    position: relative !important;
  }
}
.order-review-block .order-review-msg {
  color: #fff;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: normal;
  line-height: 34px;
  font-size: 14px;
  padding-top: 30px;
}
.order-review-block .order-review-msg a.green {
  color: #f75a01;
}
.order-review-block .order-review-msg a.green:hover {
  color: #f75a01;
}

@media screen and (max-width: 768px) {
  .wrap-file {
    display: block;
    justify-content: flex-start;
    position: relative;
  }
  .wrap-file .info {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: left;
  }
  .fl_upld {
    width: 100%;
  }
  .wrap-file .light-theme .ticket-big-btn {
    margin-bottom: 20px;
  }
  .light-theme .ticket-page .tabs-table .nav-tabs > li,
  .light-theme .cases-page .tabs-table .nav-tabs > li {
    width: 49.9%;
    text-align: center;
  }
  .light-theme .ticket-page .tabs-table .nav-tabs > li .nav-tab__title,
  .light-theme .cases-page .tabs-table .nav-tabs > li .nav-tab__title {
    padding: 15px 10px;
  }
  .light-theme .ticket-page .tabs-table .nav-tabs,
  .light-theme .cases-page .tabs-table .nav-tabs {
    padding: 0px;
  }
  .ticket-view .order-items button.partial-refund,
  .ticket-view .order-items button {
    margin: 0 auto 20px;
    display: block;
  }
}
@media screen and (max-width: 592px) {
  .form button[type=submit].button--positive.button--positive-1 {
    top: 109px;
  }
  .button.add-img-button.add-img-button-1 {
    top: 109px;
  }
  .referal-page {
    padding: 0 15px;
  }
  .order-review-block {
    margin-bottom: 15px;
  }
  .order-review-block .order-review-msg {
    font-size: 14px;
    line-height: 16px;
  }
  .order-review-block .order-review-msg a.green {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 360px) {
  .ticket-view .details-items.details-info {
    padding-right: 13px;
  }
}
.cancel-button {
  color: #f75a01 !important;
}
.cancel-button:hover {
  background: #f75a01 !important;
  color: #fff !important;
}

.ticket-replies .timeline-item,
.dispute-replies .timeline-item {
  display: flex;
  justify-content: flex-start;
}
.ticket-replies .timeline-item .timeline-body-head,
.dispute-replies .timeline-item .timeline-body-head {
  top: -25px !important;
  text-transform: capitalize;
}
.ticket-replies .timeline-item .timeline-body-head .timeline-body-title,
.dispute-replies .timeline-item .timeline-body-head .timeline-body-title {
  font-weight: 700 !important;
  display: block;
}
.ticket-replies .timeline-item .timeline-body-head .timeline-body-time,
.dispute-replies .timeline-item .timeline-body-head .timeline-body-time {
  margin-left: 0px;
  white-space: nowrap;
}
.ticket-replies .timeline-item .timeline-badge-userpic,
.dispute-replies .timeline-item .timeline-badge-userpic {
  max-width: 46px !important;
}
.ticket-replies .chat_user,
.dispute-replies .chat_user {
  display: flex;
  justify-content: flex-end;
  padding-right: 45px !important;
}
@media only screen and (max-width: 767px) {
  .ticket-replies .chat_user,
  .dispute-replies .chat_user {
    padding-right: 55px !important;
  }
}
.ticket-replies .chat_user .timeline-badge,
.ticket-replies .chat_user .timeline-body-head,
.dispute-replies .chat_user .timeline-badge,
.dispute-replies .chat_user .timeline-body-head {
  left: auto !important;
  right: 0 !important;
}
.ticket-replies .chat_user .timeline-body-head,
.dispute-replies .chat_user .timeline-body-head {
  text-align: right;
}

.btn-file:hover {
  background: transparent !important;
  background-color: transparent !important;
}

.affiliate-page {
  padding: 0px 15px;
}
.affiliate-page .tab-content.not-bg {
  padding: 0 !important;
}
.affiliate-page .alert-warning {
  padding-right: 50px;
}
.affiliate-page .copy-button {
  margin-left: 20px;
  border-radius: 4px;
  padding: 15px 30px;
  background-color: transparent;
  color: #808080;
  border: 1px solid #f75a01;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s;
}
.affiliate-page .copy-button:hover {
  color: #f75a01;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .copy-button {
    margin-left: 0;
  }
}
.affiliate-page .link {
  color: #f75a01;
}
.affiliate-page .affiliate-program {
  display: flex;
  border: none;
  padding-bottom: 45px;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .affiliate-program {
    flex-wrap: wrap;
    padding-bottom: 15px;
  }
}
.affiliate-page .affiliate-program:after {
  content: "";
  display: block;
  clear: both;
}
.affiliate-page .affiliate-program-step {
  width: 33.3333333333%;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .affiliate-program-step {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
}
.affiliate-page .affiliate-program-step:first-child {
  padding-left: 0;
}
.affiliate-page .affiliate-program-step:last-child {
  padding-right: 0;
}
.affiliate-page .affiliate-program-step .program-step-bg {
  min-height: 100%;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .affiliate-program-step .program-step-bg {
    min-height: min-content;
    padding: 10px;
  }
}
.affiliate-page .affiliate-program-step__top-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .affiliate-program-step__top-content {
    margin-bottom: 15px;
  }
}
.affiliate-page .affiliate-program-step__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.affiliate-page .affiliate-program-step__title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.affiliate-page .affiliate-program-step__title span {
  font-family: "Helvetica", "Roboto-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.affiliate-page .affiliate-program-step__title .title-num {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 1;
}
.affiliate-page .affiliate-program-step__title-text {
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
}
.affiliate-page .affiliate-program-step .affiliate_step_img {
  margin-left: 10px;
}
.affiliate-page .affiliate-program-step__info {
  color: #808080 !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  padding: 0px 15px 10px 15px;
}
.affiliate-page .new-reflink {
  padding: 55px 0;
}
.affiliate-page .new-reflink-create {
  padding-right: 15px;
}
.affiliate-page .new-reflink-create-button {
  display: inline-block;
  margin-bottom: 20px;
  max-width: none;
}
.affiliate-page .new-reflink-create-info {
  color: #ffffff;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0 25px;
}
.affiliate-page .new-reflink-create-info a {
  color: #f75a01;
}
.affiliate-page .new-reflink-create a.new-reflink-create-button {
  background-color: #bcec86;
  cursor: pointer;
}
.affiliate-page .new-reflink-create a.new-reflink-create-button[data-toggle=modal] {
  background-color: #f75a01;
}
.affiliate-page .new-reflink-info {
  padding-left: 15px;
}
.affiliate-page .new-reflink-info p {
  color: #8e8e8e;
  font-family: "Helvetica", "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.affiliate-page .foot-notes {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
}
.affiliate-page .foot-notes .summHoldback {
  font-size: 13px;
  font-weight: 600;
}
.affiliate-page .foot-notes .summAvailableHoldback {
  font-size: 15px;
  font-weight: 600;
}

.affiliate-create-page {
  padding: 50px 0;
}

.new-case-modal,
.new-reflink-modal,
.add-document-modal,
.new-coupon-modal {
  color: #000;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.new-case-modal .modal-header,
.new-reflink-modal .modal-header,
.add-document-modal .modal-header,
.new-coupon-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 30px;
}
.new-case-modal .modal-title,
.new-reflink-modal .modal-title,
.add-document-modal .modal-title,
.new-coupon-modal .modal-title {
  font-weight: 300;
  text-transform: uppercase;
  text-align: left;
  flex-grow: 1;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 20px;
}
.new-case-modal .modal-body,
.new-reflink-modal .modal-body,
.add-document-modal .modal-body,
.new-coupon-modal .modal-body {
  padding: 0;
}
.new-case-modal .new-reflink-section,
.new-reflink-modal .new-reflink-section,
.add-document-modal .new-reflink-section,
.new-coupon-modal .new-reflink-section {
  border-bottom: 1px solid #979797;
  padding: 30px;
}
.new-case-modal .new-reflink-section-title,
.new-reflink-modal .new-reflink-section-title,
.add-document-modal .new-reflink-section-title,
.new-coupon-modal .new-reflink-section-title {
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.new-case-modal .create-reflink-form .control-label,
.new-reflink-modal .create-reflink-form .control-label,
.add-document-modal .create-reflink-form .control-label,
.new-coupon-modal .create-reflink-form .control-label {
  color: #f75a01;
}
.new-case-modal .create-reflink-form .form-control.input-lg,
.new-reflink-modal .create-reflink-form .form-control.input-lg,
.add-document-modal .create-reflink-form .form-control.input-lg,
.new-coupon-modal .create-reflink-form .form-control.input-lg {
  border-color: #b9b9b9;
  border-radius: 1px;
  height: 45px;
}
.new-case-modal .recommended-links,
.new-reflink-modal .recommended-links,
.add-document-modal .recommended-links,
.new-coupon-modal .recommended-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.new-case-modal .recommended-links .recommended-link,
.new-reflink-modal .recommended-links .recommended-link,
.add-document-modal .recommended-links .recommended-link,
.new-coupon-modal .recommended-links .recommended-link {
  color: #f75a01;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}
.new-case-modal .ref-link,
.new-reflink-modal .ref-link,
.add-document-modal .ref-link,
.new-coupon-modal .ref-link {
  color: #979797;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  margin-left: 20px;
}
.new-case-modal .copy-link,
.new-reflink-modal .copy-link,
.add-document-modal .copy-link,
.new-coupon-modal .copy-link {
  background: url("../img/icons/copy-link.svg") no-repeat left center;
  background-size: contain;
  color: #f75a01;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  padding-left: 20px;
}

.new-coupon-modal .redeem-modal-title {
  color: #000;
}

.redeem-modal-title .step-info-i {
  display: block !important;
}
.redeem-modal-title .step-info-msg {
  left: -50px !important;
  top: 30px !important;
  min-height: 90px;
}

#ajax-modal {
  border-radius: 10px;
  width: 500px;
}

.statistic-modal-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
}
.statistic-modal-header .modal-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
.statistic-modal-header .modal-title .title {
  color: #000000;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.statistic-modal-header .modal-title .title span:last-child {
  color: #777;
  font-size: 12px;
  text-transform: none;
}
.statistic-modal-header .modal-title .click-amount {
  color: #000000;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 12px;
}
.statistic-modal-header .modal-title .click-amount span {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.statistic-modal-body {
  padding: 0 20px;
}

.statistic-modal-footer {
  border-top: 1px solid #d3d3d3;
  padding: 10px 20px;
}
.statistic-modal-footer .click-statistics {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.statistic-modal-footer .click-statistics .click-statistic {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 50%;
}
.statistic-modal-footer .click-statistics .click-statistic:first-child {
  justify-content: flex-start;
}
.statistic-modal-footer .click-statistics .click-statistic:last-child {
  justify-content: flex-end;
}
.statistic-modal-footer .click-statistics .click-statistic-title {
  color: #000000;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.statistic-modal-footer .click-statistics .click-statistic-title span:last-child {
  font-size: 10px;
  text-transform: none;
}
.statistic-modal-footer .click-statistics .click-statistic-count {
  color: #000000;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-left: 10px;
}

.affiliate-page-about {
  padding: 30px 15px 70px;
}
.affiliate-page-about .affiliate__about {
  display: flex;
  justify-content: space-between;
}
.affiliate-page-about .affiliate__about-text {
  padding-top: 20px;
  margin-right: 20px;
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
}
.affiliate-page-about .affiliate__about-text p {
  padding-bottom: 30px;
}
.affiliate-page-about .affiliate__about-text p span {
  font-family: "Helvetica", sans-serif;
}
.affiliate-page-about .affiliate__about-img {
  padding-top: 10px;
}
.affiliate-page-about .affiliate__about-img img {
  width: 100%;
}
.affiliate-page-about .affiliate__about-img .img-1 {
  display: block;
}
.affiliate-page-about .affiliate__about-img .img-2 {
  display: none;
}
.affiliate-page-about .affiliate__how-work .level {
  min-height: 350px;
}
.affiliate-page-about .affiliate__how-work .level__num {
  font-size: 96px;
  font-family: "Arial Black", sans-serif;
  color: #000;
  z-index: 1;
  position: relative;
  opacity: 0.1;
}
.affiliate-page-about .affiliate__how-work .level__text {
  max-width: 215px;
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  position: absolute;
  left: 45px;
  top: 75px;
}
.affiliate-page-about .affiliate__example {
  text-align: center;
  padding: 30px 15px;
}
.affiliate-page-about .affiliate__example p {
  max-width: 350px;
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  padding: 40px 0 20px;
}
.affiliate-page-about .affiliate__example .level-11 {
  text-align: center;
}
.affiliate-page-about .affiliate__example .level-11 img {
  margin: 0 auto;
}
.affiliate-page-about .affiliate__example .level-11 p {
  max-width: none;
}
.affiliate-page-about .affiliate__benefits {
  text-align: center;
  padding: 30px 0px;
}
.affiliate-page-about .affiliate__benefits p {
  max-width: 350px;
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  padding: 20px 0 20px;
}
.affiliate-page-about .affiliate__benefits .level-11 {
  text-align: center;
}
.affiliate-page-about .affiliate__benefits .level-11 img {
  margin: 0 auto;
}
.affiliate-page-about .affiliate__benefits .level-11 p {
  max-width: none;
}
.affiliate-page-about .affiliate__statistics {
  padding: 0 0 20px;
}
.affiliate-page-about .affiliate__statistics p {
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  padding: 20px 0 20px;
}
.affiliate-page-about .affiliate__statistics p span {
  color: #f75a01;
}
.affiliate-page-about .affiliate__profit {
  padding: 30px 0px;
}
.affiliate-page-about .affiliate__profit .affiliate-slider-4 {
  display: flex;
  justify-content: space-between;
}
.affiliate-page-about .affiliate__profit .affiliate-slider-4 .level {
  text-align: center;
  max-width: 198px;
  min-width: 150px;
}
.affiliate-page-about .affiliate__profit .affiliate-slider-4 p {
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  padding: 20px 0 20px;
}
.affiliate-page-about .affiliate__do-dont .level {
  max-width: 340px;
}
.affiliate-page-about .affiliate__do-dont .level__xl {
  font: 64px "Arial Black", sans-serif;
  color: #f75a01;
  text-transform: uppercase;
  padding: 0 0 20px;
}
.affiliate-page-about .affiliate__do-dont p {
  letter-spacing: 0.07px;
  color: #fff;
  font: 14px/24px "Roboto-Light", sans-serif;
  padding: 0 0 20px;
}
.affiliate-page-about .affiliate__do-dont p span {
  color: #f75a01;
}
.affiliate-page-about .affiliate__do-dont p.txt-1 {
  padding-top: 20px;
}

@media screen and (max-width: 992px) {
  .affiliate-page .affiliate-program-step {
    padding-left: 0;
  }
  .affiliate-page .affiliate-program-step__title {
    margin-bottom: 0px;
  }
  .affiliate-page-about .affiliate__about {
    flex-flow: column;
  }
  .affiliate-page-about .affiliate__about-text {
    max-width: none;
    width: 100%;
    margin-right: 0;
    padding-top: 0;
  }
  .affiliate-page-about .affiliate__profit {
    padding: 0;
    text-align: center;
  }
  .affiliate-page-about .affiliate__profit img {
    display: inline-block;
    text-align: center;
  }
  .affiliate-page-about .affiliate__profit .affiliate-slider-4 .level {
    max-width: 170px;
  }
  .affiliate-page-about .affiliate__profit.items-slider {
    margin: 0 50px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 {
    text-align: left;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-prev {
    left: -60px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-next {
    left: calc(100% - 30px);
  }
  .affiliate-page-about .affiliate__do-dont .level {
    max-width: none;
  }
  .affiliate-page-about .affiliate__do-dont .level__xl {
    font-size: 48px;
  }
}
/*#reward-feet-grid, #reflink-grid, #stats{
  .table{
    margin-bottom: 0;
    border-radius: 0 0 10px 10px;
    thead tr:last-child th {
      border-bottom: 1px solid #ddd;
    }
  }
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
  overflow: inherit;
  a:hover{
    color: $c-accent;
  }
}*/
#stats .table {
  border-radius: 10px;
}

#reflink-grid,
#stats {
  margin-top: 20px;
}

.statistic-tables .tabs-table .nav-tabs > li {
  background: #fff;
  border-color: #fff;
}
.statistic-tables .tabs-table .nav-tabs > li a {
  color: #000;
}
.statistic-tables .nav-tabs > li.active > a,
.statistic-tables .nav-tabs > li.active > a:hover,
.statistic-tables .nav-tabs > li.active > a:focus {
  color: #000 !important;
  cursor: default;
}
.statistic-tables .table-wrap .table-filters .control-label {
  color: #fff;
}

.affiliate-page .tabs-table ul li {
  border-radius: 0px !important;
}
.affiliate-page .tabs-table ul li a {
  min-height: 63px;
  position: relative;
}
.affiliate-page .tabs-table ul li a:hover {
  background-color: #fff !important;
}
.affiliate-page .tabs-table ul li a:hover span {
  color: #f75a01 !important;
}
.affiliate-page .tabs-table ul li a:hover span::before {
  background-color: #f75a01;
}
.affiliate-page .tabs-table ul li a:focus {
  background-color: #fff !important;
}
.affiliate-page .tabs-table ul li a:focus span {
  color: #f75a01 !important;
}
.affiliate-page .tabs-table ul li a:focus span::before {
  background-color: #f75a01;
}
.affiliate-page .tabs-table ul li a span {
  position: relative;
  padding-left: 35px;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .tabs-table ul li a span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    height: 60px;
    padding: 0;
  }
}
.affiliate-page .tabs-table ul li a span::before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #000;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .tabs-table ul li a span::before {
    display: block;
    position: relative;
  }
}
.affiliate-page .tabs-table ul li a .reward::before {
  -webkit-mask-image: url("../../img/icons/affiliate_reward.svg");
}
.affiliate-page .tabs-table ul li a .reflink::before {
  -webkit-mask-image: url("../../img/icons/affiliate_reflinks.svg");
}
.affiliate-page .tabs-table ul li a .statistic::before {
  -webkit-mask-image: url("../../img/icons/affiliate_statistics.svg");
  height: 22px;
  width: 22px;
}
.affiliate-page .tabs-table ul .active a {
  background-color: #ffe3d2 !important;
  box-sizing: border-box;
  color: #000 !important;
}
.affiliate-page .tabs-table ul .active a:hover {
  background-color: #ffe3d2 !important;
}
.affiliate-page .tabs-table ul .active a:hover span {
  color: #000 !important;
}
.affiliate-page .tabs-table ul .active a:hover span::before {
  background-color: #000;
}
.affiliate-page .tabs-table ul .active a:focus {
  background-color: #ffe3d2 !important;
}
.affiliate-page .tabs-table ul .active a:focus span {
  color: #000 !important;
}
.affiliate-page .tabs-table ul .active a:focus span::before {
  background-color: #000;
}

#reward-feet-grid-filters {
  border-radius: 0 10px 0 0;
  margin: 0 !important;
}

.affiliate-page .new-reflink-create-info {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .affiliate-page .new-reflink-create-info {
    padding: 0;
  }
  .affiliate-page .new-reflink {
    padding: 35px 0;
  }
  .affiliate-page #reward-feet-grid-filters {
    display: none !important;
  }
  .affiliate-page .tabs-table .nav-tabs {
    padding-top: 0;
  }
  .affiliate-page .tabs-table .nav-tabs li {
    width: 33%;
    text-align: center;
  }
  .affiliate-page-about {
    padding: 0 15px 30px;
  }
  .light-theme .page-wrap .affiliate-page .tab-content,
  .light-theme .page-wrap .affiliate-page .tab-content-unheight {
    padding: 20px 0 0;
  }
}
@media screen and (max-width: 680px) {
  .affiliate-page {
    padding: 0 15px 20px;
  }
  .affiliate-page .tabs-table .nav-tabs li a {
    padding: 20px 0;
    font-size: 12px !important;
  }
  .affiliate-page-about .affiliate__about-img .img-1 {
    display: none;
  }
  .affiliate-page-about .affiliate__about-img .img-2 {
    display: block;
    max-width: 288px;
    margin: 0 auto;
  }
  .affiliate-page-about .affiliate__about-text p {
    padding-bottom: 15px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider {
    margin: 0 70px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow {
    top: -200px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow.slick-prev {
    left: -80px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow.slick-next {
    left: calc(100% + 10px);
  }
  .affiliate-page-about .affiliate__how-work .level__text {
    left: 45px;
    max-width: none;
  }
  .affiliate-page-about .affiliate__example {
    padding: 0;
  }
  .affiliate-page-about .affiliate__example.items-slider {
    margin: 0 70px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 {
    text-align: left;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow.slick-prev {
    left: -80px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow.slick-next {
    left: calc(100% + 10px);
  }
  .affiliate-page-about .affiliate__benefits {
    padding: 0;
  }
  .affiliate-page-about .affiliate__benefits.items-slider {
    margin: 0 70px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 {
    text-align: left;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow.slick-prev {
    left: -80px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow.slick-next {
    left: calc(100% + 10px);
  }
  .affiliate-page-about .affiliate__statistics p {
    padding-bottom: 0;
  }
  .affiliate-page-about .affiliate__statistics p.txt {
    padding-top: 0;
  }
  .affiliate-page-about .affiliate__profit {
    padding: 0;
    text-align: center;
  }
  .affiliate-page-about .affiliate__profit img {
    display: inline-block;
    text-align: center;
  }
  .affiliate-page-about .affiliate__profit.items-slider {
    margin: 0 70px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 {
    text-align: left;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-prev {
    left: -80px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-next {
    left: calc(100% + 10px);
  }
}
@media screen and (max-width: 420px) {
  .affiliate-page-about .affiliate__how-work .level {
    min-height: 240px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider {
    margin: 20px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow {
    top: -150px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow.slick-prev {
    left: -30px;
  }
  .affiliate-page-about .affiliate__how-work.items-slider .slider__nav .slick-arrow.slick-next {
    left: calc(100% - 40px);
  }
  .affiliate-page-about .affiliate__example.items-slider {
    margin: 20px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow.slick-prev {
    left: -30px;
  }
  .affiliate-page-about .affiliate__example.items-slider .slider__nav-1 .slick-arrow.slick-next {
    left: calc(100% - 40px);
  }
  .affiliate-page-about .affiliate__benefits.items-slider {
    margin: 20px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow.slick-prev {
    left: -30px;
  }
  .affiliate-page-about .affiliate__benefits.items-slider .slider__nav-2 .slick-arrow.slick-next {
    left: calc(100% - 40px);
  }
  .affiliate-page-about .affiliate__profit.items-slider {
    margin: 20px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow {
    top: -160px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-prev {
    left: -30px;
  }
  .affiliate-page-about .affiliate__profit.items-slider .slider__nav-3 .slick-arrow.slick-next {
    left: calc(100% - 40px);
  }
  .affiliate-page-about .affiliate__do-dont p {
    padding-bottom: 10px;
  }
  .affiliate-page-about .affiliate__do-dont .level__xl {
    padding: 0;
  }
  .section__top-bar {
    margin-bottom: 20px;
  }
  .section__top-bar-11 {
    padding-top: 0;
  }
}
.affiliate-title {
  font-family: "Roboto-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 34px;
}

.affiliate-page .grey-text {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .grey-text .affiliate-page__title {
    font-size: 20px;
  }
}
.affiliate-page .grey-text .affiliate-page__copy-btn {
  width: auto;
  min-width: 170px;
  margin: 0 15px;
  padding: 0px 30px;
  min-height: 53px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #f75a01;
  color: #f75a01;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .grey-text .affiliate-page__copy-btn {
    margin-left: 0;
  }
}
.affiliate-page .grey-text .affiliate-page__copy-btn span {
  position: absolute;
}
.affiliate-page .grey-text .link-row {
  display: block;
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .grey-text .link-row {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.affiliate-page .grey-text .link-row .link {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  background: #ffe3d2;
  border-radius: 4px;
  color: #000;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .affiliate-page .grey-text .link-row .link {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .affiliate-page .affiliate_background__wrap {
    display: none;
  }
}
.affiliate-page .affiliate_background {
  margin-top: -80px;
}
.affiliate-page .new-reflink {
  background-color: #fff;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  padding: 40px 30px 25px;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .new-reflink {
    padding: 10px;
  }
}
.affiliate-page .new-reflink-info {
  padding-left: 75px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .affiliate-page .new-reflink-info {
    margin-bottom: 15px;
  }
}
.affiliate-page .new-reflink-info::before {
  content: "";
  display: block;
  position: absolute;
  left: 25px;
  top: 40%;
  height: 20px;
  width: 20px;
  background-image: url(../../img/icons/info_orange.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#createreflinkform-link {
  background: #ffffff;
  border: 1px solid #d6d6d6 !important;
  border-radius: 4px;
  transition: 0.2s;
}
#createreflinkform-link:hover {
  border: 1px solid #000 !important;
}

.new-reflink-modal h4 {
  text-align: center !important;
}

.reflink_ico {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 25px;
}
.reflink_ico img {
  width: 53px;
  height: 53px;
}

.affiliate_empty {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.affiliate_empty img {
  height: 250px;
}
.affiliate_empty .empty-message {
  display: flex;
  justify-content: center;
  text-align: center;
}

.order-page {
  padding-bottom: 50px;
  min-height: 80vh;
}
@media only screen and (max-width: 767px) {
  .order-page {
    padding-top: 30px;
    min-height: auto;
  }
}
.order-page .table-order-head__item {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.order-page .datepicker-group {
  color: #000;
  text-transform: inherit;
  line-height: 20px;
}
.order-page .select-wrap .ui-widget {
  border: 1px solid #cecece;
}
.order-page li a {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 0px;
}
.order-page li:hover .nav-tab__title, .order-page li.active .nav-tab__title {
  color: #f75a01;
}
.order-page li .order_title {
  width: auto;
  display: inline-block;
  margin: 0 auto;
}
.order-page li .order_title::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-color: #000;
  position: relative;
  margin: 0 auto;
  margin-right: 5px;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
}
.order-page li .purchase_order_title::before {
  -webkit-mask-image: url("../../img/icons/purchase_order.svg");
}
.order-page li .sold_order_title::before {
  -webkit-mask-image: url("../../img/icons/sold_order.svg");
}
.order-page .nav-tab__title {
  color: #000;
}
.order-page .active .nav-tab__title {
  color: #000 !important;
}
.order-page .order-tabs-stats {
  margin-top: 0;
}
.order-page .orders-table .label {
  font-size: 12px;
  font-weight: 400;
}
.order-page .orders-table.table .order-name {
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}
.order-page .orders-table.table .order-name .green {
  white-space: nowrap;
}
.order-page .orders-table.table .label {
  border-radius: 4px;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.4px;
  display: inline-block;
  padding: 0 8px;
}
.order-page .orders-table.table .link-download,
.order-page .orders-table.table .link-review {
  line-height: 24px;
  display: block;
}
.order-page .orders-table.table .link-download {
  color: #fff;
  background: url(../img/icons/btn-download.svg) no-repeat 0 0;
  background-size: contain;
  display: block;
  width: 22px;
  height: 22px;
}
.order-page .wrap-table-order {
  padding: 20px 0px;
}
.order-page .table-order {
  padding: 0 15px;
  font-size: 12px;
}
.order-page .box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-page .table-order-head {
  background: #13192a;
  border-radius: 1px;
  margin-bottom: 15px;
  padding: 25px 5px;
}
.order-page .table-order-head .id-wrap .cell,
.order-page .table-order-head .product-title .cell,
.order-page .table-order-head .price .cell,
.order-page .table-order-head .payment-status .cell,
.order-page .table-order-head .delivery-status .cell,
.order-page .table-order-head .live-stock .cell,
.order-page .table-order-head .date-created .cell,
.order-page .table-order-head .btn .cell {
  display: table-cell;
  vertical-align: middle;
  height: 180px;
}
.order-page .table-order-head .date-created {
  padding-right: 0;
}
.order-page .table-order-head .date-created .cell {
  line-height: 15px;
}
.order-page .table-order-head a {
  color: #fff;
}
.order-page .table-order-head .order-actions {
  text-align: center;
  padding-right: 30px;
}
.order-page .table-order-head__item {
  font-size: 12px;
  padding: 0;
  background: #13192a;
}
.order-page .table-order-head__item .order-item {
  display: block;
  align-items: center;
  padding: 25px 5px;
  min-height: 90px;
  line-height: 7px;
  height: auto;
  color: #fff;
}
.order-page .table-order-head__item .order-item .view-order-link {
  align-items: end;
  display: flex;
}
.order-page .table-order-head__item .order-item .view-order-link div {
  width: 100%;
}
.order-page .table-order-head__item .order-item .view-order-link a {
  display: inline-block;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  color: #fff;
  border-radius: 4px;
  padding: 14px 30px;
  line-height: 17px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  border: 1px solid #f75a01;
}
.order-page .table-order-head__item .order-item .view-order-link a:hover, .order-page .table-order-head__item .order-item .view-order-link a:focus {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%) !important;
  color: #fff;
}
.order-page .table-order-head__item .order-item:last-child {
  border: none;
}
.order-page .table-order-head__item .order-item .btn {
  display: block;
  font-size: 12px;
}
.order-page .table-order-head__item .order-item .btn .cell {
  min-width: 180px;
}
.order-page .table-order-head__item .order-item .data {
  padding-right: 0;
}
.order-page .table-order-head__item .order-item__seller {
  line-height: 20px;
  margin-bottom: 10px;
}
.order-page .table-order-head__item .order-item__seller span {
  color: #fff;
  font-family: "Roboto-Black", sans-serif;
  opacity: 0.85;
}
.order-page .table-order-head__item .order-item__title {
  max-height: 20px;
  min-height: 20px;
  width: 100%;
  padding-top: 0;
  font: 16px "Roboto-Regular", sans-serif;
  font-weight: 900;
  line-height: 20px;
  color: #000;
}
.order-page .table-order-head__item .order-item__title a {
  transition: 0.2s;
}
.order-page .table-order-head__item .order-item__title:hover a {
  color: #f75a01 !important;
}
@media only screen and (max-width: 767px) {
  .order-page .table-order-head__item .order-item__title {
    margin-top: 10px;
  }
}
.order-page .table-order-head__item .order-item__price {
  color: #fff;
  font-family: "Roboto-Black", sans-serif;
  opacity: 0.9;
}
.order-page .table-order-head__item .order-item__payment {
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-size: 11px !important;
  white-space: nowrap;
  white-space: nowrap;
}
.order-page .table-order-head__item .order-item__payment.btn-order__pending {
  background-color: #eec23c;
}
.order-page .table-order-head__item .order-item__payment.btn-order__success {
  background-color: #f75a01;
}
.order-page .table-order-head__item .order-item__payment.btn-order__warning {
  background-color: #eec23c;
}
.order-page .table-order-head__item .order-item__payment.btn-order__danger {
  background-color: #d9534f;
}
.order-page .table-order-head__item .order-item__delivery {
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-size: 11px !important;
  white-space: nowrap;
}
.order-page .table-order-head__item .order-item__delivery.btn-order__pending {
  background-color: #eec23c;
}
.order-page .table-order-head__item .order-item__delivery.btn-order__success {
  background-color: #f75a01;
}
.order-page .table-order-head__item .order-item__delivery.btn-order__warning {
  background-color: #eec23c;
}
.order-page .table-order-head__item .order-item__delivery.btn-order__danger {
  background-color: #d9534f;
}
.order-page .table-order-head__item .order-item__delivery.btn-order__primary {
  background-color: #eec23c;
}
.order-page .table-order-head__item .order-item-1 .row {
  display: block;
  align-items: center;
}
.order-page .table-order-head__item .order-item .btn-order {
  text-transform: uppercase;
  display: block;
  text-align: center;
  cursor: pointer;
}
.order-page .table-order-head__item .order-item .btn-order__confirm {
  color: #808080;
}
.order-page .table-order-head__item .order-item .btn-order__confirm.active {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  border-radius: 5px;
  padding: 8px 10px;
  opacity: 1;
  min-height: 34px;
  top: -42px !important;
  cursor: pointer !important;
}
.order-page .table-order-head__item .order-item .btn-order__confirm.active:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__confirm.active:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__buy {
  color: #fff;
  opacity: 0.8;
  font-family: "Roboto-Black", sans-serif;
}
.order-page .table-order-head__item .order-item .btn-order__buy.active {
  font-family: "Roboto-Regular", sans-serif;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  border-radius: 5px;
  padding: 8px 10px;
  opacity: 1;
  margin-bottom: 0;
  pointer-events: visible;
}
.order-page .table-order-head__item .order-item .btn-order__buy.active:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__buy.active:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__chat {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 200px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.order-page .table-order-head__item .order-item .btn-order__chat:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__chat:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__download {
  margin: 0 auto;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  border-radius: 5px;
  padding: 8px 10px;
  margin-bottom: 10px;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.order-page .table-order-head__item .order-item .btn-order__download:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .btn-order__download:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.order-page .table-order-head__item .order-item .order-id:hover {
  color: #f75a01;
}
.order-page .tabs-stats .nav-tabs {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
  border: none;
}
.order-page .tabs-stats .nav-tabs > li {
  width: 50%;
}
.order-page .tabs-stats .nav-tabs > li.active > a, .order-page .tabs-stats .nav-tabs > li:focus > a, .order-page .tabs-stats .nav-tabs > li:hover > a {
  border: none;
  color: #fff;
}
.order-page .tabs-stats .nav-tabs > li:hover {
  border: none;
  background-color: #f75a01;
  color: #fff;
}
.order-page .tabs-stats .nav-tabs > li.active > a {
  border: none;
  background-color: #f75a01;
  color: #fff;
}
.order-page .tabs-stats .nav-tabs > li > a {
  background-color: #eeeeee;
  color: #000;
}
.order-page .tabs-stats .nav-tabs > li > a .count {
  opacity: 0.5;
}

.filters.table-filters.orders-filter {
  margin-left: 0;
  margin-right: 0;
}
.filters.table-filters.orders-filter form {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: inherit;
}
.filters.table-filters.orders-filter form .filter-item {
  min-width: 106px;
}
.filters.table-filters.orders-filter form .filter-item .ui-widget {
  border: 0;
}
.filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button .ui-selectmenu-text {
  border: 1px solid #ffffff;
}
.filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button .ui-selectmenu-text:hover {
  border: 1px solid #f75a01;
  color: #f75a01;
}
.filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #f75a01;
  border: 1px solid #f75a01;
}
.filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
.filters.table-filters.orders-filter form .filter-item .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}
.filters.table-filters.orders-filter form .filter-item-date {
  min-width: 300px;
}

.order-item__top-info {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.order-item__top-info .order-item__seller {
  min-width: 180px;
  margin-bottom: 0px !important;
}
.order-item__top-info .order-item__title {
  text-align: right;
}
.order-item__actions {
  text-align: center;
}
.order-item__bottom-block {
  padding-top: 15px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .order-item__bottom-block {
    padding-top: 0 !important;
    padding-bottom: 15px !important;
  }
}
.order-item__options--row-sb {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .order-item__options--row-sb {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 992px) {
  .order-item .border-bottom-grey {
    min-height: fit-content;
  }
}
.order-item .mobile_flex_between {
  margin-top: 0 !important;
}

.order-items th:last-child {
  text-align: center;
}

.order-page .payment-status__wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .order-page .payment-status__wrap {
    margin-bottom: 15px;
  }
}
.order-page .payment-status__wrap .payment-status {
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .order-page .payment-status__wrap .payment-status_box {
    padding: 0 5px;
  }
}
.order-page .delivery-status label {
  display: none;
}
.order-page .payment-status label {
  display: none;
}

@media screen and (max-width: 1200px) {
  .wrap-table-order {
    overflow: hidden;
    white-space: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .wrap-table-order br {
    display: none;
  }
  .wrap-table-order .table-order {
    width: 720px;
  }
  .wrap-table-order .table-order-head {
    width: 720px;
  }
  .wrap-table-order .table-order-head__item {
    padding: 10px 0;
    width: 720px;
  }
  .order-page .table-order-head__item .order-item .btn {
    display: block;
    float: right;
  }
  .order-page .table-order-head__item .order-item,
  .order-page .table-order-head__item .order-item-1 .row {
    display: block;
  }
  .order-page .table-order-head__item .order-item__price {
    font-size: 25px;
    display: inline-block;
    margin: 0 auto;
    padding-top: 10px;
  }
  .order-page .date-created {
    margin: 10px 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .order-page .table-order-head__item .order-item__price {
    padding-top: 30px;
  }
  .order-page .payment-status label,
  .order-page .delivery-status label {
    display: block;
    padding: 0 0 10px;
  }
  .filters.table-filters.orders-filter form {
    display: block;
    margin: 0;
  }
  .filters.table-filters.orders-filter form .filter-item {
    margin-bottom: 20px;
  }
  .wrap-table-order .table-order {
    width: 100%;
  }
  .wrap-table-order .table-order-head {
    width: 100%;
  }
  .wrap-table-order .table-order-head__item {
    width: 100%;
    margin: 0 0 20px;
  }
  .order-page .wrap-table-order {
    padding: 20px 0;
  }
  .order-page .table-order-head__item .order-item__payment,
  .order-page .table-order-head__item .order-item__delivery {
    font-size: 16px !important;
    padding: 10px;
    margin: 0 0 0 !important;
    display: inline-block;
  }
  .order-page .table-order-head__item .order-item .btn-order__buy,
  .order-page .table-order-head__item .order-item .btn-order__chat,
  .order-page .table-order-head__item .order-item .btn-order__download {
    max-width: 130px;
    margin: 10px auto;
  }
  .order-page .live-stock,
  .order-page .date-created {
    display: none;
  }
  .order-page .table-order-head .id-wrap .cell,
  .order-page .table-order-head .product-title .cell,
  .order-page .table-order-head .price .cell,
  .order-page .table-order-head .payment-status .cell,
  .order-page .table-order-head .delivery-status .cell,
  .order-page .table-order-head .live-stock .cell,
  .order-page .table-order-head .date-created .cell,
  .order-page .table-order-head .btn .cell {
    display: block;
    height: auto;
  }
  .filters.table-filters.orders-filter form {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 680px) {
  .order-page .table-order-head__item .order-item {
    padding: 10px 0;
  }
}
@media screen and (max-width: 340px) {
  .order-page .order-tabs-stats .order-nav-tabs li a {
    padding: 10px 15px;
    height: 60px;
  }
  .order-page .order-tabs-stats .order-nav-tabs li a h5 {
    font-size: 14px !important;
  }
}
.buy-again {
  color: #fff !important;
}
.buy-again:hover, .buy-again:focus {
  color: #fff !important;
}

.order-item__seller {
  margin-bottom: 30px !important;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .order-item__seller {
    margin-bottom: 20px !important;
  }
}
.order-item__seller .user-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.order-item__seller .img-responsive {
  height: 50px !important;
  margin-right: 7px;
}
.order-item__seller .nick-name {
  font-weight: 900 !important;
  font-size: 14px !important;
}

.order_row {
  margin-bottom: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #f75a01;
  font-weight: 900;
}
.order_row:not(:first-child) {
  padding-top: 5px;
}
.order_row .order-id {
  color: #f75a01 !important;
}
.order_row .order-id:hover {
  opacity: 0.8;
}
.order_row .order_row_title {
  color: #000000;
  margin-right: 10px;
  font-weight: 900;
}
.order_row span,
.order_row a {
  font-weight: 900;
}
.order_row.order_date {
  white-space: nowrap;
}

.order_date {
  margin-top: 50px;
}

.order_right_side {
  display: inline-block;
}
.order_right_side .order_id,
.order_right_side .order_total_payment {
  display: flex;
  justify-content: space-between;
}

.order_img_block {
  width: calc(100% + 15px);
  margin-left: -15px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.order_img_block img {
  width: 100%;
  height: 178px;
}
@media only screen and (max-width: 1200px) {
  .order_img_block img {
    height: 145px;
  }
}
@media only screen and (max-width: 992px) {
  .order_img_block img {
    height: 100%;
  }
}

.verification-text__wrap {
  margin-top: 15px;
}

.verification-text {
  line-height: 22px;
  font-size: 16px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.order-item .row {
  margin: 0 !important;
}

.border-bottom-grey {
  height: 100%;
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .border-bottom-grey {
    border-bottom: 1px solid #adadad;
  }
}

.payment-status_box {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}
.payment-status_box .payment_status_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #808080;
  margin-bottom: 4px;
}
.payment-status_box .payment_status_title::before {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  margin-bottom: 14px;
  background-color: grey;
}
.payment-status_box .payment_status_img::before {
  -webkit-mask-image: url("../../img/icons/payment_status.svg");
}
.payment-status_box .delivery_status_img::before {
  -webkit-mask-image: url("../../img/icons/delivery_status.svg");
}
.payment-status_box .btn-order_status {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #808080;
  text-align: center;
  white-space: nowrap;
}

.payment_status-10::before,
.payment_status-6::before,
.delivery_status-6::before {
  background-color: #ff6d61 !important;
}

.payment_status-1::before,
.delivery_status-1::before {
  background-color: #00b241 !important;
}

.delivery_status-10::before,
.delivery_status-0::before,
.payment_status-0::before,
.delivery_status-3::before,
.payment_status-5::before,
.delivery_status-2::before {
  background-color: #ff9900 !important;
}

.btns-order {
  color: #fff;
  min-width: 190px;
  min-height: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 4px;
}

.btn-order__confirm {
  opacity: 1 !important;
}
.btn-order__confirm:hover {
  cursor: default !important;
}

.order_user_info__wrap {
  padding: 0 !important;
}

.order_buttons_block__wrap {
  margin-bottom: 10px;
  padding-right: 0 !important;
}

.order_buttons_block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: end;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 1200px) {
  .order_buttons_block .wrap-button {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .order_buttons_block .wrap-button {
    width: 100%;
  }
}
.order_buttons_block a {
  min-width: 185px;
  min-height: 48px;
  padding: 14px 10px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
.order_buttons_block button {
  min-width: 185px;
  min-height: 48px;
  padding: 14px 10px;
  border-radius: 4px !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
.order_buttons_block .order_buy_btn {
  background: #5b69e8;
  border-radius: 4px;
  color: #fff !important;
  text-transform: uppercase;
}
.order_buttons_block__order-confim {
  position: absolute;
  top: -50px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .order_buttons_block__order-confim {
    position: static;
    margin-top: 0 !important;
  }
}

.btn-order__order-details a {
  min-width: 185px;
  min-height: 40px;
  padding: 14px 10px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff !important;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.btn-order__order-details a:hover {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%) !important;
}

@media screen and (max-width: 767px) {
  .order_img_block {
    height: auto !important;
  }
  .order_img_block img {
    height: 100% !important;
    width: 100% !important;
  }
  .order_right_side {
    padding-top: 23px !important;
  }
  .view-order-link {
    height: 100% !important;
  }
  .order_buttons_block {
    align-items: center;
    justify-content: center;
  }
}
.chat_btn_ico {
  position: relative;
  display: inline-block;
}

.chat_btn_ico::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  background-image: url("../../img/icons/chat_btn_ico.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 2px;
  left: -3px;
}

.rebuy_btn_ico {
  position: relative;
  display: inline-block;
  top: 2px;
  left: 10px;
}

.rebuy_btn_ico::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  background-image: url("../../img/icons/buy_again_btn_ico.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0px;
  left: -21px;
}

.refresh_btn_ico {
  position: relative;
  display: inline-block;
  top: 2px;
  left: 10px;
}

.refresh_btn_ico::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  background-image: url("../../img/icons/refresh_ico.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0px;
  left: -21px;
}

.download_btn_ico {
  margin-right: 5px;
}

.delivery_btn_ico {
  position: relative;
  display: inline-block;
  top: 2px;
  left: 10px;
  font-weight: 900;
  color: #808080;
}
.delivery_btn_ico:hover {
  cursor: default !important;
}

.delivery_btn_ico::before {
  content: "";
  display: block !important;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  -webkit-mask-image: url("../../img/icons/confirm_delivery_btn_ico.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  background-color: #00b241;
  top: 0px;
  left: -21px;
}

.payment-method_box {
  display: flex;
  align-items: center;
  text-align: center;
}
.payment-method_box__payment-name {
  max-width: 155px;
}
.payment-method_box .payment-method {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin-right: 10px;
  border-radius: 2.93653px;
}

.grey_subtitles {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 19px;
  color: #808080;
  margin-top: 7px;
}

.order-details-row-border .grey_subtitles,
.order-details-cash-row .grey_subtitles {
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
}

.mob-date .button--link-to-chat {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  width: 185px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
.mob-date .button--link-to-chat i {
  margin-right: 5px;
}

.order_id_li {
  border-top: 1px solid #d6d6d6;
  min-width: 300px;
  padding: 6px;
  margin-bottom: 4px;
  font-size: 16px;
}
.order_id_li .order_id_li_text {
  margin-left: 3px;
  margin-right: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 21px;
  color: #f75a01;
}

.order_id_li:first-child {
  border-top: none !important;
}

.order-id-box {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
}
.order-id-box .orange_wyrel {
  margin-left: 10px;
}

.payment-status-details .payment-status_box {
  height: auto !important;
  margin-top: 12px;
  margin-bottom: 25px;
}

.subtitels_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-top: 7px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #f75a01;
}
.subtitels_text .flag {
  max-height: 40px;
  max-width: 40px;
  margin-right: 15px;
}

.order_items_title {
  display: flex;
  height: 150px;
  align-items: center;
  justify-content: flex-start;
}
.order_items_title h4 {
  margin: 0px 28px 0px 0px !important;
}

.payment-status-details .payment-status_box {
  text-align: center;
}

.order-details-row-border {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0px 20px 0px;
}
@media only screen and (max-width: 767px) {
  .order-details-row-border {
    border: none !important;
    padding: 10px 0;
  }
}

.order-details-cash-row {
  padding: 25px 0px;
}
@media only screen and (max-width: 767px) {
  .order-details-cash-row {
    padding: 10px 0;
  }
}

.subtitels_cash {
  color: #f75a01;
}

.subtitels_total {
  color: #000 !important;
  margin-bottom: 7px;
  font-size: 20px;
}

.inline_blocks_pay {
  display: inline-block;
}
.inline_blocks_pay p {
  display: inline-block;
  margin-right: 12px;
}

.order_details_table {
  background-color: #fff;
  padding: 0 30px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.order_details_table__body {
  border-collapse: inherit !important;
  margin-bottom: 0px;
}
.order_details_table__body thead tr:first-child th {
  padding: 20px 8px;
  border: none !important;
}
.order_details_table__footer-col--left {
  padding-left: 40px;
}
.order_details_table__footer-col--left p {
  text-align: left;
}
.order_details_table .order-details-row-border {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .order_details_table .order-details-row-border {
    flex-direction: column;
  }
  .order_details_table .order-details-row-border .col-12 {
    margin-bottom: 15px;
  }
}
.order_details_table .table_tr_background {
  background-color: #fff !important;
}

#refaund_req,
#refaund_part {
  border: 1px solid #f75a01 !important;
  border-radius: 4px !important;
  color: #f75a01 !important;
}

#refaund_req:hover,
#refaund_part:hover {
  color: #fff !important;
}

.open_casea_btn {
  display: block;
  background: #ff6d61;
  border: 1px solid #ff6d61;
  border-radius: 4px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  font-family: Roboto;
  text-transform: uppercase;
  color: #ffffff !important;
  padding: 14px;
  text-align: center;
  width: 230px !important;
}
.open_casea_btn:hover {
  color: #ffffff !important;
  background: #ff6d61 !important;
}

.ticket-view .table-responsive {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.ticket-view .refund {
  padding: 14px !important;
}
.ticket-view .ticket-view-id .details-items-title {
  font: 20px "Roboto", sans-serif;
  font-weight: 500;
}

.text-New {
  background: #00b341;
  opacity: 0.7;
  border-radius: 4px;
  color: #fff;
  padding: 10px 20px;
  font-weight: 900;
}

.button--link-to-chat {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  border-radius: 4px !important;
  padding: 14px 35px;
  color: #fff !important;
  font-weight: bold;
  font-size: 16px;
}
.button--link-to-chat i {
  margin-right: 5px;
}
.button--link-to-chat:hover {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%) !important;
}
.button--link-to-chat:hover i {
  animation-duration: 0.7s;
  animation-name: chatHover;
}

.submit_chat_btn {
  position: absolute;
  width: 25px;
  height: 50px;
  background: url("/img/icons/send-message.svg") no-repeat center;
  padding: 0px 15px;
  font-weight: bold;
  border-radius: 4px;
  color: #fff;
  right: 15px;
  top: 155px;
  transition: 0.3s;
}
.submit_chat_btn:hover {
  background: url("/img/icons/send-message-active.svg") no-repeat center;
}

#ticketmessage-body {
  width: 100%;
}

.chat_new_ico {
  top: 3px;
  right: 4px;
}

.back-timer .title {
  margin-top: 90px;
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #f5f5f5;
}

.countdown {
  margin-bottom: 25px;
}
.countdown .label {
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #808080;
}
.countdown .clock {
  margin-top: 15px;
  position: relative;
}
.countdown .clock:before, .countdown .clock:after {
  position: absolute;
  content: ":";
  font-weight: 900;
  font-size: 30px;
  line-height: 33px;
  color: #808080;
  left: 50%;
  margin-left: -41px;
}
.countdown .clock:after {
  margin-left: 24px;
}
.countdown .clock span {
  font-weight: 900;
  font-size: 30px;
  line-height: 33px;
  color: #f5f5f5;
  background: #808080;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0 10px;
  display: inline-block;
}

.ready-timeover {
  display: none;
}
.ready-timeover .label {
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #f5f5f5;
}
.ready-timeover .btn {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  text-transform: uppercase;
  color: #f5f5f5;
  padding: 14px 23px;
  background: #060d25;
  border-radius: 2px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.ready-timeover .btn .fas {
  margin: 0 0 0 15px;
}

.order-dispute-info {
  padding-top: 25px;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.order-dispute-info .dispute-info {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #474747;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 75px;
  position: relative;
}
.order-dispute-info .dispute-info::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  height: 40px;
  width: 40px;
  background-image: url("../../img/icons/warning_dispute.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.order-dispute-info .dispute-info .label {
  color: #474747;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding-left: 0;
  text-align: left;
}
.order-dispute-info .dispute-info .hold-amount {
  font-weight: 500;
  text-align: left;
}
.order-dispute-info .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
  align-items: flex-end;
}

.refund-request-info .refund-info {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #474747;
  min-height: 120px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 75px;
  position: relative;
}
.refund-request-info .refund-info::before {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  height: 46px;
  width: 42px;
  background-image: url("../../img/icons/refund_order.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.refund-request-info .refund-info .label {
  color: #474747;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding-left: 0;
  text-align: left;
}
.refund-request-info .refund-info .hold-amount {
  font-weight: 500;
  text-align: left;
}
.refund-request-info .buttons {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
  align-items: flex-end;
}

.btn-order__download {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  padding: 14px;
  text-align: center;
  min-width: 185px !important;
}
.btn-order__download:hover i {
  animation-duration: 0.7s;
  animation-name: downloadHover;
}

.buy_again_btn {
  background: #5b69e8;
  border-radius: 4px;
  padding: 14px;
  text-align: center;
  min-width: 185px;
  color: #fff !important;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}
.buy_again_btn span {
  color: #fff;
}

.buy_again_btn .rebuy_btn_ico::before {
  transition: transform 0.7s ease-in-out;
}
.buy_again_btn .refresh_btn_ico::before {
  transition: transform 0.7s ease-in-out;
}

.buy_again_btn:hover .rebuy_btn_ico::before {
  transform: rotate(270deg);
}
.buy_again_btn:hover .refresh_btn_ico::before {
  transform: rotate(270deg);
}

.inline-block {
  display: inline-block !important;
}

.status-offline {
  display: none !important;
}

.order-item .dispute-info .step-info .step-info-i {
  display: block;
}
.order-item .dispute-info .step-info .step-info-msg {
  white-space: initial;
}
.order-item .verify-info {
  height: 110px;
}

@media only screen and (min-width: 1024px) {
  .transaction-to-payment-page .payments-section .transaction-to-payment-block,
  .transaction-to-payment-page .payments-section .payment-tabs-1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: 4px;
  }
  .transaction-to-payment-page .payments-section .payment-tabs-1 {
    overflow: hidden;
  }
  .transaction-to-payment-page .payments-section .slick-prev {
    left: -55px !important;
  }
  .transaction-to-payment-page .payments-section .slick-next {
    left: calc(100% - 35px) !important;
  }
}
.followers-status {
  right: -3px !important;
}

.order-page .order_buttons_block button,
.order-page .order_buttons_block a {
  min-width: 230px !important;
}
@media only screen and (max-width: 1200px) {
  .order-page .order_buttons_block button,
  .order-page .order_buttons_block a {
    min-width: 90% !important;
  }
}

.first_statuses_container {
  padding-top: 61px;
}
.first_statuses_container .delivery_btn_ico::before {
  display: none;
}
.first_statuses_container .btn-order__download:hover {
  color: #fff !important;
}

.view-order-link a span {
  position: relative;
}
.view-order-link a span::before {
  content: "";
  width: 23px;
  height: 23px;
  left: -32px;
  top: -2px;
  position: absolute;
  -webkit-mask-image: url("../../img/icons/order_view.png");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #fff;
}

.order_buyer {
  padding: 30px 0px !important;
  background-color: #ffe3d2;
  border: 1px solid #f75a01;
  border-radius: 4px;
}

@keyframes viewDetails {
  0% {
    transform: scale(0.7);
  }
  25% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.cases-page .nav-tab__title {
  font-size: 16px;
}
.cases-page .disputs-page-img {
  margin-top: -65px;
}
@media only screen and (max-width: 1200px) {
  .cases-page .disputs-page-img {
    margin-top: 0;
  }
}

.new-case-modal .modal-body {
  padding: 0 15px 0;
}
.new-case-modal .modal-body .contact-email {
  color: #f75a01;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px;
}
.new-case-modal .modal-body .select-wrap__input-helper {
  font-family: "Roboto-Light", sans-serif;
  text-align: left;
  padding-top: 5px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
  color: #fff;
  mix-blend-mode: normal;
  opacity: 0.5;
}
.new-case-modal .modal-body .checkbox + label {
  width: auto;
  color: #000;
  text-align: left;
  line-height: 15px;
  padding-left: 25px;
}
.new-case-modal .modal-body .confirm-text label {
  font-family: "Roboto-Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
  color: #fff;
  mix-blend-mode: normal;
  opacity: 0.9;
}
.new-case-modal .form button[type=submit] {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .cases-page .modal-body.ticket-page textarea.form-control.input-lg {
    border-radius: 0;
    margin-left: 0;
    width: 100%;
    padding: 20px;
  }
  .cases-page .modal-body.ticket-page .wrap-file .info {
    right: 0;
  }
}
.coupon-page .table.table-black .system-status-danger {
  color: #d80027;
}
.coupon-page .table.table-black .system-status-success {
  color: #f75a01;
}
.coupon-page .mass-discount-img {
  margin-top: -60px;
}
.coupon-page .radiobox-group {
  padding-top: 0;
  padding-bottom: 0;
}
.coupon-page .radiobox-group .title {
  margin-top: 30px;
  text-transform: uppercase;
}
.coupon-page .radiobox-group .radiobox-body {
  margin-top: 10px;
}
.coupon-page .radiobox-group .radiobox-body .radio {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  width: 19.5%;
}
@media only screen and (max-width: 450px) {
  .coupon-page .radiobox-group .radiobox-body .radio {
    width: 100%;
  }
}
.coupon-page .radiobox-group .radiobox-body .radio label {
  padding-left: 25px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.coupon-page .radiobox-group .radiobox-body .radio input[type=radio] {
  display: none;
}
.coupon-page .radiobox-group .radiobox-body .radio input[type=radio] + span {
  background: url("/img/icons/radio-unchecked.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  height: 18px;
  top: 7px;
  left: 0;
  position: absolute;
}
.coupon-page .radiobox-group .radiobox-body .radio input[type=radio]:checked + span {
  background: url("/img/icons/radio-checked.svg") 0 0 no-repeat;
}
.coupon-page .checkbox-group {
  padding-top: 0;
  padding-bottom: 0;
}
.coupon-page .checkbox-group .checkbox-header a {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #888888;
  display: inline-block;
  margin-right: 20px;
}
.coupon-page .checkbox-group .checkbox-header a.active {
  color: #000;
}
.coupon-page .checkbox-group .checkbox-body {
  margin-top: 10px;
}
.coupon-page .checkbox-group .checkbox-body .form-group {
  margin-top: 20px !important;
}
.coupon-page .checkbox-group .checkbox-body .checkbox {
  display: inline-block;
  padding: 0;
  width: 50%;
  float: left;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 450px) {
  .coupon-page .checkbox-group .checkbox-body .checkbox {
    width: 100%;
  }
}
.coupon-page .checkbox-group .checkbox-body .checkbox label {
  padding: 0 0 0 25px;
  margin: 5px 0 0;
}
.coupon-page .checkbox-group .checkbox-body .checkbox label input[type=checkbox] {
  display: none;
}
.coupon-page .checkbox-group .checkbox-body .checkbox label input + span {
  position: absolute;
  background: url("/img/icons/checkbox-uncheck.svg") left 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  width: 17px;
  height: 17px;
  top: 7px;
  left: 0;
}
.coupon-page .checkbox-group .checkbox-body .checkbox label input:checked + span {
  background: url("/img/icons/checkbox-check.svg") left 0 no-repeat;
}
.coupon-page .checkbox-group .checkbox-body .checkbox label.error input + span {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 6px;
  -webkit-transition: all 0s;
  transition: all 0s;
  border: 1px solid #a94442;
  background: none;
  padding: 0;
}
.coupon-page .checkbox-group .checkbox-body .checkbox label.error input:checked + span {
  background: url("/img/icons/checkbox-check.svg") left 0 no-repeat;
  border: 1px solid #333333;
}
.coupon-page .select-wrap .ui-selectmenu-button {
  border: 1px solid #fff;
}
.coupon-page .select-wrap .ui-selectmenu-button:hover, .coupon-page .select-wrap .ui-selectmenu-button:focus {
  border: 1px solid #f75a01;
}
.coupon-page .select-wrap .ui-selectmenu-button.ui-selectmenu-button-open {
  border-color: #46ca43;
}
.coupon-page .select-wrap .ui-selectmenu-button span.ui-selectmenu-text {
  border: 0;
}
.coupon-page span.ui-selectmenu-text {
  border: 0;
}
.coupon-page .ticket-big-btn {
  position: relative;
  right: auto;
  top: auto;
  display: inline-block !important;
  line-height: 40px;
  margin-top: 35px;
  z-index: 10;
}
.coupon-page .section__top-bar {
  margin-top: 50px;
}
.coupon-page .icon-cancel {
  margin-top: 5px;
  text-align: center;
  width: 15px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  background: url("/img/icons/delete.svg") center center no-repeat;
}
.coupon-page .icon-cancel:hover {
  background: url("/img/icons/delete_active.svg");
}
.coupon-page .filters .control-label {
  display: none;
}
.coupon-page .input-lg {
  height: auto;
}
.coupon-page .input-lg .form-control {
  padding: 0 20px;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 4px;
  height: 55px;
  color: #fff;
  box-shadow: none;
  background: transparent;
}
.coupon-page .input-lg .form-control:hover, .coupon-page .input-lg .form-control:focus {
  border: 1px solid #46ca43;
}
.coupon-page tbody tr td .ui-selectmenu-button:hover span.ui-selectmenu-text, .coupon-page tbody tr td .ui-selectmenu-button:focus span.ui-selectmenu-text {
  border-color: #f75a01;
  color: #fff;
}
.coupon-page tbody tr td .ui-selectmenu-button span.ui-selectmenu-text {
  font-size: 14px;
  background: #f75a01;
  border: 1px solid #f75a01;
  border-radius: 4px;
  color: #fff;
  min-width: 120px;
}
.coupon-page tbody tr td .ui-selectmenu-button .ico-arrow::before {
  border-top: 8px solid #fff;
}
.coupon-page tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #fff;
  border: 1px solid #46ca43;
}
.coupon-page tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #46ca43;
}
.coupon-page tbody tr td .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #46ca43;
}
.coupon-page tbody tr td .ui-selectmenu-button span.ui-icon {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .coupon-page tbody tr td {
    width: 100%;
    display: block;
  }
}
.coupon-page tbody tr td .edit-coupon {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.0291667px;
  width: 20px;
  height: 20px;
  display: inline-block;
  white-space: nowrap;
  border-radius: 4px;
  border: none;
  color: #f75a01 !important;
  background-color: #a7a7a7;
  -webkit-mask-image: url("../../img/icons/pencil.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  margin-top: 5px;
}
.coupon-page tbody tr td .edit-coupon:hover {
  background-color: #f75a01;
  transform: rotate(-45deg);
}
.coupon-page tbody tr td .icon-new-trash {
  position: relative;
}
.coupon-page tbody tr td .icon-new-trash::after {
  content: "";
  position: relative;
  display: block;
  width: 15px;
  height: 20px;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -o-mask-image: url("../../img/icons/trash_new.svg");
  -moz-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.coupon-page tbody tr td .icon-new-trash:hover::after {
  background-color: #f75a01;
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -o-mask-image: url("../../img/icons/trash_new_hover.png");
  -moz-mask-image: url("../../img/icons/trash_new_hover.png");
}

.discount-multi-level-page {
  padding: 0px 15px;
}
.discount-multi-level-page .general-menu.nav-tabs {
  border-bottom: 0;
  overflow: hidden;
  margin: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .discount-multi-level-page .general-menu.nav-tabs {
    padding-top: 0;
  }
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item {
  width: 20%;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item a {
  margin-right: 0;
  background: #fff;
  border: none !important;
  text-align: center;
  padding: 20px 0 20px;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item a.title {
  font-family: Roboto-bold;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 16px;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .discount-multi-level-page .general-menu.nav-tabs li.nav-item a.title {
    height: 25px;
  }
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item a span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.0571991px;
  text-transform: none !important;
  color: #000000;
  mix-blend-mode: normal;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child):hover a {
  background: #fff !important;
  color: #f75a01 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child):hover a .title {
  color: #f75a01 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child):hover a span {
  color: #f75a01 !important;
  opacity: 1 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active:hover a {
  background: #ffe3d2 !important;
  color: #000 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active:hover a .title {
  color: #000 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active:hover a span {
  color: #000 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active a {
  background: #ffe3d2 !important;
  color: #000 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active a .title {
  color: #000 !important;
}
.discount-multi-level-page .general-menu.nav-tabs li.nav-item:not(:only-child).active a span {
  color: #000 !important;
}
.discount-multi-level-page .discount-multi-level-form {
  text-align: center;
  margin: 60px 0;
}
@media only screen and (max-width: 767px) {
  .discount-multi-level-page .discount-multi-level-form {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.discount-multi-level-page .discount-multi-level-form label.control-label {
  color: #000 !important;
  text-transform: uppercase;
  text-align: left;
  display: block;
}
.discount-multi-level-page .discount-multi-level-form .help-block {
  text-transform: uppercase;
  text-align: left;
  display: block;
}
.discount-multi-level-page .discount-multi-level-form .add-discount,
.discount-multi-level-page .discount-multi-level-form .submit-discount {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  width: 100%;
  max-width: 200px;
  font: 16px "Roboto-Black", sans-serif;
  border: 1px solid #f75a01;
  text-transform: uppercase;
  border-radius: 4px;
}
.discount-multi-level-page .discount-multi-level-form .add-discount {
  background: transparent;
  color: #f75a01;
}
.discount-multi-level-page .discount-multi-level-form .button-block {
  text-align: left;
}
.discount-multi-level-page .discount-multi-level-form .button-block .submit-discount {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
}
.discount-multi-level-page .discount-multi-level-form .button-block .submit-discount:hover {
  background: linear-gradient(180deg, #f85900 0%, #f85900 100%);
}

.offer-page .name-search,
.discount-multi-level-page .name-search,
.coupon-page .name-search {
  position: relative;
}
.offer-page .name-search:after,
.discount-multi-level-page .name-search:after,
.coupon-page .name-search:after {
  content: "\f002";
  color: #fff;
  display: block;
  position: absolute;
  right: 20px;
  top: 5px;
  font: normal normal normal 20px/1 "Font Awesome 5 Free";
  background: #f75a01;
  font-weight: 600;
  height: 45px;
  width: 45px;
  border-radius: 4px;
  line-height: 45px;
  text-align: center;
}

.discount-multi-level-page .unlink,
.discount-multi-level-page .link {
  display: inline-block !important;
  float: none !important;
  margin: 5px auto 5px 10px !important;
  width: auto !important;
  border: 1px solid #808080 !important;
  padding: 5px;
  border-radius: 4px;
  color: #fff;
}
.discount-multi-level-page .unlink:hover, .discount-multi-level-page .unlink:focus,
.discount-multi-level-page .link:hover,
.discount-multi-level-page .link:focus {
  border: 1px solid #46ca43 !important;
  color: #46ca43;
}

.coupon-page .name-search:after {
  top: 15px;
}
.coupon-page .tgl-btn-green {
  margin: 0 auto !important;
}
.coupon-page .input-lg {
  border: none !important;
}

.filter-item {
  padding: 0px 5px;
}
.filter-item.filter-item-first {
  padding-left: 15px;
}
.filter-item.filter-item-last {
  padding-right: 15px;
}

.about-us {
  margin: 50px 0;
  font-size: 14px;
  color: #FFFFFF;
}
.about-us img {
  max-width: 100%;
}
.about-us .index-block {
  margin-bottom: 100px;
}
.about-us .index-block h3 {
  font-size: 24px;
  line-height: 150%;
  color: #FFFFFF;
}
.about-us .index-block p {
  line-height: 150%;
  margin: 20px 0 0;
}
@media only screen and (max-width: 992px) {
  .about-us .index-block .img {
    text-align: center;
  }
}
.about-us .why-should .title,
.about-us .why-should .title,
.about-us .bonus-program .title,
.about-us .affiliate-program .title,
.about-us .all-transactions .title,
.about-us .wyrel-community .title {
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
}
@media only screen and (max-width: 766px) {
  .about-us .wyrel-mission .list {
    padding-top: 30px;
  }
}
.about-us .wyrel-mission .list .img {
  margin: 50px 0 20px;
  height: 55px;
  line-height: 80px;
}
@media only screen and (max-width: 766px) {
  .about-us .wyrel-mission .list .img {
    float: left;
    width: 20%;
    height: 50px;
    margin: 20px 0 20px;
  }
}
@media only screen and (max-width: 540px) {
  .about-us .wyrel-mission .list .img {
    width: 30%;
    height: 150px;
  }
}
.about-us .wyrel-mission .list .info {
  padding: 0 15px;
}
@media only screen and (max-width: 992px) {
  .about-us .wyrel-mission .list .info {
    padding: 0;
  }
}
@media only screen and (max-width: 766px) {
  .about-us .wyrel-mission .list .info {
    float: left;
    width: 80%;
    height: 50px;
    margin: 20px 0 20px;
    text-align: left !important;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 540px) {
  .about-us .wyrel-mission .list .info {
    width: 70%;
    height: 150px;
  }
}
@media only screen and (min-width: 992px) {
  .about-us .wyrel-mission .list .info {
    margin-top: 100px;
  }
}
.about-us .wyrel-mission .pod-header {
  text-align: center;
  margin: 30px 0 100px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.07px;
  color: #FFFFFF;
}
@media only screen and (max-width: 766px) {
  .about-us .wyrel-mission .pod-header {
    margin: 30px 0 50px;
  }
}
.about-us .why-should {
  padding-bottom: 25px;
}
@media only screen and (max-width: 766px) {
  .about-us .why-should {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .about-us .why-should .title {
    margin-bottom: 30px;
  }
}
.about-us .why-should ul {
  padding: 30px;
  display: block;
}
@media only screen and (max-width: 992px) {
  .about-us .why-should ul {
    padding: 0 30px;
  }
}
.about-us .why-should ul li {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.07px;
  padding-bottom: 20px;
  position: relative;
}
.about-us .why-should ul li::before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 8px;
  left: -20px;
  border-radius: 50%;
  background-color: #F75A01;
}
.about-us .bonus-program .info {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .about-us .bonus-program .info br {
    display: none;
  }
}
.about-us .bonus-program .list .img {
  margin: 30px 0 20px;
  height: 55px;
  line-height: 80px;
}
@media only screen and (max-width: 766px) {
  .about-us .bonus-program .list .img {
    float: left;
    width: 20%;
    height: 50px;
    margin: 20px 0 20px;
  }
}
@media only screen and (max-width: 540px) {
  .about-us .bonus-program .list .img {
    width: 30%;
    height: 100px;
  }
}
.about-us .bonus-program .list .info {
  padding: 0 15px;
}
@media only screen and (max-width: 992px) {
  .about-us .bonus-program .list .info {
    padding: 0;
  }
}
@media only screen and (max-width: 766px) {
  .about-us .bonus-program .list .info {
    float: left;
    width: 80%;
    height: 50px;
    margin: 20px 0 20px;
    text-align: left !important;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 540px) {
  .about-us .bonus-program .list .info {
    width: 70%;
    height: 100px;
  }
}
.about-us .bonus-program .big-info {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.07px;
  padding: 50px 0 100px;
}
@media only screen and (max-width: 992px) {
  .about-us .bonus-program .big-info {
    padding: 50px 0 50px;
  }
}
@media only screen and (max-width: 992px) {
  .about-us .bonus-program .big-info br {
    display: none;
  }
}
.about-us .affiliate-program .info {
  padding: 30px 0 100px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.07px;
}
@media only screen and (max-width: 992px) {
  .about-us .affiliate-program .info {
    padding: 30px 0 30px;
  }
}
.about-us .affiliate-program img {
  margin: 100px 0 0;
}
@media only screen and (max-width: 992px) {
  .about-us .affiliate-program img {
    margin: 0 0 30px;
  }
}
.about-us .all-transactions .sub-title {
  padding: 30px 0;
}
.about-us .all-transactions .list .relative span {
  font-size: 50px;
  line-height: 68px;
  letter-spacing: 0.07px;
  color: #F75A01;
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1;
  font-weight: bold;
}
@media only screen and (max-width: 766px) {
  .about-us .all-transactions .list .relative span {
    position: relative;
    display: inline-block;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    float: left;
    width: 20%;
  }
}
.about-us .all-transactions .list .relative .info {
  padding: 65px 50px 0 0px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .about-us .all-transactions .list .relative .info {
    padding: 65px 10px 0 10px;
  }
}
@media only screen and (max-width: 766px) {
  .about-us .all-transactions .list .relative .info {
    height: 50px;
    text-align: left !important;
    padding: 0;
    display: inline-block;
    float: left;
    width: 80%;
  }
}
@media only screen and (max-width: 350px) {
  .about-us .all-transactions .list {
    padding-bottom: 20px;
  }
}
.about-us .all-transactions .big-info {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.07px;
  padding: 50px 0 100px;
}
@media only screen and (max-width: 992px) {
  .about-us .all-transactions .big-info br {
    display: none;
  }
}
.about-us .wyrel-community .text {
  padding: 30px 100px 0 0;
  line-height: 24px;
  letter-spacing: 0.07px;
}
@media only screen and (max-width: 992px) {
  .about-us .wyrel-community .text {
    padding: 30px 0 0 0;
  }
}

.partners_header {
  margin: 40px 0px;
}
.partners_header .partners_title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
.partners_header .partners_text {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  margin-top: 25px;
}

.contacts_page .small_title {
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 20px;
}
.contacts_page .big_title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
.contacts_page .create_offer_grid .form-group {
  margin-bottom: 15px !important;
}
.contacts_page .form-title {
  margin-bottom: 40px !important;
}
.contacts_page #ticket-title {
  border: 1px solid #808080 !important;
}
.contacts_page .field-ticket-file {
  display: flex;
  max-width: 50%;
  float: left;
}
.contacts_page .field-ticket-file .control-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #808080;
  text-transform: capitalize;
  position: relative;
  padding-top: 10px;
}
.contacts_page .field-ticket-file .control-label::after {
  content: "";
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  width: 38px;
  height: 38px;
  background-image: url("../../img/icons/choose_file.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contacts_page .field-ticket-file #ticket-file {
  display: none;
}

.about_us_title {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 150%;
  color: #000000;
}

.about_us_big_title {
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 49px;
  color: #000000;
  text-transform: uppercase;
}

.comunity-title {
  border-top: 1px solid #808080;
  margin-top: 50px;
  padding-top: 50px;
}

@media only screen and (min-width: 992px) {
  .about_us_bonus {
    width: 80%;
    float: right;
    margin-top: 67px;
    margin-right: 5px;
  }
  .smal-duration {
    width: 75% !important;
    margin-left: 25%;
  }
}
.about_us_2 {
  float: right;
  width: 80%;
  margin-top: -20px;
}
@media only screen and (max-width: 992px) {
  .about_us_2 {
    width: 100%;
    height: auto;
    margin: 50px auto;
  }
}

.table-container {
  position: relative;
}

.mobile-label {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile-label {
    display: inline-block;
  }
}

.table-wrap .table {
  position: relative;
  z-index: 10;
}
.table-wrap .table__style .js-added-thead-margin-top {
  height: 15px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style .js-added-thead-margin-top {
    display: none;
  }
}
.table-wrap .table__style--thead thead {
  background: #fff !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.table-wrap .table__style--thead thead tr th {
  padding: 24px 10px !important;
  color: #000 !important;
  font-weight: 900 !important;
  font-family: Avenir-Next, sans-serif !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
}
.table-wrap .table__style--thead thead tr th a {
  color: #000 !important;
  font-weight: 900 !important;
  font-family: Avenir-Next, sans-serif !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
}
.table-wrap .table__style--thead thead tr th:first-child {
  padding-left: 30px !important;
}
.table-wrap .table__style--thead thead tr th:last-child {
  padding-right: 30px !important;
}
.table-wrap .table__style--tbody tbody {
  background: #fff !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.table-wrap .table__style--tbody tbody tr {
  border-top: 1px solid #dadada !important;
}
.table-wrap .table__style--tbody tbody tr:nth-child(even) {
  background: #cfcfcf !important;
}
.table-wrap .table__style--tbody tbody tr td {
  font-family: Roboto-Regular, sans-serif !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000 !important;
  border-top: none !important;
  padding: 24px 10px !important;
  white-space: normal !important;
  vertical-align: middle !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style--tbody tbody tr td {
    padding: 10px 15px !important;
  }
}
.table-wrap .table__style--tbody tbody tr td:first-child {
  padding-left: 30px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style--tbody tbody tr td:first-child {
    padding-left: 15px !important;
  }
}
.table-wrap .table__style--tbody tbody tr td:last-child {
  padding-right: 30px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style--tbody tbody tr td:last-child {
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style--tbody tbody tr td.system-status {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__style--tbody tbody tr td.system-status .tgl-btn {
    width: 40px;
    margin: 0;
  }
}
.table-wrap .table__style--tbody tbody tr td .ajax-modal {
  color: #f75a01 !important;
}
.table-wrap .table__style--tbody tbody tr td .ajax-modal:hover {
  opacity: 0.8;
}
.table-wrap .table__style--tbody tbody tr td .order-id {
  color: #f75a01 !important;
}
.table-wrap .table__style--tbody tbody tr td .order-id:hover {
  opacity: 0.8;
}
.table-wrap .table__style--tbody tbody tr td .green {
  color: #f75a01;
}
.table-wrap .table__style--tbody tbody tr td .orange {
  color: #f75a01;
}
.table-wrap .table__style--tbody tbody tr td .gray {
  color: #f75a01;
}
.table-wrap .table__style--tbody tbody tr td .upper-text {
  text-transform: uppercase;
}
.table-wrap .table__style .label {
  width: 100%;
  max-width: 126px;
  border-radius: 4px;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.4px;
  display: inline-block;
  padding: 10px 20px;
}
.table-wrap .table__style .crop {
  max-width: 150px;
  display: inline-block;
  overflow: hidden;
  color: #f75a01;
}
.table-wrap .table__payment-img img {
  height: 32px;
  width: auto;
  margin-right: 5px;
  margin-top: -10px;
  margin-bottom: -10px;
}
.table-wrap .table__documents.table__style--thead thead tr th {
  text-align: center;
}
.table-wrap .table__documents.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__documents.table__style--tbody tbody tr td {
    text-align: left !important;
    display: flex;
    align-items: center;
  }
}
.table-wrap .table__documents.table__style--tbody tbody tr td:first-child {
  padding-left: 24px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__documents.table__style--tbody tbody tr td:first-child {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__documents.table__style--tbody tbody tr td .mobile-label {
    width: 65%;
  }
}
.table-wrap .table__documents.table__style--tbody tbody tr td .crop {
  background-color: #fff;
  padding: 5px 9px;
  border: 1px solid #f75a01;
  border-radius: 4px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #f75a01 !important;
}
.table-wrap .table__documents.table__style--tbody tbody tr td .crop:hover {
  background-color: #f75a01;
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__documents.table__style--tbody tbody tr td:nth-child(5) {
    text-align: center;
  }
}
.table-wrap .table__documents.table__style--tbody tbody tr td:nth-child(6) {
  min-width: 160px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px !important;
  min-height: 90px;
  height: 100%;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__documents.table__style--tbody tbody tr td:nth-child(6) {
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: auto;
    display: flex !important;
    justify-content: flex-start;
    text-align: left;
  }
  .table-wrap .table__documents.table__style--tbody tbody tr td:nth-child(6) .doc-ico-status {
    position: relative;
    margin-left: 14px !important;
  }
  .table-wrap .table__documents.table__style--tbody tbody tr td:nth-child(6) .doc-ico-status::before {
    top: 3px !important;
  }
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td {
  vertical-align: top !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) {
    padding-left: 15px !important;
  }
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1):not(:only-child) {
  display: flex;
  align-items: center;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block {
  display: block;
  margin-right: 5px;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block::before {
  color: #fff;
  padding: 6px;
  border-radius: 20px;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block.icon-user::before {
  content: "\e005";
  background: #f75a01;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block.icon-bell::before {
  content: "\e027";
  background: #f75a01;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block.icon-wallet:before {
  content: "\e02a";
  background: red;
}
.table-wrap .table__notification-page.table__style--tbody tbody tr td:nth-child(1) .label-img-block.icon-basket:before {
  content: "\e04e";
  background: orange;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__history-log.table__style--tbody tbody tr td {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__history-log.table__style--tbody tbody tr td:first-child {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__history-log.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payment-transaction.table__style--tbody tbody td:not(:only-child) {
    display: flex;
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payment-transaction.table__style--tbody tbody td:nth-child(4) {
    align-items: center;
  }
}
.table-wrap .table__payment-transaction.table__style--tbody tbody td:nth-child(4) img {
  width: fit-content;
  margin: 0 auto;
  height: 32px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payment-transaction.table__style--tbody tbody td:nth-child(4) img {
    margin: initial;
    margin-right: 10px;
  }
}
.table-wrap .table__payment-transaction.table__style--tbody tbody td label {
  width: 50%;
}
.table-wrap .table__transactions.table__style--thead thead th:first-child {
  width: 21%;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--thead thead th:first-child {
    width: auto;
  }
}
.table-wrap .table__transactions.table__style--thead thead th:nth-child(2) {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--thead thead th:nth-child(2) {
    width: auto;
  }
}
.table-wrap .table__transactions.table__style--thead thead th:nth-child(3) {
  width: 18%;
  text-align: center;
}
.table-wrap .table__transactions.table__style--thead thead th:nth-child(4) {
  width: 17%;
  text-align: center;
}
.table-wrap .table__transactions.table__style--thead thead th:nth-child(5) {
  text-align: center;
}
.table-wrap .table__transactions.table__style--thead thead th:nth-child(6) {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__transactions.table__style--tbody tbody td {
    text-align: left !important;
  }
  .table-wrap .table__transactions.table__style--tbody tbody td:not(:only-child) {
    display: flex;
  }
}
.table-wrap .table__transactions.table__style--tbody tbody td:first-child {
  width: 21%;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--tbody tbody td:first-child {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__transactions.table__style--tbody tbody td:first-child span {
    width: 50%;
    max-width: 50%;
  }
}
.table-wrap .table__transactions.table__style--tbody tbody td:nth-child(2) {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--tbody tbody td:nth-child(2) {
    width: auto;
  }
}
.table-wrap .table__transactions.table__style--tbody tbody td:nth-child(3) {
  width: 18%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--tbody tbody td:nth-child(3) {
    width: auto;
  }
}
.table-wrap .table__transactions.table__style--tbody tbody td:nth-child(4) {
  width: 17%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__transactions.table__style--tbody tbody td:nth-child(4) {
    width: auto;
  }
}
.table-wrap .table__transactions.table__style--tbody tbody td:nth-child(5) {
  text-align: center;
}
.table-wrap .table__transactions.table__style--tbody tbody td:nth-child(6) {
  text-align: center;
}
.table-wrap .table__transactions.table__style--tbody tbody td .label {
  max-width: 62px;
  padding: 5px 8px 4px;
  font-weight: 400;
  font-size: 10px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__transactions.table__style--tbody tbody td .label {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__transactions.table__style--tbody tbody td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__payout.table__style--thead thead th:first-child {
  width: 25%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--thead thead th:first-child {
    width: auto;
  }
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(2) {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--thead thead th:nth-child(2) {
    width: auto;
  }
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(3) {
  width: 18%;
  text-align: center;
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(4) {
  width: 12%;
  text-align: center;
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(5) {
  text-align: center;
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(6) {
  text-align: center;
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(7) {
  width: 12%;
}
.table-wrap .table__payout.table__style--thead thead th:nth-child(8) {
  width: 12%;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payout.table__style--tbody tbody td {
    display: flex;
    text-align: left !important;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:first-child {
  width: 25%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:first-child {
    width: auto;
    text-align: left;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(2) img {
  width: 35px;
  min-width: 35px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(2) {
    width: auto;
    justify-content: flex-start;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(3) {
  width: 12%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(3) {
    width: auto;
    text-align: left;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(4) {
  width: 17%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(4) {
    width: auto;
    text-align: left;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(5) {
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(5) {
    text-align: left;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(6) {
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(6) {
    text-align: left;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) {
  width: 12%;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) {
    width: auto;
    display: flex;
    align-items: center;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-0,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-1,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-2,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-3,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .payout_cancel {
  margin: 0 auto;
  margin-top: -10px !important;
  margin-left: 10px;
  margin-left: 0 !important;
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-0::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-1::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-2::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-3::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .payout_cancel::before {
  top: 4px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-0,
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-1,
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-2,
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .ico-status-numbers-3,
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(7) .payout_cancel {
    margin-top: 0px !important;
    margin-left: 5px !important;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) {
  width: 12%;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) a {
    position: relative;
  }
}
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) .ico-status-numbers-0::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) .ico-status-numbers-1::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) .ico-status-numbers-2::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) .ico-status-numbers-3::before,
.table-wrap .table__payout.table__style--tbody tbody td:nth-child(8) .payout_cancel::before {
  top: 4px;
}
.table-wrap .table__payout.table__style--tbody tbody td .label {
  max-width: 62px;
  padding: 5px 8px 4px;
  font-weight: 400;
  font-size: 10px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__payout.table__style--tbody tbody td .mobile-label {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__holdbacks.table__style--tbody tbody td:not(:only-child) {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__holdbacks.table__style--tbody tbody td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__holdbacks.table__style--tbody tbody td .right-arrow {
  background: url(../img/icons/green-arrow.svg) right center no-repeat;
  display: inline-block;
  padding-right: 10px;
}
.table-wrap .table__holdbacks.table__style .table-note {
  color: #444;
  font-family: Roboto, sans-serif;
  font-weight: normal;
  line-height: 15px;
  font-size: 11px;
}
.table-wrap .table__holdbacks.table__style .category {
  background: #27ae60;
  border-radius: 4px;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.4px;
  display: inline-block;
  padding: 0 8px;
}
.table-wrap .table__holdbacks.table__style .category--orders {
  background: #eec23c;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers {
    margin-bottom: 15px;
  }
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:first-child {
  padding-left: 25px !important;
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:last-child {
  padding: 0 25px 0 15px !important;
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:nth-child(4) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:nth-child(8) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:nth-child(9) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--thead thead tr th:nth-child(10) {
  padding: 0 15px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:first-child {
  padding-left: 25px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td:first-child {
    padding-left: 15px !important;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:first-child input {
  position: relative;
  top: 2px;
  margin: 0 !important;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:last-child {
  padding: 0 25px 0 15px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td:last-child:not(:only-child) {
    height: 0 !important;
    padding: 0 !important;
    justify-content: flex-end;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(4) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(5) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(8) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(9) {
  text-align: center;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(10) {
  padding: 0 15px !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td:nth-child(10) {
    padding: 10px 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td label {
    width: 50%;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td span {
    width: 50%;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td a {
    width: 50%;
    text-align: left;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td.status {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.status {
    text-align: left;
  }
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.status span {
    margin: 0;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-success {
  background: none !important;
  opacity: 1 !important;
  border-radius: inherit !important;
  color: #00b341 !important;
  font-weight: 900 !important;
  padding: initial !important;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-success {
    text-align: left;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-warning {
  background: none !important;
  opacity: 1 !important;
  border-radius: inherit !important;
  color: #f75a01 !important;
  font-weight: 900 !important;
  padding: initial !important;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-warning {
    text-align: left;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-danger {
  background: none !important;
  opacity: 1 !important;
  border-radius: inherit !important;
  color: #f75a01 !important;
  font-weight: 900 !important;
  padding: initial !important;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.status .system-status-danger {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td.expire a {
    margin: 0 10px;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td .edit-offer {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/pencil.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td .edit-offer:hover {
  transform: rotate(-35deg);
  background-color: #f75a01;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td .delete-offer-link {
    position: relative;
    top: -25px;
    right: 15px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td .delete-offer-link .delete-offer {
  width: 16px;
  height: 20px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td .delete-offer-link .delete-offer:hover {
  background-color: #f75a01;
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  height: 26px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__menage-offers.table__style--tbody tbody tr td .delete-offer-link .delete-offer {
    margin-top: 0;
  }
}
.table-wrap .table__menage-offers.table__style--tbody tbody tr td .delete {
  width: 15px;
  height: 15px;
  background: url("/img/offer-pages/delete.svg") no-repeat;
}
.table-wrap .table__cupone-code.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__cupone-code.table__style--thead thead th:nth-child(2) {
  min-width: 300px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--thead thead th:nth-child(2) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--thead thead th:nth-child(3) {
  min-width: 275px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--thead thead th:nth-child(3) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--thead thead th:nth-child(4) {
  min-width: 275px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--thead thead th:nth-child(4) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--thead thead th:nth-child(5) {
  max-width: 40px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--thead thead th:nth-child(5) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:last-child:not(:only-child) {
    height: 0;
    padding: 0 !important;
    justify-content: flex-end;
  }
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:last-child:not(:only-child) .delete-coupon-link {
    position: relative;
    top: -31px;
    right: 15px;
  }
}
.table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(2) {
  min-width: 300px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(2) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(3) {
  min-width: 275px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(3) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(4) {
  min-width: 275px;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(4) {
    min-width: initial;
  }
}
.table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(5) {
  max-width: 40px;
  text-align: right;
}
@media only screen and (max-width: 992px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(5) {
    max-width: initial;
    min-width: initial;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td:nth-child(5) {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__cupone-code.table__style--tbody tbody tr td label {
    width: 50%;
  }
}
.table-wrap .table__mass-discount {
  min-height: 200px;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__mass-discount {
    margin-bottom: 15px;
  }
}
.table-wrap .table__mass-discount.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(3) {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__mass-discount.table__style--thead thead th:nth-child(3) {
    width: 100%;
  }
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info {
  margin: 0 5px;
  top: 2px;
  bottom: auto;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info .step-info-msg {
  white-space: normal;
  width: 360px;
  height: max-content;
  left: -150px;
  top: 25px;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info .step-info-msg:after, .table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info .step-info-msg:before {
  content: "";
  display: block;
  clear: both;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info .step-info-msg .important {
  color: #f75a01;
  display: block;
  margin: 0 0 5px;
  text-align: center;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info .step-info-msg label {
  display: block;
  margin-bottom: 5px;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .ico-informer {
  margin-left: 5px;
}
.table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info-msg:after, .table-wrap .table__mass-discount.table__style--thead thead th:nth-child(4) .step-info-msg:before {
  content: "";
  display: block;
  clear: both;
}
.table-wrap .table__mass-discount.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__mass-discount.table__style--tbody tbody tr td {
    text-align: left;
    display: flex;
  }
}
.table-wrap .table__mass-discount.table__style--tbody tbody tr td:nth-child(3) {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__mass-discount.table__style--tbody tbody tr td:nth-child(3) {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__mass-discount.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__affiliate-reward {
    margin-bottom: 15px;
  }
}
.table-wrap .table__affiliate-reward.table__style--thead thead th {
  position: relative;
  text-align: center;
}
.table-wrap .table__affiliate-reward.table__style--thead thead th .step-info {
  position: absolute;
  margin: 0 5px;
  top: 50%;
  transform: translate(0, -50%);
}
.table-wrap .table__affiliate-reward.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__affiliate-reward.table__style--tbody tbody tr td {
    display: flex;
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__affiliate-reward.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__bonus-balance.table__style--thead thead th:first-child {
  text-align: left;
}
.table-wrap .table__bonus-balance.table__style--tbody tbody tr td {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__bonus-balance.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__bonus-balance.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__tickets-active.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__tickets-active.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-active.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
  .table-wrap .table__tickets-active.table__style--tbody tbody tr td {
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-active.table__style--tbody tbody tr td:nth-child(2) span {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-active.table__style--tbody tbody tr td:nth-child(2) a {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-active.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__tickets-complited.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__tickets-complited.table__style--thead thead th:nth-child(2) {
  text-align: left !important;
}
.table-wrap .table__tickets-complited.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-complited.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
  .table-wrap .table__tickets-complited.table__style--tbody tbody tr td {
    text-align: left !important;
  }
}
.table-wrap .table__tickets-complited.table__style--tbody tbody tr td:nth-child(2) {
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-complited.table__style--tbody tbody tr td:nth-child(5) span {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-complited.table__style--tbody tbody tr td:nth-child(5) a {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__tickets-complited.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__disputes-active.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__disputes-active.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-active.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
  .table-wrap .table__disputes-active.table__style--tbody tbody tr td {
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-active.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table__disputes-completed.table__style--thead thead th {
  text-align: center;
}
.table-wrap .table__disputes-completed.table__style--tbody tbody tr td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-completed.table__style--tbody tbody tr td:not(:only-child) {
    display: flex;
  }
  .table-wrap .table__disputes-completed.table__style--tbody tbody tr td {
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-completed.table__style--tbody tbody tr td:nth-child(2) span {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-completed.table__style--tbody tbody tr td:nth-child(2) a {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrap .table__disputes-completed.table__style--tbody tbody tr td .mobile-label {
    width: 50%;
  }
}
.table-wrap .table .null-message {
  color: #fff;
}
.table-wrap .table-white {
  background: #fff;
  color: #000;
}
.table-wrap .table-white.table-hover tbody tr:hover {
  background: #f75a01;
}
.table-wrap .table-white.table-hover tbody tr:hover td {
  color: #fff;
}
.table-wrap .table-white.table-hover tbody tr:hover td a {
  color: #fff;
}
.table-wrap .table-white.table-hover tbody tr:hover td .button--delete {
  background: url("../img/icons/delete-icon-white.svg") no-repeat center center;
}
.table-wrap .table-white thead tr th {
  padding: 24px 10px;
}
.table-wrap .table-white thead tr:last-child th {
  border-bottom: 10px solid #1e1d1d;
  white-space: nowrap;
}
.table-wrap .table .empty {
  text-align: center;
  height: 250px;
  background: url(../img/not-found-icon.svg) no-repeat 50% 50%;
  background-size: 210px;
  text-transform: none;
}
.table-wrap .table-black {
  background: #13192a;
  color: #fff;
}
.table-wrap .table-black tr td select,
.table-wrap .table-black tr td .fake-select,
.table-wrap .table-black tr th select,
.table-wrap .table-black tr th .fake-select {
  padding: 2px 40px 2px 13px;
  height: auto;
  border: 1px solid #000;
}
.table-wrap .table-black tr td select,
.table-wrap .table-black tr td .custom-select-wrap,
.table-wrap .table-black tr th select,
.table-wrap .table-black tr th .custom-select-wrap {
  display: inline-block;
  max-width: 150px;
}
.table-wrap .table-black tr td select .options-list-wrap,
.table-wrap .table-black tr td .custom-select-wrap .options-list-wrap,
.table-wrap .table-black tr th select .options-list-wrap,
.table-wrap .table-black tr th .custom-select-wrap .options-list-wrap {
  top: 39px;
}
.table-wrap .table-black tr td:first-child,
.table-wrap .table-black tr th:first-child {
  border-left: none;
}
.table-wrap .table-black tr td:last-child,
.table-wrap .table-black tr th:last-child {
  border-right: none;
}
.table-wrap .table-black tr td .fa,
.table-wrap .table-black tr th .fa {
  font-size: 18px;
}
.table-wrap .table-black thead tr th {
  color: #fff;
}
.table-wrap .table-black tbody tr:last-child td {
  border-bottom: none;
  background: none;
  border-top: 2px solid #13192a;
}
.table-wrap .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.summary {
  color: #8e8e8e;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  margin-bottom: 35px;
}

.table-wrap .table-filters {
  margin-bottom: 20px;
  margin-top: 20px;
}
.table-wrap .table-filters .input-group.search {
  margin-top: 24px;
}
.table-wrap .table-filters .input-group.search .input-group-btn {
  background-color: #fff;
}
.table-wrap .table-filters .datepicker-group.white .form-control.input-lg {
  width: calc(50% - 10px);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  background: none;
}
.table-wrap .table-filters .datepicker-group.white .form-control.input-lg:focus, .table-wrap .table-filters .datepicker-group.white .form-control.input-lg:hover {
  border: 1px solid #fff !important;
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.table-wrap .table-filters .datepicker-group.white .form-control.input-lg::placeholder {
  font-family: "Roboto-Light";
  opacity: 1 !important;
  color: #000 !important;
}
.table-wrap .table-filters .form-control.input-lg {
  background: #fff;
  color: #000;
}
.table-wrap .table-filters .amount-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.table-wrap .table-filters .amount-group__input {
  width: calc(50% - 15px);
}
.table-wrap .table-filters-white {
  background: #fff;
  margin-bottom: 0;
  padding: 20px 10px;
}
.table-wrap .table-filters-white .control-label {
  display: none;
}

.bordered,
.top-proposal-card table {
  border: 5px solid #d9d9d9 !important;
  width: 100% !important;
}
.bordered td,
.top-proposal-card table td {
  padding: 10px;
  border: 1px solid #d9d9d9 !important;
}

.width-50-per {
  width: 50%;
}
.width-50-per a {
  transition: 0s !important;
}

@media only screen and (max-width: 767px) {
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
    text-align: left;
  }
  .table-wrap .table .crop {
    overflow: auto;
  }
  .table-wrap .table .crop {
    line-height: 9px;
    max-width: 150px;
    display: inline-block;
    overflow: hidden;
    color: #46ca43;
  }
  .table-wrap .table tr th {
    padding: 15px 10px;
  }
  .table-wrap .table tr td {
    padding: 15px 10px;
  }
  .table-wrap .table-filters {
    min-height: 0.01%;
  }
  .table-wrap .table tr {
    display: block;
  }
  .table-wrap .table thead {
    display: none;
  }
  .order-items.table tbody tr td,
  .table-wrap .table tr td,
  .table.table-black tr td,
  .order-items.table tbody th,
  .table-wrap .table th,
  .table.table-black th {
    width: 100%;
    display: block;
    padding: 15px 10px;
  }
  colgroup {
    display: none;
  }
  .summary {
    margin-top: 10px;
  }
  .table-wrap .pagination {
    display: block;
    text-align: center;
  }
}
.transaction-to-payment-page {
  background: #13192a;
  padding-bottom: 100px;
}
.transaction-to-payment-page .payment-search {
  padding: 0 0 0;
  margin: 10px 0;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-search {
    margin: 15px !important;
    width: calc(100% - 30px);
  }
}
.transaction-to-payment-page .payment-search .button.button--positive {
  min-width: 50px !important;
  width: auto;
  position: absolute;
  bottom: 4px;
  right: 5px;
  background: #f75a01;
  border: 1px solid #f75a01;
  color: #fff;
  border-radius: 0 4px 4px 0;
  font-family: Roboto-Light;
  text-transform: none;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 32px;
}
.transaction-to-payment-page .payment-search .cart-item-nick {
  border: none !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.transaction-to-payment-page .payment-search .cart-item-nick:hover, .transaction-to-payment-page .payment-search .cart-item-nick:focus {
  border: none !important;
}
.transaction-to-payment-page .payments-section {
  overflow: hidden;
  height: 60px;
  margin-top: 10px;
}
.transaction-to-payment-page .transaction-to-payment-block {
  background: #33384c;
  border-radius: 10px;
  padding: 30px 50px;
  margin-bottom: 10px;
}
.transaction-to-payment-page .transaction-to-payment-block .alert-label {
  margin-bottom: 20px;
  color: #ff9c00;
  font-size: 14px;
}
.transaction-to-payment-page .transaction-to-payment-block .radio__container {
  margin-bottom: 0 !important;
}
.transaction-to-payment-page .transaction-to-payment-block__title {
  color: #ffffff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 20px;
}
.transaction-to-payment-page .transaction-to-payment-block__content {
  padding: 0 0 30px;
}
.transaction-to-payment-page .transaction-to-payment-block__content:last-child {
  margin-bottom: 0;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-block .hash-code {
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-block .product-title {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-block .product-title span {
  margin-left: 7px;
}
.transaction-to-payment-page .transaction-to-payment-block .form .control-label {
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.transaction-to-payment-page .transaction-to-payment-block .form .form-control.input-lg {
  border-color: #cecece;
}
.transaction-to-payment-page .transaction-to-payment-block .form .info {
  color: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.transaction-to-payment-page .transaction-to-payment-block .form .info span {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
}
.transaction-to-payment-page .transaction-to-payment-block .form .card-number-block {
  position: relative;
}
.transaction-to-payment-page .transaction-to-payment-block .form .card-number-block .card-number-input {
  padding-right: 60px;
}
.transaction-to-payment-page .transaction-to-payment-block .form .card-number-block .card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 27px;
  width: 40px;
  height: 24px;
  z-index: 20;
}
.transaction-to-payment-page .transaction-to-payment-block .form .card-number-block .card-img.visa {
  background-image: url("../img/payments/visa.svg");
}
.transaction-to-payment-page .transaction-to-payment-block .form .checkbox + label {
  color: #000;
  line-height: 15px;
  margin-top: 0;
  width: auto;
}
.transaction-to-payment-page .transaction-to-payment-block .form .cvv-info {
  border: 1px solid #808080;
  border-radius: 50%;
  color: #808080;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-top: 1px;
  position: relative;
  width: 15px;
  height: 15px;
}
.transaction-to-payment-page .transaction-to-payment-block .form .cvv-info-msg {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 48px rgba(203, 203, 203, 0.5);
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: none;
  padding: 10px 20px;
  position: absolute;
  width: 160px;
  left: 20px;
  top: -10px;
}
.transaction-to-payment-page .transaction-to-payment-block .form .cvv-info:hover .cvv-info-msg {
  display: block;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info.no-margin {
  margin-top: 0;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info__item {
  line-height: 28px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info-title {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  min-width: 130px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info-value {
  font-family: Roboto-Bold, sans-serif;
  font-weight: 600;
  color: #ffffff;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info-total {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
  margin-top: 15px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info-total .summary-info-value {
  font-size: 24px;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info-total .summary-info-title {
  min-width: 0;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info--descr .summary-info__item {
  justify-content: flex-start;
}
.transaction-to-payment-page .transaction-to-payment-block .summary-info--descr .summary-info-value {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  padding-left: 10px;
  color: #ffffff;
}
.transaction-to-payment-page .transaction-to-payment-block .back-to-shopping {
  background-size: contain;
  font-family: Roboto-Black, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  margin-top: 10px;
  background: #13192a;
  border-radius: 4px;
  color: #ffffff;
  mix-blend-mode: normal;
  opacity: 0.9;
  font-family: Roboto-Regular;
}
.transaction-to-payment-page .transaction-to-payment-block .back-to-shopping::before {
  content: "‹";
  display: inline-block;
  rotation: 90deg;
  padding-right: 10px;
}
.transaction-to-payment-page .transaction-to-payment-block .back-to-shopping:hover {
  opacity: 1;
  background: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block .button--positive {
  display: inline-block;
  min-width: 222px;
}
.transaction-to-payment-page .transaction-to-payment-block .button--positive:hover {
  color: #fff;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container {
  padding-top: 0;
  padding-bottom: 0;
  height: 55px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow {
  top: -45px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev {
  left: -10px;
  background: rgba(17, 21, 26, 0.8);
  border-radius: 4px;
  top: -40px;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev {
    top: -45px !important;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-prev:hover {
  opacity: 1;
  background: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next {
  left: calc(100% - 80px);
  background: rgba(17, 21, 26, 0.8);
  border-radius: 4px;
  top: -40px;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next {
    top: -45px !important;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-arrow.slick-next:hover {
  opacity: 1;
  background: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-prev.slick-arrow::before {
  top: -3px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tabs-container .slider__nav .slick-next.slick-arrow::before {
  top: -2px;
}
.transaction-to-payment-page .transaction-to-payment-block .terms-and-conditional {
  position: relative;
  color: #929292;
  font-family: Roboto-Regular;
  font-size: 11px;
  padding-left: 25px;
}
.transaction-to-payment-page .transaction-to-payment-block .terms-and-conditional .help-block {
  display: none;
}
.transaction-to-payment-page .transaction-to-payment-block .terms-and-conditional a {
  color: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block .terms-and-conditional::before {
  display: inline-block;
  content: "";
  border: 0.75px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
}
.transaction-to-payment-page .transaction-to-payment-block .has-error .help-block {
  display: none !important;
}
.transaction-to-payment-page .transaction-to-payment-block .has-error .terms-and-conditional::before {
  border: 0.75px solid #dd3232;
}
.transaction-to-payment-page .transaction-to-payment-block .terms-and-conditional.checked::before {
  background: url("/img/check-in-card.svg") #f75a01 no-repeat center center;
  border: 0.75px solid #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.just-terms .form-group {
  margin-bottom: 0;
}
.transaction-to-payment-page .transaction-to-payment-block.just-terms .terms-and-conditional {
  margin: 0;
}
.transaction-to-payment-page .transaction-to-payment-block .not-found-payment-method a {
  color: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content {
  padding-bottom: 15px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap {
  margin: 0 -50px;
  background: #141a24;
  padding: 30px 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap {
    width: 100%;
    margin: 0;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input {
  width: 670px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input {
    width: 100%;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info {
  background: #33384c;
  border-radius: 10px;
  width: 480px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info,
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info {
    width: 100%;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info {
  height: 308px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info {
  padding: 31px 50px;
  margin-bottom: 20px;
  height: 308px;
}
@media only screen and (max-width: 1024px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info {
    padding: 20px;
    height: 270px;
    margin-bottom: 40px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .form-group {
  position: relative;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .form-group.has-error .help-block {
  position: absolute;
  right: 0;
  top: 38px;
  background: #dd3232;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-number-field label,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field label,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field label {
  display: block;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  font-family: Roboto-Regular;
  font-weight: 100;
  margin-bottom: 5px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-number-field .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-number-field .cardholder-name,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .cardholder-name,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field .cardholder-name {
  background: #f0f0f0;
  border: 0.75px solid #dbdbdb;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  width: 100%;
  color: #000;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-number-field .has-error .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-number-field .has-error .cardholder-name,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .has-error .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .has-error .cardholder-name,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field .has-error .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field .has-error .cardholder-name {
  border: 0.75px solid #dd3232;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .help-block {
  display: none !important;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .has-error input {
  border: 1px solid #dd3232;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field:before {
    content: "";
    display: block;
    clear: both;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .card-holder-field .form-group {
  margin-bottom: 0;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field {
  margin-left: 40%;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field {
    margin-left: 0;
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .mm,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .yy {
  border: 0.75px solid #dbdbdb;
  border-radius: 3px;
  padding: 10px 20px;
  color: #8f8e8e;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  width: 100%;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-mm,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-yy {
  display: inline-block;
  width: 105px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-mm,
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-yy {
    width: 90px;
  }
}
@media only screen and (max-width: 400px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-mm,
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .field-card-number-date-yy {
    width: 75px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .yy {
  margin-left: 15px;
}
@media only screen and (max-width: 400px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .card-info .expiration-field .yy {
    margin-left: 5px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info {
  background: #0f141b;
  z-index: 1;
  position: absolute;
  top: 30px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info {
    background: transparent;
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .form-group.has-error .help-block {
  background: #dd3232;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field {
  float: right;
  width: 190px;
  padding: 100px 30px 0;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field {
    float: right;
    width: 110px;
    padding: 89px 0 0;
  }
}
@media only screen and (max-width: 400px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field {
    width: 95px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .form-group {
  margin-bottom: 10px;
  margin-top: 5px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .step-info.inline,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .step-info-i {
  width: 100px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field label {
  display: block;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  font-family: Roboto-Regular;
  font-weight: 100;
  margin-bottom: 10px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field label .step-info-i-icon {
  background: url("../../img/icons/info.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .step-info.inline,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .step-info-i {
  margin: 0;
  opacity: 1;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .cvv {
  border: 0.75px solid #dbdbdb;
  border-radius: 3px;
  padding: 10px 20px;
  width: 100px;
  color: #8f8e8e;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .cvv {
    width: 90px;
  }
}
@media only screen and (max-width: 400px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field .cvv {
    width: 75px;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field span {
  font-family: Roboto-Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #dbdbdb;
  opacity: 0.5;
  display: block;
  margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field span {
    display: none;
  }
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .card-input .cvv-info .cvv-field span.step-info-i {
    display: inline-block;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .field-confirm-terms .help-block {
  display: none;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional {
  position: relative;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #929292;
  font-family: Roboto-Regular;
  font-size: 11px;
  padding-left: 40px;
  padding-right: 200px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional .help-block {
  display: none;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional a {
  color: #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional::before {
  display: inline-block;
  content: "";
  border: 0.75px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, 0);
  width: 16px;
  height: 16px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .has-error .terms-and-conditional::before {
  border: 0.75px solid #dd3232;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .card-input-wrap .terms-and-conditional.checked::before {
  background: url("/img/check-in-card.svg") #f75a01 no-repeat center center;
  border: 0.75px solid #f75a01;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap {
  margin: 0 -50px;
  padding: 0 0 15px;
  margin-bottom: 0;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .border-class {
  border-top: 1px solid #606060;
  padding-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap {
    width: 100%;
    margin: 0;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input {
  width: 670px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input {
    width: 100%;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info {
  background: #33384c;
  border-radius: 10px;
  width: 480px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 31px 50px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info {
    width: 100%;
  }
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info .phone-number-field .step-info.inline.informer-widget .step-info-i {
  position: absolute;
  top: -25px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info .phone-number-field label {
  display: block;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  font-family: Roboto-Regular;
  font-weight: 100;
  margin-bottom: 5px;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info .phone-number-field .phone {
  background: #f0f0f0;
  border: 0.75px solid #dbdbdb;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  width: 100%;
  color: #000;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info .phone-number-field .has-error .pan,
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .phone-input-wrap .phone-input .phone-info .phone-number-field .has-error .cardholder-name {
  border: 0.75px solid #dd3232;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content.just-terms .form-group {
  margin-bottom: 0;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content.just-terms .terms-and-conditional {
  margin: 0;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-form .radio__container.payment-methods-radios {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-form .radio__container.payment-methods-radios .radio-block {
  width: 33%;
}
.transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-form .radio__container.payment-methods-radios .not-found-payment-method {
  padding-bottom: 10px;
  color: #a94442;
}
.transaction-to-payment-page .transaction-to-payment-block .radio__container .radio__label {
  display: flex;
  align-items: center;
}
.transaction-to-payment-page .transaction-to-payment-block .radio__container .radio__label::before {
  border: 1px solid rgba(140, 140, 140, 0.5);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs {
  border-bottom: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs.payment-tabs-1:not(.slick-initialized) .tab {
  width: 100%;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs.payment-tabs-1:not(.slick-initialized) .tab .nav-tab__title {
  color: #000 !important;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs.payment-tabs-1:not(.slick-initialized) .tab .nav-tab__title:hover {
  color: #f75a01 !important;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab {
  border-bottom: 5px solid transparent;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab.active, .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab:hover {
  border-bottom-color: #f75a01;
  background: #13192a;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab .tab.payment-block-tab.active {
  background: #13192a;
}
.transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab .nav-tab__title {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 50px;
}
.transaction-to-payment-page .search-form {
  height: 55px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.transaction-to-payment-page .search-form .form-group.sb-search-open input.form-control {
  border-bottom: 1px solid #000;
  color: #808080;
}
.transaction-to-payment-page .search-form .form-group {
  background: url("../img/icons/search-black.svg") no-repeat 0 50%;
  border: none;
  box-shadow: none;
}
.transaction-to-payment-page .search-form .search-input {
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  color: #808080;
}
.transaction-to-payment-page .payment-form .payment-card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: top;
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 0;
  width: 40px;
  height: 40px;
}
.transaction-to-payment-page .payment-form .payment-card-name {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-left: 15px;
}
.transaction-to-payment-page .payment-form-summary {
  border-top: 1px solid #606060;
  border-bottom: 1px solid #606060;
  padding: 20px 0;
}
.transaction-to-payment-page .payment-form-summary__item {
  line-height: 28px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: 50px;
}
.transaction-to-payment-page .payment-form-summary__item:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-form-summary__item:last-child {
    margin-right: 0;
  }
}
.transaction-to-payment-page .payment-form-summary-title {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.transaction-to-payment-page .payment-form-summary-value {
  font-family: Roboto-Bold, sans-serif;
  font-weight: 600;
  margin-left: 22px;
  color: #fff;
}
.transaction-to-payment-page .payment-form-footer {
  padding-top: 30px;
  margin-bottom: 0 !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transaction-to-payment-page .payment-form-footer__pay-wrap {
  width: fit-content;
  max-width: fit-content;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-form-footer__pay-wrap {
    width: 100%;
    max-width: 50%;
  }
}
.transaction-to-payment-page .payment-form-footer__pay-terms {
  max-width: 650px;
  width: fit-content;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-form-footer__pay-terms {
    position: absolute;
    top: 85px;
    width: 100%;
    left: 0;
  }
}
.transaction-to-payment-page .payment-form-footer__pay-terms .field-confirm-terms {
  margin-bottom: 0 !important;
}
.transaction-to-payment-page .payment-form-footer__pay-terms .field-confirm-terms label {
  padding-right: 60px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #929292;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .transaction-to-payment-page .payment-form-footer__pay-terms .field-confirm-terms label {
    margin: 0;
  }
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-form-footer__pay-terms .field-confirm-terms label {
    padding-right: 0;
  }
}
.transaction-to-payment-page .payment-form-footer__pay-terms .field-confirm-terms label a {
  color: #f75a01;
}
.transaction-to-payment-page .payment-form-footer__pay-terms .help-block {
  position: absolute;
  bottom: -15px;
  right: 0;
  margin: 0 !important;
}
.transaction-to-payment-page .payment-form-footer .buttons .button {
  display: inline-block;
  margin: 0;
  padding: 20px 5px;
  min-width: 250px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-form-footer .buttons .button {
    margin-top: 10px;
    min-width: 180px;
  }
}

.checkout-block {
  background: #fff;
  border-radius: 1px;
  padding: 50px;
}
.checkout-block .button--positive {
  display: inline-block;
  min-width: 222px;
}
.checkout-block .form .control-label {
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.checkout-block .form .form-control.input-lg {
  border-color: #cecece;
}
.checkout-block .form .info {
  color: #000;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.checkout-block .form .info span {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
}
.checkout-block .form .card-number-block {
  position: relative;
}
.checkout-block .form .card-number-block .card-number-input {
  padding-right: 60px;
}
.checkout-block .form .card-number-block .card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 27px;
  width: 40px;
  height: 24px;
  z-index: 20;
}
.checkout-block .form .card-number-block .card-img.visa {
  background-image: url("../img/payments/visa.svg");
}
.checkout-block .form .checkbox + label {
  color: #000;
  line-height: 15px;
  margin-top: 0;
  width: auto;
}
.checkout-block .form .cvv-info {
  border: 1px solid #808080;
  border-radius: 50%;
  color: #808080;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-top: 1px;
  position: relative;
  width: 15px;
  height: 15px;
}
.checkout-block .form .cvv-info-msg {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 48px rgba(203, 203, 203, 0.5);
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: none;
  padding: 10px 20px;
  position: absolute;
  width: 160px;
  left: 20px;
  top: -10px;
}
.checkout-block .form .cvv-info:hover .cvv-info-msg {
  display: block;
}
.checkout-block .back-to-shopping {
  background: url("../img/icons/back-shop-link-icon.svg") no-repeat top left;
  background-size: contain;
  color: #000;
  font-family: Roboto-Black, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 30px;
  margin-top: 25px;
}

@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-form-footer .buttons {
    margin-top: -35px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page {
    padding-bottom: 50px;
  }
  .transaction-to-payment-page .transaction-to-payment-block {
    padding: 15px;
  }
  .transaction-to-payment-page .transaction-to-payment-block .summary-info__item {
    justify-content: flex-start;
  }
  .transaction-to-payment-page .transaction-to-payment-block .summary-info--descr .summary-info-value {
    padding-left: 0;
  }
  .transaction-to-payment-page .transaction-to-payment-block .summary-info-title {
    min-width: 140px;
  }
  .transaction-to-payment-page .transaction-to-payment-block.row {
    margin: 20px 0 20px;
  }
  .transaction-to-payment-page .transaction-to-payment-block__title {
    margin-bottom: 5px;
  }
  .transaction-to-payment-page .transaction-to-payment-block .back-to-shopping {
    margin-bottom: 25px;
  }
  .transaction-to-payment-page .payment-form-summary__item.pull-left {
    float: none !important;
    justify-content: flex-start;
  }
  .transaction-to-payment-page .payment-form-summary__item.pull-right {
    float: none !important;
    justify-content: flex-start;
  }
  .transaction-to-payment-page .payment-form-footer .buttons {
    padding: 0;
    margin-top: 0;
  }
  .transaction-to-payment-page .payment-form-footer {
    padding-top: 0;
  }
  .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs {
    padding: 0 25px;
  }
  .transaction-to-payment-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab .nav-tab__title {
    text-align: center;
  }
  .transaction-to-payment-page .items-slider .slick-arrow {
    top: -44px;
  }
  .transaction-to-payment-page .items-slider .slick-arrow.slick-prev {
    left: -15px;
  }
  .transaction-to-payment-page .items-slider .slick-arrow.slick-next {
    left: calc(100% - 75px);
  }
  .transaction-to-payment-page .payments-section {
    height: 80px;
  }
  .transaction-to-payment-page .transaction-to-payment-block.payment-block-tab-content .payment-form .radio__container.payment-methods-radios .radio-block {
    width: 100%;
  }
}
@media only screen and (max-width: 592px) {
  .transaction-to-payment-page {
    padding-bottom: 30px;
  }
  .transaction-to-payment-page .items-slider .slick-arrow.slick-prev {
    left: -10px;
  }
  .transaction-to-payment-page .items-slider .slick-arrow.slick-next {
    left: calc(100% - 65px);
  }
  .transaction-to-payment-page .payment-form-footer .buttons {
    margin-top: 0;
  }
}
.checkout_btn {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  font-weight: bold !important;
  border: 1px solid #f75a01 !important;
}
.checkout_btn:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  border: 1px solid #f75a01 !important;
}

.back-transparent {
  background: url("../img/icons/back-shop-link-icon.svg") no-repeat top left !important;
  background-size: contain !important;
  color: #000;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 30px;
  margin-top: 20px;
  padding-top: 1px;
}
.back-transparent:hover {
  color: #000 !important;
}

@media only screen and (min-width: 992px) {
  .payment-block-tabs-container-1 {
    width: calc(100% - 100px) !important;
    margin: 0 auto !important;
  }
  .payment-block-tabs-container-1 .slick-prev {
    left: -115px !important;
  }
  .payment-block-tabs-container-1 .slick-next {
    left: calc(100% + 25px) !important;
  }
}

.transaction-to-payment-page .slick-track {
  padding-left: 0px;
}
.transaction-to-payment-page .slick-slide .nav-tab__title {
  color: #000 !important;
}
.transaction-to-payment-page .slick-active {
  border-radius: 4px;
}
.transaction-to-payment-page .payment-block-tab {
  position: relative;
  z-index: 8;
  height: 55px;
  padding-left: 20px !important;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-block-tab {
    padding-left: 0px !important;
    max-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-block-tab {
    max-width: 100%;
  }
}
.transaction-to-payment-page .payment-block-tab::after {
  content: "";
  width: 1px;
  height: 70%;
  top: 20%;
  right: -1px;
  background-color: #808080;
  position: absolute;
  display: block;
  opacity: 0.3;
  z-index: 9;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-block-tab::after {
    display: none !important;
  }
}
.transaction-to-payment-page .payment-block-tab.active {
  background-color: #ffe3d2 !important;
  border-bottom-color: #ffe3d2 !important;
}
.transaction-to-payment-page .payment-block-tab.active h5 {
  color: #000 !important;
}
.transaction-to-payment-page .payment-block-tab.active::after {
  display: none;
}
.transaction-to-payment-page .payment-block-tab:hover h5::before {
  background-color: #f75a01;
}
.transaction-to-payment-page .payment-block-tab .nav-tab__title {
  height: 55px;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .payment-block-tab .nav-tab__title {
    max-width: 190px;
    display: flex;
    line-height: 20px !important;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-block-tab .nav-tab__title {
    max-width: 100%;
  }
}
.transaction-to-payment-page .active-slides {
  overflow: hidden;
  z-index: 10;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .active-slides {
    border: none !important;
  }
}
.transaction-to-payment-page .methods_checkout {
  position: relative;
}
.transaction-to-payment-page .methods_checkout h5 {
  position: relative;
  width: auto;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transaction-to-payment-page .methods_checkout h5 span {
  position: relative;
  line-height: 20px;
}
.transaction-to-payment-page .methods_checkout h5 span::before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  left: -28px;
  top: 0px;
  -webkit-mask-image: url("../../img/icons/checkout/Wallet.svg");
  background-color: #000;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .methods_checkout h5 span::before {
    display: none !important;
  }
}
.transaction-to-payment-page .methods_checkout:hover h5 span::before {
  background-color: #f75a01;
}
.transaction-to-payment-page .pg-2 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/CreditCard.svg");
}
.transaction-to-payment-page .pg-2:hover h5 span::before {
  background-color: #ff9f00;
}
.transaction-to-payment-page .pg-3 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/Wallet.svg");
}
.transaction-to-payment-page .pg-3:hover h5 span::before {
  background-color: #eb935c;
}
.transaction-to-payment-page .pg-4 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/Bank.svg");
}
.transaction-to-payment-page .pg-4:hover h5 span::before {
  background-color: #4683d0;
}
.transaction-to-payment-page .pg-5 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/user.svg") !important;
  width: 17px;
  height: 17px;
}
.transaction-to-payment-page .pg-5:hover h5 span::before {
  background-color: slategrey;
}
.transaction-to-payment-page .pg-8 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/CreditCard.svg");
}
.transaction-to-payment-page .pg-8:hover h5 span::before {
  background-color: #808080;
}
.transaction-to-payment-page .pg-10 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/bitcoin.png");
  width: 17px;
  height: 17px;
}
.transaction-to-payment-page .pg-10:hover h5 span::before {
  background-color: #7dd507;
}
.transaction-to-payment-page .pg-11 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/phone.png");
  width: 20px;
  height: 20px;
}
.transaction-to-payment-page .pg-11:hover h5 span::before {
  background-color: slategrey;
}
.transaction-to-payment-page .pg-12 h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/phone.png");
  width: 20px;
  height: 20px;
}
.transaction-to-payment-page .pg-12:hover h5 span::before {
  background-color: slategrey;
}
.transaction-to-payment-page .popular_methods h5 span::before {
  -webkit-mask-image: url("../../img/icons/checkout/Cardholder.svg");
}
.transaction-to-payment-page .popular_methods:hover h5 span::before {
  background-color: #273576;
}

.slick-list .slick-active:nth-child(3) .payment-block-tab::after {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .payment-form-footer .payment_back {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .payment-form-footer .payment_pay {
    text-align: center !important;
  }
}

.transaction-to-payment-block .slick-list {
  height: 60px !important;
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-block .slick-list {
    height: 55px !important;
  }
}

.transaction-to-payment-block__content .summary-info-title {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.transaction-to-payment-block__content .summary-info-title span {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.transaction-to-payment-block__content .summary-info-title span.quantity_ico {
  background-image: url("../../img/icons/quantity_ico.svg");
}
.transaction-to-payment-block__content .summary-info-title span.price_ico {
  background-image: url("../../img/icons/price_ico.svg");
}
.transaction-to-payment-block__content .summary-info-title span.total_price_ico {
  background-image: url("../../img/icons/price_ico1.svg");
}
.transaction-to-payment-block__content .summary-info-value {
  color: #f75a01 !important;
  font-size: 16px;
}

.cart_img_block {
  padding-right: 5px !important;
}
.cart_img_block div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 125px;
  overflow: hidden;
}

.checkout-delivery i {
  margin-left: 15px;
  height: 20px;
}
.checkout-delivery .checkout-delivery-title {
  font-size: 18px;
  font-weight: 900;
  padding-left: 30px;
}

.transaction-to-payment-page .mar-top-40 {
  margin-top: 40px !important;
}
.transaction-to-payment-page .mar-top-0 {
  margin-top: 0px !important;
}
.transaction-to-payment-page .marketplace-and-region-flag {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .marketplace-and-region-flag {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.transaction-to-payment-page .marketplace-and-region-flag .step-info {
  width: auto;
  height: auto;
}
.transaction-to-payment-page .marketplace-and-region-flag .step-info .step-info-i {
  width: auto;
  height: auto;
  margin-top: 0px !important;
}
.transaction-to-payment-page .marketplace-and-region-flag img {
  height: 25px;
  width: auto;
  max-width: auto !important;
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .marketplace-and-region-flag img {
    height: 40px;
  }
}
.transaction-to-payment-page .marketplace-and-region-flag .marketplace-img,
.transaction-to-payment-page .marketplace-and-region-flag .region-flag {
  margin-right: 10px;
}
.transaction-to-payment-page .marketplace-and-region-flag .step-info-msg {
  right: auto;
  left: 20px;
  bottom: -70px;
}
@media only screen and (max-width: 544px) {
  .transaction-to-payment-page .marketplace-and-region-flag .step-info-msg {
    right: auto;
    left: 0px;
    bottom: -70px;
  }
}
.transaction-to-payment-page .marketplace-and-region-flag .step-info-key:hover .step-info-msg, .transaction-to-payment-page .marketplace-and-region-flag .step-info-key:focus .step-info-msg {
  display: block !important;
}
.transaction-to-payment-page .summary-info__item {
  justify-content: flex-start;
}
.transaction-to-payment-page .summary-info__item--message {
  min-width: 550px;
}
@media only screen and (max-width: 1200px) {
  .transaction-to-payment-page .summary-info__item--message {
    min-width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .transaction-to-payment-page .summary-info__item--message {
    min-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .summary-info__item--message {
    min-width: fit-content;
  }
}
.transaction-to-payment-page .summary-info__item .summary-info-title {
  min-width: 0px !important;
  white-space: nowrap;
}
.transaction-to-payment-page .summary-info__item .summary-info-value {
  padding-left: 10px;
}

.transaction-to-payment-block__content .summary-info-title {
  font-weight: 900 !important;
}

.checkout-delivery-title {
  font-weight: 900 !important;
}

.payment-form-summary .payment-form-summary-title {
  font-weight: 900 !important;
}
.payment-form-summary .payment-form-summary-value {
  color: #f75a01 !important;
  font-weight: 700 !important;
}

.shopping-cart-page {
  background: #ededf2;
  padding-bottom: 40px;
}
.shopping-cart-page .alert-section {
  display: none !important;
}
.shopping-cart-page .shopping-cart-block {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.shopping-cart-page .shopping-cart-block.shopping-cart-header, .shopping-cart-page .shopping-cart-block.payment-block-tabs-container {
  border-radius: 10px;
  padding: 0 40px;
  height: 55px;
  background: #33384c;
}
.shopping-cart-page .shopping-cart-block.payment-block-tab-content {
  padding-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.shopping-cart-page .shopping-cart-block .payment-form-summary-title {
  font-weight: 900;
}
.shopping-cart-page .shopping-cart-block .payment-form-summary-value {
  font-weight: normal !important;
  color: #f75a01 !important;
}
.shopping-cart-page .shopping-cart-block .pull-right .payment-form-summary-title,
.shopping-cart-page .shopping-cart-block .pull-right .payment-form-summary-value {
  font-size: 16px;
}
.shopping-cart-page .shopping-cart-header-title {
  color: #ffffff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}
.shopping-cart-page .shopping-cart-header-title__center {
  text-align: center;
}
.shopping-cart-page .shopping-cart-details {
  position: relative;
}
.shopping-cart-page .shopping-cart-details .modal-window__block {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .shopping-cart-details .modal-window__block {
    height: 40px !important;
  }
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row {
  background: #33384c;
  border-radius: 10px;
  padding: 30px 30px 10px;
  transition: 0.5s;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row:not(:last-child) {
  margin-bottom: 10px !important;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .for-card {
  cursor: default;
  font-weight: 100;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .for-card label {
  cursor: default;
  font-weight: 100;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .for-card .description {
  color: red;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row:hover {
  transition: 0.5s;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group {
  padding-top: 0;
  padding-bottom: 0;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .title {
  margin-top: 30px;
  text-transform: uppercase;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .radiobox-body {
  margin-top: 10px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .radiobox-body label {
  display: inline-block;
  position: relative;
  padding: 8px 0 0 25px;
  margin-right: 15px;
  color: #000;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .radiobox-body label input[type=radio] {
  display: none;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .radiobox-body label input[type=radio] + span {
  background: url("/img/icons/radio-unchecked.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 30px;
  height: 18px;
  top: 7px;
  left: 0;
  position: absolute;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-details-row .radiobox-group .radiobox-body label input[type=radio]:checked + span {
  background: url("/img/icons/radio-checked.svg") 0 0 no-repeat;
}
.shopping-cart-page .shopping-cart-details__item .text-danger {
  color: #000;
}
.shopping-cart-page .shopping-cart-details__item--del {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .shopping-cart-page .shopping-cart-details__item--del {
    position: absolute !important;
    right: 20px;
    top: 20px;
    width: fit-content;
  }
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .shopping-cart-details__item--del {
    position: absolute !important;
  }
}
.shopping-cart-page .shopping-cart-details__quantity {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}
@media only screen and (max-width: 992px) {
  .shopping-cart-page .shopping-cart-details__quantity {
    padding: 0;
    margin-bottom: 20px;
  }
}
.shopping-cart-page .shopping-cart-details__quantity .count-row-input {
  display: flex;
  width: 100%;
  margin: 5px 0;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item a {
  color: #fff;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item:nth-child(4) .delete-icon {
  text-align: center;
  width: 16px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  position: relative;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item:nth-child(4) .delete-icon:after {
  display: inline-block;
  content: "";
  color: #ff9f00;
  font-size: 18px;
  opacity: 0.8;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -o-mask-image: url("../../img/icons/trash_new.svg");
  -moz-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  background-color: #000;
  width: 18px;
  height: 20px;
  position: relative;
  top: 4px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item:nth-child(4) .delete-icon:hover:after {
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -o-mask-image: url("../../img/icons/trash_new_hover.png");
  -moz-mask-image: url("../../img/icons/trash_new_hover.png");
  background-color: #f75a01;
  height: 26px;
  top: 0px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item {
  text-align: center;
  color: #fff;
  background: none;
  border: 0;
  border-top: 1px solid #90949a;
  border-bottom: 1px solid #90949a;
  width: 45px;
  padding: 20px 5px;
  display: inline-block;
  float: left;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .minus,
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus {
  display: inline-block;
  width: 45px;
  padding: 15px;
  line-height: 10px;
  border: 1px solid #90949a;
  border-right: 1px solid transparent;
  border-radius: 4px 0 0 4px;
  float: left;
  position: relative;
  cursor: pointer;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .minus:hover,
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus:hover {
  border-color: #f75a01;
  border-radius: 4px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .minus:before,
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus:before {
  content: "";
  border: 1px solid #f75a01;
  width: 16px;
  height: 1px;
  display: block;
  position: absolute;
  top: 18px;
  left: 13px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .minus:hover,
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus:hover {
  border: 1px solid #f75a01 !important;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .minus {
  margin-right: -3px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus {
  border-right: 1px solid #90949a;
  border-left: 1px solid transparent;
  border-radius: 0 4px 4px 0;
  position: relative;
  margin-left: -3px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus:before {
  content: "";
  border: 1px solid #f75a01;
  width: 16px;
  height: 1px;
  display: block;
  position: absolute;
  transform: rotate(90deg);
  right: 13px;
  left: auto;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .plus:after {
  content: "";
  border: 1px solid #f75a01;
  width: 16px;
  height: 1px;
  display: block;
  position: absolute;
  top: 18px;
  right: 13px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item__quantity--total {
  font: 20px "Roboto-Bold", sans-serif;
  font-weight: 700;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 10px;
  color: #fff;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info {
  line-height: 20px;
  color: #fff;
  opacity: 1;
  margin-bottom: 10px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info__delivery--wrap {
  display: flex;
  align-items: center;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info__delivery--wrap .step-info {
  display: flex !important;
  width: auto !important;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info__delivery--wrap .step-info .step-info-i {
  background: none;
  width: auto;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-info span.offline {
  padding-left: 53px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash-mob {
  display: none;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details {
  color: #f75a01;
  margin-left: 20px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details-mob {
  display: none;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info {
  display: inline-block;
  vertical-align: top;
  font: 16px "Roboto-Bold", sans-serif;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .nick-name {
  display: inline-block;
  color: #000;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .user-achievement {
  color: #808080;
  font-size: 12px;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .avatar-wrap {
  margin-right: 10px;
  display: inline-block;
  min-width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .avatar-wrap img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .avatar-wrap .step-info-i {
  background: none !important;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item .avatar-wrap .ico-user-status.online {
  background: none !important;
  border: none !important;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item--amount, .shopping-cart-page .shopping-cart-details .shopping-cart-item--quantity, .shopping-cart-page .shopping-cart-details .shopping-cart-item--del {
  text-align: center;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item--quantity form input {
  text-align: right;
  border-bottom: 1px solid #cccccc;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item--quantity .down {
  background: #11151a;
  border-radius: 4px;
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #fff;
}
.shopping-cart-page .shopping-cart-details .shopping-cart-item--quantity .up {
  background: #11151a;
  border-radius: 4px;
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #fff;
}
.shopping-cart-page .info-about-item .cart-item-infos {
  border-top: 1px solid #ededf2;
  border-bottom: 1px solid #ededf2;
  padding: 15px 0;
}
.shopping-cart-page .info-about-item .cart-item-infos .cart-item-info {
  float: left;
  padding-right: 50px;
}
.shopping-cart-page .character-info-block .step-info {
  width: auto;
}
.shopping-cart-page .character-info-block .step-info span.step-info-i {
  width: auto;
}
.shopping-cart-page .character-info-block .step-info .step-info-msg {
  left: 100%;
  text-transform: none;
}
.shopping-cart-page .character-info-block textarea {
  height: 130px;
}
.shopping-cart-page .form-info .title-delivery {
  color: #ff9c00;
}
.shopping-cart-page .form .control-label {
  color: #000;
  opacity: 1;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  pointer-events: none;
}
.shopping-cart-page .form .form-label {
  color: #C9C9C9;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 15px;
}
.shopping-cart-page .form .form-label.mt-20 {
  margin-top: 20px;
}
.shopping-cart-page .form .form-control.input-lg {
  border-color: #000;
  border-radius: 4px;
  background: transparent !important;
}
.shopping-cart-page .form .form-control.input-lg::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}
.shopping-cart-page .form .form-control.input-lg::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.shopping-cart-page .form .form-control.input-lg::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.shopping-cart-page .form .form-control.input-lg:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}
.shopping-cart-page .form .form-control.input-lg.error {
  border-color: #dd4b39;
}
.shopping-cart-page .form .info {
  color: #000;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.shopping-cart-page .form .info span {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
}
.shopping-cart-page .form .info .step-info {
  width: auto;
}
.shopping-cart-page .form .info .step-info span.step-info-i {
  width: auto;
}
.shopping-cart-page .form .info-delivery {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  background-color: rgba(246, 246, 246, 0.5019607843);
  padding: 20px;
}
.shopping-cart-page .form .info-delivery .delivery-block {
  display: flex;
  gap: 10px;
}
.shopping-cart-page .form .info-delivery .delivery-block:not(:first-child) {
  margin-top: 20px;
}
.shopping-cart-page .form .info-delivery .delivery-block .delivery-icon {
  min-width: 26px;
  height: 26px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 12px;
}
.shopping-cart-page .form .info-delivery .delivery-block .delivery-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.shopping-cart-page .form .info-delivery .delivery-block .delivery-info b {
  color: #505050;
  text-transform: uppercase;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.shopping-cart-page .form .info-delivery .delivery-block .delivery-info p {
  color: #9D9D9D;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.shopping-cart-page .form .info-delivery .warning-block {
  margin-top: 20px;
  border: 1px solid rgba(78, 138, 255, 0.1019607843);
  background-color: #F6F5FA;
  border-radius: 8px;
  padding: 20px;
  font-family: "Avenir-Next", sans-serif;
  color: #505050;
}
.shopping-cart-page .form .info-delivery .warning-block .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.shopping-cart-page .form .info-delivery .warning-block p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.shopping-cart-page .form .info-delivery .warning-block p b {
  font-weight: 600;
}
.shopping-cart-page .form .card-number-block {
  position: relative;
}
.shopping-cart-page .form .card-number-block .card-number-input {
  padding-right: 60px;
}
.shopping-cart-page .form .card-number-block .card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 27px;
  width: 40px;
  height: 24px;
  z-index: 20;
}
.shopping-cart-page .form .card-number-block .card-img.visa {
  background-image: url("../img/payments/visa.svg");
}
.shopping-cart-page .form .checkbox + label {
  color: #000;
  line-height: 15px;
  margin-top: 0;
  width: auto;
}
.shopping-cart-page .form .cvv-info {
  border: 1px solid #808080;
  border-radius: 50%;
  color: #808080;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-top: 1px;
  position: relative;
  width: 15px;
  height: 15px;
}
.shopping-cart-page .form .cvv-info-msg {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 48px rgba(203, 203, 203, 0.5);
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: none;
  padding: 10px 20px;
  position: absolute;
  width: 160px;
  left: 20px;
  top: -10px;
}
.shopping-cart-page .form .cvv-info:hover .cvv-info-msg {
  display: block;
}
.shopping-cart-page .payment-block-tabs-container .payment-block-tabs {
  border-bottom: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab {
  border-bottom: 2px solid transparent;
  display: inline-block;
}
.shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab.active {
  border-bottom-color: #f75a01;
}
.shopping-cart-page .payment-block-tabs-container .payment-block-tabs .payment-block-tab .nav-tab__title {
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 55px;
}
.shopping-cart-page .search-form {
  height: 55px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.shopping-cart-page .search-form .form-group.sb-search-open input.form-control {
  border-bottom: 1px solid #000;
  color: #808080;
}
.shopping-cart-page .search-form .form-group {
  background: url("../img/icons/search-black.svg") no-repeat 0 50%;
  border: none;
  box-shadow: none;
}
.shopping-cart-page .search-form .search-input {
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  color: #808080;
}
.shopping-cart-page .payment-form .payment-card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: top;
  display: inline-block;
  margin-left: 15px;
  width: 24px;
  height: 20px;
}
.shopping-cart-page .payment-form .payment-card-img.mastercard {
  background-image: url("../img/payments/mastercard.svg");
}
.shopping-cart-page .payment-form .payment-card-img.visa {
  background-image: url("../img/payments/visa.svg");
}
.shopping-cart-page .payment-form .payment-card-img.union-pay {
  background-image: url("../img/payments/unionpay.svg");
}
.shopping-cart-page .payment-form .payment-card-name {
  color: #444;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-left: 15px;
}
.shopping-cart-page .payment-form .payment-card-name:hover {
  color: #444;
}
.shopping-cart-page .payment-form-summary {
  padding: 30px;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  background: #33384c;
  border-radius: 10px;
}
.shopping-cart-page .payment-form-summary__item {
  line-height: 28px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: 50px;
}
.shopping-cart-page .payment-form-summary__item:last-child {
  margin-right: 180px;
}
.shopping-cart-page .payment-form-summary-title {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.shopping-cart-page .payment-form-summary-value {
  font-weight: 600;
  margin-left: 22px;
  color: #fff;
}
.shopping-cart-page .payment-form-footer {
  padding: 30px 40px;
  margin-right: 15px;
  margin-left: 15px;
  background: #33384c;
  border-radius: 10px;
}
.shopping-cart-page .payment-form-footer .buttons .button {
  display: inline-block;
  margin: 0;
}
.shopping-cart-page .back-to-shopping {
  background: url("../img/icons/back-shop-link-icon.svg") no-repeat top left;
  background-size: contain;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 30px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .shopping-cart-page .back-to-shopping {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
.shopping-cart-page .button--positive {
  display: inline-block;
  min-width: 222px;
}
.shopping-cart-page .button--positive:hover, .shopping-cart-page .button--positive:focus {
  color: #fff;
}

.payment-form-footer .buttons .button.button--negative {
  color: #000;
}
.payment-form-footer .buttons .button.button--negative:hover {
  background-color: #fff;
}

.shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity .quantity-mob {
  display: none;
}
.shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount {
  text-align: center;
  color: #fff;
}
.shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount .amount-mob {
  display: none;
}
.modal-window {
  position: relative;
  display: none;
  position: static;
}
.modal-window .modal-button {
  position: static;
  display: inline-block;
  color: #f75a01;
  font-size: 36px;
  font-weight: 300;
  text-align: left;
  line-height: 0;
  width: 200px;
  margin-top: -18px;
  border-radius: 20px;
  transition: all 250ms;
  cursor: pointer;
}
.modal-window .modal-button-mob {
  display: none;
}
.modal-window .modal-button span {
  font-size: 14px;
}
.modal-window .modal-content {
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000;
  background: #fff;
  transition: 0.3s;
}
.modal-window .modal-background {
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000;
  transition: 0.3s;
}
.modal-window .modal-content .card {
  box-shadow: none;
  margin: 0;
  background: none;
}
.modal-window .modal-content .card.card-horizontal .card-body {
  flex-flow: column !important;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block {
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 20px 0px;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block:after {
  content: "";
  height: 0;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  border: 1px solid #ccc;
  border-right: none;
  border-left: none;
  margin: 0 0px;
  padding: 20px 0;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block:after {
  content: "";
  height: 0;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block:before {
  content: "";
  height: 0;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .wrap-amount {
  width: 40%;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .wrap-time {
  padding-top: 10px;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .wrap-time .convert__time {
  padding-left: 25px;
  margin-bottom: 15px;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .wrap-time .convert__time .wrap-delivery .offline {
  margin-left: -10px;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .wrap-time .convert__amount {
  padding-left: 25px;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows-container {
  width: 44%;
  position: absolute;
  right: -30px;
  top: 10px;
  text-align: center;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows .user-profile-follows .cart-follow .button--un-follow {
  color: #000 !important;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows .user-profile-follows .cart-follow .button--follow {
  color: #fff !important;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows.user-profile-follows__info {
  color: #000;
  letter-spacing: 0;
}
.modal-window .modal-content .card.card-horizontal.card-with-gold .card__block .game-info__code {
  opacity: 0.5 !important;
}
.modal-window .modal-content .card.card-horizontal .user-rate__percents {
  font-size: 18px;
  margin-top: 20px;
}
.modal-window .modal-content .card.card-horizontal .user-orders {
  margin: 5px 0;
}
.modal-window .modal-content .shopping-cart-details__item {
  padding: 0px 0 !important;
}
.modal-window .modal-content .shopping-cart-details__item.shopping-cart-item--quantity.modal-quantity .quantity-mob {
  display: inline-block !important;
  padding-bottom: 10px;
}
.modal-window .modal-content .shopping-cart-details__item.shopping-cart-item--amount {
  text-align: left;
}
.modal-window .modal-content .shopping-cart-details__item.shopping-cart-item--amount .amount-mob {
  display: inline-block !important;
}
.modal-window .modal-content .shopping-cart-details__item.shopping-cart-item .cart-item.form-control {
  color: #000;
  border: none;
  text-align: left;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 15px;
}
.modal-window .user-profile-follows .cart-follow .button--un-follow {
  background: #ff843f !important;
  color: #fff !important;
}
.modal-window .user-profile-follows .cart-follow .button--follow {
  background: #f75a01;
  color: #fff !important;
}
.modal-window .modal-1 {
  display: none;
}
.modal-window .modal-1:checked ~ .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  visibility: visible;
  opacity: 1;
}
.modal-window .modal-1:checked ~ .modal-content {
  position: fixed;
  top: 12%;
  left: calc(50% - 270px);
  width: 540px;
  max-width: 540px;
  min-width: 540px;
  height: auto;
  padding: 10px 30px;
  background-color: #fff;
  border-radius: 3px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  cursor: auto;
  transform: scale(1);
  transition: transform 500ms;
}
.modal-window .modal-1:checked ~ .modal-content .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  color: #fff;
  transition: color 200ms, transform 500ms;
  z-index: 1000;
}
.modal-window .modal-1:checked ~ .modal-content .modal-close:hover, .modal-window .modal-1:checked ~ .modal-content .modal-close:focus {
  opacity: 0.5;
  transform: rotate(360deg);
}
.modal-window .modal-1:checked ~ .modal-content .modal-content-button {
  position: relative;
  float: right;
  margin: 0;
  padding: 10px 20px;
  color: white;
  font-weight: 100;
  border-radius: 3px;
  background-color: #2980b9;
}
.modal-window .modal-1:checked ~ .modal-content .modal-content-button:hover, .modal-window .modal-1:checked ~ .modal-content .modal-content-button:focus {
  background-color: rgb(64.2699115044, 153.9646017699, 212.7300884956);
}
.modal-window .quantity-mob {
  display: inline-block !important;
  font-size: 14px;
  opacity: 0.5;
  text-transform: uppercase !important;
  padding-right: 16px;
}
.modal-window .amount-mob {
  display: inline-block !important;
  font-size: 14px;
  opacity: 0.5;
  text-transform: uppercase;
  padding-right: 20px;
}
.modal-window form {
  display: flex;
  align-items: center;
}
.modal-window .shopping-cart-item-amount {
  text-align: left !important;
}
.modal-window .cart-item-infos {
  display: none;
}

.modal-window {
  display: inline-block;
  min-height: 0;
  height: 40px;
  overflow: hidden;
}
.modal-window .modal-content .card.card-horizontal .user-rate__percents {
  margin-top: 0;
}
.modal-window .modal-1:checked ~ .modal-content .modal-close {
  right: 30px;
  top: 33px;
  color: #000;
}
.modal-window .modal-1:checked ~ .modal-content .title-modal {
  padding: 30px 20px 10px 30px;
}

.payment-block-tabs.payment-tabs-1 .active {
  border-bottom: 2px solid #f75a01;
}

.modal-button-mob span {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .modal-window {
    display: block;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .transaction-to-payment-page .transaction-to-payment-block .back-to-shopping {
    position: absolute;
    top: 40px;
    left: 0;
  }
  .transaction-to-payment-page .payment-form-footer {
    padding-top: 50px;
  }
  .shopping-cart-page {
    padding-bottom: 30px;
  }
  .shopping-cart-page .shopping-cart-details-row {
    position: relative;
  }
  .shopping-cart-page .shopping-cart-details__item {
    padding: 10px 0;
  }
  .shopping-cart-page .shopping-cart-details__item .text-danger {
    position: absolute;
    right: -220px;
    top: -145px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity {
    padding: 0px 0 10px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity .quantity-mob {
    display: inline-block;
    font-size: 12px;
    opacity: 0.5;
    text-transform: uppercase;
    padding-right: 20px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity form {
    display: flex;
    align-items: center;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity form input {
    text-align: left;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount {
    padding: 10px 0;
    text-align: left;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount .amount-mob {
    display: inline-block;
    font-size: 12px;
    opacity: 0.5;
    text-transform: uppercase;
    padding-right: 25px;
  }
  .shopping-cart-page .shopping-cart-block {
    padding: 0px;
  }
  .shopping-cart-page .shopping-cart-block.shopping-card-header {
    display: none;
  }
  .shopping-cart-page .shopping-cart-block.shopping-card-header-title {
    padding-left: 0 !important;
  }
  .shopping-cart-page .payment-form-summary__item:last-child {
    margin-right: 55px;
  }
  .card .card__button {
    padding: 0 20px;
  }
  .character-info-block .form-group textarea {
    padding: 10px !important;
  }
  .payments-section .items-slider .slider__nav.nav-1 .slick-prev {
    left: -5px;
  }
  .payments-section .items-slider .slider__nav.nav-1 .slick-next {
    left: calc(100% - 85px);
  }
  .shopping-cart-page .payment-form-summary {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .transaction-to-payment-page .payment-form-footer {
    padding-top: 0;
    position: relative;
    padding-bottom: 50px;
  }
  .shopping-cart-page .shopping-cart-block.shopping-cart-details .cart-item-infos {
    display: none;
  }
  .shopping-cart-page .shopping-cart-block.shopping-cart-details-row {
    position: relative;
    padding: 20px 30px;
  }
  .shopping-cart-page .shopping-cart-block.payment-block-tab-content {
    padding: 15px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item {
    position: relative;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity .quantity-mob {
    text-transform: none;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity .quantity-mob:first-letter {
    text-transform: uppercase;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--quantity.modal-quantity {
    text-transform: uppercase !important;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount {
    padding: 0px 20px 0 0;
    text-align: right;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--amount .amount-mob {
    display: none;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--del {
    margin-top: 0;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--seller:after {
    content: "";
    display: block;
    height: 1px;
    background: #ccc;
    width: 100%;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item .cart-item-name {
    padding: 0;
    min-height: 50px;
    margin-left: 0;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item .cart-item-hash {
    padding-left: 10px;
  }
  .shopping-cart-page .shopping-cart-details__item .text-danger {
    right: -185%;
    top: -170px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info {
    padding-bottom: 10px;
    padding-left: 0;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash {
    display: none;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash-mob {
    display: block;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-img {
    width: 100%;
    min-width: 100px;
    height: auto;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details {
    display: none;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details-mob {
    display: none;
    margin-left: 0;
    position: absolute;
    right: 15px;
    padding: 5px 20px;
    border-radius: 20px;
    background: #f75a01;
    color: #fff;
    text-transform: uppercase;
  }
  .shopping-cart-page .payment-form-summary {
    display: flex;
    flex-flow: column;
    padding: 20px 40px;
  }
  .shopping-cart-page .payment-form-summary__item {
    justify-content: flex-start;
    margin-right: 0;
  }
  .shopping-cart-page .payment-form-summary__item:last-child {
    margin-right: 0;
  }
  .shopping-cart-page .payment-form-summary-value {
    margin-left: 10px;
  }
  .shopping-cart-page .payment-form-footer {
    padding-top: 0;
  }
  .shopping-cart-page .payment-form-footer .buttons .button {
    padding: 15px 0;
  }
  .shopping-cart-page .payment-form-footer .buttons {
    margin-top: 20px;
    padding: 0 !important;
  }
  .shopping-cart-page .character-info-block .form .form-control.input-lg {
    margin-left: 0;
    width: 100%;
    border-radius: 0;
    padding-left: 10px !important;
  }
  .modal-window {
    right: 15px;
    top: 25px;
    z-index: 10000;
  }
  .modal-window .modal-button {
    display: none;
  }
  .modal-window .modal-button-mob {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
  }
  .modal-window .modal-button-mob span {
    padding: 5px 20px;
    border-radius: 4px;
    background: #f75a01;
    color: #fff;
    text-transform: uppercase;
  }
  .modal-window .modal-1:checked ~ .modal-content {
    top: 70px;
    margin: 0;
    width: 70vw;
  }
  .modal-window .user-info {
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
  }
  .modal-window .cart-item-infos {
    display: block !important;
    margin-top: 10px;
  }
  .modal-window .modal-content .wrap-amount {
    width: 42% !important;
  }
  .modal-window .modal-content .wrap-time {
    font-size: 12px;
  }
  .modal-window .modal-content .wrap-time .convert__time .wrap-delivery .offline {
    margin-left: -9px !important;
  }
  .payments-section.section.payments-tabs {
    padding: 0;
  }
  .payments-section.section.payments-tabs .items-slider .slick-arrow {
    top: -55px;
  }
  .payments-section.section.payments-tabs .items-slider .slick-prev {
    left: -5px;
  }
  .payments-section.section.payments-tabs .items-slider .slick-next {
    left: calc(100% - 85px);
  }
  .payments-section.section.payments-tabs .slick-slide a {
    text-transform: uppercase;
    font: 14px "Roboto-Regular", sans-serif;
  }
  .payments-section.section.payments-tabs .payment-tabs {
    padding: 20px 40px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .payments-section .items-slider-1 .slider__nav .slick-arrow {
    top: -55px;
  }
  .payments-section .items-slider-1 .slider__nav .slick-prev {
    left: -5px;
  }
  .payments-section .items-slider-1 .slider__nav .slick-next {
    left: calc(100% - 85px);
  }
  .cart-item-img {
    max-width: 320px;
  }
}
@media only screen and (max-width: 592px) {
  .shopping-cart-page .shopping-cart-block {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .shopping-cart-page .shopping-cart-block.payment-block-tab-content {
    padding: 0 15px;
  }
  .shopping-cart-page .shopping-cart-details__item .text-danger {
    top: -155px;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item--del {
    top: 0;
    right: 10px;
    position: relative;
  }
  .shopping-cart-page .shopping-cart-details__item.shopping-cart-item .cart-item-name {
    padding-right: 0;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-hash {
    margin-left: 20px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-name {
    font-size: 12px;
    margin-left: 15px;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 0;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .cart-item-img {
    margin-bottom: 5px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .wrap-nick-name {
    line-height: 0.9;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .nick-name {
    font-size: 12px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .user-achievement {
    font-size: 10px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .user-info .user-achievement .ico.achievement-cup {
    height: 9px;
    width: 12px;
    vertical-align: baseline;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .show-cart-item-details-mob {
    font-size: 12px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-item .avatar-wrap {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .shopping-cart-page .shopping-cart-details .shopping-cart-details-row {
    padding: 10px 20px;
    margin: 30px auto 0;
  }
}
@media only screen and (max-width: 592px) and (max-width: 767px) {
  .shopping-cart-page .shopping-cart-details .shopping-cart-details-row {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 592px) {
  .shopping-cart-page .payment-form-summary {
    padding: 10px 20px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .shopping-cart-page .payment-form-footer {
    padding: 10px 20px;
  }
  .shopping-cart-page .form-info {
    margin-top: 15px;
  }
  .modal-window .modal-button-mob span {
    display: inline-block;
    font-size: 14px;
    padding: 10px 15px;
  }
  .modal-button-mob span {
    display: inline-block;
  }
  .modal-content .avatar-wrap {
    width: 40px !important;
    height: 40px !important;
  }
  .modal-content .nick-name {
    font-size: 16px !important;
  }
  .modal-content .user-achievement {
    font-size: 12px !important;
  }
  .modal-content .user-achievement .ico.achievement-cup {
    height: 12px !important;
  }
  .modal-content .user-rate__percents {
    font-size: 16px !important;
  }
  .modal-content .cart-item.form-control {
    padding-bottom: 10px !important;
  }
  .modal-content .wrap-time .convert__time {
    margin-bottom: 0;
  }
  .modal-content .wrap-time .ico {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .payments-section.section.payments-tabs .items-slider .slick-arrow {
    opacity: 1;
  }
  .payments-section.section.payments-tabs .items-slider .slick-arrow {
    top: -55px;
  }
  .payments-section.section.payments-tabs .items-slider .slick-prev {
    left: -5px;
  }
  .payments-section.section.payments-tabs .items-slider .slick-next {
    left: calc(100% - 70px);
  }
  .payments-section .items-slider-1 .slider__nav .slick-arrow {
    top: -55px;
  }
  .payments-section .items-slider-1 .slider__nav .slick-prev {
    left: -5px;
  }
  .payments-section .items-slider-1 .slider__nav .slick-next {
    left: calc(100% - 85px);
  }
}
@media only screen and (max-width: 560px) {
  .modal-window {
    height: auto;
    overflow: inherit;
  }
  .modal-window .modal-1:checked ~ .modal-content {
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    border-radius: 0;
    padding: 10px 20px;
    min-width: initial;
    max-width: none;
  }
  .modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows-container {
    width: 100%;
    position: relative;
    left: 0;
  }
  .modal-window .modal-content .card.card-horizontal.card-with-gold .card__block.card__user-info .follows-container .user-profile-follows__buttons {
    width: 100%;
    text-align: center;
  }
  .modal-window .modal-content .shopping-cart-details__item.shopping-cart-item .cart-item.form-control {
    font-size: 12px;
  }
  .modal-window .modal-content .shopping-cart-details__item.shopping-cart-item--quantity.modal-quantity .quantity-mob {
    padding-right: 10px;
  }
  .modal-window .modal-content .shopping-cart-details__item.shopping-cart-item--amount .amount-mob {
    padding-right: 10px;
  }
  .shopping-cart-page .payment-form-footer .buttons .button {
    max-width: none;
  }
}
@media only screen and (max-width: 350px) {
  .modal-window .modal-content .card.card-horizontal.card-with-gold .card__block {
    padding: 10px 0px;
  }
}
.cart-item-img {
  height: auto;
  width: 100%;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  .card-offer .card__user-info,
  .new_gold_card .card__user-info {
    max-width: 35% !important;
    min-width: 35% !important;
  }
  .card-offer .card__user-info .avatar-wrap,
  .new_gold_card .card__user-info .avatar-wrap {
    width: 90px;
    height: 90px;
    border-radius: 25px !important;
    border: 4px solid #ff9f00 !important;
  }
  .card-offer .card__user-info .avatar-wrap .ico-user-status-position,
  .new_gold_card .card__user-info .avatar-wrap .ico-user-status-position {
    width: 17px !important;
    height: 17px !important;
    left: 70px;
  }
  .card-offer .card__user-info .nick-name,
  .new_gold_card .card__user-info .nick-name {
    font-style: normal;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 15px;
    margin-bottom: 25px;
  }
  .card-offer .card__user-info .ico.user-verify,
  .new_gold_card .card__user-info .ico.user-verify {
    width: 17px;
    height: 20px;
  }
  .card-offer .card__user-info .user-achievement,
  .new_gold_card .card__user-info .user-achievement {
    font-size: 14px;
  }
  .card-offer .user-orders,
  .card-offer .user-rate__info,
  .new_gold_card .user-orders,
  .new_gold_card .user-rate__info {
    font-size: 14px;
  }
  .card-offer .wrap-total,
  .new_gold_card .wrap-total {
    margin-left: 67px !important;
  }
  .card-offer .card__game-info,
  .new_gold_card .card__game-info {
    padding-top: 20px;
  }
  .card-offer .card__game-info .game-info__desc,
  .new_gold_card .card__game-info .game-info__desc {
    font-family: Roboto;
    font-size: 22px;
  }
  .card-offer .card__game-info .game-info__code,
  .new_gold_card .card__game-info .game-info__code {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .card-offer .offer_info_box,
  .new_gold_card .offer_info_box {
    font-size: 16px;
  }
  .card-offer .offer_info_box .game-info__code,
  .new_gold_card .offer_info_box .game-info__code {
    font-size: 16px !important;
    display: none;
  }
  .offer_favorite {
    top: 20px !important;
    right: 20px !important;
  }
}
.new_gold_card .new_gold_card_title {
  padding: 25px 60px 0px 15px;
}
@media only screen and (max-width: 767px) {
  .new_gold_card .new_gold_card_title {
    padding: 20px 60px 0px 20px;
  }
}
.new_gold_card .new_gold_card_title .gold_card_name span {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase !important;
}
.new_gold_card .button-favorite {
  top: -35px;
}
.new_gold_card .card__user-info {
  max-width: 28.5% !important;
  min-width: 28.5% !important;
}
@media only screen and (max-width: 767px) {
  .new_gold_card .card__user-info {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.new_gold_card .calculate-input {
  text-align: center !important;
  padding: 4.9px 20px !important;
}
.new_gold_card .calculate .calculate-count,
.new_gold_card .calculate-sum {
  width: 45% !important;
  margin-top: 0px !important;
}
.new_gold_card .calculate-count-text,
.new_gold_card .calculate-sum-text {
  top: 50px !important;
  right: 0 !important;
  width: 100% !important;
  text-align: center !important;
  color: #f75a01 !important;
}
.new_gold_card .wrap-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  text-align: center !important;
  margin-left: 0px !important;
}
.new_gold_card .wrap-total .total__price {
  text-align: center;
}
.new_gold_card .calculate_inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
}
.new_gold_card .coin_inputs_arrow {
  width: 7%;
  height: 23px;
  width: 15px;
  background-image: url(../../img/icons/coins_input_arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.new_gold_card .gold_card_infos {
  color: #808080 !important;
  text-transform: uppercase !important;
  font-family: "Roboto-Medium", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  margin-bottom: 20px;
  display: flex;
}
.new_gold_card .gold_card_infos__wide-info-msg .step-info-msg {
  bottom: 25px;
  width: max-content;
  max-width: 500px;
}
.new_gold_card .gold_card_infos .orange {
  font-family: "Roboto-Medium", sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  padding-left: 7px !important;
}
.new_gold_card .gold_card_infos div {
  display: inline-block;
}
.new_gold_card .gold_card_infos::before {
  content: "";
  position: relative;
  width: 17px;
  height: 17px;
  background-image: url(../../img/icons/gold_card/delivery.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-right: 7px;
}
.new_gold_card .gold_card_infos.faction::before {
  background-image: url(../../img/icons/gold_card/faction.svg);
}
.new_gold_card .gold_card_infos.amount::before {
  background-image: url(../../img/icons/gold_card/amount.svg);
  width: 19px;
  height: 19px;
}
.new_gold_card .gold_card_infos.server::before {
  background-image: url(../../img/icons/gold_card/server.svg);
}
.new_gold_card .gold_card_infos.server-faction::before {
  background-image: url(../../img/icons/gold_card/faction.svg) !important;
}
.new_gold_card .gold_card_infos.server-faction:nth-child(2)::before {
  background-image: url(../../img/icons/gold_card/server.svg) !important;
}
.new_gold_card .gold_card_infos.id::before {
  content: "";
  display: none;
}
.new_gold_card .account-details {
  margin-left: 28.5% !important;
}
.new_gold_card .count-wrap .step-info-msg {
  display: none !important;
}
.new_gold_card .gold_card_infos .orange {
  max-width: 100%;
}
.new_gold_card .gold_card_infos .orange .step-info {
  width: auto;
}
.new_gold_card .gold_card_infos .orange .step-info .step-info-i {
  width: auto;
  display: inline-block !important;
  margin-top: 0px !important;
  margin-bottom: 5px;
  background: none !important;
  cursor: pointer;
}
.new_gold_card .gold_card_right {
  width: 100%;
}
.new_gold_card .gold_card_right .card__game-info {
  padding: 30px 15px;
}

.modal-window .modal-1:checked ~ .modal-top {
  top: 25% !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.ticket_avatar_wrap .avatar-wrap {
  height: 40px;
}
.ticket_avatar_wrap .ico-user-status-position {
  height: 14px !important;
  width: 14px;
  right: -1px !important;
}
.ticket_avatar_wrap .ico-user-status-position .step-info-i {
  background: none;
}

.cart-item__quantity.form-control {
  background-color: #fff !important;
}

.user-rate-small {
  display: flex;
  align-items: center;
}
.user-rate-small .user-rate__percents {
  margin-left: 10px;
}

.marleft30 {
  margin-left: 30px !important;
}

.fsz18px {
  font-size: 18px;
}

.shopping-cart-page .payment-form-summary {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.shopping-cart-page .cart-item-infos {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.shopping-cart-page .cart-item-infos__message {
  min-width: 600px;
}
@media only screen and (max-width: 992px) {
  .shopping-cart-page .cart-item-infos__message {
    min-width: 400px;
  }
}
.shopping-cart-page .cart-item-infos .cart-item-info {
  display: flex;
  align-items: center;
}
.shopping-cart-page .cart-item-infos .cart-item-info--start {
  align-items: flex-start;
}
.shopping-cart-page .cart-item-infos .cart-item-info .orange {
  margin-left: 10px;
}
.shopping-cart-page .cart-item-infos i.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 8px;
  top: 0 !important;
}
.shopping-cart-page .avatar-wrap {
  overflow: visible !important;
}
.shopping-cart-page .character-info-block .step-info-i {
  display: block;
  background-position: right;
  padding-right: 25px;
}
.shopping-cart-page .option_text {
  margin-top: 7px;
}
.shopping-cart-page .option_text:first-child {
  margin-top: 0px;
}
.shopping-cart-page .option_text .option_value {
  font-weight: 700;
}
.shopping-cart-page .cart-item-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
}

.transaction-to-payment-block__content .summary-info__item .summary-info-value {
  margin-bottom: 4px !important;
}

.card-my_store.card-offer .user-rate {
  display: flex !important;
  align-items: center;
}
.card-my_store.card-offer .user-rate .user-rate__percents {
  font-size: 18px !important;
  padding-left: 5px;
}
.card-my_store.card-offer .convert__delivery {
  height: 20px;
}
.card-my_store.card-offer .card__game-info {
  width: 100% !important;
  max-width: 100% !important;
  font-weight: 700 !important;
}
.card-my_store.card-offer .card__game-info .convert__amount .ico {
  position: relative;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  top: 0 !important;
}
.card-my_store.card-offer .card__game-info .convert__amount .ico-coins {
  margin-top: 10px;
}
.card-my_store.card-offer .card__game-info .convert__amount .hours-info {
  margin-left: 5px;
}
.card-my_store.card-offer .card__game-info .info .orange .step-info-i {
  display: block !important;
  background: transparent !important;
  cursor: pointer;
}
.card-my_store.card-offer .card__game-info .info .orange .step-info-msg {
  left: 70px;
}
.card-my_store.card-offer .wrap-total {
  margin: 0 auto !important;
  text-align: center;
}
.card-my_store.card-offer .wrap-total .total__price {
  text-align: center !important;
}
.card-my_store.card-offer .game_info_grid {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 50px;
}
.card-my_store.card-offer .game_info_grid .game_info_grid_right {
  margin-left: 50px;
}
@media only screen and (max-width: 769px) {
  .card-my_store.card-offer .game_info_grid {
    display: block;
  }
  .card-my_store.card-offer .game_info_grid .game_info_grid_right {
    margin-left: 0px;
    margin-top: 15px;
  }
}
.card-my_store.card-offer .account-details {
  margin-left: 35%;
}

.cart-item-infos .cart-item-info {
  font-weight: 900;
}
.cart-item-infos .cart-item-info b {
  font-weight: 700;
  color: #f75a01 !important;
  margin-left: 5px;
}

.empty_checkout {
  background-color: white;
  padding: 30px 0;
  border-radius: 8px;
  margin-bottom: 10px;
}
.empty_checkout .empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background-position: 50% 30%;
}
.empty_checkout .empty-block .text-center {
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir-Next", sans-serif;
  font-weight: 600;
  color: #505050;
  text-transform: uppercase;
}

.secondary-page {
  padding: 35px 0;
}
.secondary-page.how_to-page img {
  max-width: 100%;
  border-radius: 10px;
}
.secondary-page.how_to-page .note-info {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
.secondary-page.how_to-page .note-info span,
.secondary-page.how_to-page .note-info a {
  color: #f75a01;
}
.secondary-page.how_to-page .section-title {
  font-family: Avenir-Next-Bold;
  font-weight: bold;
  font-size: 40px;
  line-height: 51px;
  text-align: center;
  text-transform: inherit;
}
.secondary-page.how_to-page .success-info {
  background: #fff;
  height: 321px;
  width: 100%;
  padding: 30px;
  font-family: Avenir-Next;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.261482px;
  color: #050505;
  border-radius: 10px;
}
.secondary-page.how_to-page .success-info span {
  color: #f75a01;
}
.secondary-page.how_to-page .success-info .cursor-wrap {
  position: relative;
}
.secondary-page.how_to-page .success-info .cursor-wrap:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(/img/how-to-buy/how-to-buy-cursor.png) no-repeat center center;
  background-size: contain;
  right: -10px;
  top: 25px;
  margin-left: 50px;
}
.secondary-page.how_to-page .line {
  border-bottom: 1px solid #f75a01;
  width: 600px;
  margin: 0 auto;
}
.secondary-page.how_to-page .step-list h2 {
  font-family: Avenir-Next;
  font-weight: 600;
  font-size: 20px;
  line-height: 140.62%;
  margin-bottom: 50px;
  margin-top: 20px;
}
.secondary-page.how_to-page .step-list ul {
  list-style-type: none;
}
.secondary-page.how_to-page .step-list ul li {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 30px;
}
.secondary-page.how_to-page .step-list ul li:before {
  font-weight: 400;
  color: #d7002e;
  content: "•";
  padding-right: 7px; /* Отступ от маркера до текста */
}
.secondary-page .find-news-form {
  margin-top: 34px;
  margin-bottom: 50px;
}
.secondary-page .subscriptions-block {
  padding-top: 31px;
  position: relative;
}
.secondary-page .subscriptions-block .subscriptions {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  display: none;
  padding: 5px 30px;
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
}
.secondary-page .subscriptions-block .subscriptions .subscription {
  border-bottom: 1px solid #dbdbdb;
}
.secondary-page .subscriptions-block .subscriptions .subscription .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.secondary-page .subscriptions-block .subscriptions .subscription:last-child {
  border-bottom: none;
}
.secondary-page .search-news-result-block {
  margin-bottom: 50px;
}
.secondary-page .search-news-result-block .no-search-result {
  color: #fff;
  font-family: Avenir-Next, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 55px;
  margin-bottom: 30px;
}
.secondary-page .news-list-item {
  margin-bottom: 30px;
}
.secondary-page .news-list .news-title {
  margin-bottom: 30px;
}
.secondary-page .news-list .news-body p {
  color: #fff;
  font-family: Avenir-Next, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 10px;
}
.secondary-page .news-list .news-date {
  color: #8e8e8e;
  font-family: Avenir-Next, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.secondary-page .news-list .news-date .time {
  color: #8e8e8e;
  margin-left: 5px;
}
.secondary-page .filters-row .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  border: none;
  background: #000;
}
.secondary-page .filters-row .select-bar {
  margin-bottom: 20px;
}
.secondary-page .filters-row .ui-selectmenu-text {
  color: #fff;
}
.secondary-page .filters-row .input-group-btn .btn.search-ico {
  background-image: url("../img/icons/search-white.svg");
}
.secondary-page .filters-row .select-show-items .select-menu__label {
  color: #fff;
}
.secondary-page .payment-methods .payment-method {
  background: #fff;
  display: flex;
  flex-direction: row;
  padding: 25px;
  margin-bottom: 30px;
}
.secondary-page .payment-methods .payment-method-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 25px;
}
.secondary-page .payment-methods .payment-method-img img {
  width: 200px;
  height: auto;
}
.secondary-page .payment-methods .payment-method-description {
  border-left: 1px solid #ccc;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  padding-left: 25px;
}
.secondary-page .payment-methods .payment-method-name {
  font-family: Avenir-Next-Bold, sans-serif, sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
}
.secondary-page .payment-methods .payment-method-info {
  font-family: Avenir-Next, sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.secondary-page .payment-methods .payment-method-more-link {
  color: #05b;
  font-family: Avenir-Next, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.secondary-page .contact-us-form .form-title {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.7px;
  margin-bottom: 50px;
}
.secondary-page .contact-us-form .form-group {
  margin-bottom: 30px;
}
.secondary-page .contact-us-form .form-group .control-label {
  margin-top: 0;
}
.secondary-page .contact-us-form .form-group .button-accent {
  margin-top: 0;
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link {
  background: no-repeat left center;
  -webkit-background-size: contain;
  background-size: contain;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.6px;
  display: block;
  margin-bottom: 30px;
  padding-left: 60px;
  cursor: pointer;
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link:hover, .secondary-page .contact-us-form .contact-us-link-group .contact-us-link:focus {
  color: #f75a01 !important;
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link--by-email {
  background-image: url("../img/icons/gmail.svg");
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link--by-teams {
  background-image: url("../img/icons/Teams.svg");
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link--by-discord {
  background-image: url("../img/icons/discord.png");
}
.secondary-page .contact-us-form .contact-us-link-group .contact-us-link--by-telegram {
  background-image: url("../img/icons/telegram.png");
}
.secondary-page .step {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  margin-bottom: 30px;
}
.secondary-page .step-count {
  text-align: center;
  display: block;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 82px;
  letter-spacing: 0.7px;
  color: #f75a01;
  padding-right: 20px;
  margin-top: -7px;
}
.secondary-page .step-info {
  padding-left: 15px;
  width: 100%;
}
.secondary-page .step-info-title {
  color: #fff;
  font-family: Avenir-Next, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.secondary-page .tabs-table .nav-tabs {
  border-bottom: 1px solid #4a4a4a;
}
.secondary-page.how_to-page {
  background: #13192a;
}
.secondary-page.how_to-page .section-title {
  color: #fff;
}
.secondary-page.how_to-page .step {
  margin-top: 30px;
}
.secondary-page.how_to-page .step-info {
  padding-top: 5px;
  height: auto;
}
.secondary-page.how_to-page .step-info-title {
  font-size: 16px;
  line-height: 32px;
  font-family: "Avenir-Next";
  width: 100%;
}
.secondary-page.how_to-page .step-info-title .list-item-1 {
  list-style-type: disc;
  margin-left: 70px;
}
.secondary-page.how_to-page .step-info-title span {
  color: #f75a01;
}
.secondary-page.how_to-page .step-info-title ol {
  list-style-type: decimal;
  margin-left: 20px;
}
.secondary-page.how_to-page .step-info-title ol ul {
  list-style-type: disc;
  margin-left: 60px;
}
.secondary-page.how_to-page .step-info_top {
  padding-left: 0;
  padding-top: 0;
}
.secondary-page.how_to-page .step-info_top span {
  font-family: "Avenir-Next";
  background: none;
  width: auto;
  height: auto;
}
.secondary-page.how_to-page .advantages .step-info-title {
  padding: 0 40px 20px;
  position: relative;
}
.secondary-page.how_to-page .advantages .step-info-title img {
  position: absolute;
  left: 0;
  top: 0;
}
.secondary-page.how_to-page .nav-tab__title {
  text-transform: none;
}

.payment-details-page {
  padding: 50px 0;
}
.payment-details-page .payment-logo {
  text-align: center;
  margin-bottom: 50px;
}
.payment-details-page .payment-logo img {
  width: 200px;
  height: auto;
}
.payment-details-page .payment-info {
  margin-bottom: 30px;
}
.payment-details-page .payment-info .payment-title {
  color: #000;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
}
.payment-details-page .payment-info p {
  color: #000;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.payment-details-page .payment-commissions .payment-commission {
  color: #000;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.get-account {
  background: #13192a;
}
.get-account .get-account-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100px;
}
.get-account .get-account-block .get-account-title {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.get-account .get-account-block .button--neutral {
  border: none;
  display: inline-block;
  min-width: 200px;
}
.get-account .get-account-block .button--neutral:hover {
  color: #fff;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}

.contact-us-page textarea.form-control {
  background: #fff;
}

.input-group.search .form-control {
  border-left: none;
}

.search .form-control.input-lg:focus {
  border-color: #cecece;
}

@media only screen and (max-width: 767px) {
  .get-account {
    margin-bottom: 20px;
  }
  .get-account .get-account-block {
    display: block;
    height: auto;
  }
  .get-account .get-account-block .get-account-title {
    padding: 15px 0;
  }
  .get-account .get-account-block .button--neutral {
    margin-bottom: 20px;
  }
  .secondary-page {
    padding: 0 0 30px;
  }
  .secondary-page.how_to-page .success-info {
    height: auto;
  }
  .secondary-page.how_to-page .section-title {
    font-size: 40px !important;
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 592px) {
  .contact-us-page .secondary-page .contact-us-form .contact-us-link-group .contact-us-link {
    font-size: 14px;
    padding-left: 45px;
  }
  .contact-us-page .secondary-page .contact-us-form .contact-us-link-group .contact-us-link--by-email {
    background-size: 20px;
  }
  .contact-us-page .secondary-page .contact-us-form .form-title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .contact-us-page .secondary-page .contact-us-form .form-group {
    margin-bottom: 15px;
  }
  .secondary-page.how_to-page .step-info-title .list-item-1 {
    margin-left: 0;
  }
  .secondary-page.how_to-page .title-list-how-to-sell.step {
    margin: 0;
  }
}
.news-page .static-page {
  background: transparent;
}
.news-page .container.mini {
  width: 734px;
}
.news-page .pagination {
  margin: 20px 0 40px;
}
.news-page h1 {
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 40px 0;
}
.news-page h2 {
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
}
.news-page img {
  border-radius: 4px;
}
.news-page .static-page h1 {
  font-size: 32px;
  letter-spacing: 0.0653704px;
  color: #000;
  text-transform: inherit;
  margin-bottom: 10px;
  font-family: Roboto-Bold;
}
.news-page .static-page .timer {
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  color: #f75a01;
  background: url(/img/news/icons/clock.svg) left center no-repeat;
  padding-left: 26px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.news-page .static-page .info p {
  font-size: 16px;
  line-height: 150%;
  color: #000;
  margin: 15px 0;
}
.news-page .static-page .comments h2 {
  margin: 40px 0 30px;
}
.news-page .static-page .comments .comment-form label,
.news-page .static-page .comments .reply-form label {
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color: #808080;
  background: url(/img/news/icons/comment-ico.svg) left center no-repeat;
  padding-left: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}
.news-page .static-page .comments .comment-form textarea,
.news-page .static-page .comments .reply-form textarea {
  background: #fff;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 83px;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  padding: 13px 30px;
  resize: none;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.news-page .static-page .comments .comment-form textarea::placeholder,
.news-page .static-page .comments .reply-form textarea::placeholder {
  color: #000000 !important;
}
.news-page .static-page .comments .comment-form button,
.news-page .static-page .comments .reply-form button {
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 13px 20px;
  float: right;
  margin: 30px 0;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.news-page .static-page .comments .comment-form button.not-auth,
.news-page .static-page .comments .reply-form button.not-auth {
  float: inherit;
  margin-top: 20px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  color: #ffffff;
  mix-blend-mode: normal;
  padding: 13px 30px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
}
.news-page .static-page .comments .comment-form .auth-alert,
.news-page .static-page .comments .reply-form .auth-alert {
  font-size: 18px;
  color: #000;
  background: #d6d6d6;
  border: 1px solid #ff9900;
  border-radius: 4px;
  padding: 20px 46px;
  display: inline-block;
}
.news-page .static-page .comments .reply-form {
  width: 500px;
  margin-top: 10px;
}
.news-page .static-page .comments .reply-form textarea {
  height: 60px;
  font-size: 14px;
  line-height: 16px;
}
.news-page .static-page .comments .reply-form button {
  margin-bottom: 0;
}
.news-page .static-page .comments .comment-list {
  margin-bottom: 50px;
}
.news-page .static-page .comments .comment-list .comment:before, .news-page .static-page .comments .comment-list .comment:after {
  content: "";
  display: block;
  clear: both;
}
.news-page .static-page .comments .comment-list .comment .tools:before, .news-page .static-page .comments .comment-list .comment .tools:after {
  content: "";
  display: block;
  clear: both;
}
.news-page .static-page .comments .comment-list .comment .user-ico {
  width: 50px;
  float: left;
}
.news-page .static-page .comments .comment-list .comment .user-ico img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}
.news-page .static-page .comments .comment-list .comment .info {
  position: relative;
  float: left;
  background: #fff;
  width: 450px;
  font-size: 14px;
  padding: 15px;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.news-page .static-page .comments .comment-list .comment .info .delete-link {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #9a9a9a;
}
.news-page .static-page .comments .comment-list .comment .info .edit-link {
  position: absolute;
  right: 40px;
  top: 12px;
  color: #9a9a9a;
}
.news-page .static-page .comments .comment-list .comment .info .title {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0653704px;
  color: #808080;
}
.news-page .static-page .comments .comment-list .comment .info .time {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #9a9a9a;
  margin: 10px 0;
}
.news-page .static-page .comments .comment-list .comment .info .text {
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #333333;
}
.news-page .static-page .comments .comment-list .comment .info .edit-view textarea {
  min-height: 83px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.news-page .static-page .comments .comment-list .comment .info .edit-view button {
  background: #46ca43;
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  color: #fff;
  padding: 13px 20px;
  float: right;
}
.news-page .static-page .comments .comment-list .comment .info .to {
  font-size: 16px;
  line-height: 18px;
  text-transform: capitalize;
  color: #9a9a9a;
  background: url("/img/news/icons/reply-gray.svg") no-repeat left center;
  padding-left: 30px;
  margin-bottom: 8px;
}
.news-page .static-page .comments .comment-list .comment .replies-list {
  margin-left: 50px;
}
.news-page .static-page .comments .comment-list .comment .replies-list .replies-list .replies-list .replies-list {
  margin-left: 0;
}
.news-page .static-page .comments .comment-list .comment .tools {
  font-size: 16px;
  margin: 10px 0 0px 50px;
  padding: 10px 0;
}
.news-page .static-page .comments .comment-list .comment .tools .reply {
  color: #f75a01;
  display: inline-block;
  margin: 10px 0 5px;
}
.news-page .static-page .comments .comment-list .comment .tools .reply .add-reply {
  color: #808080;
  background: url("/img/news/icons/reply.svg") no-repeat left center;
  padding-left: 28px;
}
.news-page .static-page .comments .comment-list .comment .tools .reply span {
  margin-left: 10px;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike {
  display: inline-block;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .like,
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .dislike {
  display: inline-block;
  margin-left: 10px;
  padding-left: 25px;
  cursor: pointer;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .like {
  background: url("/img/news/icons/like.svg") no-repeat left center;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .like.active {
  background: url("/img/news/icons/like-active.svg") no-repeat left center;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .dislike {
  background: url("/img/news/icons/dislike.svg") no-repeat left center;
}
.news-page .static-page .comments .comment-list .comment .tools .like-dislike .dislike.active {
  background: url("/img/news/icons/dislike-active.svg") no-repeat left center;
}
.news-page .news-list {
  margin-top: 30px;
}
.news-page .news-list .news-item {
  border-bottom: 1px solid #c4c4c4;
  padding: 0 0 40px;
  margin-bottom: 30px;
}
.news-page .news-list .news-item:hover .news-item__img {
  transform: scale(1.06);
}
.news-page .news-list .news-item__img {
  transition: 0.3s;
}
.news-page .news-list .news-item__img img {
  width: 100%;
}
.news-page .news-list .news-item .title {
  font-size: 26px;
  color: #000000;
  margin-bottom: 20px;
  font-family: Roboto-Bold;
}
.news-page .news-list .news-item .info {
  margin: 20px 0 40px;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
}
.news-page .news-list .news-item .time-left {
  font-size: 16px;
  text-transform: capitalize;
  color: #f75a01;
}
.news-page .news-list .news-item .read-button {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  color: #fff;
  mix-blend-mode: normal;
  padding: 16px 50px;
  border-radius: 4px;
}
.news-page .news-list .news-item .read-button:hover, .news-page .news-list .news-item .read-button:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.news-page .news-list-type-2 {
  border-top: 1px solid #c4c4c4;
}
.news-page .news-list-type-2 .title {
  margin: 30px 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  height: 20px;
  overflow: hidden;
}
.news-page .news-list-type-2 .news-item {
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 10px;
  padding-bottom: 25px;
}
.news-page .news-list-type-2 .news-item img {
  width: 100% !important;
  border-radius: 10px;
  height: 130px;
  margin-bottom: 10px;
}
.news-page .news-list-type-2 .news-item .title {
  height: 100%;
  min-height: 45px;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  letter-spacing: 0.0653704px;
  color: #000;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .news-page .news-list-type-2 .news-item .title {
    margin-bottom: 10px;
  }
}
.news-page .news-list-type-2 .news-item .info {
  height: 80px;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: capitalize;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .news-page .news-list-type-2 .news-item .info {
    height: 133px;
  }
}
@media only screen and (max-width: 767px) {
  .news-page .news-list-type-2 .news-item .info {
    height: 96px;
  }
}
.news-page .news-list-type-2 .news-item .time-left {
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: #808080;
  margin-left: 15px;
}
.news-page .news-list-type-2 .news-item .read-button {
  margin-right: 15px;
  mix-blend-mode: normal;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  padding: 10px 15px;
  font-family: Roboto-Bold;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4375px;
  text-transform: uppercase;
  color: #fff;
}
.news-page .news-list-type-2 .news-item .read-button:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}

@media only screen and (max-width: 767px) {
  .news-page .container.mini {
    width: 100%;
  }
  .news-page .news-list .news-item .read-button,
  .news-page .news-list-type-2 .news-item .read-button {
    display: block;
    margin-top: 20px;
  }
  .news-page .static-page .comments .comment-list .comment .user-ico {
    width: 10%;
  }
  .news-page .static-page .comments .comment-list .comment .info {
    width: 90%;
  }
  .news-page .static-page .comments .comment-list .comment .reply-form {
    width: 100%;
  }
  .news-page .static-page .comments .comment-list .comment .replies-list {
    margin-left: 0;
  }
  .news-page .static-page .comments .comment-list .comment .tools {
    margin-left: 10%;
  }
}
@media only screen and (max-width: 550px) {
  .news-page .static-page .comments .comment-list .comment {
    border-top: 1px solid #c4c4c4;
    padding: 30px 0 0;
  }
  .news-page .static-page .comments .comment-list .comment .user-ico {
    width: 20%;
  }
  .news-page .static-page .comments .comment-list .comment .info {
    width: 80%;
    background: transparent;
    padding: 0 0 10px;
  }
  .news-page .static-page .comments .comment-list .comment .tools {
    margin-left: 20%;
  }
  .news-page .static-page .comments .comment-list .comment .tools .reply {
    width: 100%;
    margin-bottom: 5px;
  }
  .news-page .static-page .comments .comment-list .comment .tools .reply .add-reply {
    width: 49%;
    display: inline-block;
  }
  .news-page .static-page .comments .comment-list .comment .tools .likes,
  .news-page .static-page .comments .comment-list .comment .tools .dislikes {
    width: 49%;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.how-to-slider {
  background-color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .how-to-slider {
    flex-direction: column;
  }
}
.how-to-slider .how-to-panel {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .how-to-slider .how-to-panel {
    width: 100%;
  }
}
.how-to-slider .how-to-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 65px;
  border-radius: 4px;
  padding: 15px;
  transition: 0.5s ease all;
  text-align: center;
}
.how-to-slider .how-to-panel span {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.081713px;
  text-transform: uppercase;
  color: #202836;
  position: relative;
  padding-left: 30px;
  display: inline-block;
  width: auto;
}
.how-to-slider .how-to-panel span::before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #202836;
  left: 0;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.how-to-slider .how-to-panel .panel-currency-span::before {
  -webkit-mask-image: url("../../img/icons/coins_stack.svg");
}
.how-to-slider .how-to-panel .panel-keys-span::before {
  -webkit-mask-image: url("../../img/icons/key_ico.svg");
}
.how-to-slider .how-to-panel:hover {
  cursor: pointer;
}
.how-to-slider .how-to-panel:hover span {
  color: #f75a01;
}
.how-to-slider .how-to-panel:hover span::before {
  background-color: #f75a01;
}
.how-to-slider .active {
  background: #ffe3d2;
  border: 1px solid #f75a01;
}
.how-to-slider .active:hover {
  cursor: default;
}
.how-to-slider .active:hover span {
  color: #202836;
}
.how-to-slider .active:hover span::before {
  background-color: #202836;
}

.static-page .breadcrumb li {
  margin: 0;
}
.static-page h2 {
  font-weight: 700;
  font-size: 26px;
  margin-top: 55px;
  margin-bottom: 25px;
}
.static-page .container:nth-child(3) {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  padding: 50px;
  margin: 0px auto 70px;
}
.static-page ul li {
  padding-left: 25px;
  margin-top: 15px;
  position: relative;
}
.static-page ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 5px;
  top: 6px;
  background-color: #f75a01;
  border-radius: 50%;
}
.static-page ol {
  list-style-type: numbers;
}
.static-page ol li {
  margin-left: 25px;
  padding-left: 5px;
  margin-top: 15px;
  list-style-position: outside;
}
.static-page ol li::marker {
  color: #808080;
  font-weight: 700;
}

.bookmarks-page {
  padding-bottom: 50px;
  min-height: 700px;
}
.bookmarks-page .radio__label {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 28px;
  cursor: pointer;
  vertical-align: bottom;
  color: #ffffff;
  opacity: 0.9;
  transition: color 0.2s ease;
  font-size: 12px;
  padding: 2px 10px 0 28px;
}
.bookmarks-page .radio__label:before, .bookmarks-page .radio__label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.bookmarks-page .radio__label:before {
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #a1a1a1;
  border-radius: 4px;
  top: 2px;
}
.bookmarks-page .radio__label:after {
  display: none;
}
.bookmarks-page .radio__label:hover {
  color: #f75a01;
}
.bookmarks-page .radio__label:hover:before {
  border-color: #f75a01;
}
.bookmarks-page .radio:checked + .radio__label {
  color: #ffffff;
  opacity: 0.9;
}
.bookmarks-page .radio:checked + .radio__label:before {
  border-color: #f75a01;
  background: #f75a01;
}
.bookmarks-page .radio:checked + .radio__label:after {
  top: 4px;
  left: 6px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #fff;
  border-radius: 0;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  display: block;
}
.bookmarks-page .tabs-stats {
  margin-top: 0;
}
.bookmarks-page .bookmarks-tabs {
  background: #fff;
}
.bookmarks-page .bookmarks-tabs li {
  height: auto;
  min-height: 0;
}
.bookmarks-page .bookmarks-tabs .bookmarks-tab {
  padding: 0 20px;
  line-height: 65px;
  height: auto;
}
.bookmarks-page .bookmarks-tabs .bookmarks-tab .nav-tab__title {
  line-height: 60px;
  color: #000;
}
.bookmarks-page .bookmarks-tabs .bookmarks-tab .nav-tab__title:hover {
  color: #fff;
}
.bookmarks-page .bookmarks-tabs .active .nav-tab__title {
  color: #fff;
}
.bookmarks-page .product-list {
  display: flex;
  flex-direction: column;
}
.bookmarks-page .product-list__item {
  position: relative;
  margin-bottom: 30px;
}
.bookmarks-page .product-list .item {
  background: #11151a;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  min-height: 182px;
}
.bookmarks-page .product-list .item .button-favorite {
  background: url("../img/icons/bookmarks-icn/bookmarks-icn.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  z-index: 10;
  transition: all 0.3s;
  filter: brightness(0.5);
}
.bookmarks-page .product-list .item .button-favorite-mob {
  display: none;
}
.bookmarks-page .product-list .item .button-favorite:hover, .bookmarks-page .product-list .item .button-favorite.active {
  transform: scale(1.2);
  background-image: url("../img/icons/bookmarks-icn/bookmarks-icn-active.svg");
  width: 25px;
  height: 25px;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s;
  filter: brightness(100%);
}
.bookmarks-page .product-list .item-check label {
  padding-left: 15px;
}
.bookmarks-page .product-list .item-img {
  margin-left: 20px;
  margin-right: 30px;
  height: 182px;
  width: 360px;
}
.bookmarks-page .product-list .item-img img {
  float: none;
  width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
}
.bookmarks-page .product-list .item-info {
  display: flex;
  flex-direction: row;
  position: relative;
}
.bookmarks-page .product-list .item-info__description {
  color: #fff;
  font-family: Roboto-Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
  min-width: 300px;
  max-width: 300px;
}
.bookmarks-page .product-list .item-info__description .offer-count {
  font-family: Roboto-Black, sans-serif;
  font-weight: 800;
}
.bookmarks-page .product-list .item-info__description .offer-price {
  font-family: Roboto-Black, sans-serif;
  font-weight: 800;
}
.bookmarks-page .product-list .item-info__description p {
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin-top: 30px;
}
.bookmarks-page .product-list .item-info__buttons {
  margin-left: 80px;
  margin-right: 20px;
  width: 300px;
  display: flex;
  align-items: center;
}
.bookmarks-page .product-list .item-info__buttons .item-info-button {
  border-radius: 4px;
  line-height: 55px;
  display: inline-block;
  padding: 0 35px;
  height: 55px;
  min-width: 0;
}
.bookmarks-page .product-list .item-info__buttons .item-info-button:hover {
  color: #fff;
}
.bookmarks-page .radio__container {
  padding-top: 15px;
}
@media only screen and (max-width: 1200px) {
  .bookmarks-page .radio__container .radio-inline {
    margin-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .bookmarks-page .radio__container {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 650px) {
  .bookmarks-page .radio__container {
    display: none;
  }
}
.bookmarks-page.card-horizontal .card__block {
  max-width: 24% !important;
  min-width: 24% !important;
}
.bookmarks-page .card .choose__block {
  display: flex;
  align-items: center;
  padding-left: 15px;
  position: absolute;
  top: 50%;
  transform: translate(0%, 50%);
  z-index: 1000;
}
.bookmarks-page .card .choose__block label {
  padding-left: 15px;
}
.bookmarks-page .card .card__block {
  padding-left: 50px !important;
}
.bookmarks-page .card.card-horizontal.card-with-gold .card__block {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px !important;
  padding-right: 27px;
}
.bookmarks-page .card.card-horizontal.card-small .card__block {
  min-width: 24%;
}
.bookmarks-page .card.card-account .account-details {
  margin-left: calc(25% + 30px);
}

.bookmarks-page .tabs-stats .nav-tabs {
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px;
  box-shadow: none;
  border: none;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.bookmarks-page .tabs-stats .nav-tabs .nav-tab__title {
  color: #000;
}
.bookmarks-page .tabs-stats .nav-tabs > li {
  width: 50%;
}
.bookmarks-page .tabs-stats .nav-tabs > li.active > a, .bookmarks-page .tabs-stats .nav-tabs > li:focus > a {
  background-color: #ffe3d2;
  color: #000;
}
.bookmarks-page .tabs-stats .nav-tabs > li:hover {
  color: #000;
}
.bookmarks-page .tabs-stats .nav-tabs > li > a {
  background-color: #fff;
  color: #000;
  height: 60px !important;
  border: none;
  transition: 0.5s;
}
.bookmarks-page .tabs-stats .nav-tabs > li > a .count {
  opacity: 0.5;
}
.bookmarks-page .tabs-stats .nav-tabs > li > a:hover {
  background-color: #fff;
  color: #f75a01 !important;
  border: none;
  transition: 0.5s;
}
.bookmarks-page .tabs-stats .nav-tabs > li > a:hover .nav-tab__title {
  color: #f75a01;
}
.bookmarks-page .tabs-stats .nav-tabs > li.active > a:hover {
  background-color: #ffe3d2 !important;
  color: #000 !important;
}
.bookmarks-page .tabs-stats .nav-tabs > li.active > a:hover .nav-tab__title {
  color: #000 !important;
}

.manage-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
}
.manage-controls .manage-control {
  line-height: 20px;
  height: 20px;
}
.manage-controls .manage-control--choose-by {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  position: relative;
}
.manage-controls .manage-control--choose-by label {
  margin-bottom: 0;
  padding-left: 25px;
}
.manage-controls .manage-control--choose-by .toggle-choose-by-items {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
}
.manage-controls .manage-control--choose-by .toggle-choose-by-items span {
  background: #000;
  display: block;
  position: absolute;
  width: 7px;
  height: 1px;
  top: 10px;
  transform-origin: right;
}
.manage-controls .manage-control--choose-by .toggle-choose-by-items span:first-child {
  transform: rotate(45deg);
}
.manage-controls .manage-control--choose-by .toggle-choose-by-items span:last-child {
  transform: rotate(135deg);
}
.manage-controls .manage-control--choose-by .choose-by-items {
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 1px;
  display: none;
  padding: 5px 20px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.manage-controls .manage-control--choose-by .choose-by-items .choose-by-item {
  height: 30px;
}
.manage-controls .manage-control--choose-by .choose-by-items .choose-by-item__link {
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}
.manage-controls .manage-control--choose-by .choose-by-items .choose-by-item__link:hover {
  color: #000;
  font-weight: 600;
}
.manage-controls .manage-control--delete {
  margin: 0 10px;
}
.manage-controls .manage-control--share {
  margin: 0 10px;
}
.manage-controls .manage-control--add {
  margin-left: 10px;
}
.manage-controls .manage-control-button {
  background: no-repeat left center;
  -webkit-background-size: contain;
  background-size: contain;
  color: #ffffff;
}
.manage-controls .manage-control-button .fa {
  margin-right: 5px;
}
.manage-controls .manage-control-button:hover {
  color: #f75a01;
}

@media only screen and (max-width: 992px) {
  .bookmarks-page .filters-row {
    margin-bottom: 10px;
  }
  .bookmarks-page .product-list .item-img {
    height: auto;
  }
  .bookmarks-page .product-list .item-info__buttons {
    margin-left: 50px;
  }
  .bookmarks-page .product-list .item-info__buttons .button {
    max-width: 160px;
  }
}
@media only screen and (max-width: 776px) {
  .bookmarks-page {
    padding: 0 0 20px;
  }
  .bookmarks-page .bookmarks-tabs .bookmark-tab .nav-tab__title {
    font-size: 16px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 680px) {
  .bookmarks-page .product-list .item-info__description {
    min-width: auto;
    max-width: auto;
  }
  .bookmarks-page .card .choose__block {
    padding-top: 15px;
  }
  .bookmarks-page .card.card-account .account-details {
    margin-left: 0;
  }
  .bookmarks-page .card.card-horizontal.card-with-gold .card__block {
    padding: 10px 20px;
  }
  .bookmarks-page .filters-row {
    display: block;
  }
  .bookmarks-page .product-list .item {
    display: block;
    max-width: 100%;
    margin: 0 auto 30px;
    padding: 0;
  }
  .bookmarks-page .product-list .item-check {
    margin-top: 15px;
    margin-left: 15px;
    padding: 10px 0 0;
  }
  .bookmarks-page .product-list .item-img {
    width: auto;
    max-width: 100%;
    margin: 15px 0;
  }
  .bookmarks-page .product-list .item-info {
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
  }
  .bookmarks-page .product-list .item-info__buttons {
    width: 160px;
    margin: 20px auto;
  }
  .bookmarks-page .product-list .item-info__buttons .button {
    height: 40px;
    line-height: 40px;
  }
  .bookmarks-page .product-list .item-info__description p {
    margin-top: 15px;
  }
  .bookmarks-page .product-list .item .button-favorite {
    top: 10px;
    right: 15px;
  }
  .bookmarks-page .manage-controls {
    padding: 20px 15px;
  }
}
.bookmarks-page .card__game-info::after {
  display: none !important;
}

.card__convert-block::before,
.card__convert-block::after {
  display: none !important;
}

.chat-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
  background: #fff;
  border-radius: 15px;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .chat-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.chat-wrapper .left-coll {
  height: 684px;
}
@media only screen and (max-width: 992px) {
  .chat-wrapper .left-coll {
    height: auto;
  }
}
.chat-wrapper .left-coll .contact-list .date {
  position: absolute;
  right: 16px;
  text-align: right;
  top: 12px;
  color: #808080;
}
.chat-wrapper .left-coll .contact-list.big {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
  max-height: calc(100% - 47px);
}
@media only screen and (max-width: 992px) {
  .chat-wrapper .left-coll .contact-list.big {
    height: auto;
  }
}
.chat-wrapper .left-coll .contact-list.big .username {
  font-weight: 900;
}
.chat-wrapper .left-coll .contact-list .self-user-info {
  padding: 20px 30px 15px;
  border-bottom: 2px solid #e3e3e3;
  border-right: 2px solid #e3e3e3;
  height: 85px;
}
.chat-wrapper .left-coll .contact-list .self-user-info .img {
  position: relative;
  float: left;
}
.chat-wrapper .left-coll .contact-list .self-user-info .img img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  overflow: hidden;
  border-radius: 30px;
}
.chat-wrapper .left-coll .contact-list .self-user-info .img .status {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #7ed321;
  border-radius: 30px;
  border: 2px solid #fff;
  right: 2px;
  bottom: 2px;
}
.chat-wrapper .left-coll .contact-list .self-user-info .username {
  padding: 0 15px;
  float: left;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  width: 80%;
}
.chat-wrapper .left-coll .contact-list .self-user-info span.active {
  font-size: 13px;
  display: inline-block;
  color: #7ed321;
  padding: 5px 15px;
}
.chat-wrapper .left-coll .contact-list .last-user-messege {
  color: #000;
}
.chat-wrapper .left-coll .contact-list .chat-user__info-wrap {
  display: flex;
  flex-direction: column;
}
.chat-wrapper .left-coll .contact-list .all-height a:focus {
  color: #000 !important;
}
.chat-wrapper .left-coll .contact-list .all-height a:hover {
  color: #000 !important;
}
.chat-wrapper .left-coll .contact-list .user-info {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 10px 15px 30px;
  height: 75px;
  overflow: hidden;
}
.chat-wrapper .left-coll .contact-list .user-info::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  min-height: 100%;
  background: #f75a01;
  opacity: 0;
}
.chat-wrapper .left-coll .contact-list .user-info:focus {
  color: #000 !important;
}
.chat-wrapper .left-coll .contact-list .user-info:hover {
  color: #000 !important;
  background: transparent;
}
.chat-wrapper .left-coll .contact-list .user-info:hover::before {
  opacity: 1;
}
.chat-wrapper .left-coll .contact-list .user-info.active {
  background: #ffe3d2;
}
.chat-wrapper .left-coll .contact-list .user-info.active::before {
  opacity: 0;
}
.chat-wrapper .left-coll .contact-list .user-info.active .last-user-messege {
  color: #fff;
}
.chat-wrapper .left-coll .contact-list .user-info.active .username {
  color: #000;
}
.chat-wrapper .left-coll .contact-list .user-info.active .user-achivement li span {
  color: #fff;
}
.chat-wrapper .left-coll .contact-list .user-info .img {
  position: relative;
  float: left;
}
.chat-wrapper .left-coll .contact-list .user-info .img img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 30px;
}
.chat-wrapper .left-coll .contact-list .user-info .img .status {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #7ed321;
  border-radius: 30px;
  border: 2px solid #fff;
  right: 2px;
  bottom: 2px;
}
.chat-wrapper .left-coll .contact-list .user-info .username {
  padding: 0 7px 5px 21px;
  float: left;
  width: 220px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #212223;
}
@media only screen and (max-width: 1200px) {
  .chat-wrapper .left-coll .contact-list .user-info .username {
    width: 200px;
  }
}
.chat-wrapper .left-coll .contact-list .user-info .user-achivement {
  float: left;
  padding: 0 7px 5px 21px;
  max-width: 80%;
}
.chat-wrapper .left-coll .contact-list .user-info .user-achivement li {
  margin: 0;
}
.chat-wrapper .left-coll .contact-list .user-info .user-achivement li span {
  color: #000;
}
.chat-wrapper .left-coll .contact-list .user-info .user-achivement .last-message {
  text-overflow: ellipsis;
  max-width: 97%;
  white-space: nowrap;
  overflow: hidden;
}
.chat-wrapper .left-coll .contact-list .user-info .clip {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/img/icons/clip.svg");
  right: 12px;
  top: 8px;
}
.chat-wrapper .left-coll .contact-list .user-info .count {
  right: 13px;
  width: 10px;
  height: 10px;
  top: 33px;
  color: #fff;
  background: #dd352e;
  position: absolute;
  font-size: 10px;
  padding: 0 2px;
  border-radius: 8px;
  display: none;
}
.chat-wrapper .left-coll .contact-list .user-info .count.active {
  display: inline-block;
}
.chat-wrapper .left-coll .contact-list .user-info .clip.active {
  background: url("/img/icons/clip-active.svg");
}
.chat-wrapper .left-coll .contact-list .user-info :after {
  clear: both;
}
.chat-wrapper .left-coll .contact-list a:last-child .user-info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.chat-wrapper .left-coll .contact-list .chat-controls {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.chat-wrapper .left-coll .contact-list .chat-controls .sound-notificator {
  background: url("/img/icons/chat/volume.svg") no-repeat;
  width: 23px;
  height: 20px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
  transition: 0.3s;
  cursor: pointer;
}
.chat-wrapper .left-coll .contact-list .chat-controls .sound-notificator:hover {
  width: 23px;
  height: 20px;
  background: url("/img/icons/chat/volume-active.svg") no-repeat;
  background-size: cover;
  background-position: center;
}
.chat-wrapper .left-coll .contact-list .chat-controls .sound-notificator:after {
  clear: both;
  display: block;
  content: "";
}
.chat-wrapper .left-coll .contact-list .chat-controls .sound-notificator.false {
  background: url("/img/icons/notificator-false.svg") no-repeat;
  height: 22px;
  background-size: cover;
  background-position: center;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn {
  width: 24px;
  margin-right: 10px;
  cursor: pointer;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn:hover img.hov {
  opacity: 1;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn:hover img.nohov {
  opacity: 0;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn.active img.hov {
  opacity: 1;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn.active img.nohov {
  opacity: 0;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__btn img {
  width: 100%;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__wrap-input {
  width: 100%;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__input {
  width: 0%;
  height: 50px;
  font-size: 16px;
  border: 1px solid #808080;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__input:focus {
  background-color: #fff;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search__input.active {
  width: 100%;
  padding-left: 20px;
  opacity: 1;
  pointer-events: visible;
}
.chat-wrapper .left-coll .contact-list .chat-controls .users-search .foundContacts {
  padding: 15px 0 0;
  display: none;
}
.chat-wrapper .preload-wrap {
  display: none;
  position: absolute;
  left: 35%;
  top: 40%;
  width: 100px;
  height: 100px;
  z-index: 9;
}
.chat-wrapper .preload-wrap .preloader {
  width: 100px;
  height: 100px;
  position: relative;
}
.chat-wrapper .preload-wrap .preloader .preloader-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-wrapper .preload-wrap .preloader .preloader-inner img {
  width: 100%;
}
.chat-wrapper .chat-info {
  background: #fff;
}
.chat-wrapper .chat-info a {
  color: #000;
}
.chat-wrapper .chat-info a:hover {
  color: #f75a01;
}
.chat-wrapper .chat-info .chat-header {
  padding: 19px 30px;
  border-bottom: 2px solid #e3e3e3;
}
.chat-wrapper .chat-info .chat-header .btn-order__confirm {
  background: #f75a01;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  margin: 10px 10px 0 0;
  display: inline-block;
}
.chat-wrapper .chat-info .chat-header .btn-order__confirm:hover {
  background: #ff843f;
}
.chat-wrapper .chat-info .chat-header .btn-order__confirm:focus {
  background: #ff843f;
}
.chat-wrapper .chat-info .chat-header .img-other-user {
  float: left;
  position: relative;
}
.chat-wrapper .chat-info .chat-header .img-other-user img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 30px;
}
.chat-wrapper .chat-info .chat-header .img-other-user .status {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #7ed321;
  border-radius: 30px;
  border: 2px solid #fff;
  right: 2px;
  bottom: 2px;
  padding: 0;
}
.chat-wrapper .chat-info .chat-header .username {
  padding: 0 10px 0 15px;
  float: left;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}
.chat-wrapper .chat-info .chat-header span.report-popover {
  color: #b1b1b1;
  font-size: 13px;
  display: block;
  padding: 5px 0 0;
  float: right;
}
.chat-wrapper .chat-info .chat-header span {
  color: #b1b1b1;
  font-size: 13px;
  padding: 5px 0 0;
}
.chat-wrapper .chat-info .chat-header span.active {
  color: #7ed321;
}
.chat-wrapper .chat-info .chat-header .report-popover {
  position: relative;
}
.chat-wrapper .chat-info .chat-header .report-popover label {
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url("/img/icons/chat_settings.svg") center no-repeat;
  margin: 8px 0 0;
}
.chat-wrapper .chat-info .chat-header .report-popover .menu-popover {
  display: none;
  position: absolute;
  width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 1px;
  right: 0;
  text-align: left;
  font-size: 14px;
  padding: 20px;
  z-index: 2;
  top: 45px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 8.67187px;
}
.chat-wrapper .chat-info .chat-header > div {
  padding: 0;
}
.chat-wrapper .chat-info .message-wrap {
  background: #e3e3e3;
  position: relative;
}
.chat-wrapper .chat-info .message-wrap .message a {
  color: #1db613;
  text-decoration: underline;
}
.chat-wrapper .chat-info .message-wrap .message.owner a {
  color: #fff;
  text-decoration: underline;
}
.chat-wrapper .chat-info .message-wrap .preload-wrap {
  display: none;
  position: absolute;
  left: 50%;
  top: 5px;
  width: 100px;
  height: 100px;
  padding: 4px;
  border-radius: 20px;
  background: #fff;
}
.chat-wrapper .chat-info .message-wrap .preload-wrap .preloader {
  width: 100px;
  height: 100px;
  position: relative;
}
.chat-wrapper .chat-info .message-wrap .preload-wrap .preloader .preloader-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-wrapper .chat-info .message-wrap .preload-wrap .preloader .preloader-inner img {
  width: 100%;
}
.chat-wrapper .chat-info .messages-list-template {
  display: none;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .date {
  margin: 5px 25px 0;
}
.chat-wrapper .chat-info .messages-list,
.chat-wrapper .chat-info .messages-list-mobi {
  height: 450px;
  padding: 25px;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media only screen and (max-width: 992px) {
  .chat-wrapper .chat-info .messages-list,
  .chat-wrapper .chat-info .messages-list-mobi {
    height: 400px;
  }
}
.chat-wrapper .chat-info .messages-list .day,
.chat-wrapper .chat-info .messages-list-mobi .day {
  color: #909191;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}
.chat-wrapper .chat-info .messages-list .message,
.chat-wrapper .chat-info .messages-list-mobi .message {
  position: relative;
  padding: 10px 0;
}
.chat-wrapper .chat-info .messages-list .message .stop-word-alert,
.chat-wrapper .chat-info .messages-list-mobi .message .stop-word-alert {
  color: #d9534f;
}
.chat-wrapper .chat-info .messages-list .message img,
.chat-wrapper .chat-info .messages-list-mobi .message img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  float: left;
}
.chat-wrapper .chat-info .messages-list .message .body,
.chat-wrapper .chat-info .messages-list-mobi .message .body {
  max-width: 420px;
  background: #ffffff;
  margin-left: 16px;
  display: inline-block;
  padding: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  word-break: break-all;
}
.chat-wrapper .chat-info .messages-list .message .body::before,
.chat-wrapper .chat-info .messages-list-mobi .message .body::before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 40px;
  top: 20px;
  z-index: 5;
  background-color: #fff;
  border-radius: 50% 100% 50% 0px;
  transform: rotate(45deg);
}
.chat-wrapper .chat-info .messages-list .message .body b,
.chat-wrapper .chat-info .messages-list-mobi .message .body b {
  font-weight: bold;
}
.chat-wrapper .chat-info .messages-list .message .date,
.chat-wrapper .chat-info .messages-list-mobi .message .date {
  font-size: 11px;
  margin: 5px 0px 0;
  color: #000000;
  width: 100%;
  opacity: 0.6;
}
.chat-wrapper .chat-info .messages-list .message .readStatus,
.chat-wrapper .chat-info .messages-list-mobi .message .readStatus {
  width: 13px;
  height: 10px;
  display: inline-block;
  opacity: 1 !important;
  margin-right: 4px;
}
.chat-wrapper .chat-info .messages-list .message .readStatus.read,
.chat-wrapper .chat-info .messages-list-mobi .message .readStatus.read {
  background: url("/img/icons/read.svg") no-repeat;
}
.chat-wrapper .chat-info .messages-list .message .readStatus.unread,
.chat-wrapper .chat-info .messages-list-mobi .message .readStatus.unread {
  background: url("/img/icons/unread.svg") no-repeat;
}
.chat-wrapper .chat-info .messages-list .message.owner img,
.chat-wrapper .chat-info .messages-list .message.owner .body,
.chat-wrapper .chat-info .messages-list .message.owner .date,
.chat-wrapper .chat-info .messages-list-mobi .message.owner img,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .body,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .date {
  float: right;
}
.chat-wrapper .chat-info .messages-list .message.owner img,
.chat-wrapper .chat-info .messages-list-mobi .message.owner img {
  margin-right: 5px;
}
.chat-wrapper .chat-info .messages-list .message.owner a,
.chat-wrapper .chat-info .messages-list-mobi .message.owner a {
  color: #333333;
}
.chat-wrapper .chat-info .messages-list .message.owner .body,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .body {
  margin-right: 16px;
  background: #efefef;
  color: #333333;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 6;
  max-width: 400px;
  word-break: break-all;
}
.chat-wrapper .chat-info .messages-list .message.owner .body::after,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .body::after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 45px;
  top: 20px;
  z-index: 5;
  background-color: #efefef;
  border-radius: 50% 0px 50% 100%;
  transform: rotate(45deg);
}
.chat-wrapper .chat-info .messages-list .message.owner .body::before,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .body::before {
  display: none;
}
.chat-wrapper .chat-info .messages-list .message.owner .date,
.chat-wrapper .chat-info .messages-list-mobi .message.owner .date {
  text-align: right;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body {
  max-width: 420px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 0;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body::before, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body::after,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body::before,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body::after {
  display: none;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a {
  color: #ff9f00;
  text-decoration: underline;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a {
  color: #f75a01;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-pending, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-verification, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-queued, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-canceled, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-partial, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-preorder, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-refund-requested,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.ticket-new, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.ticket-in-progress, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.ticket-on-hold, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.ticket-reopen,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.dispute-open, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.dispute-on-hold,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-pending, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-queued,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-account-disabled, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body .payout-account-verification,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.product-hidden, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.product-pending,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.transaction-pending, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.transaction-processed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-pending,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-verification,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-queued,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-canceled,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-partial,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-preorder,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-refund-requested,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.ticket-new,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.ticket-in-progress,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.ticket-on-hold,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.ticket-reopen,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.dispute-open,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.dispute-on-hold,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-pending,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-queued,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-account-disabled,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body .payout-account-verification,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.product-hidden,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.product-pending,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.transaction-pending,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.transaction-processed {
  color: #EEA00F !important;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-accepted, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-delivered,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.ticket-closed,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.dispute-closed,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-processed,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-account-active,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.product-active,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.transaction-complete,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-accepted,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-delivered,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.ticket-closed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.dispute-closed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-processed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-account-active,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.product-active,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.transaction-complete {
  color: #68B442 !important;
}
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-failed, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-fraud, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-chargeback, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-dispute, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-refunded, .chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.order-dispute,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-declined,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.payout-account-declined,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.product-disabled,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body .payout_cancel,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body .btn-status_closed,
.chat-wrapper .chat-info .messages-list .message.SystemMessage .body a.transaction-failed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-failed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-fraud,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-chargeback,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-dispute,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-refunded,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.order-dispute,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-declined,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.payout-account-declined,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.product-disabled,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body .payout_cancel,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body .btn-status_closed,
.chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body a.transaction-failed {
  color: #E34F0D !important;
}
.chat-wrapper .chat-info .templates-messages {
  background: #f7f7f7;
  padding: 10px 25px 5px;
  overflow: hidden;
  text-align: right;
}
.chat-wrapper .chat-info .templates-messages .template-wrap {
  display: inline-block;
  font-size: 12px;
  position: relative;
  cursor: pointer;
  margin: 0 10px 5px 0;
}
.chat-wrapper .chat-info .templates-messages .template-wrap .template-message,
.chat-wrapper .chat-info .templates-messages .template-wrap .addTemplateLine,
.chat-wrapper .chat-info .templates-messages .template-wrap .show_template_mes,
.chat-wrapper .chat-info .templates-messages .template-wrap .hide_template_mes {
  padding: 7px 20px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  border-radius: 15px;
}
.chat-wrapper .chat-info .templates-messages .template-wrap .close {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("/img/icons/close-template-message.svg") #f1f1f1 center no-repeat;
  padding: 0;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  opacity: 1;
  right: -5px;
  top: -5px;
  z-index: 2;
}
.chat-wrapper .chat-info .templates-messages .template-wrap:focus .template-message {
  border: 1px solid #f75a01;
}
.chat-wrapper .chat-info .chat-footer {
  width: 100%;
  position: relative;
  height: 74px;
  border-left: 1px solid #f7f7f7;
}
.chat-wrapper .chat-info .chat-footer textarea {
  padding: 23px 50px 23px 30px;
  width: 100%;
  border: 0;
  margin: 5px 0 5px;
  resize: none;
}
.chat-wrapper .chat-info .chat-footer textarea.messageInput:hover, .chat-wrapper .chat-info .chat-footer textarea.messageInput:focus {
  background-color: #fff !important;
  color: #000;
}
.chat-wrapper .chat-info .chat-footer textarea::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}
.chat-wrapper .chat-info .chat-footer textarea:-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.chat-wrapper .chat-info .chat-footer textarea::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.chat-wrapper .chat-info .chat-footer textarea:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}
.chat-wrapper .chat-info .chat-footer textarea::placeholder {
  color: #555555;
  opacity: 1;
}
.chat-wrapper .chat-info .chat-footer .send-message {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("/img/icons/send-message.svg") no-repeat center;
  right: 25px !important;
  bottom: 15px !important;
  transition: 0.3s;
}
.chat-wrapper .chat-info .chat-footer .send-message:hover {
  background: url("/img/icons/send-message-active.svg") no-repeat center;
}
.chat-wrapper .chat-info .chat-footer .send-message.active {
  background: url("/img/icons/send-message-active.svg") no-repeat center;
}
.chat-wrapper .chat-info .chat-footer .other-user-block {
  background: #f3e8e8;
  border: 1px solid #d23a4b;
  padding: 15px 15px 15px 65px;
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.chat-wrapper .chat-info .chat-footer .other-user-block:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("/img/warning-ico.svg") #d23a4b no-repeat center;
}
.chat-wrapper .chat-block-wrap {
  position: absolute;
  top: 83px;
  text-align: center;
  background: #f7f7f7;
  height: 620px;
  font-size: 16px;
  left: 0;
  width: 100%;
}
.chat-wrapper .chat-block-wrap .chat-block-line {
  width: 272px;
  padding: 224px 0 0 0;
  margin: 0 auto;
}
.chat-wrapper .chat-block-wrap .chat-block-line img {
  margin: 0 0 30px;
}

.chat-wrapper > div {
  padding: 0;
}

#addReport,
#removeTemplateMessage,
#addTemplateMessage,
#telegram-modal {
  border-radius: 15px;
  overflow: hidden;
  margin-left: -140px;
  border: 1px solid #f7f7f7;
}
#addReport .modal-title,
#removeTemplateMessage .modal-title,
#addTemplateMessage .modal-title,
#telegram-modal .modal-title {
  font-size: 24px;
  padding: 30px 0 30px;
  font-family: Avenir-Next-Bold;
}
#addReport .close,
#removeTemplateMessage .close,
#addTemplateMessage .close,
#telegram-modal .close {
  color: #000;
  font-size: 45px;
  opacity: 1;
  top: 25px !important;
  right: 30px !important;
  position: absolute !important;
}
#addReport .alert-block .close,
#removeTemplateMessage .alert-block .close,
#addTemplateMessage .alert-block .close,
#telegram-modal .alert-block .close {
  top: 10px !important;
  right: 15px !important;
}
#addReport .close,
#removeTemplateMessage .close,
#addTemplateMessage .close,
#telegram-modal .close {
  top: 0;
  position: absolute;
  right: 0;
  z-index: 9;
}
#addReport .modal-dialog,
#removeTemplateMessage .modal-dialog,
#addTemplateMessage .modal-dialog,
#telegram-modal .modal-dialog {
  padding: 0;
  width: 280px;
}
#addReport .modal-dialog .modal-header,
#removeTemplateMessage .modal-dialog .modal-header,
#addTemplateMessage .modal-dialog .modal-header,
#telegram-modal .modal-dialog .modal-header {
  padding: 0 10px;
}
#addReport .modal-dialog .modal-body,
#removeTemplateMessage .modal-dialog .modal-body,
#addTemplateMessage .modal-dialog .modal-body,
#telegram-modal .modal-dialog .modal-body {
  padding: 0 30px;
}
#addReport .modal-dialog .modal-body .errorMessage,
#removeTemplateMessage .modal-dialog .modal-body .errorMessage,
#addTemplateMessage .modal-dialog .modal-body .errorMessage,
#telegram-modal .modal-dialog .modal-body .errorMessage {
  text-align: center;
  padding: 0 0 10px;
}
#addReport .modal-dialog .modal-body p,
#removeTemplateMessage .modal-dialog .modal-body p,
#addTemplateMessage .modal-dialog .modal-body p,
#telegram-modal .modal-dialog .modal-body p {
  color: #909191;
  margin: 0 0 40px;
}
#addReport .modal-dialog .modal-body p span,
#removeTemplateMessage .modal-dialog .modal-body p span,
#addTemplateMessage .modal-dialog .modal-body p span,
#telegram-modal .modal-dialog .modal-body p span {
  color: #000;
}
#addReport .modal-dialog .modal-body .form-group,
#removeTemplateMessage .modal-dialog .modal-body .form-group,
#addTemplateMessage .modal-dialog .modal-body .form-group,
#telegram-modal .modal-dialog .modal-body .form-group {
  margin: 0 auto;
}
#addReport .modal-dialog .modal-body .form-group .control-label,
#removeTemplateMessage .modal-dialog .modal-body .form-group .control-label,
#addTemplateMessage .modal-dialog .modal-body .form-group .control-label,
#telegram-modal .modal-dialog .modal-body .form-group .control-label {
  display: block;
}
#addReport .modal-dialog .modal-body .form-group input,
#removeTemplateMessage .modal-dialog .modal-body .form-group input,
#addTemplateMessage .modal-dialog .modal-body .form-group input,
#telegram-modal .modal-dialog .modal-body .form-group input {
  padding: 20px 15px;
  color: #000;
  font-size: 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: none;
  background: transparent;
}
#addReport .modal-dialog .modal-body .ui-selectmenu-button,
#removeTemplateMessage .modal-dialog .modal-body .ui-selectmenu-button,
#addTemplateMessage .modal-dialog .modal-body .ui-selectmenu-button,
#telegram-modal .modal-dialog .modal-body .ui-selectmenu-button {
  font: 12px "Roboto-Regular", sans-serif;
  width: 100%;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 1px;
  padding: 15px 35px 15px 20px;
}
#addReport .modal-dialog .modal-body select,
#removeTemplateMessage .modal-dialog .modal-body select,
#addTemplateMessage .modal-dialog .modal-body select,
#telegram-modal .modal-dialog .modal-body select {
  font: 12px "Roboto-Regular", sans-serif;
  max-width: 100%;
  border: 1px solid #808080;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 15px 35px 15px 15px;
  position: relative;
  z-index: 1;
  width: 100% !important;
  background: #fff;
  position: relative;
  z-index: 5;
}
#addReport .modal-dialog .modal-body select option,
#removeTemplateMessage .modal-dialog .modal-body select option,
#addTemplateMessage .modal-dialog .modal-body select option,
#telegram-modal .modal-dialog .modal-body select option {
  color: #000;
}
#addReport .modal-dialog .modal-body .select-wraps,
#removeTemplateMessage .modal-dialog .modal-body .select-wraps,
#addTemplateMessage .modal-dialog .modal-body .select-wraps,
#telegram-modal .modal-dialog .modal-body .select-wraps {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
#addReport .modal-dialog .modal-body .select-wraps::before,
#removeTemplateMessage .modal-dialog .modal-body .select-wraps::before,
#addTemplateMessage .modal-dialog .modal-body .select-wraps::before,
#telegram-modal .modal-dialog .modal-body .select-wraps::before {
  right: 0;
  top: 20px;
  position: absolute;
  content: "›";
  height: 10px;
  width: 10px;
  text-align: center;
  z-index: 1;
  font-size: 12px;
  transform: rotate(90deg);
}
#addReport .modal-dialog .modal-body .ui-selectmenu-menu,
#removeTemplateMessage .modal-dialog .modal-body .ui-selectmenu-menu,
#addTemplateMessage .modal-dialog .modal-body .ui-selectmenu-menu,
#telegram-modal .modal-dialog .modal-body .ui-selectmenu-menu {
  font-size: 12px !important;
}
#addReport .modal-dialog .modal-body textarea,
#removeTemplateMessage .modal-dialog .modal-body textarea,
#addTemplateMessage .modal-dialog .modal-body textarea,
#telegram-modal .modal-dialog .modal-body textarea {
  margin: 20px 0 0;
  padding: 15px;
  height: 120px;
  resize: none;
  color: #000;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  font-size: 12px;
  box-shadow: none;
  background: #fff;
}
#addReport .modal-dialog .modal-body ol,
#removeTemplateMessage .modal-dialog .modal-body ol,
#addTemplateMessage .modal-dialog .modal-body ol,
#telegram-modal .modal-dialog .modal-body ol {
  list-style-type: decimal;
}
#addReport .modal-dialog .modal-body ol,
#addReport .modal-dialog .modal-body ul,
#removeTemplateMessage .modal-dialog .modal-body ol,
#removeTemplateMessage .modal-dialog .modal-body ul,
#addTemplateMessage .modal-dialog .modal-body ol,
#addTemplateMessage .modal-dialog .modal-body ul,
#telegram-modal .modal-dialog .modal-body ol,
#telegram-modal .modal-dialog .modal-body ul {
  margin: 0 0 20px 0;
}
#addReport .modal-dialog .modal-body ol li,
#addReport .modal-dialog .modal-body ul li,
#removeTemplateMessage .modal-dialog .modal-body ol li,
#removeTemplateMessage .modal-dialog .modal-body ul li,
#addTemplateMessage .modal-dialog .modal-body ol li,
#addTemplateMessage .modal-dialog .modal-body ul li,
#telegram-modal .modal-dialog .modal-body ol li,
#telegram-modal .modal-dialog .modal-body ul li {
  padding: 0 0 10px;
}
#addReport .modal-dialog .modal-body .button-block,
#removeTemplateMessage .modal-dialog .modal-body .button-block,
#addTemplateMessage .modal-dialog .modal-body .button-block,
#telegram-modal .modal-dialog .modal-body .button-block {
  margin: 20px 0 0;
}
#addReport .modal-dialog .modal-body .button-block button,
#removeTemplateMessage .modal-dialog .modal-body .button-block button,
#addTemplateMessage .modal-dialog .modal-body .button-block button,
#telegram-modal .modal-dialog .modal-body .button-block button {
  max-width: 260px;
  display: block;
  margin: 0 auto 10px;
}
#addReport .modal-dialog .modal-body .button-block button,
#removeTemplateMessage .modal-dialog .modal-body .button-block button,
#addTemplateMessage .modal-dialog .modal-body .button-block button,
#telegram-modal .modal-dialog .modal-body .button-block button {
  background: #f75a01;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 12px;
  padding: 15px 48px;
  display: inline-block;
  width: auto;
}
#addReport .modal-dialog .modal-body .close-link,
#removeTemplateMessage .modal-dialog .modal-body .close-link,
#addTemplateMessage .modal-dialog .modal-body .close-link,
#telegram-modal .modal-dialog .modal-body .close-link {
  font-size: 12px;
  color: #f75a01;
  padding: 0 0 15px;
  display: inline-block;
}

#addReport .chat-select-wrap {
  position: relative;
}
#addReport .chat-select-wrap__img {
  position: absolute;
  top: 45%;
  transform: translate(0, -50%);
  right: 20px;
  font-size: 18px;
  color: #f75a01;
  z-index: 10;
  height: fit-content;
  width: fit-content;
  transition: 0.3s;
  pointer-events: none;
}

#removeTemplateMessage .close {
  top: 0px !important;
  right: 8px !important;
}
#removeTemplateMessage .modal-dialog .modal-body {
  padding-bottom: 10px;
}
#removeTemplateMessage .modal-dialog .modal-body .button-block {
  padding: 0;
}
#removeTemplateMessage .modal-dialog .modal-body .close-link {
  max-width: 140px;
  height: fit-content;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 13px 40px;
  font-size: 12px;
  color: #f75a01;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #f75a01;
  text-transform: uppercase;
  border: 1px solid #f75a01;
  font-weight: 700;
}
#removeTemplateMessage .modal-dialog .modal-body .close-link:hover {
  background-color: #f75a01;
  color: #fff;
}

#addTemplateMessage .modal-dialog {
  width: 390px;
}
#addTemplateMessage .modal-dialog .modal-body .close-link {
  height: fit-content;
  padding: 13px 40px;
  margin-left: 7px;
  font-size: 12px;
  color: #f75a01;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #f75a01;
  text-transform: uppercase;
  border: 1px solid #f75a01;
  font-weight: 700;
}
#addTemplateMessage .modal-dialog .modal-body .close-link:hover {
  background-color: #f75a01;
  color: #fff;
}
#addTemplateMessage .close {
  top: 10px !important;
  right: 20px !important;
}
#addTemplateMessage .modal-title {
  padding-top: 40px !important;
}
#addTemplateMessage .fast_mess_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
#addTemplateMessage .fast_mess_img img {
  height: 126px;
}
#addTemplateMessage .button-block {
  display: grid;
  grid-template-columns: 49% 49%;
  padding-bottom: 20px;
}
#addTemplateMessage .button-block button,
#addTemplateMessage .button-block a {
  width: 100% !important;
}
#addTemplateMessage textarea {
  margin-top: 7px !important;
}

#addReport-modal .ui-selectmenu-button {
  font: 12px "Roboto-Regular", sans-serif;
  width: 100%;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 1px;
  padding: 15px 35px 15px 20px;
}

#addReport,
#telegram-modal {
  margin-left: -200px;
  background: #ededf2;
}
#addReport .modal-dialog,
#telegram-modal .modal-dialog {
  padding: 0;
  width: 400px;
}

.mini-chat {
  width: 320px;
  background: #fff;
  border-radius: 15px;
  height: 490px;
}
.mini-chat .header {
  padding: 27px 20px;
  line-height: 15px;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  height: 70px;
  border-bottom: 0.7px solid #d7d7d7;
}
.mini-chat .header .full-chat-link {
  position: absolute;
  top: 28px;
  right: 21px;
  font-size: 12px;
}
.mini-chat .header .full-chat-link img {
  width: 24px;
  height: 24px;
}
.mini-chat .header .fa {
  float: right;
  font-size: 25px;
}
.mini-chat .header .fa-check-square-o {
  float: none;
}
.mini-chat .header span {
  color: #b1b1b1;
  padding-left: 14px;
  font-size: 13px;
}
.mini-chat .header span.active {
  color: #7ed321;
}
.mini-chat .header a.confirm-delivery {
  display: none;
}
.mini-chat .header .confirm-delivery {
  position: absolute;
  right: 15px;
  top: 25px;
  font-size: 14px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.mini-chat .header .confirm-delivery:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.mini-chat .header .confirm-delivery:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.mini-chat .header .confirm-delivery .fa-check-square-o {
  font-size: 14px !important;
}
.mini-chat .footer {
  height: 60px;
  background: #f7f7f7;
}
.mini-chat .messages-list,
.mini-chat .messages-list-mobi {
  padding: 0 10px;
}
@media only screen and (max-width: 992px) {
  .mini-chat .messages-list,
  .mini-chat .messages-list-mobi {
    height: 400px;
  }
}
.mini-chat .messages-list .day,
.mini-chat .messages-list-mobi .day {
  color: #909191;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}
.mini-chat .messages-list .message,
.mini-chat .messages-list-mobi .message {
  margin: 10px 0 28px;
  position: relative;
}
.mini-chat .messages-list .message img,
.mini-chat .messages-list-mobi .message img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  float: left;
}
.mini-chat .messages-list .message .body,
.mini-chat .messages-list-mobi .message .body {
  max-width: 180px;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0px 1px 1px 1px;
  margin-left: 15px;
  display: inline-block;
  padding: 10px;
}
.mini-chat .messages-list .message .date,
.mini-chat .messages-list-mobi .message .date {
  font-size: 11px;
  width: 100%;
  position: static;
}
.mini-chat .messages-list .message .readStatus,
.mini-chat .messages-list-mobi .message .readStatus {
  width: 13px;
  height: 10px;
  display: inline-block;
  opacity: 1 !important;
  margin-right: 4px;
}
.mini-chat .messages-list .message .readStatus.read,
.mini-chat .messages-list-mobi .message .readStatus.read {
  background: url("/img/icons/read.svg") no-repeat;
}
.mini-chat .messages-list .message .readStatus.unread,
.mini-chat .messages-list-mobi .message .readStatus.unread {
  background: url("/img/icons/unread.svg") no-repeat;
}
.mini-chat .messages-list .message .stop-word-alert,
.mini-chat .messages-list-mobi .message .stop-word-alert {
  color: #d9534f;
}
.mini-chat .messages-list .message.owner img,
.mini-chat .messages-list .message.owner .body,
.mini-chat .messages-list .message.owner .date,
.mini-chat .messages-list-mobi .message.owner img,
.mini-chat .messages-list-mobi .message.owner .body,
.mini-chat .messages-list-mobi .message.owner .date {
  float: right;
}
.mini-chat .messages-list .message.owner img,
.mini-chat .messages-list-mobi .message.owner img {
  margin-right: 5px;
}
.mini-chat .messages-list .message.owner .body,
.mini-chat .messages-list-mobi .message.owner .body {
  margin-right: 15px;
  background: #f75a01;
  color: #fff;
  margin-left: 0;
}
.mini-chat .messages-list .message.owner .date,
.mini-chat .messages-list-mobi .message.owner .date {
  text-align: right;
  position: static;
}
.mini-chat .small-chat-messege {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.mini-chat .small-chat-messege .username {
  padding: 0 !important;
  padding-bottom: 5px !important;
}
.mini-chat .small-chat-messege .last-message {
  text-overflow: ellipsis;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
}
.mini-chat .user-block-chat {
  position: absolute;
  top: 0;
  left: 320px;
  background: #f7f7f7;
  width: 320px;
  height: 525px;
  z-index: 3;
}
.mini-chat .user-block-chat .header {
  line-height: 15px;
  padding: 26px 16px;
}
.mini-chat .user-block-chat .header .fa-angle-left {
  float: left;
  font-size: 20px;
  font-weight: bold;
  line-height: 13px;
  margin-right: 13px;
}
.mini-chat .user-block-chat .header label {
  display: inline-block;
  font-size: 16px;
}
.mini-chat .user-block-chat .header .back {
  cursor: pointer;
}
.mini-chat .user-block-chat .user-info {
  padding: 20px;
}
.mini-chat .user-block-chat .user-info .user-img {
  float: left;
  position: relative;
}
.mini-chat .user-block-chat .user-info .user-img img {
  overflow: hidden;
  border-radius: 50px;
  width: 60px;
  height: 60px;
}
.mini-chat .user-block-chat .user-info .user-img .status {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #f75a01;
  border-radius: 30px;
  border: 1px solid #fff;
  right: 2px;
  bottom: 2px;
}
.mini-chat .user-block-chat .user-info .account-info {
  float: left;
  padding-left: 15px;
}
.mini-chat .user-block-chat .user-info .account-info .fullname {
  font-size: 17px;
  font-weight: bold;
}
.mini-chat .user-block-chat .user-info .account-info .fullname .ico.user-verify {
  width: 10px;
  height: 10px;
}
.mini-chat .user-block-chat .user-info .account-info .status {
  font-size: 14px;
  color: #b1b1b1;
}
.mini-chat .user-block-chat .user-info .account-info .status.online {
  color: #f75a01;
}
.mini-chat .user-block-chat .user-info .country {
  font-size: 14px;
  margin-top: 10px;
}
.mini-chat .user-block-chat .user-info .socials {
  display: block;
  margin-bottom: 10px;
}
.mini-chat .user-block-chat .user-info .socials a {
  display: inline-block;
  margin-right: 5px;
}
.mini-chat .user-block-chat .user-info .link {
  padding: 13px 0 15px;
  font-size: 12px;
}
.mini-chat .user-block-chat .user-info .link a {
  font-size: 14px;
  color: #f75a01;
  text-decoration: underline;
}
.mini-chat .user-block-chat .user-info .store-link {
  font-size: 14px;
  margin: 35px 0 0;
}
.mini-chat .user-block-chat .user-info .report-button {
  font-size: 16px;
  font-weight: bold;
  width: 120px;
  height: 35px;
  margin: 0 auto;
  background: #f75a01;
  border-radius: 19px;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 100px;
  padding: 6px;
}
.mini-chat .user-block-chat .user-info .report-button a {
  color: #fff;
}
.mini-chat .templates-messages {
  padding: 5px 15px 0px;
  background: #f7f7f7;
  position: absolute;
  bottom: 50px;
  width: 100%;
}
.mini-chat .templates-messages .template-wrap {
  display: inline-block;
  font-size: 12px;
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  cursor: pointer;
  margin: 0 10px 5px 0;
}
.mini-chat .templates-messages .template-wrap .close {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("/img/icons/close-template-message.svg") #f1f1f1 center no-repeat;
  padding: 0;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  opacity: 1;
  right: -5px;
  top: -5px;
  z-index: 2;
}
.mini-chat .templates-messages .template-wrap span {
  display: inline-block;
  padding: 5px 15px;
}
.mini-chat .templates-messages .template-wrap:focus {
  border: 1px solid #f75a01;
}
.mini-chat .chat-footer {
  width: 100%;
  box-shadow: inset 0px 1px 0px #e4e8eb;
  position: absolute;
  bottom: 0;
}
.mini-chat .chat-footer textarea {
  padding: 16px 50px 0 15px;
  margin-bottom: -6px;
  width: 100%;
  max-height: 50px !important;
  min-height: 50px !important;
  resize: none;
  height: 50px;
  border: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25) !important;
}
.mini-chat .chat-footer textarea:hover, .mini-chat .chat-footer textarea:focus {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25) !important;
}
.mini-chat .chat-footer textarea::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}
.mini-chat .chat-footer textarea:-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.mini-chat .chat-footer textarea::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.mini-chat .chat-footer textarea:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}
.mini-chat .chat-footer textarea::placeholder {
  color: #555555;
  opacity: 1;
}
.mini-chat .chat-footer .send-message {
  position: absolute;
  width: 25px;
  height: 50px;
  background: url("/img/icons/send-message.svg") no-repeat center;
  right: 20px;
  top: 0;
}
.mini-chat .chat-footer .send-message.active {
  background: url("/img/icons/send-message-active.svg") no-repeat center;
}
.mini-chat .contact-list {
  background: #f7f7f7;
}
.mini-chat .contact-list .contact-list {
  height: 410px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.mini-chat .contact-list .contact-list .empty {
  color: #000;
  text-align: center;
  height: 250px;
  background: url("../img/icons/empty-white.svg") no-repeat top 20px center;
  padding: 240px 15px 80px;
  font-size: 13px;
}
.mini-chat .contact-list .user-info {
  position: relative;
  border-bottom: 0.5px solid #d7d7d7;
  padding: 20px;
  min-height: 81px;
  background: #f7f7f7;
}
.mini-chat .contact-list .user-info::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  min-height: 100%;
  background: #f75a01;
  opacity: 0;
}
.mini-chat .contact-list .user-info:hover {
  background: #ffe3d2;
}
.mini-chat .contact-list .user-info:hover::before {
  opacity: 1;
}
.mini-chat .contact-list .user-info .open-conversation {
  position: absolute;
  height: 79px;
  width: 320px;
  top: 0;
  left: 0;
  z-index: 1;
}
.mini-chat .contact-list .user-info .img {
  position: relative;
  float: left;
  z-index: 2;
}
.mini-chat .contact-list .user-info .img img {
  width: 40px;
  overflow: hidden;
  border-radius: 30px;
  height: 40px;
}
.mini-chat .contact-list .user-info .img .status {
  position: absolute;
  width: 12.5px;
  height: 12.5px;
  background: #7ed321;
  border-radius: 30px;
  border: 1px solid #fff;
  right: 2px;
  bottom: 2px;
}
.mini-chat .contact-list .user-info .username {
  padding: 10px 7px 14px 12px;
  float: left;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.mini-chat .contact-list .user-info .clip {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/img/icons/clip.svg");
  right: 12px;
  top: 8px;
}
.mini-chat .contact-list .user-info .count {
  right: 13px;
  width: 10px;
  height: 10px;
  top: 36px;
  color: #fff;
  background: red;
  position: absolute;
  font-size: 10px;
  padding: 0 2px;
  border-radius: 8px;
  display: none;
}
.mini-chat .contact-list .user-info .count.active {
  display: inline-block;
}
.mini-chat .contact-list .user-info .clip.active {
  background: url("/img/icons/clip-active.svg");
}
.mini-chat .contact-list .user-info :after {
  clear: both;
}

.block-chat-user {
  padding: 80px 0;
  color: #fff;
}

.mini-chat-wrap {
  position: relative;
}
.mini-chat-wrap .chat_new_messege_ico {
  bottom: 22px;
}
.mini-chat-wrap.active a {
  color: #000;
}
.mini-chat-wrap.active a:hover, .mini-chat-wrap.active a:focus {
  color: #f75a01;
}
.mini-chat-wrap.active .mini-icon {
  background-image: url("/img/icons/chat/chat-icon-close.svg") !important;
  width: 85px;
  height: 85px;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
}
.mini-chat-wrap.active .mini-icon .count {
  display: none !important;
}
.mini-chat-wrap.active .body {
  display: block;
  color: #333;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
}
.mini-chat-wrap.active .body h5,
.mini-chat-wrap.active .body .control-label {
  color: #000;
}
.mini-chat-wrap .date {
  position: absolute;
  right: 16px;
  text-align: right;
  top: 12px;
  color: #808080;
}
.mini-chat-wrap .mini-icon {
  position: fixed;
  width: 85px;
  height: 85px;
  right: 20px;
  bottom: 20px;
  background-image: url("/img/icons/chat/new-mini-chat.svg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9999;
  cursor: pointer;
  transition: 0.3s;
}
.mini-chat-wrap .mini-icon .count {
  min-width: 20px;
  top: 5px;
  right: 9px;
  position: absolute;
  background: #0033ee;
  color: #fff;
  font-size: 12px;
  padding: 2px;
  border-radius: 10px;
  text-align: center;
  display: none;
}
.mini-chat-wrap .mini-icon:hover {
  transform: scale(1.1);
}
.mini-chat-wrap .body {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 100px;
  width: 320px;
  overflow: hidden;
  border-radius: 15px;
  z-index: 99999;
}
.mini-chat-wrap .body .preload-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  padding: 4px;
  border-radius: 20px;
  z-index: 9;
}
.mini-chat-wrap .body .preload-wrap .preloader {
  width: 100px;
  height: 100px;
  position: relative;
}
.mini-chat-wrap .body .preload-wrap .preloader .preloader-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-chat-wrap .body .preload-wrap .preloader .preloader-inner img {
  width: 100%;
}
.mini-chat-wrap .body .messages-block {
  position: absolute;
  top: 0;
  left: 320px;
  background: #fff;
  width: 320px;
  border-radius: 15px;
  height: 490px;
  overflow: hidden;
  z-index: 3;
}
.mini-chat-wrap .body .messages-block .header {
  padding: 16px 34px;
  font-weight: 100;
  height: 70px;
}
.mini-chat-wrap .body .messages-block .header .fa {
  font-weight: bold;
  font-size: 20px;
  line-height: 13px;
  cursor: pointer;
  margin-right: 5px;
}
.mini-chat-wrap .body .messages-block .header .fa.fa-angle-left {
  left: 16px;
  top: 30px;
  text-align: center;
  position: absolute;
}
.mini-chat-wrap .body .messages-block .header .fa.fa-angle-down {
  font-size: 30px;
}
.mini-chat-wrap .body .messages-block .header span {
  padding-left: 0;
  display: block;
  padding-top: 5px;
}
.mini-chat-wrap .body .messages-block .header .img {
  position: relative;
  float: left;
  margin: 4px 12px 0 0;
}
.mini-chat-wrap .body .messages-block .header .img img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 30px;
}
.mini-chat-wrap .body .messages-block .header .img .status {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #7ed321;
  border-radius: 30px;
  border: 1px solid #fff;
  right: 0;
  bottom: 0;
}
.mini-chat-wrap .body .messages-block .header .username {
  font-size: 16px;
  font-weight: bold;
  margin: 4px 0 0;
}
.mini-chat-wrap .body .messages-block .sub-header {
  text-align: right;
  background: rgba(223, 223, 223, 0.5);
  padding: 5px 20px;
  height: 24px;
}
.mini-chat-wrap .body .messages-block .sub-header .setting-ico {
  margin: 0 0 0 10px;
}
.mini-chat-wrap .body .messages-block .sub-header .sound-notificator {
  background: url("/img/icons/notificator-true.svg") no-repeat;
  width: 20px;
  height: 13px;
  display: block;
  background-size: contain;
  float: right;
}
.mini-chat-wrap .body .messages-block .sub-header .sound-notificator.false {
  background-image: url("/img/icons/notificator-false.svg");
}
.mini-chat-wrap .body .messages-block .sub-header img {
  margin-left: 5px;
  display: inline-block;
  float: right;
  cursor: pointer;
  width: 13px;
  height: 13px;
}
.mini-chat-wrap .body .messages-block .sub-header .report-popover {
  position: relative;
}
.mini-chat-wrap .body .messages-block .sub-header .report-popover label {
  display: inline-block;
  width: 10px;
  height: 25px;
  cursor: pointer;
  background: url("/img/icons/menu-block.svg") center no-repeat;
  margin: 16px 11px 8px;
}
.mini-chat-wrap .body .messages-block .sub-header .report-popover .menu-popover {
  display: none;
  position: absolute;
  width: 160px;
  box-shadow: 0px 3px 15px #e0e0e0;
  background: #ffffff;
  border-radius: 10px;
  right: 0;
  top: 25px;
  text-align: left;
  font-size: 14px;
  padding: 20px;
  z-index: 2;
}
.mini-chat-wrap .body .messages-block .messages-list,
.mini-chat-wrap .body .messages-block .messages-list-mobi {
  height: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.mini-chat-wrap .body .messages-block .messages-list .body,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body {
  position: static;
  max-width: 240px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px 5px 5px 0;
  border: 0;
}
.mini-chat-wrap .body .messages-block .messages-list .body a,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a {
  color: #f75a01;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.order-verification, .mini-chat-wrap .body .messages-block .messages-list .body a.order-queued, .mini-chat-wrap .body .messages-block .messages-list .body a.order-canceled, .mini-chat-wrap .body .messages-block .messages-list .body a.order-partial, .mini-chat-wrap .body .messages-block .messages-list .body a.order-preorder, .mini-chat-wrap .body .messages-block .messages-list .body a.order-refund-requested,
.mini-chat-wrap .body .messages-block .messages-list .body a.ticket-new, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-in-progress, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-on-hold, .mini-chat-wrap .body .messages-block .messages-list .body a.ticket-reopen,
.mini-chat-wrap .body .messages-block .messages-list .body a.dispute-open, .mini-chat-wrap .body .messages-block .messages-list .body a.dispute-on-hold,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.payout-queued,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-disabled, .mini-chat-wrap .body .messages-block .messages-list .body .payout-account-verification,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-hidden, .mini-chat-wrap .body .messages-block .messages-list .body a.product-pending,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-pending, .mini-chat-wrap .body .messages-block .messages-list .body a.transaction-processed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-verification,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-queued,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-canceled,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-partial,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-preorder,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-refund-requested,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.ticket-new,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.ticket-in-progress,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.ticket-on-hold,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.ticket-reopen,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.dispute-open,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.dispute-on-hold,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-queued,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-account-disabled,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body .payout-account-verification,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.product-hidden,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.product-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.transaction-pending,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.transaction-processed {
  color: #EEA00F !important;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-accepted, .mini-chat-wrap .body .messages-block .messages-list .body a.order-delivered,
.mini-chat-wrap .body .messages-block .messages-list .body a.ticket-closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.dispute-closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-processed,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-active,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-active,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-complete,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-accepted,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-delivered,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.ticket-closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.dispute-closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-processed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-account-active,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.product-active,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.transaction-complete {
  color: #68B442 !important;
}
.mini-chat-wrap .body .messages-block .messages-list .body a.order-failed, .mini-chat-wrap .body .messages-block .messages-list .body a.order-fraud, .mini-chat-wrap .body .messages-block .messages-list .body a.order-chargeback, .mini-chat-wrap .body .messages-block .messages-list .body a.order-dispute, .mini-chat-wrap .body .messages-block .messages-list .body a.order-refunded, .mini-chat-wrap .body .messages-block .messages-list .body a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-declined,
.mini-chat-wrap .body .messages-block .messages-list .body a.payout-account-declined,
.mini-chat-wrap .body .messages-block .messages-list .body a.product-disabled,
.mini-chat-wrap .body .messages-block .messages-list .body .payout_cancel,
.mini-chat-wrap .body .messages-block .messages-list .body .btn-status_closed,
.mini-chat-wrap .body .messages-block .messages-list .body a.transaction-failed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-failed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-fraud,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-chargeback,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-refunded,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.order-dispute,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-declined,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.payout-account-declined,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.product-disabled,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body .payout_cancel,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body .btn-status_closed,
.mini-chat-wrap .body .messages-block .messages-list-mobi .body a.transaction-failed {
  color: #E34F0D !important;
}
.mini-chat-wrap .body .messages-block .messages-list .SystemMessage .body,
.mini-chat-wrap .body .messages-block .messages-list-mobi .SystemMessage .body {
  margin-left: 0;
  border-radius: 5px 0 5px 0;
  max-width: 297px;
}
.mini-chat-wrap .body .messages-block .messages-list .SystemMessage .date,
.mini-chat-wrap .body .messages-block .messages-list-mobi .SystemMessage .date {
  position: absolute;
  bottom: -18px;
  right: 10px;
  width: auto;
  top: auto;
  margin: 0;
}
.mini-chat-wrap .body .messages-block .messages-list .owner .body,
.mini-chat-wrap .body .messages-block .messages-list-mobi .owner .body {
  background: #efefef;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #333333;
}
.mini-chat-wrap .body .messages-block .messages-list .owner .body a,
.mini-chat-wrap .body .messages-block .messages-list-mobi .owner .body a {
  color: #333333;
  text-decoration: underline;
}
.mini-chat-wrap .body .messages-block .messages-list-mobi {
  background: #e3e3e3;
}
.mini-chat-wrap .body .messages-block .chat-block-wrap {
  position: absolute;
  top: 70px;
  text-align: center;
  background: #f7f7f7;
  height: 460px;
  font-size: 16px;
  left: 0;
  width: 100%;
}
.mini-chat-wrap .body .messages-block .chat-block-wrap .chat-block-line {
  width: 272px;
  padding: 124px 0 0 0;
  margin: 0 auto;
}
.mini-chat-wrap .body .messages-block .chat-block-wrap .chat-block-line img {
  margin: 0 0 30px;
}
.mini-chat-wrap .body .mini-modal {
  z-index: 9;
  position: absolute;
  top: -101%;
  left: 20px;
  width: 280px;
  box-shadow: 0px 10px 48px rgba(68, 67, 67, 0.25);
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}
.mini-chat-wrap .body .mini-modal .alert,
.mini-chat-wrap .body .mini-modal .site-error {
  padding: 5px 35px;
  margin: -10px 0 15px 0;
}
.mini-chat-wrap .body .mini-modal .alert .close,
.mini-chat-wrap .body .mini-modal .site-error .close {
  top: 50%;
  margin: -10px 0 0 0;
  right: 15px;
  position: absolute;
}
.mini-chat-wrap .body .mini-modal .alert.alert-success {
  border: 1px solid #f75a01;
}
.mini-chat-wrap .body .mini-modal .alert.alert-success::before {
  background: url(../img/icons/success.svg) #f75a01 no-repeat center;
}
.mini-chat-wrap .body .mini-modal .alert::before {
  width: 30px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content {
  background: #fff;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-header .modal-title {
  font-size: 24px;
  padding: 30px 0 30px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-header .close {
  font-size: 45px;
  color: #000;
  opacity: 1;
  top: 23px !important;
  right: 30px !important;
  position: absolute !important;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body {
  padding: 0 30px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .errorMessage {
  padding: 0 0 10px;
  text-align: center;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body p {
  color: #909191;
  margin: 0 0 40px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body p span {
  color: #000;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .form-group {
  margin: 0 auto;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .form-group .control-label {
  display: block;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .form-group input {
  padding: 20px 15px;
  color: #000;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: none;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body select {
  font: 12px "Roboto-Regular", sans-serif;
  max-width: 100%;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 15px 35px 15px 15px;
  position: relative;
  z-index: 1;
  color: #000;
  width: 100%;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body select option {
  color: #000;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body textarea.form-control {
  border: 1px solid #dfdfdf;
  color: #000;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .select-wraps {
  position: relative;
  display: block;
  max-width: 100%;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .ui-selectmenu-menu {
  font-size: 13px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body textarea {
  margin: 20px 0 0;
  padding: 15px;
  height: 120px;
  resize: none;
  color: #000;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 12px;
  box-shadow: none;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .button-block {
  margin: 20px 0 0;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .button-block button {
  max-width: 260px;
  display: block;
  margin: 0 auto 10px;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .button-block button {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 140px;
  font-size: 12px;
  padding: 10px 0;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .button-block button:hover {
  background: #ff843f;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .close-link {
  max-width: 140px;
  height: fit-content;
  margin: 0 auto;
  margin-bottom: 7px;
  padding: 7px 20px;
  font-size: 12px;
  color: #f75a01;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #f75a01;
  text-transform: uppercase;
  border: 1px solid #f75a01;
  font-weight: 700;
}
.mini-chat-wrap .body .mini-modal .mini-modal-content .mini-modal-body .close-link:hover {
  background-color: #f75a01;
  color: #fff;
}

.showUserInfo {
  cursor: pointer;
}

.notConversation {
  padding: 15px;
}

.left-coll {
  position: relative;
}

.contact-list::-webkit-scrollbar,
.messages-list::-webkit-scrollbar,
.messages-list-mobi::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
  position: absolute;
  right: 0;
}

.contact-list::-webkit-scrollbar-track,
.messages-list::-webkit-scrollbar-track,
.messages-list-mobi::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.contact-list::-webkit-scrollbar-thumb,
.messages-list::-webkit-scrollbar-thumb,
.messages-list-mobi::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  opacity: 0.3;
}

#user-report-type-mini-menu {
  font-size: 12px;
  max-width: 220px;
  background: #fff;
  border-left: 1px solid #dbdbdb !important;
  border-right: 1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}
#user-report-type-mini-menu .ui-menu-item-wrapper {
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  color: #333333;
}
#user-report-type-mini-menu .ui-menu-item-wrapper.ui-state-active {
  color: #fff;
}

#user-report-type-menu {
  font-size: 12px;
  background: #fff;
  max-width: 340px;
  border-left: 1px solid #dbdbdb !important;
  border-right: 1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}
#user-report-type-menu .ui-menu-item-wrapper {
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  color: #333333;
}
#user-report-type-menu .ui-menu-item-wrapper.ui-state-active {
  color: #fff;
}

.ui-selectmenu-menu {
  font-size: 12px !important;
}

@media only screen and (max-width: 1199px) {
  .chat-wrapper .chat-info .messages-list .message.SystemMessage .body,
  .chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body {
    width: 480px;
  }
  .chat-wrapper .chat-info .messages-list .message .body,
  .chat-wrapper .chat-info .messages-list-mobi .message .body {
    max-width: 480px;
  }
}
@media only screen and (max-width: 992px) {
  .chat-wrapper .left-coll .contact-list.big {
    height: 300px;
  }
  .chat-wrapper .chat-info .messages-list .message.SystemMessage .body,
  .chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body {
    width: 570px;
  }
  .chat-wrapper .chat-info .messages-list .message .body,
  .chat-wrapper .chat-info .messages-list-mobi .message .body {
    max-width: 570px;
  }
  .chat-wrapper {
    margin: 10px 0 50px;
  }
  .chat-wrapper .left-coll .contact-list .self-user-info {
    padding: 20px 30px 0px;
  }
  .chat-wrapper .left-coll .contact-list.big {
    height: 151px;
  }
}
@media only screen and (max-width: 768px) {
  .chat-wrapper .chat-info .messages-list .message.SystemMessage .body,
  .chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .body {
    margin-left: 0;
    width: 100%;
  }
  .chat-wrapper .chat-info .messages-list .message.SystemMessage .date,
  .chat-wrapper .chat-info .messages-list-mobi .message.SystemMessage .date {
    margin: 4px 0 0;
  }
  .chat-wrapper .chat-info .messages-list .message .body,
  .chat-wrapper .chat-info .messages-list-mobi .message .body {
    max-width: 70%;
  }
  .mini-chat {
    max-height: 470px;
  }
  .mini-chat-wrap .body .mini-modal {
    top: 500px;
  }
  .mini-chat-wrap .body .messages-block {
    height: 470px;
  }
  .mini-chat .user-block-chat {
    height: 470px;
  }
  .mini-chat-wrap .body .messages-block .messages-list-mobi {
    min-height: 285px;
  }
  .mini-chat .user-block-chat {
    width: 100%;
  }
  .mini-chat .user-block-chat .user-info .socials {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 360px) {
  .mini-chat-wrap .body,
  .mini-chat-wrap .body .messages-block {
    width: 280px;
  }
  .mini-chat .header .confirm-delivery {
    font-size: 12px;
  }
  .mini-chat-wrap .body .messages-block .messages-list .body,
  .mini-chat-wrap .body .messages-block .messages-list-mobi .body {
    max-width: 200px;
  }
  .mini-chat-wrap .body .messages-block .messages-list .SystemMessage .body,
  .mini-chat-wrap .body .messages-block .messages-list-mobi .SystemMessage .body {
    max-width: 260px;
  }
  .mini-chat .user-block-chat {
    left: 280px;
  }
  .mini-chat .user-block-chat .user-info .report-button {
    left: 80px;
  }
  .mini-chat-wrap .body .mini-modal {
    width: 240px;
  }
  .mini-chat {
    width: 100%;
  }
}
.chat-wrapper .message-wrap .chat_follow_block {
  display: none;
}
@media only screen and (min-width: 992px) {
  .chat-wrapper .message-wrap .chat_follow_block {
    display: none;
    background: #fff;
    width: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .chat-wrapper .message-wrap .chat_follow_block .username {
    text-align: center;
  }
  .chat-wrapper .message-wrap .chat_follow_block img {
    width: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .chat-wrapper .templates-messages {
    background: #fff !important;
    padding-right: 10px !important;
    width: 100%;
  }
  .chat-wrapper .templates-messages .template-message,
  .chat-wrapper .templates-messages .addTemplateLine,
  .chat-wrapper .templates-messages .show_template_mes,
  .chat-wrapper .templates-messages .hide_template_mes {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) !important;
    border-radius: 5px !important;
  }
  .chat-wrapper .chat-footer {
    height: 100px !important;
    padding-bottom: 20px;
    width: 100% !important;
  }
  .chat-wrapper .chat-footer .big-chat {
    position: relative;
    width: calc(100% - 25px) !important;
    margin: 5px 0px !important;
    margin-left: 10px !important;
    border: none !important;
    border-radius: 4px !important;
    height: 100%;
    min-height: 80px !important;
    max-height: 80px !important;
    padding: 15px !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;
  }
  .chat-wrapper .chat-footer .send-message-chat {
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
  }
}
.chat-wrapper .chat-notification-toggle-block {
  display: none;
}
.chat-wrapper .chat_follow_btn {
  padding: 10px !important;
  margin-top: 25px;
}
.chat-wrapper .menu-popover a {
  position: relative;
  font-size: 16px;
  padding-left: 33px;
}
.chat-wrapper .menu-popover a::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.chat-wrapper .menu-popover .addReport::before {
  background-image: url("../../img/icons/chat_report_ico.svg");
}
.chat-wrapper .menu-popover .addReview::before {
  background-image: url("../../img/icons/chat_review_ico.svg");
}
@media only screen and (min-width: 992px) {
  .chat-wrapper .chat_top_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: right;
  }
  .chat-wrapper .chat-notification-toggle-block {
    display: flex;
    justify-content: space-between;
    width: 180px;
  }
  .chat-wrapper .chat-notification-toggle-block .chat-notification-text {
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 20px;
    color: #000000 !important;
  }
  .chat-wrapper .chat-notification-toggle-block .chat_notifications_status {
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 20px;
    color: #808080;
    transition: 0.5s ease all;
  }
  .chat-wrapper .chat-notification-toggle-block .chat_notifications_on {
    color: #f75a01 !important;
  }
}

.add_purhases_label {
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  width: 100%;
}

#addReport .chat_review_btns,
#addReview .chat_review_btns {
  display: flex;
}
#addReport .chat_review_btns .chat_review_close,
#addReview .chat_review_btns .chat_review_close {
  padding: 20px 40px;
}
#addReport label,
#addReview label {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
#addReport label .chat_report_input,
#addReport label textarea,
#addReview label .chat_report_input,
#addReview label textarea {
  margin-top: 10px !important;
  width: 340px !important;
  height: 170px;
  border: 1px solid #f75a01;
  border-radius: 4px;
  padding: 20px 15px !important;
}
#addReport .chat-close-btn,
#addReview .chat-close-btn {
  border-radius: 4px;
  color: #f75a01;
  text-transform: uppercase;
  padding: 14px 40px;
  border: 1px solid #f75a01;
  margin-left: 30px;
  font-weight: 700;
}
#addReport .chat-close-btn:hover,
#addReview .chat-close-btn:hover {
  background-color: #f75a01;
  color: #fff;
}
#addReport .left_side,
#addReview .left_side {
  display: flex;
  flex-direction: column;
  margin-right: 33px;
  padding-top: 5px;
}
#addReport .left_side span,
#addReview .left_side span {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
}
#addReport .left_side img,
#addReview .left_side img {
  width: 220px;
  height: 35px;
  margin-top: 23px;
}
#addReport .rewiew_modal_top,
#addReview .rewiew_modal_top {
  display: flex;
}

.chat_new_messege_ico {
  background-image: url("../../img/icons/chat_new_messege.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  bottom: 15px;
}

.minichat_right {
  display: none;
}

.messages-list-mobi .message .body {
  word-break: break-word !important;
  padding-top: 10px !important;
}
.messages-list-mobi .message .body::before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 41px;
  top: 9px;
  z-index: 5;
  background-color: #fff;
  border-radius: 50% 100% 50% 0px;
  transform: rotate(45deg);
}
.messages-list-mobi .message .body .day-block {
  float: right;
  font-size: 11px;
  opacity: 0.6;
  color: #333333;
}
.messages-list-mobi .message.owner .body::before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: auto;
  right: 46px;
  top: 7px;
  z-index: 5;
  background-color: #efefef;
  border-radius: 50% 100% 50% 0px;
  transform: rotate(-135deg);
}

.chat-footer .messageInput {
  border: none !important;
}

.holdbacks-page__info {
  width: 100%;
  margin-bottom: -90px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .holdbacks-page__info {
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .holdbacks-page__info {
    margin-bottom: 10px;
  }
}
.holdbacks-page__description {
  color: #808080;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .holdbacks-page__description {
    font-size: 20px;
  }
}
.holdbacks-page__main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}
@media only screen and (max-width: 767px) {
  .holdbacks-page__main-img {
    display: none;
  }
}
.holdbacks-page__main-img img {
  width: 100%;
  max-width: 250px;
}

.region-modal {
  overflow-y: hidden !important;
  width: 450px !important;
}
@media only screen and (max-width: 767px) {
  .region-modal {
    width: 100% !important;
  }
}

.region-modal-parent {
  width: 100% !important;
  max-width: 500px !important;
  background: #212937 !important;
  border-radius: 4px !important;
}
.region-modal-parent.modal {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15) !important;
}
@media only screen and (max-width: 992px) {
  .region-modal-parent.modal {
    height: auto !important;
    top: 50% !important;
    left: 50% !important;
  }
  .region-modal-parent.modal.fade {
    transform: translate(-50%, -50%) scale(0) !important;
  }
  .region-modal-parent.modal.fade.in {
    transform: translate(-50%, -50%) scale(1) !important;
  }
}
@media only screen and (max-width: 767px) {
  .region-modal-parent {
    border-radius: 10px !important;
  }
  .region-modal-parent.modal {
    width: calc(100% - 30px) !important;
  }
}

.region-info-modal {
  width: 100%;
  padding: 0 !important;
}
.region-info-modal__close-btn {
  position: static !important;
  margin-left: auto !important;
  width: 24px !important;
  height: 24px !important;
  right: 20px !important;
  top: 20px !important;
  min-width: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  transform: translate(0, -50%);
  font-weight: inherit !important;
  font-size: inherit !important;
  opacity: 1 !important;
  transition: 0.3s !important;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__close-btn {
    right: 20px !important;
  }
}
.region-info-modal__close-btn::before, .region-info-modal__close-btn::after {
  display: none !important;
}
.region-info-modal__close-btn svg {
  width: 100%;
}
.region-info-modal__header {
  position: relative;
  width: 100%;
  padding: 20px 30px !important;
  display: flex;
  align-items: center;
  background: #F6F5FA;
  border-radius: 0 0 4px 4px;
}
.region-info-modal__header .region-info-modal__close-btn {
  position: static !important;
  margin-left: auto !important;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__header {
    padding: 20px 20px !important;
  }
}
.region-info-modal__text {
  font-family: "Roboto-Light";
  font-style: normal;
  font-size: 14px;
  line-height: 1.5;
  color: #505050;
}
.region-info-modal__text--lg {
  font-size: 16px;
  line-height: 1.5;
}
.region-info-modal__text--uppercase {
  text-transform: uppercase;
}
.region-info-modal__text--bold {
  font-family: "Roboto-Medium";
}
.region-info-modal__text--light {
  font-family: "Roboto-Light";
}
.region-info-modal__text--white {
  color: #505050;
}
.region-info-modal__text--green {
  color: #46ca43;
}
.region-info-modal__text--red {
  color: #ff6161;
}
.region-info-modal__header-info {
  width: 100%;
}
.region-info-modal__status-icn {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 20px;
}
.region-info-modal__status-icn img {
  width: 100%;
}
.region-info-modal__status-coutnry {
  display: inline-block;
}
.region-info-modal__status-coutnry--flex-wrap {
  flex-wrap: wrap;
  flex-direction: row;
}
.region-info-modal__status-coutnry--flex-wrap span {
  margin-left: 6px;
}
.region-info-modal__body {
  width: 100%;
  padding: 0 !important;
}
.region-info-modal__restriction-wrap {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__restriction-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: space-between;
  }
}
.region-info-modal__restriction-item {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.region-info-modal__restriction-title {
  margin-bottom: 10px;
}
.region-info-modal__restriction-country {
  display: flex;
  align-items: center;
}
.region-info-modal__restriction-country img {
  width: 28px !important;
  max-width: 28px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
.region-info-modal__restriction-country--img-auto img {
  width: auto !important;
  max-width: 28px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
.region-info-modal__restriction-country .region-info-modal__text {
  font-family: "Roboto-Light";
}
.region-info-modal__decor {
  width: calc(100% - 40px);
  height: 1px;
  margin: 0 auto;
  background: #FFF;
  opacity: 0.3;
}
.region-info-modal__search-container {
  width: 100%;
  padding-bottom: 20px;
  position: relative;
}
.region-info-modal__search-container.active-padding {
  padding-bottom: 60px;
}
.region-info-modal__search-decor {
  position: absolute;
  width: calc(100% - 60px);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__search-decor {
    width: calc(100% - 25px);
  }
}
.region-info-modal__search-decor--top {
  height: 50px;
  top: 0;
  background: linear-gradient(0deg, transparent, rgba(255, 255, 255, 0.3019607843));
}
@media only screen and (max-width: 767px) {
  .region-info-modal__search-decor--top {
    top: 115px;
  }
}
.region-info-modal__search-decor--bottom {
  bottom: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.3019607843));
}
.region-info-modal__search-decor--bottom span {
  margin: 0 10px;
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1428571429;
  color: #9D9D9D;
}
.region-info-modal__search-decor.active {
  opacity: 1;
}
.region-info-modal__search-wrap {
  width: 100%;
  padding-top: 28px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__search-wrap {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.region-info-modal__search-label {
  display: block;
  margin-bottom: 11px;
  text-transform: uppercase;
}
.region-info-modal__search {
  width: 100%;
  position: relative;
}
.region-info-modal__search.active img {
  opacity: 1;
}
.region-info-modal__search input {
  width: 100%;
  height: 40px;
  padding-left: 45px;
  border: none;
  border-radius: 4px;
  font-family: "Roboto-Light";
  font-style: normal;
  font-size: 16px;
  line-height: 1.25;
  color: #1f1f1f !important;
  outline: none;
}
.region-info-modal__search input::placeholder {
  color: #9d9d9d;
}
.region-info-modal__search svg {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.3s;
  opacity: 0.6;
}
.region-info-modal__search-result {
  position: relative;
  width: 100%;
  min-height: 175px;
  max-height: 325px;
  overflow-y: scroll;
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 1px;
}
@media only screen and (max-width: 767px) {
  .region-info-modal__search-result {
    max-height: 260px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 100px;
  }
}
.region-info-modal__search-result.noscroll {
  overflow: auto;
}
.region-info-modal__search-result::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 16px;
}
.region-info-modal__search-result::-webkit-scrollbar-thumb {
  width: 5px;
  background: transparent;
  border-radius: 16px;
}
.region-info-modal__search-result::-webkit-scrollbar-track {
  background: transparent;
}
.region-info-modal__search-item {
  width: 100%;
  display: flex;
  align-items: center;
}
.region-info-modal__search-item:not(:last-child) {
  margin-bottom: 20px;
}
.region-info-modal__search-item.visible {
  position: relative;
  z-index: 20;
}
.region-info-modal__search-item img {
  width: 28px;
  height: 20px;
  margin-right: 17px;
}
.region-info-modal__search-empty {
  position: relative;
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.region-info-modal__search-empty.noactive {
  display: none;
}
.region-info-modal__search-empty img {
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  width: 120px;
}
.region-info-modal__search-empty .region-info-modal__text {
  position: relative;
  font-family: "Roboto-Light";
  font-weight: 100;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #505050;
}

@media only screen and (max-width: 767px) {
  body.modal-open .wrapper-AtBcr {
    display: none !important;
  }
}

.modal-scrollable {
  backdrop-filter: blur(5px);
  background: rgba(31, 31, 31, 0.7);
  z-index: 1250 !important;
}
@media only screen and (max-width: 767px) {
  .modal-scrollable {
    top: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .modal-backdrop {
    top: 70px !important;
  }
}

.modal {
  background: none;
  width: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px;
  border: none;
}
.modal__card {
  top: 0% !important;
  margin-top: 0 !important;
}
.modal__card.fade.in {
  top: 55% !important;
  transform: translate(0, -50%);
  margin-top: 0 !important;
}
.modal .button-block {
  padding-top: 30px;
}
.modal .button-block a.button {
  color: #fff !important;
}
.modal .button-block .button.continue {
  width: 190px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-radius: 4px;
  display: inline-block;
  font-weight: 100;
  text-transform: none;
  opacity: 0.9;
}
.modal .button-block .button.continue:hover, .modal .button-block .button.continue:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
  color: #fff;
  opacity: 1;
}
.modal .button-block .button.cancel {
  width: 190px;
  background: #fff;
  border: 1px solid #f75a01;
  color: #f75a01 !important;
  border-radius: 4px;
  display: inline-block;
  margin-left: 10px;
  font-weight: 100;
  text-transform: none;
}
.modal .button-block .button.cancel:hover, .modal .button-block .button.cancel:focus {
  color: #fff;
}
.modal .close {
  box-shadow: none;
  transition: 0.5s ease all;
}
.modal .close:hover {
  transform: rotate(180deg);
}
.modal-dialog {
  padding: 27px 25px;
  margin: 0;
  width: auto;
}
.modal-content {
  border-radius: 10px;
  border: none;
  box-shadow: none;
}
.modal-header {
  border: none;
  padding: 0 10px;
}
.modal.fraud-modal.modal.black .modal-header {
  padding: 0;
}
.modal.fraud-modal.modal.black .modal-header .close {
  top: -10px;
  right: -10px;
}
.modal.fraud-modal.modal.black .modal-body {
  padding: 30px 10px 0;
}
.modal.fraud-modal.modal.black .modal-body .redeem-modal-msg div {
  padding: 0 0 10px;
}
.modal-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36364;
  text-align: center;
  color: #505050;
}
.modal-body {
  padding: 15px 10px;
}
.modal-body p {
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #505050;
  text-align: center;
  margin-bottom: 18px;
}
.modal-body p a {
  color: #f85a01;
}
.modal-body p.text-left {
  text-align: left;
}
.modal-footer {
  border: none;
  text-align: left;
  padding: 15px 10px;
}
.modal-footer .button-refund .button {
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 15px 15px;
  max-width: 160px;
}
.modal-footer .button-refund .button.continue {
  background: #f75a01;
  color: #fff;
}
.modal-footer .button-refund .button.cancel {
  background: none;
  color: #fff;
  margin-left: 20px;
  border: 1px solid #f75a01;
  padding: 20px 50px;
}
.modal .modal-button {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  outline: none;
  padding: 0;
}
.modal .modal-button:hover {
  background: transparent;
}
.modal .modal-button--close {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
}
.modal .modal-button--close:before, .modal .modal-button--close:after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform-origin: center center;
}
.modal .modal-button--close:before {
  transform: rotate(45deg);
}
.modal .modal-button--close:after {
  transform: rotate(-45deg);
}
.modal-backdrop {
  background: transparent;
}
.modal-sm {
  width: 500px;
  margin-left: -250px;
}
.modal-md {
  width: 540px;
  margin-left: -270px;
}
.modal-session-modal {
  width: 800px;
  margin-left: -400px;
  background: transparent !important;
}
.modal-session-modal .modal-dialog {
  padding: 0 0;
}
.modal-session-modal .modal-dialog .modal-content {
  background: transparent !important;
}
.modal-session-modal .modal-dialog .modal-content .close {
  z-index: 999;
  top: 13px !important;
  right: 13px !important;
}
.modal-session-modal .modal-dialog .modal-content .modal-body {
  padding: 0 0 !important;
}
.modal-session-modal .modal-dialog .modal-content .modal-body img {
  border-radius: 10px;
}
.modal.black {
  background: #11151a;
  color: #000;
}
.modal.black .modal-header {
  padding: 0 10px;
}
.modal.black .modal-body {
  font-size: 13px;
  padding: 10px 10px 0;
}
.modal.black .modal-body .terms-and-conditional {
  position: relative;
  color: #929292;
  font-family: Roboto-Regular;
  font-size: 11px;
  padding-left: 40px;
  margin-top: 20px;
  display: block;
}
.modal.black .modal-body .terms-and-conditional .help-block {
  display: none;
}
.modal.black .modal-body .terms-and-conditional a {
  color: #f75a01;
}
.modal.black .modal-body .terms-and-conditional::before {
  display: inline-block;
  content: "";
  border: 0.75px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 12px;
  width: 16px;
  height: 16px;
}
.modal.black .modal-body .has-error .help-block {
  display: block !important;
}
.modal.black .modal-body .has-error .terms-and-conditional::before {
  border: 0.75px solid #dd3232;
}
.modal.black .modal-body .terms-and-conditional.checked::before {
  background: url("/img/check-in-card.svg") #f75a01 no-repeat center center;
  border: 0.75px solid #f75a01;
}
.modal.black .modal-body a {
  color: #f85a01;
}
.modal.black .modal-body .form-confirm-delivery {
  padding-top: 40px;
}
.modal.black .close {
  color: #000;
  position: absolute;
  right: 0;
  font-weight: 100;
  font-size: 30px;
  top: 0;
}
.modal.succes-modal .modal-dialog {
  background: #fff !important;
}
.modal.succes-modal .close {
  margin-top: -35px;
}
.modal.succes-modal .modal-content {
  background: transparent;
}
.modal.succes-modal .modal-content h2 {
  font-weight: 900;
  font-size: 36px;
  line-height: 150%;
  color: #000;
  font-family: Roboto-Bold;
  margin-bottom: 30px;
}
.modal.succes-modal .modal-content p {
  font-weight: 100;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #9a9a9a;
}
.modal.difmark-bg {
  background: #11151a;
  color: #ffffff;
}
.modal.difmark-bg p {
  color: #ff9c00;
}
.modal.difmark-bg h4 {
  color: #ff0000;
}
.modal.difmark-bg .close {
  font-size: 30px;
  color: #fff;
  top: 18px;
  position: absolute;
  right: 0;
}

.modal.update-b2b-offer .close {
  color: #000;
}

.modal-card {
  overflow: hidden;
}

.modal-overflow .modal-body {
  overflow: inherit;
}

.modal-backdrop {
  opacity: 0.4 !important;
  background: rgba(0, 0, 0, 0.4) !important;
  transition: 0.2s;
}
.modal-backdrop.fade.in {
  opacity: 0.2 !important;
}

.refund-partial-modal .modal-header {
  padding: 0;
}
.refund-partial-modal .modal-header .modal-title {
  text-align: left;
}
.refund-partial-modal .modal-header .close {
  margin-top: -10px;
}
.refund-partial-modal .modal-body {
  padding: 30px 0;
}
.refund-partial-modal .modal-body p {
  text-align: left;
}
.refund-partial-modal .modal-body .button {
  padding: 15px 15px;
  max-width: 160px;
  background: #f75a01;
}
.refund-partial-modal .modal-body .input-block {
  margin: 20px 0;
  position: relative;
}
.refund-partial-modal .modal-body .input-block label {
  position: absolute;
  font-family: Roboto-Regular;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.5px;
  color: #fff;
  font-weight: 100;
  top: 13px;
  left: 20px;
}
.refund-partial-modal .modal-body .input-block input {
  background: none;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  padding: 13px 15px 13px 71px;
  color: #fff;
}
.refund-partial-modal .modal-body .input-block input:hover, .refund-partial-modal .modal-body .input-block input:focus {
  border: 1px solid #f75a01;
}

.modal-slides {
  margin: 30px 0 0;
}
.modal-slides .sliders .slide {
  display: none;
  min-height: 490px;
}
.modal-slides .sliders .slide .title {
  font-weight: bold;
  font-size: 24px;
  color: #121212;
  padding-left: 50px;
  position: relative;
}
.modal-slides .sliders .slide .title:before {
  position: absolute;
  content: "";
  border: 1px solid #121212;
  box-sizing: border-box;
  display: block;
  width: 34px;
  height: 34px;
  left: 0;
  border-radius: 30px;
  text-align: center;
}
.modal-slides .sliders .slide .title.one:before {
  content: "1";
}
.modal-slides .sliders .slide .title.two:before {
  content: "2";
}
.modal-slides .sliders .slide .title.three:before {
  content: "3";
}
.modal-slides .sliders .slide .title.four:before {
  content: "4";
}
.modal-slides .sliders .slide .title.five:before {
  content: "5";
}
.modal-slides .sliders .slide .title.six:before {
  content: "6";
}
.modal-slides .sliders .slide .description {
  font-size: 16px;
  line-height: 150%;
  font-weight: 100;
  color: #000;
  padding-left: 50px;
  position: relative;
}
.modal-slides .sliders .slide.active {
  display: block;
}
.modal-slides .sliders .slide img {
  margin-bottom: 25px;
  margin-top: 25px;
}
.modal-slides .sliders .slide .text {
  font-weight: bold;
  text-align: center;
  color: #121212;
  margin: 15px 0;
  padding: 0 50px;
  font-size: 24px;
}
.modal-slides .sliders .slide .text.desc {
  color: #4d4d4d;
  font-size: 18px;
}
.modal-slides .sliders-butt {
  text-align: center;
  margin-top: 20px;
}
.modal-slides .sliders-butt span {
  width: 10px;
  height: 10px;
  background: #c4c4c4;
  border-radius: 10px;
  display: inline-block;
  margin: 10px 5px;
  cursor: pointer;
}
.modal-slides .sliders-butt span.active {
  background: #161e2b;
}
.modal-slides .buttons {
  text-align: center;
}
.modal-slides .buttons .back,
.modal-slides .buttons .next,
.modal-slides .buttons .done {
  padding: 15px 20px;
  width: 180px;
  background: #46ca43;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  color: #f7f7f7;
  border: 1px solid #46ca43;
  display: none;
  margin: 0 5px;
}
.modal-slides .buttons .next {
  display: inline-block;
}
.modal-slides .buttons .back {
  background: transparent;
  color: #46ca43;
}

.fraud-modal .help-block-error,
.paydo-modal .help-block-error {
  font-size: 12px;
  text-align: left;
}
.fraud-modal .modal-header,
.paydo-modal .modal-header {
  align-items: center;
  padding: 0 30px;
}
.fraud-modal .modal-header .modal-button--close,
.paydo-modal .modal-header .modal-button--close {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 3px;
}
.fraud-modal .modal-title,
.paydo-modal .modal-title {
  font-family: "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36364;
  text-transform: uppercase;
  text-align: center;
  color: #505050;
  flex-grow: 1;
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .modal .button-block .button.cancel {
    margin-left: 0;
    margin-top: 10px;
  }
  .modal,
  .modal.container,
  .modal.modal-overflow {
    min-width: 96%;
    max-width: 96%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .light-theme .modal-dialog {
    min-height: 100%;
  }
  .modal-dialog.fix-on-center-moby {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .modal-dialog.fix-on-center-moby .modal-content {
    position: static;
  }
  .modal-dialog.fix-on-center-moby .modal-content .close {
    top: 20px;
    right: 20px;
  }
  #addReport .modal-dialog,
  #telegram-modal .modal-dialog {
    width: 100%;
  }
  .light-theme .modal .modal-dialog.fix-on-center-moby .modal-header .close {
    top: 10px;
    right: 15px;
  }
}
a.white {
  color: #fff;
}
a.white:hover {
  color: #f75a01;
}

img,
iframe {
  max-width: 100%;
}

.h1 {
  font: 24px/40px "Roboto-Bold", sans-serif;
}

.h2 {
  font: 16px/24px "Roboto-Bold", sans-serif;
}

.block-title {
  font: 16px/24px "Roboto-Bold", sans-serif;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.bold {
  font-family: "Roboto-Bold", sans-serif;
}

.font-w-bold {
  font-weight: 900;
}

.section-title {
  margin-bottom: 30px;
  font: 20px "Roboto-Light", sans-serif;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
}
.section-title .informer-widget {
  width: auto;
}
.section-title .step-info-msg {
  width: 300px;
}

[hidden] {
  display: none !important;
}

body {
  line-height: normal;
  font: 14px "Roboto-Regular", sans-serif;
  line-height: 1.4;
  min-width: 320px;
}

.timeline .timeline-body {
  background: #13192a;
}

.relative {
  position: relative;
}

body.dark-theme {
  color: #fff;
  background: #13192a;
}
body.dark-theme a {
  color: #fff;
}
body.dark-theme .telegram-link {
  color: #f75a01;
}
body.dark-theme .card,
body.dark-theme .sub-tabs-stats .nav-tabs,
body.dark-theme .tabs-stats .nav-tabs {
  box-shadow: none;
}
body.dark-theme .show-on-page-block {
  color: #fff;
}
body.dark-theme .arrow-down.black:before, body.dark-theme .arrow-down.black:after,
body.dark-theme .arrow-up.black:before,
body.dark-theme .arrow-up.black:after {
  background: #fff;
}
body.dark-theme .all-payments-link a {
  color: #fff;
}
body.dark-theme .all-payments-link a:hover {
  color: #f75a01;
}
body.dark-theme .section-title {
  color: #fff;
  margin-bottom: 30px;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.2s;
}
a:hover {
  color: #f75a01;
}

.flex-row {
  display: flex;
  align-items: center;
}
.flex-row.between {
  justify-content: space-between;
}
.flex-row.a-center {
  align-items: center;
}
.flex-row.a-normal {
  align-items: normal;
}
.flex-row.a-end {
  align-items: flex-end;
}
@media (min-width: 576px) and (max-width: 767px) {
  .flex-row {
    display: block;
  }
}

.tg-list {
  text-align: center;
  display: flex;
  align-items: center;
}

.tg-list-item {
  margin: 0 2em;
}

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 40px;
  height: 25px;
  min-width: 0;
  padding-right: 1px;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin: 0 auto;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 21px;
  height: 21px;
}
.tgl + .tgl-btn:after {
  left: 0%;
  top: 0%;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 43%;
}

.tgl-light + .tgl-btn {
  background: #808080;
  border: 1.5px solid rgba(54, 54, 54, 0.08);
  border-radius: 15.5px;
  transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
  border: 0.5px solid rgba(54, 54, 54, 0.08);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
  border: 1.5px solid rgba(54, 54, 54, 0.08);
  background: #f75a01;
}
.tgl-light:checked + .tgl-btn:after {
  border: 0.5px solid rgba(54, 54, 54, 0.08) !important;
}

.text-right {
  text-align: right;
}

.tabs-stats {
  margin-top: 29px;
}

.tabs-stats .nav-tabs,
.sub-tabs-stats .nav-tabs {
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
  border: none;
  background: #33384c;
  border-radius: 10px;
  overflow: hidden;
}
.tabs-stats .nav-tabs > li,
.sub-tabs-stats .nav-tabs > li {
  min-width: 170px;
}
.tabs-stats .nav-tabs > li.active > a, .tabs-stats .nav-tabs > li:hover > a, .tabs-stats .nav-tabs > li:focus > a,
.sub-tabs-stats .nav-tabs > li.active > a,
.sub-tabs-stats .nav-tabs > li:hover > a,
.sub-tabs-stats .nav-tabs > li:focus > a {
  border: none;
  background-color: #11151a;
}
.tabs-stats .nav-tabs > li.active > a,
.sub-tabs-stats .nav-tabs > li.active > a {
  border: none;
  background-color: #ccc;
}
.tabs-stats .nav-tabs > li > a,
.sub-tabs-stats .nav-tabs > li > a {
  padding: 15px 20px 15px;
  border: none;
  text-align: center;
  margin-right: 0;
  border-radius: 0;
  height: 120px;
}
.tabs-stats .sub-nav-tabs > li > a,
.sub-tabs-stats .sub-nav-tabs > li > a {
  height: initial;
}

.product-tabs.nav-tabs {
  background: #33384c;
  border-radius: 0;
}
.product-tabs.nav-tabs li {
  margin-bottom: 0 !important;
}
.product-tabs.nav-tabs li.active a {
  background: transparent !important;
}
.product-tabs.nav-tabs li > a {
  padding: 15px 20px 5px;
  background: none;
  border-bottom: 5px solid #fff;
}
.product-tabs.nav-tabs li > a:hover, .product-tabs.nav-tabs li > a.active {
  color: #fff;
  background: none;
  border-bottom: 5px solid #f75a01;
}
.product-tabs.nav-tabs li > a h5 {
  color: rgba(255, 255, 255, 0.5);
}

.dashboard-page {
  min-height: 70vh;
}
.dashboard-page.publick-profile a.bookmark-toggle {
  display: none !important;
}
.dashboard-page .tabs-stats .nav-tabs > li,
.dashboard-page .sub-tabs-stats .nav-tabs > li {
  min-width: 228px;
}

.dashboard-dark-page .user-profile-page {
  padding-top: 35px !important;
}

.page-wrap.dashboard-page .user-section .user-avatar > img {
  height: 100%;
}

.tabs-stats .nav-tabs.nav-tabs-slider-1 li {
  min-width: 193px;
}

.nav-tab__ico {
  width: 30px;
  height: 30px;
  margin: 0 auto 10px;
}
.nav-tab__ico.coins {
  background: url(../img/icons/Currency.svg) no-repeat center;
  width: 52px;
  height: 50px;
}
.nav-tab__ico.game_server {
  background: url(../img/icons/Currency.svg) no-repeat center;
  width: 52px;
  height: 50px;
}
.nav-tab__ico.default {
  background: url(../img/icons/Currency.svg) no-repeat center;
  width: 52px;
  height: 50px;
}
.nav-tab__ico.item {
  background: url(../img/icons/Items.svg) no-repeat center;
  width: 52px;
  height: 50px;
}
.nav-tab__ico.boosting {
  background: url(../img/icons/Boosting.svg) no-repeat center;
  width: 50px;
  height: 50px;
}
.nav-tab__ico.account, .nav-tab__ico.console_account {
  background: url(../img/icons/Accounts.svg) no-repeat center;
  width: 36px;
  height: 50px;
}
.nav-tab__ico.keys {
  background: url(../img/icons/Game_Keys.svg) no-repeat center;
  width: 50px;
  height: 50px;
}
.nav-tab__ico.top_up {
  background: url(../img/icons/Top_up.svg) no-repeat center;
  width: 60px;
  height: 48px;
}
.nav-tab__ico.gifts {
  background: url(../img/icons/gift.svg) no-repeat center;
}
.nav-tab__ico.joystick {
  background: url(../img/icons/joystick-ico.svg) no-repeat center;
  opacity: 0.5;
}
.nav-tab__ico.messages {
  background: url(../img/icons/messages-ico-black.svg) no-repeat center;
  opacity: 0.5;
}
.nav-tab__ico.settings {
  background: url(../img/icons/settings-ico.svg) no-repeat center;
  opacity: 0.5;
}
.nav-tab__ico.store-icon {
  background: url(../img/icons/store-icon.svg) no-repeat center;
  width: 51px;
  height: 40px;
}
.nav-tab__ico.orders-icon {
  background: url(../img/icons/orders-icon.svg) no-repeat center;
  width: 48px;
  height: 40px;
}
.nav-tab__ico.settings-icon {
  background: url(../img/icons/settings-icon.svg) no-repeat center;
  width: 40px;
  height: 40px;
}
.nav-tab__ico.follow-icon {
  background: url(../img/icons/follow-icon.svg) no-repeat center;
  width: 38px;
  height: 40px;
}

.nav-tab__title {
  text-transform: uppercase;
  font: 18px "Roboto-Bold", sans-serif;
  color: #fff;
}

li:hover .nav-tab__title {
  color: #555;
}

.active > a > .nav-tab__title {
  color: #fff;
}

.nav-tab__amount {
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0571991px;
  color: #ffffff;
  opacity: 0.5;
}

.nav-tab__text {
  color: #555555;
  font: 14px "Roboto-Regular", sans-serif;
}

.sort-bar .sort-text {
  vertical-align: bottom;
  margin-right: 30px;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  opacity: 0.9;
}

.filters-row {
  margin-bottom: 30px;
}
.filters-row .ui-selectmenu-text {
  background: #13192a;
}
.filters-row .sort-bar {
  margin-bottom: 30px;
}

#disputemessage-body {
  color: #000;
}

.select-show-items {
  text-align: right;
}

.select-show-items.per-page-select {
  display: inline-block;
}

.page-size {
  color: #ffffff;
  font-size: 12px;
  margin-top: 15px;
}

.filters-row .select-show-items {
  color: #000;
  margin-top: 0;
}
.filters-row .select-show-items .ui-selectmenu-button {
  width: 100%;
}
.filters-row .select-show-items span.ui-selectmenu-text {
  padding: 10px 50px 10px 10px !important;
  line-height: 32px;
}

.form-control.input-lg {
  padding: 0 15px;
  font-size: 14px !important;
  font-weight: 400 !important;
  border: 1px solid #fff;
  border-radius: 4px;
  height: 55px;
  color: #000;
  box-shadow: none;
  background: #fff;
}
.form-control.input-lg:hover {
  border: 1px solid #e5e5e5 !important;
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.form-control.input-lg:focus {
  color: #000 !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.form-control.input-lg::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #000 !important;
}

.input-group.search:hover .form-control {
  border: 1px solid #f75a01 !important;
}
.input-group.search:hover .btn {
  border-color: #f75a01;
}
.input-group.search .form-control {
  border: 1px solid #ffffff !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  color: #fff;
  background: #33384c;
}
.input-group.search .form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #868686;
}
.input-group.search .btn {
  border-left: none;
}

.input-group-btn .btn {
  height: 55px;
  border-radius: 0;
  border: 0.5px solid #9b9b9b;
}
.input-group-btn .btn:focus {
  outline: none;
  box-shadow: none;
  border-color: #cecece;
}
.input-group-btn .btn.search-ico {
  width: 50px;
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  font-size: 14px;
  border-radius: 0 4px 4px 0;
  opacity: 1;
  background: #f75a01;
  border: 1px solid #fff;
  border-left: 0;
}
.input-group-btn .btn.search-ico:after {
  content: "\f002";
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 600;
}

.game-info__code {
  margin-bottom: 20px;
}
.game-info__desc {
  font-family: "Roboto-Medium", sans-serif;
}
.game-info__server {
  margin-bottom: 20px;
  font-weight: 600;
}
.game-info__server .option_text {
  font-weight: 600;
}
.game-info__server .server {
  line-height: 20px;
  font-family: "Roboto-Medium", sans-serif;
}
.game-info__faction .faction {
  line-height: 20px;
  font-family: "Roboto-Medium", sans-serif;
}

.card-body .info span {
  text-transform: capitalize;
  font-family: "Roboto-Medium", sans-serif;
}

.ico-hourglass {
  width: 20px;
  height: 15px;
  top: 3px !important;
  left: 0;
  position: absolute;
}

.ico-coins {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.ico-hourglass {
  background-image: url(../img/icons/hourglass.svg);
}

.ico-coins {
  background-image: url(../img/icons/coins.svg);
}

.ico-info {
  background-image: url(../img/icons/ico-info.svg);
}

.convert__amount {
  display: flex;
  align-items: center;
  padding-left: 25px;
}

.ico-stock {
  width: 20px;
  height: 17px;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url(../img/icons/stock.svg);
}

.ico-warranty {
  width: 20px;
  height: 15px;
  top: 1px;
  left: 0;
  position: absolute;
  background-image: url(../img/icons/warranty.svg);
}

.ico-winner {
  background: url(../img/icons/winner.svg) no-repeat center;
  width: 15px;
  height: 15px;
}

.ico {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.catalog .search-bar-row .select-show-items.category-select-wrap {
  width: 250px;
}
.catalog .search-bar-row .select-show-items.category-select-wrap .ui-selectmenu-button {
  width: 100%;
}

.show-on-page-block {
  text-align: right;
  max-width: 200px;
  min-width: 80px;
  float: right;
}

.show-on-page-block,
.select-show-items,
.product-filters {
  text-align: right;
}
.show-on-page-block .select-menu__label,
.select-show-items .select-menu__label,
.product-filters .select-menu__label {
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0770437px;
  color: #ffffff;
}
.show-on-page-block .ui-selectmenu-button,
.select-show-items .ui-selectmenu-button,
.product-filters .ui-selectmenu-button {
  padding: 0;
  border: none;
  background: #33384c;
}
.show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text,
.select-show-items .ui-selectmenu-button span.ui-selectmenu-text,
.product-filters .ui-selectmenu-button span.ui-selectmenu-text {
  line-height: 32px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: none;
  color: #fff;
  padding: 10px 50px 10px 10px;
}
.show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text:hover,
.select-show-items .ui-selectmenu-button span.ui-selectmenu-text:hover,
.product-filters .ui-selectmenu-button span.ui-selectmenu-text:hover {
  border: 1px solid #f75a01;
  color: #f75a01;
}
.show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.select-show-items .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.product-filters .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text {
  color: #f75a01;
  border: 1px solid #f75a01;
}
.show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
.select-show-items .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa,
.product-filters .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow-fa {
  color: #f75a01;
}
.show-on-page-block .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.select-show-items .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow,
.product-filters .ui-selectmenu-button.ui-selectmenu-button-open .ico-arrow {
  color: #f75a01;
}
.show-on-page-block .ico-arrow.black,
.select-show-items .ico-arrow.black,
.product-filters .ico-arrow.black {
  color: #fff;
}

.order-page .show-on-page-block label {
  display: block;
}
.order-page .show-on-page-block .ui-selectmenu-button {
  background: transparent;
}
.order-page .show-on-page-block .ui-selectmenu-button span.ui-selectmenu-text {
  border: 0;
  background: transparent;
}

.game-image-section {
  margin: 10px 0 20px;
}

.game-image-wrap {
  width: 100%;
  height: 570px;
  border: 1px solid #d9d9d9;
  position: relative;
  overflow: hidden;
}
.game-image-wrap img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.101);
  transform: scale(0.101);
}

.switcher-theme {
  display: none;
  margin-top: 20px;
  text-align: right;
}
.switcher-theme .dark-theme-checkbox {
  display: inline-block;
}

h1.about-us {
  font-size: 28px;
}

.page-wrap.category-page .wrap-two-banner,
.page-wrap.product-page .wrap-two-banner,
.page-wrap.account-page .wrap-two-banner,
.page-wrap.dark-template .wrap-two-banner {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 121px;
  color: #fff;
  background-repeat: no-repeat;
  background-color: #161e28;
  background-size: cover;
  background-position: top center;
}

.catalog .search-wrap {
  background: transparent;
}

.wrap-ajax-load {
  display: none;
}

.alert-section a,
.suspended-use a {
  color: #f75a01;
}

.product-page .label-block {
  margin-bottom: 20px;
}
.product-page .label-block .label {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 5px;
  white-space: inherit;
  font-weight: 300;
}
.product-page .platform-menu {
  border-bottom: 0;
  border-radius: 5px;
  overflow: initial;
  margin: 0 0 30px;
  width: 100%;
}
.product-page .platform-menu li {
  position: relative;
}
.product-page .platform-menu li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background: #d6d6d6;
  width: 1px;
  height: calc(100% - 30px);
  z-index: 9;
}
.product-page .platform-menu li:first-child:before, .product-page .platform-menu li.active:before {
  display: none;
}
.product-page .platform-menu li a {
  margin-right: 0;
  background: #33384c;
  text-align: center;
  padding: 20px 0 20px;
  height: auto;
  color: #fff;
  border: 2px solid #33384c;
  border-radius: 5px;
}
.product-page .platform-menu li a img {
  height: 40px;
}
.product-page .platform-menu li a .title {
  font-family: Roboto-bold;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.0735417px;
  text-transform: uppercase;
  margin-top: 10px;
}
.product-page .platform-menu li:hover a, .product-page .platform-menu li:focus a {
  border: 2px solid #fff;
  background-color: #fff;
}
.product-page .tab-content .filters .product-filters .sort-bar .sort-text {
  font-weight: 600;
}
.product-page .tab-content .filters .product-filters .sort-bar .radio-inline label {
  font-weight: 600;
}
.product-page .tab-content .filters .product-filters .input-group.search {
  display: flex;
}

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

#success_message {
  display: none;
}

.pref-block table tr td:first-child {
  padding-left: 0;
}

.filter-block {
  margin-bottom: 20px;
}
.filter-block .select2-container .select2-selection--single {
  height: 55px;
}
.filter-block .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 55px;
}
.filter-block .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 55px;
}

.file-caption-main .btn {
  height: 34px;
}

.has-success .file-preview .fileinput-remove {
  top: 10px;
  right: 10px;
}

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

.alert-section a,
.suspended-use a {
  color: #f75a01 !important;
}

.user-info-tab__shop-description--area {
  border: none !important;
}
.user-info-tab__shop-description--area::placeholder {
  color: #000 !important;
  opacity: 0.6;
}
.user-info-tab__shop-description--area:hover, .user-info-tab__shop-description--area:focus {
  border: none !important;
}
.user-info-tab__buyer_details .update-btn {
  margin-bottom: 0 !important;
}

.user-avatar-section .user-avatar {
  margin-right: 20px;
}

.page-wrap.account-page .select-wrap.white {
  height: auto;
}
.page-wrap.account-page .select-wrap.white .no-select2 {
  display: block;
  width: 100% !important;
  background: #fff;
  border: 1px solid #dadada !important;
  color: #000;
  border-radius: 4px;
}
.page-wrap.account-page .select-wrap .ui-selectmenu-button {
  border: 1px solid #dadada !important;
  border-radius: 4px;
}
.page-wrap.account-page .select-wrap .ui-selectmenu-button .ui-selectmenu-text {
  padding: 15px 28px 15px 18px !important;
}

.file-input-label {
  cursor: pointer;
  display: inline-block;
  width: 150px;
  height: 150px;
  position: relative;
}
.file-input-label img {
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 1;
}
.file-input-label:after {
  content: "";
  display: none;
  width: 150px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: url("/img/icons/Photo2.png");
  background-size: contain;
  border-radius: 50%;
  opacity: 0.8;
}
.file-input-label:hover:after {
  display: block;
}

.input-number-container {
  position: relative;
}
.input-number-container:hover > .input-number__btn {
  display: block;
}
.input-number-container .input-number {
  padding-right: 28px;
}
.input-number-container .input-number__btn {
  cursor: pointer;
  display: none;
  position: absolute;
  width: 25px;
  height: 25px;
  right: 2px;
}
.input-number-container .input-number__btn.up {
  top: 0;
  transform: rotate(-90deg);
}
.input-number-container .input-number__btn.down {
  bottom: 0;
  transform: rotate(90deg);
}
.input-number-container .input-number__btn .ico-arrow {
  color: #000;
  position: static;
  transform: none;
}

.pagination-wrap .pagination li {
  display: inline-block;
  margin: 0 2px;
  text-align: center;
}
.pagination-wrap .pagination li span,
.pagination-wrap .pagination li a {
  background: #11151a;
  border-color: #11151a;
  border-radius: 2px;
  color: #fff;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}
.pagination-wrap .pagination li span:hover,
.pagination-wrap .pagination li a:hover {
  background: #f75a01;
  border-color: #f75a01;
  color: #fff;
}
.pagination-wrap .pagination li.next a,
.pagination-wrap .pagination li.next span {
  line-height: 29px;
}
.pagination-wrap .pagination li.disabled span {
  font-size: 14px;
  line-height: 17px;
  background: #11151a;
  border-color: #11151a;
}
.pagination-wrap .pagination li.disabled span:hover {
  background: #f75a01;
  border-color: #f75a01;
  color: #fff;
}
.pagination-wrap .pagination li.active a {
  background: #fff;
  border-color: #fff;
  color: #11151a;
}
.pagination-wrap .pagination li.more span:hover {
  background: transparent;
  border-color: transparent;
  color: #000;
}
.pagination-wrap .pagination li.more span {
  background: transparent;
  cursor: default;
  line-height: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.pagination-wrap-1 {
  text-align: center;
}

.button {
  background: transparent;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  width: 100%;
  max-width: 250px;
}
.button:disabled {
  background: #b85f2d;
}
.button--positive {
  background: #f75a01;
}
.button--positive:hover {
  background: #ff843f;
}
.button--positive:focus {
  background: #ff843f;
}
.button--delete {
  background: url("../img/icons/delete-icon.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  border: none;
  display: inline-block;
  padding: 0;
  width: 20px;
  height: 20px;
  opacity: 0.8;
}
.button--delete:hover {
  background: url("../img/icons/delete-icon.svg") no-repeat center center;
  opacity: 1;
}
.button--neutral {
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  border-color: #f75a01;
}
.button--neutral:hover {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.button--neutral:focus {
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%);
}
.button--negative {
  background: transparent;
  color: #000;
  text-align: center;
}
.button--negative:hover {
  background-color: transparent;
  color: #000;
}

.document-form {
  margin-bottom: 50px;
}
.document-form .form.form-has-border .form-control.input-lg {
  color: #000 !important;
}
.document-form .file-area {
  margin-bottom: 10px;
}
.document-form .file-area .file {
  background: #fff;
  border-radius: 13px;
  font: 16px/25px "Roboto-Regular", sans-serif;
  position: relative;
  display: inline-block;
  padding-right: 25px;
  padding-left: 5px;
}
.document-form .file-area .file .attached-doc {
  background: url("../img/icons/attach_doc.svg") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  height: 19px;
  width: 24px;
}
.document-form .file-area .file .file-remove {
  background: url("../img/icons/cancel-black.svg") no-repeat 0 0;
  background-size: 12px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 12px;
  height: 12px;
  z-index: 10;
}
.document-form .add-img-button {
  background: transparent;
  color: #fff;
  cursor: pointer;
  margin: 0;
}
.document-form .button[type=submit] {
  margin-top: 0;
}

.site-reset-password .form-group input[type=text].form-control,
.site-reset-password .form-group input[type=number].form-control,
.site-reset-password .form-group input[type=url].form-control,
.site-request-password-reset .form-group input[type=text].form-control,
.site-request-password-reset .form-group input[type=number].form-control,
.site-request-password-reset .form-group input[type=url].form-control {
  background: transparent;
  color: #000;
}
.site-reset-password,
.site-request-password-reset {
  padding-bottom: 100px;
  color: #000;
  background: #ededf2;
  padding-top: 30px;
}
.site-reset-password h1,
.site-request-password-reset h1 {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  margin-bottom: 20px;
}
.site-reset-password h4,
.site-request-password-reset h4 {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}
.site-reset-password h5,
.site-request-password-reset h5 {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}
.site-reset-password p,
.site-request-password-reset p {
  color: #fff;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
}
.site-reset-password p.help-block-error,
.site-request-password-reset p.help-block-error {
  font-size: 13px;
  font-weight: 300;
  text-align: left;
  line-height: 18px;
}
.site-reset-password form,
.site-request-password-reset form {
  margin-top: 30px;
}
.site-reset-password form .control-label,
.site-request-password-reset form .control-label {
  display: none;
}
.site-reset-password form .form-control.email,
.site-request-password-reset form .form-control.email {
  padding-left: 60px !important;
  background: url(../img/icons/mail-black.svg) no-repeat 20px center !important;
  background-size: 23px 23px;
  color: #fff;
}
.site-reset-password form .form-control.password,
.site-request-password-reset form .form-control.password {
  padding-left: 60px;
  background: url(../img/icons/enter-password.svg) no-repeat 20px center;
  background-size: 23px 23px;
  color: #fff;
}
.site-reset-password form .button--positive,
.site-request-password-reset form .button--positive {
  margin-top: 10px;
}
.site-reset-password .forgot-email,
.site-request-password-reset .forgot-email {
  text-align: center;
}
.site-reset-password .forgot-email a,
.site-request-password-reset .forgot-email a {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 20px 0;
  width: 100%;
  text-transform: uppercase;
  max-width: 250px;
  display: block;
  border-radius: 4px;
  margin: 0 auto;
}

.site-request-password-reset .question {
  color: #f75a01;
}

body.bg-black {
  background: #000;
}

@media only screen and (max-width: 767px) {
  iframe {
    max-width: 100%;
  }
}

body.modal-open {
  overflow-y: hidden;
}
@media only screen and (max-width: 767px) {
  body.modal-open iframe {
    display: none !important;
  }
}
body.modal-open .mini-chat-wrap {
  display: none !important;
}

.static-page {
  background: #13192a;
}
.static-page .panel {
  background-color: #13192a;
  border: none;
  color: #fff;
}
.static-page .panel .panel-body {
  padding: 10px 0;
}
.static-page .panel .panel-body a {
  color: #000 !important;
}
.static-page .panel .panel-body a:hover {
  color: #f75a01 !important;
}
.static-page .panel .panel-body h1 {
  color: #fff !important;
}
.static-page .panel .panel-body img {
  max-width: 100%;
}

.payment-pages {
  background: #ededf2;
}
.payment-pages.wait-page__title {
  color: #13192a;
}
.payment-pages.wait-page__preloader {
  width: 170px;
  margin: 0 auto;
}
.payment-pages .payment-block {
  text-align: center;
  border-radius: 10px;
  margin: 0 20px;
  padding: 35px 10px 50px;
}
.payment-pages .payment-block__img {
  width: 280px;
}
.payment-pages .payment-block__title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #13192a;
}
.payment-pages .payment-block__text {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 10px;
  color: #000;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.payment-pages .payment-block .button-list {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 15px;
}
.payment-pages .payment-block .button-list button {
  width: 48%;
  background: #f85a01;
  border-radius: 4px;
  padding: 20px;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  mix-blend-mode: normal;
  margin: 0 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .payment-pages .payment-block .button-list button {
    width: 100%;
    margin: 0;
  }
  .payment-pages .payment-block .button-list button:not(:last-child) {
    margin-bottom: 10px;
  }
}
.payment-pages .payment-block .button-list button.active {
  background: #ffffff;
  color: #000;
  margin: 0 auto;
}
.payment-pages a {
  color: #fff;
}
.payment-pages h1 {
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-top: 100px;
  margin-bottom: 46px;
}
.payment-pages .loading-wrap {
  display: inline-block;
  margin-bottom: 55px;
  position: relative;
  width: 55px;
  height: 55px;
}
.payment-pages .loading-wrap .loading-img {
  position: absolute;
  max-height: 100%;
  top: 0;
  left: 0;
  animation: loading 2s ease-in-out infinite;
  transform-origin: center center;
}
.payment-pages .button {
  display: inline-block;
  margin-top: 30px;
}
.payment-pages .button:hover {
  color: #fff;
}
.payment-pages .back-link {
  color: #000;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  display: inline-block;
  padding-left: 35px;
  position: relative;
}
.payment-pages .back-link .ico {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  transform-origin: center;
}
.payment-pages .payment-form-container {
  padding-top: 30px;
  position: relative;
  width: 100%;
  max-width: 585px;
}
.payment-pages .payment-form-container .payment-form-layout {
  background: #fff;
  box-shadow: 2px 2px 14px rgba(214, 214, 214, 0.5);
  position: absolute;
  width: 100%;
  max-width: 555px;
  height: 412px;
  top: 0;
  left: 45px;
  z-index: 1;
}
.payment-pages .payment-form-container .button--positive {
  margin: 0 -45px 0 0;
}
.payment-pages .payment-form-container .button--positive:disabled {
  background: #d4d8e0;
}
.payment-pages .form .control-label {
  color: #808080;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.payment-pages .form .form-control.input-lg {
  border-color: #cecece;
  color: #808080;
}
.payment-pages .form .info {
  color: #000;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.payment-pages .form .info span {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
}
.payment-pages .form .card-number-block {
  position: relative;
}
.payment-pages .form .card-number-block .card-number-input {
  padding-right: 60px;
}
.payment-pages .form .card-number-block .card-img {
  background: no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 27px;
  width: 40px;
  height: 24px;
  z-index: 20;
}
.payment-pages .form .card-number-block .card-img.visa {
  background-image: url("../img/payments/visa.svg");
}
.payment-pages .form .checkbox + label {
  color: #000;
  line-height: 15px;
  margin-top: 0;
  width: auto;
}
.payment-pages .form .cvv-info {
  border: 1px solid #808080;
  border-radius: 50%;
  color: #808080;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-top: 1px;
  position: relative;
  width: 15px;
  height: 15px;
}
.payment-pages .form .cvv-info-msg {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 48px rgba(203, 203, 203, 0.5);
  color: #808080;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: none;
  padding: 10px 20px;
  position: absolute;
  width: 160px;
  left: 20px;
  top: -10px;
}
.payment-pages .form .cvv-info:hover .cvv-info-msg {
  display: block;
}
.payment-pages .payment-form {
  background: #fff;
  box-shadow: 2px 2px 14px rgba(214, 214, 214, 0.5);
  margin-bottom: 30px;
  padding: 50px;
  position: relative;
  width: 100%;
  z-index: 10;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.error-page {
  background: #e5e5e5;
  color: #808080;
  min-height: 90vh;
  padding: 100px 0;
}
@media only screen and (max-width: 767px) {
  .error-page {
    min-height: 100%;
  }
}
.error-page .page-error-code {
  height: 330px;
  width: 330px;
  background-image: url("../img/pages/page_404.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.back_to_home_btn {
  border: 1px solid #f75a01;
  color: #f75a01;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 40px;
  text-transform: uppercase;
  transition: 0.5s ease all;
}
.back_to_home_btn:hover {
  background-color: #f75a01;
  color: #e5e5e5 !important;
  transition: 0.5s ease all;
}

.error-page h1 {
  color: #fff;
  font-family: Roboto-Black, sans-serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.error-page p {
  color: #cecece;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.no-access-page {
  padding: 200px 0;
}

.error-page h1,
.no-access-page h1 {
  font-family: Roboto-Black, sans-serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #13192a;
  padding-bottom: 15px;
}
.error-page p,
.no-access-page p {
  color: #000;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.error-page a,
.no-access-page a {
  color: #f85a01;
  margin-bottom: 50px;
  display: inline-block;
}

.ui-autocomplete,
.ui-selectmenu-menu {
  box-shadow: 0 10px 48px rgba(220, 220, 220, 0.2);
}

.ui-selectmenu-menu.selection-game {
  max-width: 320px;
  background: #11151a;
  border: 1px solid #555555;
  border-radius: 4px;
}
.ui-selectmenu-menu.selection-game .ui-menu-item-wrapper {
  color: #fff;
}

.select-wrap.black {
  background: none;
  border-radius: 4px;
}

#form-signup .select-wrap.black {
  background: none;
}

.select-wrap.black .ui-selectmenu-text {
  color: #000;
  border-radius: 4px;
  border: 1px solid #fff;
  background: #fff;
}
.select-wrap.black .ico-arrow {
  color: #fff;
}
.select-wrap.black:hover .ui-selectmenu-text {
  border: 1px solid #f75a01;
  color: #f75a01;
}
.select-wrap.black:hover .ico-arrow {
  color: #f75a01;
}

.select-wrap.filter.catalog-select .ui-selectmenu-text {
  font-size: 14px;
  color: #f75a01;
}
.select-wrap.filter.catalog-select .ico-arrow {
  color: #f75a01;
}

.slick-list,
.slick-track {
  min-width: 100%;
}

.notification-title__telegram {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .notification-title__telegram {
    margin-top: 15px;
  }
}

.notification-settings {
  margin: 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .notification-settings {
    margin: 15px 0 0;
  }
}
.notification-settings p {
  margin: 0 25px 25px 0px !important;
  font-weight: 300;
  font-family: Roboto-Light;
}
.notification-settings p b {
  font-family: Roboto-Regular;
}
.notification-settings a {
  color: #f75a01;
}
.notification-settings .input-notifications {
  padding: 0 0 20px 53px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .notification-settings .input-notifications {
    width: 100%;
  }
}
.notification-settings .input-notifications .form-group {
  margin: 0 !important;
}
.notification-settings .input-notifications .form-control {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 20px;
  height: 55px;
  width: 90% !important;
  color: #fff;
  background: none;
}
.notification-settings .input-notifications .form-control:focus, .notification-settings .input-notifications .form-control:hover {
  border: 1px solid #808080 !important;
  color: #f75a01 !important;
}
.notification-settings .input-notifications .form-control::placeholder {
  font-family: "Roboto-Light";
  opacity: 1;
  color: #9b9b9b;
}
.notification-settings .input-notifications.telegram {
  background: url("/img/icons/telegramIco.svg") 0 12px no-repeat;
}
.notification-settings .input-notifications.email {
  background: url("/img/icons/emailIco.svg") 0 12px no-repeat;
}
.notification-settings .input-notifications.telegram,
.notification-settings .input-notifications.email {
  position: relative !important;
}
.notification-settings .input-notifications.telegram .informer-widget,
.notification-settings .input-notifications.email .informer-widget {
  position: absolute;
  right: 0;
  top: 15px;
}
.notification-settings .input-notifications.telegram .informer-widget .step-info-msg,
.notification-settings .input-notifications.email .informer-widget .step-info-msg {
  width: 300px;
}
.notification-settings .info {
  padding: 0 0 20px;
  font-size: 12px;
}
.notification-settings .add-email {
  color: #f75a01;
  margin-left: 53px;
}
.notification-settings .checkbox-line {
  margin: 50px 0 20px;
}
.notification-settings .checkbox-line label {
  font-family: Roboto-Light;
  font-weight: 300;
}
.notification-settings .checkbox-line label b {
  font-family: Roboto-Regular;
}
.notification-settings .checkbox-line label:before {
  display: block;
  content: "";
  float: left;
  width: 15px;
  height: 15px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  margin: 2px 10px 30px 0;
}
.notification-settings .checkbox-line input {
  display: none;
}
.notification-settings .checkbox-line input[type=checkbox]:checked + label:before {
  background: #f75a01;
}

.dark-theme .admin-content {
  color: #fff;
}
.dark-theme .admin-content a {
  color: #fff;
}
.dark-theme .admin-content a:hover {
  color: #f75a01;
}

.index-h1 {
  margin: 50px 0 0;
}

.ya-share2 {
  margin: 20px 0;
}

.footer-seo-text {
  margin: 0 0 50px;
  padding: 15px;
  border: 1px solid #cecece;
  font-size: 14px;
}

.admin-content {
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
}
.admin-content h1,
.admin-content h2,
.admin-content h3,
.admin-content h4,
.admin-content h5,
.admin-content h6,
.admin-content p {
  margin: 10px 0;
}
.admin-content h1 {
  font-family: Roboto-Black, sans-serif;
  font-weight: 800;
  font-size: 30px;
}
.admin-content h2 {
  font-family: Roboto-Bold, sans-serif;
  font-weight: 600;
  font-size: 24px;
}
.admin-content h3 {
  font-size: 20px;
}
.admin-content h4 {
  font-size: 18px;
}
.admin-content h5 {
  font-family: Roboto-Light, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.admin-content h6 {
  font-family: Roboto-Light, sans-serif;
  font-weight: 300;
  font-size: 12px;
}
.admin-content p {
  font-size: 14px;
  font-weight: 400;
}
.admin-content b {
  font-family: Roboto-Bold, sans-serif;
  font-weight: 600;
}
.admin-content ul {
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.admin-content ol {
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.admin-content img {
  border: 1px solid #fff;
  max-width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .error-page h1 {
    font-size: 20px;
  }
}
.goog-te-gadget .goog-te-combo {
  margin: 4px 0;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  border: 0;
}

.dropdown {
  position: static;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  left: 0;
  width: 100%;
  top: 53px;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .dropdown-content {
    top: 93px;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown-content {
    top: 100%;
    margin-bottom: 4px;
    box-shadow: none;
    margin-top: 10px;
  }
}
.dropdown-content .letter {
  padding: 63px 42px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 48px;
  color: #fff;
  mix-blend-mode: normal;
  opacity: 0.9;
  color: #f75a01;
}
@media only screen and (max-width: 620px) {
  .dropdown-content .letter {
    display: none;
  }
}
.dropdown-content .preloader {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}
.dropdown-content .preloader .preloader-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-content .preloader .preloader-inner img {
  width: 100%;
}
.dropdown-content .info-block {
  padding: 30px 15px;
}
@media only screen and (max-width: 620px) {
  .dropdown-content .info-block {
    padding: 0 15px;
  }
}
.dropdown-content .info-block .card__title {
  display: block;
  width: 33%;
  float: left;
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  mix-blend-mode: normal;
  opacity: 0.9;
  overflow: auto;
  height: auto;
  min-height: auto;
}
@media only screen and (max-width: 767px) {
  .dropdown-content .info-block .card__title {
    width: 100%;
    padding: 10px 10px 10px 20px;
  }
}
.dropdown-content .info-block .card__title:hover {
  color: #f75a01;
}
.dropdown-content .info-block .show-more-alpha {
  margin-top: 15px;
  display: block;
  width: 33%;
  float: left;
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.alphabet-wrap {
  background: #11151a;
  border-radius: 4px;
  padding: 6px 15px;
  position: relative;
}
@media only screen and (max-width: 620px) {
  .alphabet-wrap {
    background: none;
  }
}
.alphabet-wrap .dropbtn {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  mix-blend-mode: normal;
  opacity: 0.9;
  display: inline-block;
  padding: 12px 14px;
}
.alphabet-wrap .dropbtn:hover,
.alphabet-wrap .dropbtn.active {
  background: #f75a01;
  border-radius: 2px;
  color: #fff;
}
@media only screen and (max-width: 620px) {
  .alphabet-wrap .dropbtn:hover,
  .alphabet-wrap .dropbtn.active {
    border-radius: 4px;
    background: url("/img/alpabet-active.svg") no-repeat right 25px center #f75a01;
  }
}

#disputeform-orderitemid-menu {
  max-width: 480px;
}

.modal-overflow.modal {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.zopim {
  right: auto !important;
  left: 0 !important;
}

.inline {
  display: inline-block !important;
}
.user-info .avatar-wrap {
  overflow: initial;
}

.user-info .avatar-wrap {
  overflow: initial;
}

.linedwrap {
  border: 0;
  padding: 3px;
  width: 100%;
}

.linedtextarea {
  padding: 0px;
  margin: 0px;
}

.linedtextarea textarea,
.linedwrap .codelines .lineno {
  line-height: normal !important;
  font-size: 16px;
  text-align: left;
}

.linedtextarea textarea {
  padding-right: 0.3em;
  padding-top: 20px;
  color: #000;
}

.linedwrap .lines {
  margin-top: 0px;
  width: 8%;
  float: left;
  overflow: hidden;
}

.linedwrap .codelines {
  padding-top: 10px;
}

.linedwrap .codelines .lineno {
  color: #fff;
  padding-right: 0.5em;
  padding-top: 0em;
  text-align: center;
  white-space: nowrap;
  line-height: 25px !important;
}

.linedwrap .codelines .lineselect {
  color: red;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.no-margin {
  margin: 0;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

@media (min-width: 544px) and (max-width: 768px) {
  .col-xx-1,
  .col-xx-2,
  .col-xx-3,
  .col-xx-4,
  .col-xx-5,
  .col-xx-6,
  .col-xx-7,
  .col-xx-8,
  .col-xx-9,
  .col-xx-10,
  .col-xx-11,
  .col-xx-12 {
    float: left;
  }
  .col-xx-12 {
    width: 100%;
  }
  .col-xx-11 {
    width: 91.66666667%;
  }
  .col-xx-10 {
    width: 83.33333333%;
  }
  .col-xx-9 {
    width: 75%;
  }
  .col-xx-8 {
    width: 66.66666667%;
  }
  .col-xx-7 {
    width: 58.33333333%;
  }
  .col-xx-6 {
    width: 50%;
  }
  .col-xx-5 {
    width: 41.66666667%;
  }
  .col-xx-4 {
    width: 33.33333333%;
  }
  .col-xx-3 {
    width: 25%;
  }
  .col-xx-2 {
    width: 16.66666667%;
  }
  .col-xx-1 {
    width: 8.33333333%;
  }
  .col-xx-pull-12 {
    right: 100%;
  }
  .col-xss-pull-11 {
    right: 91.66666667%;
  }
  .col-xx-pull-10 {
    right: 83.33333333%;
  }
  .col-xx-pull-9 {
    right: 75%;
  }
  .col-xx-pull-8 {
    right: 66.66666667%;
  }
  .col-xx-pull-7 {
    right: 58.33333333%;
  }
  .col-xx-pull-6 {
    right: 50%;
  }
  .col-xx-pull-5 {
    right: 41.66666667%;
  }
  .col-xx-pull-4 {
    right: 33.33333333%;
  }
  .col-xx-pull-3 {
    right: 25%;
  }
  .col-xx-pull-2 {
    right: 16.66666667%;
  }
  .col-xx-pull-1 {
    right: 8.33333333%;
  }
  .col-xx-pull-0 {
    right: auto;
  }
  .col-xx-push-12 {
    left: 100%;
  }
  .col-xx-push-11 {
    left: 91.66666667%;
  }
  .col-xx-push-10 {
    left: 83.33333333%;
  }
  .col-xx-push-9 {
    left: 75%;
  }
  .col-xx-push-8 {
    left: 66.66666667%;
  }
  .col-xx-push-7 {
    left: 58.33333333%;
  }
  .col-xx-push-6 {
    left: 50%;
  }
  .col-xx-push-5 {
    left: 41.66666667%;
  }
  .col-xx-push-4 {
    left: 33.33333333%;
  }
  .col-xx-push-3 {
    left: 25%;
  }
  .col-xx-push-2 {
    left: 16.66666667%;
  }
  .col-xx-push-1 {
    left: 8.33333333%;
  }
  .col-xx-push-0 {
    left: auto;
  }
  .col-xx-offset-12 {
    margin-left: 100%;
  }
  .col-xx-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xx-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xx-offset-9 {
    margin-left: 75%;
  }
  .col-xx-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xx-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xx-offset-6 {
    margin-left: 50%;
  }
  .col-xx-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xx-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xx-offset-3 {
    margin-left: 25%;
  }
  .col-xx-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xx-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xx-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 544px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    float: left;
  }
  .col-12 {
    width: 100%;
  }
  .col-11 {
    width: 91.66666667%;
  }
  .col-10 {
    width: 83.33333333%;
  }
  .col-9 {
    width: 75%;
  }
  .col-8 {
    width: 66.66666667%;
  }
  .col-7 {
    width: 58.33333333%;
  }
  .col-6 {
    width: 50%;
  }
  .col-5 {
    width: 41.66666667%;
  }
  .col-4 {
    width: 33.33333333%;
  }
  .col-3 {
    width: 25%;
  }
  .col-2 {
    width: 16.66666667%;
  }
  .col-1 {
    width: 8.33333333%;
  }
  .col-pull-12 {
    right: 100%;
  }
  .col-pull-11 {
    right: 91.66666667%;
  }
  .col-pull-10 {
    right: 83.33333333%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-8 {
    right: 66.66666667%;
  }
  .col-pull-7 {
    right: 58.33333333%;
  }
  .col-pull-6 {
    right: 50%;
  }
  .col-pull-5 {
    right: 41.66666667%;
  }
  .col-pull-4 {
    right: 33.33333333%;
  }
  .col-pull-3 {
    right: 25%;
  }
  .col-pull-2 {
    right: 16.66666667%;
  }
  .col-pull-1 {
    right: 8.33333333%;
  }
  .col-pull-0 {
    right: auto;
  }
  .col-push-12 {
    left: 100%;
  }
  .col-push-11 {
    left: 91.66666667%;
  }
  .col-push-10 {
    left: 83.33333333%;
  }
  .col-push-9 {
    left: 75%;
  }
  .col-push-8 {
    left: 66.66666667%;
  }
  .col-push-7 {
    left: 58.33333333%;
  }
  .col-push-6 {
    left: 50%;
  }
  .col-push-5 {
    left: 41.66666667%;
  }
  .col-push-4 {
    left: 33.33333333%;
  }
  .col-push-3 {
    left: 25%;
  }
  .col-push-2 {
    left: 16.66666667%;
  }
  .col-push-1 {
    left: 8.33333333%;
  }
  .col-push-0 {
    left: auto;
  }
  .col-offset-12 {
    margin-left: 100%;
  }
  .col-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-offset-9 {
    margin-left: 75%;
  }
  .col-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-offset-6 {
    margin-left: 50%;
  }
  .col-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-offset-3 {
    margin-left: 25%;
  }
  .col-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-offset-0 {
    margin-left: 0%;
  }
}
.zopim {
  right: auto !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.ui-datepicker .ico-arrow.arrow-left {
  top: 6px;
}

.ui-datepicker .ico-arrow.arrow-right {
  top: 5px;
}

.dispute-create .keys-error {
  display: none;
}

#disputeform-orderitemid-menu {
  max-width: 480px;
}

.modal-overflow.modal {
  border-radius: 10px !important;
  overflow: hidden !important;
}

#category-menu {
  max-width: 160px;
}

.catalog-wrap-preloader {
  position: relative;
}
.catalog-wrap-preloader .fade {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(23, 31, 42, 0.2);
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
}
.catalog-wrap-preloader .fade.active {
  opacity: 1;
}
.catalog-wrap-preloader .fade .preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  display: block;
}
.catalog-wrap-preloader .fade .preloader .preloader-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-wrap-preloader .fade .preloader .preloader-inner img {
  width: 100%;
}

.catalog-wrap {
  position: relative;
}
.catalog-wrap .summary {
  padding: 0;
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.0770437px;
  color: #ffffff;
  opacity: 0.5;
}

.card-horizontal .card__user-info,
.top-proposal-card .card__user-info {
  display: block;
}

.ui-selectmenu-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.ui-selectmenu-menu .mCSB_scrollTools {
  margin: 10px 0;
}

.ui-selectmenu-menu.selection .ui-menu {
  padding-right: 15px;
}

#user-report-type-mini-menu {
  padding-right: 0;
}

#user-report-type-menu {
  padding-right: 0;
}

.filter.ui-selectmenu-menu.selection .ui-menu {
  max-width: 170px;
}

.product-region-links {
  padding: 0 0 20px;
}
.product-region-links span {
  display: block;
  float: left;
  line-height: 25px;
  margin-right: 10px;
  color: #fff;
}
.product-region-links a {
  background: url(/img/icons/flags_grey.png) no-repeat;
  display: inline-block;
  width: 32px;
  height: 25px;
}
.product-region-links a.active,
.product-region-links a:hover {
  background: url(/img/icons/flags.png) no-repeat;
}
.product-region-links a.country-1 {
  background-position: -32px -484px;
}
.product-region-links a.country-2,
.product-region-links a.country-6 {
  background-position: 0 -452px;
}
.product-region-links a.country-3 {
  background-position: -320px -356px;
}

.payop-logo {
  text-align: center;
  padding: 20px 0 20px;
  background: #13192a;
}
.payop-logo img {
  max-width: 1140px;
}

.go2top {
  z-index: 999;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  width: 40px;
  text-align: center;
  height: 40px;
  background: #13192a;
  border: 1px solid #ededf2;
  border-radius: 4px;
}
.go2top.with-chat {
  bottom: 30px;
  right: 115px;
}
.go2top i {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
}
.go2top:hover i {
  animation-duration: 0.7s;
  animation-name: goTopHover;
}

#requestpayoutform-currency_id-menu,
#pager-size-menu,
#payout_processor_id-menu {
  padding-right: 0;
}

.field-payoutsbpform-account_id {
  position: relative;
}

.field-payoutsbpform-account_id::before {
  content: "+7";
  height: 53px;
  display: block;
  position: absolute;
  top: 35px;
  left: 1px;
  border-radius: 4px 0 0 4px;
  width: 50px !important;
  font-size: 16px;
  color: #fff;
  font-family: "Roboto-Light";
  background-color: gray;
  line-height: 24px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.field-payoutsbpform-account_id .form-control {
  padding-left: 60px !important;
}

.pre-creater-offer-description span {
  color: #fff !important;
}

.pre-creater-offer-description h1,
.pre-creater-offer-description h2,
.pre-creater-offer-description h3,
.pre-creater-offer-description h4 {
  margin-bottom: 25px;
}

.partners .label-block {
  margin-bottom: 20px;
}
.partners .label-block .label {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 5px;
}
.partners .filters-row {
  margin-bottom: 0;
}
.partners .proposals__title {
  font-size: 40px;
}
.partners .partner-list {
  margin: 50px 0;
}
.partners .partner-list .item {
  background: #0e1319;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}
.partners .partner-list .item .img-wrap {
  height: 120px;
  display: flex;
  align-items: center;
}
.partners .partner-list .item .cart-item-img-partner {
  height: auto;
  width: 100%;
  margin-bottom: 15px;
}
.partners .partner-list .item .title-block {
  padding-top: 25px;
  border-top: 1px solid #5a5a5a;
}
.partners .partner-list .item .title-block a {
  color: #ffffff;
}
.partners .partner-list .item .title-block a:hover, .partners .partner-list .item .title-block a:focus {
  color: #f75a01;
}

.game-hub iframe {
  width: 100%;
  height: 700px;
}

.modal-open {
  overflow-y: hidden;
}

.thumbnail {
  background-color: transparent;
  border: none;
  height: auto !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.search-form .search-result .item-list .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  height: auto;
}

#search-in-category.input-group.search {
  position: relative;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  #search-in-category.input-group.search {
    margin-right: 0;
  }
}
#search-in-category.input-group.search .category-search {
  background: url(../img/themes/light-version/catalog/search-ico.svg) 20px center #fff no-repeat;
  text-transform: uppercase;
}
#search-in-category.input-group.search .placeholder-label {
  border: none !important;
  border-radius: 4px 0 0 4px !important;
  height: 53px;
  position: absolute;
  left: 1px;
  top: -1.1px;
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 53px;
  font-weight: 100;
  color: #ccc;
  white-space: nowrap;
  letter-spacing: 0px;
  padding-left: 60px;
  margin: 3px 0 0;
  overflow: hidden;
  width: 99%;
}
@media only screen and (max-width: 1199px) {
  #search-in-category.input-group.search {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  #search-in-category.input-group.search {
    margin-bottom: 0;
  }
}

.request-password.page-wrap,
.request-password.page-wrap {
  background: #ededf2;
}
.request-password.page-wrap .breadcrumb li a,
.request-password.page-wrap .breadcrumb li a {
  color: #000;
}

.category-page .show-more-block .show-more-button {
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.show-more-block {
  text-align: center;
  opacity: 0;
}
.show-more-block .show-more-button {
  display: none;
  border: none;
  margin: 0 auto 30px;
  cursor: pointer;
  padding: 10px 30px;
  font-weight: 100;
  border: 1px solid #f75a01 !important;
  color: #fff;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
}
.show-more-block .show-more-button:hover {
  color: #fff !important;
  border: 1px solid #f75a01 !important;
  background: linear-gradient(180deg, #f75a01 0%, #f75a01 100%) !important;
}
.show-more-block .show-more-button.disabled {
  opacity: 0.5;
  cursor: default;
}
.show-more-block .show-more-button.disabled:hover {
  background: transparent !important;
  color: #13192a !important;
  border: 1px solid #13192a !important;
}

.attribute-list {
  margin: 10px 0;
}
.attribute-list .data-row {
  margin-bottom: 5px;
  color: #000;
}
.attribute-list .data-row span {
  color: #000 !important;
}

.wrap-redirect-social .jumbotron {
  margin-top: 15%;
  text-align: center;
}
.wrap-redirect-social .jumbotron .title {
  margin: 0 0 10px;
}
.wrap-redirect-social .jumbotron .button-block {
  margin: 10px 0 0;
}

.coupon-page .section-title .step-info.inline.informer-widget .ico-informer,
.offer-page .section-title .step-info.inline.informer-widget .ico-informer,
.discount-multi-level-page .section-title .step-info.inline.informer-widget .ico-informer {
  top: 5px;
  left: 5px;
}
.coupon-page .section-title .step-info.inline.informer-widget .step-info-msg,
.offer-page .section-title .step-info.inline.informer-widget .step-info-msg,
.discount-multi-level-page .section-title .step-info.inline.informer-widget .step-info-msg {
  width: 300px;
  top: 0;
  bottom: auto;
}

@media only screen and (max-width: 1199px) {
  #search-in-category {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .product-page .per-page-select {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .product-page .label-block {
    margin-top: 20px;
  }
  .user-profile-page .search-bar-row .input-row,
  .light-theme .input-group.search.input-row {
    margin-bottom: 15px;
  }
  .filter-block {
    margin-bottom: 0;
  }
  #telegram-modal .modal-dialog {
    width: 100%;
  }
  .notification-settings p {
    margin: 10px 0 15px !important;
  }
  .catalog .search-bar-row .view-filter-button {
    position: absolute;
    top: 0;
    right: -63px;
  }
  .catalog .search-bar-row .view-filter-button {
    position: absolute;
    top: 0;
  }
  .catalog .search-bar-row .view-filter-button .button {
    height: 55px;
  }
  .light-theme .proposals__title {
    display: none;
  }
  #category-menu {
    max-width: 100%;
  }
  .product-page .product-tabs .slick-arrow {
    position: absolute;
    margin: 23px 10px;
    top: 0;
  }
  .product-page .product-tabs .slick-prev.slick-arrow {
    left: 0;
  }
  .product-page .product-tabs .slick-next.slick-arrow {
    right: 0;
  }
  body.dark-theme .user-profile-page .show-on-page-block .ui-selectmenu-button {
    width: 100%;
  }
  .tabs-stats .platform-menu {
    position: relative;
    height: 141px !important;
    overflow: hidden;
  }
  .tabs-stats .platform-menu .slick-slide {
    padding: 0 !important;
  }
  .tabs-stats .platform-menu .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -10px;
  }
  .tabs-stats .platform-menu .slick-arrow.slick-next {
    right: 10px;
  }
  .tabs-stats .platform-menu .slick-arrow.slick-prev {
    left: 0;
  }
  .tabs-stats .platform-menu li {
    display: none;
    min-width: 100% !important;
  }
  .tabs-stats .platform-menu li a {
    display: block;
  }
  .tabs-stats .platform-menu li img {
    display: inline-block;
  }
  .tabs-stats .platform-menu li.active {
    display: block;
  }
  .modal-overflow.modal {
    border-radius: 0 !important;
  }
}
.user-profile-page {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .user-profile-page {
    padding-top: 15px;
  }
}
.user-profile-page .tab-content,
.user-profile-page .tab-content-unheight {
  padding: 0 !important;
}
.user-profile-page .hide-elements {
  display: none !important;
}
.user-profile-page .select-wrap.white .ico-arrow.black {
  color: #000;
}
.user-profile-page .user-section #followers-table .pagination-wrap,
.user-profile-page .user-section #following-table .pagination-wrap {
  text-align: center;
}
.user-profile-page .user-details__localization {
  margin-bottom: 0;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .user-profile-page .user-details__localization {
    margin-top: 0;
  }
}

.user-profile-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-profile-info--align-right {
  margin-right: 30px;
}
@media only screen and (max-width: 992px) {
  .user-profile-info--align-right {
    margin-right: 0;
  }
}
.user-profile-info--align-left {
  align-items: flex-start;
}
.user-profile-info .user-profile-date {
  margin-bottom: 15px;
}
.user-profile-info .ico.user-verify {
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  .user-profile-info {
    align-items: center !important;
  }
  .user-profile-info .user-profile-seller-buyer {
    display: flex;
    justify-content: center;
  }
}

.user-profile-avatar {
  border-radius: 20%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  background: #000000;
  margin-right: 0 !important;
}
.user-profile-avatar__img {
  max-width: 100%;
  height: 100%;
  cursor: pointer;
}
.user-profile-avatar--middle {
  width: 50px;
  height: 50px;
}
.user-profile-avatar--small {
  margin: 0 auto;
  width: 40px;
  height: 40px;
}

.user-profile-follows {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  margin-top: 10px;
  width: 100%;
}
.user-profile-follows__info {
  flex-direction: row;
  align-items: end;
  line-height: 1 !important;
  margin-top: 15px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .user-profile-follows__info {
    justify-content: center;
    padding-right: 12px;
  }
}
.user-profile-follows__info img {
  width: 16px;
  margin-right: 5px;
}
.user-profile-follows__info .user-profile-follows__info {
  margin-top: 0;
}
.user-profile-follows__info .user-profile-follows__buttons {
  display: none;
}
.user-profile-follows__button-wrap {
  width: 100%;
  margin-top: 15px;
}
.user-profile-follows__button-wrap .user-profile-follows__info {
  display: none;
}
.user-profile-follows__button-wrap a {
  width: 100%;
  max-width: 170px;
  min-height: 45px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%);
  font-family: Avenir-Next-Bold;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
}
.user-profile-follows__button-wrap a:hover, .user-profile-follows__button-wrap a:focus {
  color: #fff !important;
  background: linear-gradient(180deg, #ff9f00 0%, #f85900 100%) !important;
  filter: brightness(120%);
}
@media only screen and (max-width: 767px) {
  .user-profile-follows__buttons {
    margin-bottom: 10px;
  }
}
.user-profile-follows .button--follow {
  background: #f75a01;
  border-radius: 4px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding: 0;
  height: 40px;
  width: 150px;
  transition: 0.3s;
}
.user-profile-follows .button--follow:hover, .user-profile-follows .button--follow:focus {
  color: #fff;
  filter: brightness(120%);
}
.user-profile-follows .button--un-follow {
  border-radius: 4px;
  color: white !important;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding: 0;
  height: 40px;
  width: 150px;
  transition: 0.3s;
}
.user-profile-follows .button--un-follow:hover, .user-profile-follows .button--un-follow:focus {
  filter: brightness(120%);
}
.user-profile-follows .button--un-follow.button--un-follow-cart {
  background: transparent;
  border-radius: 4px;
  color: #000;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding: 0;
  height: 40px;
  width: 150px;
}
.user-profile-follows__info {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .user-profile-follows__info {
    line-height: 1;
  }
}
.user-profile-follows-1 .button--un-follow {
  color: #fff;
  background: #ff843f;
  border: 1px solid #ff843f;
}

.user-profile-name {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  display: inline;
}

.user-profile-user-verify {
  line-height: 30px;
  margin-left: 10px;
}

.user-profile-date {
  color: #000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .user-profile-date {
    margin-bottom: 10px !important;
    text-align: center;
  }
}

.user-profile-seller-buyer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}

.seller-buyer {
  color: #fff;
}
.seller-buyer__icon {
  margin-right: 10px;
}
.seller-buyer__title {
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
}
.seller-buyer__count {
  font-weight: 700;
  margin-left: 5px;
}
.seller-buyer__count:first-of-type {
  margin-right: 10px;
  float: left;
}

.user-profile-page .user-details__localization .seller-buyer__count:first-of-type,
.user-profile-page .user-details__statistic .seller-buyer__count:first-of-type {
  float: none;
}

.user-profile-tab-content {
  padding-bottom: 40px;
}
.user-profile-tab-content .tab-content-info {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.user-profile-tab-content .offers {
  margin-top: 20px;
}
.user-profile-tab-content {
  /*.pagination li a, .pagination li span {
    border-color: $c-white;
  }*/
}
.user-profile-tab-content .pagination .prev span,
.user-profile-tab-content .pagination .next span {
  border-color: transparent;
}
.user-profile-tab-content {
  /*.form-control.input-lg.search-profile{
    background-color: $c-white;
  }*/
}

.user-profile-reviews .comments-container {
  width: 100%;
}
.user-profile-reviews .comments-container .review-form {
  width: 600px;
}
.user-profile-reviews-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin: 30px 0;
}
.user-profile-reviews .reply-form {
  position: relative;
  width: 100%;
}
.user-profile-reviews .reply-form:before {
  content: "";
  background: url("../../img/icons/reply.svg") no-repeat center center;
  background-size: contain;
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: -30px;
}
.user-profile-reviews .review-form .form-control,
.user-profile-reviews .comment-form .form-control,
.user-profile-reviews .reply-form .form-control {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: #000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.user-profile-reviews .review-form textarea.form-control,
.user-profile-reviews .comment-form textarea.form-control,
.user-profile-reviews .reply-form textarea.form-control {
  height: 80px;
  resize: none;
  width: 600px;
  background: #fff;
}
.user-profile-reviews .panels .panel-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0;
  width: 60px;
}
.user-profile-reviews .panel {
  background: transparent;
  border: none;
  flex-grow: 1;
}
.user-profile-reviews .panel-title {
  margin-right: 35px;
}
.user-profile-reviews .panel .panel-heading {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.user-profile-reviews .panel .panel-heading,
.user-profile-reviews .panel .panel-body,
.user-profile-reviews .panel .panel-footer {
  background: transparent;
  border: none;
  color: #000;
  padding: 3px 0;
}
.user-profile-reviews .br-theme-css-stars .br-widget a:after {
  display: inline-block;
  content: "";
  background-image: url("../../img/icons/like_disable.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.user-profile-reviews .br-theme-css-stars .br-widget a.br-selected::after,
.user-profile-reviews .br-theme-css-stars .br-widget a.br-active::after {
  background-image: url("../../img/icons/like_active.svg");
}
@media only screen and (max-width: 767px) {
  .user-profile-reviews .comment-container .panels.row {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .user-profile-reviews .comment-container .panels .panel-body {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px 0;
  }
}
.user-profile-reviews .comment-container .static-view {
  font-style: italic;
  padding: 10px 0px 10px;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .user-profile-reviews .comment-container .static-view {
    padding: 0;
    line-height: 1;
  }
  .user-profile-reviews .comment-container .static-view:not(:last-child) {
    padding-bottom: 5px;
  }
}
.user-profile-reviews .comment-container .static-view-comment {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.user-profile-reviews .comment-container .user-name {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-right: 15px;
  padding: 5px 0;
}
.user-profile-reviews .comment-container .user-name a {
  color: #000;
}
.user-profile-reviews .comment-container .user-name a:hover {
  color: #f75a01;
}
.user-profile-reviews .comment-container .for-user {
  margin-left: 15px;
  margin-right: 0;
}
.user-profile-reviews .comment-container .controls {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.user-profile-reviews .comment-container .controls .control {
  color: #000;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  padding: 0 10px;
  position: relative;
}
.user-profile-reviews .comment-container .controls .control:first-child {
  padding-left: 0;
}
.user-profile-reviews .comment-container .controls .control:last-child:after {
  content: none;
}
.user-profile-reviews .comment-container .controls .text-muted {
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  padding: 0 10px;
}
.user-profile-reviews .comment-container .comment-form .controls,
.user-profile-reviews .comment-container .panel-footer.controls {
  justify-content: flex-start;
}
.user-profile-reviews .child-comments-wrapper {
  display: none;
}
.user-profile-reviews .child-comments-wrapper.active {
  display: block;
}
.user-profile-reviews .child-comments-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.user-profile-reviews .child-comments-wrapper .reviews-count {
  color: #f75a01;
  font-family: "Roboto-Light", sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.user-profile-reviews .child-comments-wrapper .reviews-count:before {
  content: "";
  background: url("../../img/icons/reply.svg") no-repeat center center;
  background-size: contain;
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -6px;
  left: -30px;
}
.user-profile-reviews .child-comments-wrapper .reviews-count .count {
  padding-right: 16px;
}
.user-profile-reviews .child-comments-wrapper .reviews-count .line {
  background: rgba(220, 220, 220, 0.5);
  flex-grow: 1;
  height: 1px;
}
.user-profile-reviews .child-comments-wrapper .reply-form .form-group {
  position: relative;
  margin-bottom: 0;
}
.user-profile-reviews .child-comments-wrapper .reply-form .form-group .form-control {
  width: 100% !important;
  height: 80px;
  min-height: 80px;
}
.user-profile-reviews .child-comments-wrapper .panel-left {
  width: 50px;
}
.user-profile-reviews .child-comments-wrapper .review_user {
  display: flex;
  justify-content: flex-start;
}
.user-profile-reviews .child-comments-wrapper .review_user .user-profile-avatar {
  border-width: 2px !important;
  margin: 0;
}
.user-profile-reviews .child-comments-wrapper .review_user .btns-control {
  justify-content: flex-start;
  align-items: center;
}
.user-profile-reviews .child-comments-wrapper .comment-container {
  box-shadow: none !important;
}
@media only screen and (max-width: 767px) {
  .user-profile-reviews .child-comments-wrapper .comment-container {
    padding: 0;
  }
}

.user-profile-seller-buyer .membership-row .seller-buyer__title {
  float: left;
  margin-top: 2px;
  font-size: 14px;
  font-family: Avenir-Next;
}

.user-profile-seller-buyer .membership-row .ico {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.user-profile-seller-buyer .membership-row {
  display: block;
  float: left;
}

.user-profile-seller-buyer {
  margin-top: 5px;
  width: 100%;
}

.seller-buyer__wrap {
  width: 100%;
  display: flex !important;
  align-items: center;
}
.seller-buyer__wrap .seller-buyer__block-wrap {
  display: flex;
  align-items: center;
}
.seller-buyer__wrap .seller-buyer__block-wrap .ico {
  margin: 0 !important;
  margin-right: 5px !important;
}
.seller-buyer__wrap .seller-buyer__block-wrap .seller-buyer__title {
  margin: 0 !important;
}
.seller-buyer__wrap .seller-buyer__count {
  margin: 0 5px !important;
}

.offer-container .card.card-horizontal .card__total {
  flex-direction: column;
  justify-content: space-evenly;
}
.offer-container .card.card-horizontal .card__total .card__button {
  margin: 0;
}
.offer-container .card.card-horizontal .card__total .total__price {
  margin: 0;
}
.offer-container .card.card-horizontal .card__total .total__for {
  font-size: 14px;
  margin-bottom: 25px;
  margin-top: 10px;
}
.offer-container .card.card-horizontal .card__total:after {
  content: "";
  width: 0;
}
.offer-container .card.card-horizontal .card__convert-block {
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-width: 20%;
}
.offer-container .card.card-horizontal .card__convert-block .ico {
  width: 25px;
  height: 28px;
  margin-right: 15px;
}
.offer-container .card.card-horizontal .card__game-info {
  min-width: 30%;
}
.offer-container .card.card-horizontal .card__game-info .game-info__desc {
  min-height: 55px;
}
.offer-container .card.card-horizontal .card__game-info .info span {
  font-family: "Roboto-Medium", sans-serif;
}

.modal-window__my-store {
  display: none;
}

@media only screen and (max-width: 992px) {
  .offer-container .card-horizontal .card__total .card__button {
    min-width: 115px;
    height: 40px;
    line-height: 40px;
    margin: 0;
  }
  .offer-container .card-horizontal .total__price {
    font-size: 20px;
  }
  .offer-container .card-horizontal .card__block.card__convert-block {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
  .offer-container .card-horizontal .card-body {
    display: flex;
    flex-flow: column;
  }
  .offer-container .card-horizontal .card__block.card__convert-block {
    padding: 0 15px 0px;
  }
  .offer-container .card-horizontal .card__block.card__convert-block .convert__amount {
    display: inline-block;
    padding-left: 20px;
  }
  .offer-container .card-horizontal .card__block.card__convert-block .convert__time {
    display: inline-block;
  }
  .offer-container .card-horizontal .card__block.card__convert-block .convert__input {
    margin-top: 10px;
  }
  .offer-container .card-horizontal .card__block.card__convert-block .convert__input input {
    width: 65%;
  }
  .offer-container .card-horizontal .card__block.card__game-info {
    max-width: 100%;
    padding: 15px 15px;
  }
  .offer-container .card-horizontal .card__block.card__user-info {
    padding-bottom: 0;
  }
  .offer-container .card-horizontal .card__block.card__user-info:after {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 0;
    margin: auto;
    right: 0;
    background: #d9d9d9;
    height: 1px !important;
    width: calc(100% - 0px);
  }
  .offer-container .card-horizontal .card__block.card__user-info .user-rate__percents {
    font-size: 18px;
  }
  .offer-container .card-horizontal .card__block.card__total {
    bottom: 35px;
    width: 20%;
  }
  .offer-container .card-horizontal .card__block.card__total .total__price {
    font-size: 16px;
  }
  .offer-container .card-horizontal.card-with-gold .card__block:after,
  .offer-container .top-proposal-card.card-with-gold .card__block:after {
    height: 0;
  }
  .dashboard-page .card.card-horizontal.card-with-gold {
    max-width: 288px;
    margin: 0 auto 10px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card-body {
    position: relative;
    padding-bottom: 0px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block {
    padding: 10px 15px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__user-info {
    display: none;
    max-width: 100%;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__user-info .user-info .user-orders {
    display: none;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__user-info .user-rate {
    display: none;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__user-info:after {
    content: "";
    position: absolute;
    top: 75px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    font-size: 12px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block:before {
    content: "";
    position: absolute;
    width: 0px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__amount {
    padding-left: 0;
    display: flex;
    align-items: baseline;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__time {
    padding-right: 80px;
    display: flex;
    align-items: baseline;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__rate {
    position: absolute;
    bottom: 78px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block .ico {
    width: 11px;
    height: 11px;
    margin-right: 5px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__convert-block .ico.ico-coins {
    width: 11px;
    height: 11px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__total {
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    padding-bottom: 0;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__total .card__button {
    height: 35px;
    line-height: 35px;
    min-width: 130px;
    position: absolute;
    top: 77px;
    right: 20px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__total .total__price {
    margin-bottom: 13px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__total .total__for {
    margin-right: 100px;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__total:after {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 0;
    margin: auto;
    right: 0;
    background: #d9d9d9;
    height: 1px !important;
    width: calc(100% - 0px);
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__server {
    display: none;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__faction {
    display: none;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__desc {
    margin-bottom: 0;
    min-height: auto;
  }
  .dashboard-page .card.card-horizontal.card-with-gold .wrap-info-mob {
    width: 100%;
  }
  .modal-window__my-store {
    left: -155px;
    top: -10px;
    display: block;
    position: fixed;
    pointer-events: none;
  }
  .modal-window__my-store .modal-content {
    padding: 10px 0;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold {
    margin: 0 auto -10px;
    padding: 10px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__user-info {
    display: block;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__user-info .user-info .user-orders {
    display: block;
    margin-bottom: 5px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__user-info .user-rate {
    display: block;
    margin: 8px 0 0;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__user-info .user-rate__percents {
    margin-top: 0;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__user-info:after {
    content: "";
    position: absolute;
    top: 160px;
    height: 1px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__total {
    position: relative;
    padding-top: 20px !important;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__total .total__for {
    margin-right: 115px;
    margin-bottom: -20px;
    margin-top: 32px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__total .card__button {
    top: 77px;
    left: calc(50% - 65px);
    height: 40px;
    line-height: 40px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__game-info {
    padding: 0px 20px 0 !important;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__server {
    display: block;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__faction {
    display: block;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__game-info .game-info__code {
    margin-bottom: 10px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__convert-block {
    padding: 0 20px 0px !important;
    flex-direction: column !important;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__time {
    margin-bottom: 0;
    padding-right: 115px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__amount {
    padding-left: 0px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__amount .ico {
    width: 15px;
    height: 15px;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__amount.delivery {
    margin: 15px 0;
  }
  .modal-window__my-store .card.card-horizontal.card-with-gold .calculate .calculate-range {
    margin: 15px 0;
  }
  .modal-window__my-store .modal-button {
    margin-top: 0;
  }
  .modal-window__my-store .modal-button-mob span {
    color: #000;
    background: transparent;
  }
  .modal-window__my-store .modal-content .card.card-horizontal.card-with-gold .card__block {
    padding: 5px 20px;
  }
  .modal-window__my-store .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block {
    border: none;
    padding: 15px 0;
  }
  .modal-window__my-store .modal-content .card.card-horizontal.card-with-gold .card__block.card__convert-block .convert__rate {
    bottom: 60px;
  }
  .modal-window__my-store .modal-content .user-rate {
    padding: 5px 0;
  }
  .modal-window__my-store .modal-content .label-trusted {
    font-size: 16px;
    text-transform: uppercase;
    z-index: 9;
    text-align: center;
    font-family: Roboto-Regular;
    height: 51px;
    line-height: 51px;
    border-radius: 2px;
    margin: 0 20px;
  }
  .modal-window__my-store .modal-1:checked ~ .modal-content {
    display: block;
    max-width: 320px;
    min-width: 320px;
    width: 50vw;
    left: calc(50% - 160px);
    padding: 10px 0;
  }
  .user-profile-page #followers-table .step-info-msg {
    right: auto;
    top: 0px;
    height: auto;
    line-height: 2px;
    left: 20px;
    width: 150px;
  }
}
@media only screen and (max-width: 560px) {
  .modal-window__my-store .modal-1:checked ~ .modal-content {
    height: auto;
    top: 70px;
  }
}
@media only screen and (max-width: 592px) {
  .user-profile-page .step-info-msg {
    right: auto;
    padding: 15px;
    left: 0;
    width: 150px;
  }
}
@media only screen and (max-width: 460px) {
  .modal-window__my-store .modal-1:checked ~ .modal-content {
    max-width: none;
    min-width: 300px;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: scroll;
  }
}
.user-profile-page .white-bg {
  padding: 25px 50px !important;
}

textarea {
  border: 1px solid #808080 !important;
}

.review_user .btns-control .edit {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/pencil.svg");
  -webkit-mask-size: 20px 20px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.review_user .btns-control .edit:hover {
  transform: rotate(-35deg);
}
.review_user .btns-control .delete {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-mask-image: url("../../img/icons/trash_new.svg");
  -o-mask-image: url("../../img/icons/trash_new.svg");
  -moz-mask-image: url("../../img/icons/trash_new.svg");
  -webkit-mask-size: 16px 20px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #a7a7a7;
}
.review_user .btns-control .edit:hover,
.review_user .btns-control .delete:hover {
  background-color: #f75a01;
}
.review_user .btns-control .delete:hover {
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -webkit-mask-image: url("../../img/icons/trash_new_hover.png");
  -o-mask-image: url("../../img/icons/trash_new_hover.png");
  -moz-mask-image: url("../../img/icons/trash_new_hover.png");
}

.comment-container .child-comments-wrapper .panel-body--row-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment-container .child-comments-wrapper .panel-body .static-view {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #000000;
  border-radius: 4px;
}
.comment-container .child-comments-wrapper .panel-body .static-view:hover {
  border-color: #f75a01;
  cursor: pointer;
}
.comment-container .child-comments-wrapper .panel-body .static-view-comment {
  margin-bottom: 0;
}
.comment-container .child-comments-wrapper .panel-body .static-view__comment-date {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  text-align: right;
  letter-spacing: 0.375px;
  color: #808080;
}
.comment-container .child-comments-wrapper .panel-body .edit-view .form-group {
  position: relative;
}
.comment-container .child-comments-wrapper .panel-body .edit-view .form-group .form-control {
  border: 1px solid #808080;
  border-radius: 4px;
  min-height: 80px;
  padding: 10px;
}
.comment-container .child-comments-wrapper .panel-body .edit-view .form-group .update__btn {
  position: absolute;
  width: 22px;
  right: 15px;
  bottom: 5px;
}
.comment-container .child-comments-wrapper .panel-body .edit-view .form-group .update__btn img {
  width: 100%;
}
.comment-container .child-comments-wrapper .panel-body .edit-view .statick-coment-reciew {
  border: 1px solid #808080;
  padding: 10px !important;
  min-height: 80px;
}

@media only screen and (min-width: 992px) {
  .comments_right_side .br-theme-css-stars {
    height: 57px;
  }
  .comments_right_side span {
    line-height: 25px;
    margin-bottom: 30px;
  }
}

/*# sourceMappingURL=style.css.map */