@charset "UTF-8";
/*------------------------------------------------------------------------------------------- */
/*----------------------------------------- FONTS ------------------------------------------- */
/*------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* ----------------------------------------------------------------------------------------- */
/*

@font-face {
    font-family: 'Namu';
    src: url('../fonts/namu/NAMU-1930.woff2') format('woff2'),
    url('../fonts/namu/NAMU-1930.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Namu';
    src: url('../fonts/namu/NAMU-1850.woff2') format('woff2'),
    url('../fonts/namu/NAMU-1850.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Namu';
    src: url('../fonts/namu/NAMU-1910.woff2') format('woff2'),
    url('../fonts/namu/NAMU-1910.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Namu';
    src: url('../fonts/namu/NAMU-Pro.woff2') format('woff2'),
    url('../fonts/namu/NAMU-Pro.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*/
/*------------------------------------------------------------------------------------------- */
/*------------------------------------ START SETTINGS --------------------------------------- */
/*------------------------------------------------------------------------------------------- */
html, body {
  width: 100%;
  min-height: 100%;
  display: flex;
  background-color: #fff;
  color: #282323;
  font-family: "Montserrat", sans-serif;
}

textarea {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.wrapper, .mm-page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}

#menu:not(.mm-menu) {
  display: none;
}

html.mm-blocking body {
  overflow: initial;
}

.menu-button {
  color: #282323;
  display: none;
}
.menu-button img, .menu-button svg {
  width: 36px;
  height: 36px;
}

footer {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}

.sticky {
  transition: translate, 0.2s;
}
.sticky.out {
  transform: translateY(-100%);
}

.layout {
  width: 100%;
  flex: 1 0 auto;
}

.header-bg {
  display: block;
  width: 100%;
  height: 110px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 498;
  background-color: #fff;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.08);
}

.limit {
  width: 100%;
  margin: 0 auto;
  max-width: 1774px;
  padding: 0 30px;
  position: relative;
}
.limit.narrow {
  max-width: 1333px;
}

.button {
  height: 40px;
  padding: 0 27px;
  border: 1px solid #FAE017;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #282323;
  cursor: pointer;
  transition: all, 0.25s;
}
.button:hover {
  background-color: #FAE017;
}
.button.accent {
  border-color: #FAE017;
}
.button.accent:hover {
  background-color: #FAE017;
}
.button.warn {
  border-color: #EB3A44;
}
.button.warn:hover {
  background-color: #EB3A44;
  color: #FFF;
}
.button.add-button {
  background: #F7F7F7;
  border-color: #F7F7F7;
}
.button.add-button:hover {
  border-color: #eee;
  background-color: #eee;
  color: #282323;
}

.hash-link {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  height: 40px;
  background: #FFF;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  color: #282323;
  padding: 0 20px;
  border: 1px solid #eee;
}
.hash-link:before {
  content: "";
  width: 22px;
  height: 40px;
  background-color: #FAE017;
  margin-right: 12px;
  -webkit-mask: url("../images/icon/hash.svg") center no-repeat;
  mask: url("../images/icon/hash.svg") center no-repeat;
}
.hash-link:hover, .hash-link.active {
  background-color: #FAE017;
  border-color: #FAE017;
}
.hash-link:hover:before, .hash-link.active:before {
  background-color: #282323;
}

p {
  line-height: 1.5;
}

.slick-arrow, .quantity-button {
  width: 33px;
  height: 33px;
  border: 1px solid #FAE017;
  background: #FFFFFF;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.slick-arrow:hover, .quantity-button:hover {
  background-color: #FAE017;
}
.slick-arrow.slick-next, .slick-next.quantity-button {
  padding-left: 3px;
}
.slick-arrow.slick-PREV, .slick-PREV.quantity-button {
  padding-right: 3px;
}

.breadcrumbs {
  display: none;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.breadcrumbs ul {
  display: inline-flex;
  list-style: none;
}
.breadcrumbs li {
  padding-right: 25px;
  position: relative;
}
.breadcrumbs li:after {
  content: "";
  width: 8px;
  height: 1px;
  background-color: #949597;
  position: absolute;
  top: 50%;
  right: 9px;
}
.breadcrumbs li:last-of-type {
  padding-right: 0;
}
.breadcrumbs li:last-of-type:after {
  display: none;
}
.breadcrumbs a {
  font-size: 11px;
  line-height: 13px;
  color: #949597;
}

.title {
  width: 100%;
  margin-bottom: 85px;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: #282323;
  position: relative;
}
.title:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #FAE017;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 25px);
}

.filter {
  background: #F7F7F7;
  border-radius: 9px;
  margin-bottom: 40px;
  padding: 15px 30px;
  position: relative;
  z-index: 100;
}
.filter-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 50px;
}
.filter-footer {
  margin: 20px -30px 0;
  padding: 20px 30px 0;
  border-top: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.filter-footer .button {
  margin-right: 20px;
}
.filter-footer .result {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding-left: 20px;
  border-left: 1px solid #eee;
}
.filter-item {
  display: inline-flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #282323;
  cursor: pointer;
  position: relative;
  align-items: center;
  /*
      .select2 {
        position: absolute;
        height: 100%;
        width: 100% !important;
        top: 0;
        left: 0;
        opacity: 0;
      }
       */
}
.filter-item > select {
  position: absolute;
  visibility: hidden;
}
.filter-item:after {
  content: "";
  display: inline-block;
  background-color: #282323;
  width: 11px;
  height: 8px;
  -webkit-mask: url("../images/icon/arrow-down.svg") no-repeat;
  mask: url("../images/icon/arrow-down.svg") no-repeat;
  margin-left: 8px;
}
.filter-item .select2 {
  width: auto !important;
}
.filter-item .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #282323;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  background-color: #282323;
  width: 11px;
  height: 8px;
  -webkit-mask: url("../images/icon/arrow-down.svg") no-repeat;
  mask: url("../images/icon/arrow-down.svg") no-repeat;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}
.filter .range-content-row {
  display: grid;
  grid-template-columns: 30px 85px 30px;
  grid-gap: 5px;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 16px;
}
.filter .range-content-row:last-of-type {
  margin-bottom: 0;
}
.filter .range-content-row span {
  align-items: center;
  display: inline-flex;
}
.filter .range-content-row input {
  height: 30px;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 9px;
  text-align: center;
}
.filter .filter-dropdown {
  background: #FFF;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 9px;
  padding: 25px 20px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 100;
  transform: translateY(10px);
  display: none;
}
.filter .filter-dropdown label {
  font-weight: normal;
  white-space: normal;
  font-size: 16px;
  width: 100%;
}

.select2-dropdown.select2-filter {
  width: 200px !important;
  padding: 20px;
  transform: translateY(10px);
  border: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 9px !important;
  /* Works on Chrome, Edge, and Safari */
}
.select2-dropdown.select2-filter * {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.select2-dropdown.select2-filter *::-webkit-scrollbar {
  width: 12px;
}
.select2-dropdown.select2-filter *::-webkit-scrollbar-track {
  background: transparent;
}
.select2-dropdown.select2-filter *::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 3px solid transparent;
}
.select2-dropdown.select2-filter .select2-results__options {
  margin-right: -20px;
  padding-right: 20px;
}

.radio,
.checkbox {
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}
.radio:last-of-type,
.checkbox:last-of-type {
  margin-bottom: 0;
}
.radio .false-radio,
.radio .false-checkbox,
.radio input,
.checkbox .false-radio,
.checkbox .false-checkbox,
.checkbox input {
  display: inline-block;
  order: -1;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  border: 1px solid #eee;
  position: relative;
  margin-right: 15px;
}
.radio input,
.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  margin-right: 0;
}
.radio input:checked ~ .false-radio, .radio input:checked ~ .false-checkbox,
.checkbox input:checked ~ .false-radio,
.checkbox input:checked ~ .false-checkbox {
  border-color: #FAE017;
  background-color: #FAE017;
}
.radio input:checked ~ .false-radio:after, .radio input:checked ~ .false-checkbox:after,
.checkbox input:checked ~ .false-radio:after,
.checkbox input:checked ~ .false-checkbox:after {
  content: "";
  background: #282323;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.radio .false-radio {
  border-radius: 100%;
}
.radio input:checked ~ .false-radio:after {
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}

.checkbox .false-checkbox {
  border-radius: 3px;
}
.checkbox input:checked ~ .false-checkbox:after {
  width: 12px;
  height: 9px;
  mask: url("../images/icon/check.svg");
  -webkit-mask: url("../images/icon/check.svg");
}

.paginator {
  display: flex;
  justify-content: flex-start;
  margin-top: 80px;
}
.paginator ul {
  list-style: none;
  display: inline-flex;
  align-items: center;
}
.paginator ul li {
  padding: 0;
  margin: 0 3px;
}
.paginator ul li a,
.paginator ul li span {
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #282323;
}
.paginator ul li:before {
  display: none;
}
.paginator ul li a,
.paginator ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  border: 1px solid transparent;
}
.paginator ul li a.active,
.paginator ul li span.active {
  border: 1px solid #FAE017;
  background-color: #FAE017;
}
.paginator ul li a:hover {
  background-color: #FAE017;
}
.paginator ul li:first-of-type a:hover, .paginator ul li:last-of-type a:hover {
  color: #FAE017;
}
.paginator .rev, .paginator .next, .paginator .prev {
  border: 1px solid #FAE017;
}

button {
  background-color: inherit;
}

.form-row {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.form-row label, .form-row .label {
  font-size: 14px;
  line-height: 17px;
}
.form-row label:not(.checkbox):not(.radio), .form-row .label:not(.checkbox):not(.radio) {
  font-weight: 600;
}
.form-row label sup, .form-row .label sup {
  color: #eb3a44;
}
.form-row .label {
  margin-bottom: 5px;
}
.form-row input, .form-row textarea,
.form-row .select2-container--default .select2-selection--single,
.form-row .select2-container--default .select2-selection--multiple {
  display: flex;
  align-items: center;
  width: 100% !important;
  background: #FFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 9px;
  padding: 0 20px;
  height: 40px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: normal;
}
.form-row input#datepicker, .form-row textarea#datepicker,
.form-row .select2-container--default .select2-selection--single#datepicker,
.form-row .select2-container--default .select2-selection--multiple#datepicker {
  background-image: url("../images/icon/calendar.svg");
  background-position: 98% center;
  background-repeat: no-repeat;
}
.form-row .select2-container--default .select2-selection--multiple {
  gap: 5px;
}
.form-row .select2 {
  width: 100% !important;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 11px;
  height: 8px;
  background: url("../images/icon/arrow-down.svg") no-repeat;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow * {
  display: none;
}
.form-row select {
  visibility: hidden;
}
.form-row textarea {
  height: 155px;
  padding: 10px 20px;
}

.select2-dropdown {
  border-color: #eee !important;
  padding: 10px 20px;
}
.select2-dropdown .select2-results__option {
  padding: 0;
  margin-bottom: 15px;
}
.select2-dropdown .select2-results__option:last-of-type {
  margin-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent !important;
  color: inherit !important;
  text-decoration: underline;
}

.select2-container--default .select2-results__option--selected {
  background-color: transparent !important;
  color: inherit !important;
  text-decoration: underline;
}

.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
}

/* select2.min.css | http://localhost/css/select2.min.css */
.select2-container .select2-search--inline .select2-search__field {
  height: 15px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  height: 23px;
  min-height: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #eee !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin-top: -5px;
  margin-left: -5px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #EEEEEE;
  border-radius: 6px;
  padding: 0 20px 0 10px !important;
  border: none !important;
  font-weight: normal;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  left: inherit !important;
  right: 5px !important;
  top: 5px !important;
  background-color: transparent !important;
  width: 14px;
  height: 14px;
  background: url("../images/icon/del.svg") 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  display: none;
}

.select2-container--default .select2-selection--single {
  position: relative;
}

img[src=""] {
  display: none;
}

.fa-star {
  display: inline-block;
  width: 27px;
  height: 27px;
  -webkit-mask: url("../images/icon/star.svg") center no-repeat;
  mask: url("../images/icon/star.svg") center no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: #FAE017;
}
.fa-star.empty {
  background-color: #eee;
}

/*------------------------------------------------------------------------------------------- */
/*----------------------------------------- HEADER ------------------------------------------ */
/*------------------------------------------------------------------------------------------- */
header {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 500;
  margin-bottom: 35px;
  margin-top: -112px;
}
header .logo {
  width: 150px;
  min-width: 150px;
  margin-right: 6%;
}
header .limit {
  height: 110px;
  display: flex;
  align-items: center;
}
header .menu {
  flex: 1;
  margin: 0 auto 0 0;
}
header .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
header .menu li {
  margin: 0 1.5vw;
}
header .menu li:first-of-type {
  margin-left: 0;
}
header .menu li:last-of-type {
  margin-right: 0;
}
header .menu a {
  font-size: 16px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
header .menu a:hover {
  text-decoration: underline;
}
header .right-part {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
header .contact {
  display: flex;
  align-items: center;
}
header .contact > a {
  margin-left: 10px;
}
header .phone {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
header .phone > a {
  margin: 0 5px 0 10px;
  font-size: 16px;
  color: inherit;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
header .soc {
  display: flex;
  align-items: center;
  margin-right: 6px;
}
header .soc a {
  display: inline-block;
  margin-left: 6px;
}
header .soc a img, header .soc a svg {
  vertical-align: middle;
  width: 25px;
  height: 25px;
}
header .soc a:first-of-type {
  margin-left: 0;
}
header .login a {
  margin-right: 22px;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
}
header .login a:hover {
  text-decoration: underline;
}
header .login a:last-of-type {
  margin-right: 0;
}
header .user {
  padding: 15px 0;
  display: flex;
  align-items: center;
  position: relative;
}
header .user .avatar {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: inline-flex;
  background: #EEEEEE url("../images/icon/avatar.svg") center no-repeat;
  -webkit-background-size: 17px 12px;
  background-size: 17px 12px;
  margin-right: 10px;
  position: relative;
}
header .user .avatar figure {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
header .user .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .user .avatar img[src=""] {
  display: none;
}
header .user .name {
  display: inline-flex;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  align-items: center;
}
header .user .name span {
  display: inline-block;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .user .name:after {
  content: "";
  background: url("/images/icon/arrow-down.svg") 0 0 no-repeat;
  width: 12px;
  height: 7px;
  display: inline-block;
  margin-left: 5px;
}
header .user.alarm .avatar:after,
header .user.alarm .requests:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #eb3a44;
  position: absolute;
  top: 0;
  right: -4px;
}
header .user.alarm .requests:after {
  top: inherit;
  bottom: 0;
}

.user-menu, .cabinet .sidebar ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #F7F7F7;
  border-radius: 5px;
  padding: 20px;
  transform: translateY(-5px);
}
.user-menu ul, .cabinet .sidebar ul ul {
  list-style: none;
}
.user-menu li, .cabinet .sidebar ul li {
  margin-bottom: 25px;
}
.user-menu li:last-of-type, .cabinet .sidebar ul li:last-of-type {
  margin-bottom: 0;
}
.user-menu a, .cabinet .sidebar ul a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #282323;
  white-space: nowrap;
}
.user-menu a:hover, .cabinet .sidebar ul a:hover {
  text-decoration: underline;
}
.user-menu .ico, .cabinet .sidebar ul .ico {
  width: 23px;
  height: 22px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.user-menu span:not(.ico):before, .cabinet .sidebar ul span:not(.ico):before {
  content: " (";
}
.user-menu span:not(.ico):after, .cabinet .sidebar ul span:not(.ico):after {
  content: ")";
}

/*-----------------------USE---------------------------
footer {
   @include text-shadow(1px, #000);
   @include gradient($color1, $color2);
   @include hr_gradient($color1, $color2);
   @include transition(all,0.5s);
   @include transform(skew(20deg));
   @include transform(translate(-50% , -50%));
   @include custom_border(border-color,border-weight,dash-size,gap-size);
}
-----------------------------------------------------*/
/*------------------------------------------------------------------------------------------- */
/*----------------------------------------- FOOTER ------------------------------------------ */
/*------------------------------------------------------------------------------------------- */
footer {
  padding: 30px 0 45px;
  background: #F7F7F7;
}
footer .limit {
  max-width: 1330px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
footer .contact {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
footer .contact > a {
  margin-left: 10px;
}
footer .contact .phone {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
footer .contact .phone > a {
  margin: 0 5px 0 10px;
  font-size: 16px;
  color: inherit;
  white-space: nowrap;
}
footer .soc {
  display: flex;
  flex-direction: column;
}
footer .soc a {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #282323;
}
footer .soc a img, footer .soc a svg {
  vertical-align: middle;
  margin-right: 10px;
}
footer .soc a:last-of-type {
  margin-bottom: 0;
}
footer ul {
  padding: 0;
  margin: 0 0 -15px;
  list-style: none;
  column-count: 3;
}
footer ul li {
  margin-bottom: 15px;
}
footer ul a {
  font-size: 14px;
  line-height: 17px;
  color: #282323;
}
footer ul a:hover {
  text-decoration: underline;
}

.copyright {
  background-color: #eee;
  padding: 5px 0;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.7);
}
.copyright a {
  color: inherit;
}
.copyright a:hover {
  text-decoration: underline;
}

/*-----------------------USE---------------------------
footer {
   @include text-shadow(1px, #000);
   @include gradient($color1, $color2);
   @include hr_gradient($color1, $color2);
   @include transition(all,0.5s);
   @include transform(skew(20deg));
   @include transform(translate(-50% , -50%));
   @include custom_border(border-color,border-weight,dash-size,gap-size);
}
-----------------------------------------------------*/
.main-block {
  display: flex;
  height: 100vh;
  margin-top: -143px;
  position: relative;
  z-index: 499;
  flex-direction: column;
  margin-bottom: 100px;
  background-color: #ccc;
}
.main-block:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.32;
  pointer-events: none;
}
.main-block:last-child {
  margin-bottom: 0;
}
.main-block .bg {
  position: sticky;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 110px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px) brightness(1.2);
  display: block;
  z-index: 100;
}
@-moz-document url-prefix() {
  .main-block .bg {
    background: rgba(255, 255, 255, 0.58);
  }
}
.main-block .limit {
  display: flex;
  align-items: flex-start;
}
.main-block .main-slider {
  width: 100%;
  height: 100vh;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
.main-block .main-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-block .main-slider .slide:not(.slick-slide) {
  display: none;
}
.main-block .main-slider .slide:first-of-type {
  display: block;
}
.main-block .main-slider .slick-arrow, .main-block .main-slider .quantity-button {
  position: absolute;
  bottom: 30px;
  right: 30%;
  z-index: 50;
}
.main-block .main-slider .slick-arrow.slick-prev, .main-block .main-slider .slick-prev.quantity-button {
  transform: translateX(-100%);
  margin-right: 10px;
}
.main-block .main-slider .slick-track {
  height: 100%;
}
.main-block .main-slider .slick-list {
  height: 100%;
}
.main-block .main-slider .slick-dots {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  list-style: none;
  font-size: 0;
}
.main-block .main-slider .slick-dots li {
  margin-bottom: 15px;
}
.main-block .main-slider .slick-dots li:last-of-type {
  margin-bottom: 0;
}
.main-block .main-slider .slick-dots button {
  font-size: 0;
  width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 15px;
  cursor: pointer;
  transition: background, 0.5s;
}
.main-block .main-slider .slick-dots li.slick-active button {
  background: #FAE017;
}
.main-block .h1 {
  display: flex;
  flex-direction: column;
  font-weight: 900;
  line-height: normal;
  color: #FFFFFF;
  font-size: 12vh;
  margin-bottom: 35px;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.main-block .h1 span {
  font-size: 3vh;
}
.main-block .h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #282323;
  text-align: right;
  margin-bottom: 30px;
}
.main-block .buttons {
  margin-bottom: 70px;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
.main-block .buttons .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  height: 62px;
  padding: 0 50px;
  cursor: pointer;
  background: #FAE017;
  border-radius: 22px;
  border: 2px solid #FAE017;
  font-weight: 600;
  font-size: 20px;
  color: #282323;
}
.main-block .buttons .button.stroked {
  background-color: transparent;
  color: #18CA3F;
}
.main-block .hash-link {
  margin: 0 10px;
  border: none;
}
.main-block .hash-link:not(:hover):not(.active) {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 15px;
  color: #FFFFFF;
}
.main-block .main-block-content {
  text-align: center;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  max-width: calc(100% - 100px);
}
.main-block .hash-container {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  z-index: 3;
  margin-bottom: 106px;
  white-space: nowrap;
}

section {
  margin-bottom: 140px;
}
section .h2 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 45px;
}

.card {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card:not(.slick-slide) {
  max-width: 390px;
}
.card:not(.slick-slide).city-card {
  max-width: 244px;
}
.card .to-favorite {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  z-index: 10;
  padding-top: 2px;
}
.card .to-favorite.active path {
  stroke: #EB3A44;
  fill: #EB3A44;
}
.card .edit {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  z-index: 10;
}
.card figure {
  width: 100%;
  position: relative;
  padding-bottom: 56.41%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 15px;
}
.card figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card .rating-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  color: #949597;
}
.card .rating-row .rating {
  margin: 0 22px 0 5px;
}
.card .rating-row .comment {
  display: inline-flex;
  align-items: center;
}
.card .rating-row .comment img, .card .rating-row .comment svg {
  margin-right: 5px;
}
.card .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #282323;
  margin-bottom: 10px;
}
.card p {
  font-size: 14px;
  line-height: 1.5;
}
.card .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.card .price {
  font-weight: 600;
  font-size: 24px;
}
.card .verified {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3205 13.5424C28.9573 13.2437 28.4081 12.7922 28.3454 12.5578C28.2752 12.2946 28.5221 11.6326 28.7023 11.1492C29.0514 10.2126 29.4473 9.15087 28.9246 8.2474C28.3955 7.33305 27.2686 7.14549 26.274 6.97993C25.8003 6.90094 25.0844 6.78174 24.9013 6.59868C24.7183 6.41562 24.5991 5.6997 24.5201 5.22597C24.3545 4.23144 24.1667 3.10446 23.2524 2.57539C22.3494 2.0527 21.2874 2.44862 20.3506 2.79771C19.8674 2.97793 19.2052 3.22437 18.9422 3.15437C18.7078 3.09169 18.2563 2.54251 17.9574 2.17923C17.3103 1.39236 16.5766 0.5 15.5 0.5C14.4234 0.5 13.6897 1.39236 13.0424 2.17947C12.7437 2.54275 12.2922 3.09193 12.0578 3.1546C11.7943 3.22461 11.1326 2.97793 10.6492 2.79771C9.71257 2.44862 8.65087 2.0527 7.7474 2.57539C6.83305 3.10446 6.64549 4.23144 6.47993 5.22597C6.40094 5.6997 6.28174 6.41562 6.09868 6.59868C5.91562 6.78174 5.1997 6.90094 4.72597 6.97993C3.73144 7.14549 2.60446 7.33328 2.07539 8.24763C1.5527 9.15087 1.94862 10.2126 2.29771 11.1494C2.47793 11.6326 2.72461 12.2948 2.65437 12.5578C2.59169 12.7922 2.04251 13.2437 1.67923 13.5426C0.892357 14.1897 0 14.9234 0 16C0 17.0766 0.892357 17.8103 1.67947 18.4576C2.04275 18.7563 2.59193 19.2078 2.6546 19.4422C2.72485 19.7054 2.47793 20.3674 2.29771 20.8508C1.94862 21.7874 1.5527 22.8491 2.07539 23.7526C2.60446 24.667 3.73144 24.8545 4.72597 25.0201C5.1997 25.0991 5.91562 25.2183 6.09868 25.4013C6.28174 25.5844 6.40094 26.3003 6.47993 26.774C6.64549 27.7686 6.83328 28.8955 7.74763 29.4246C8.65063 29.9473 9.71257 29.5514 10.6494 29.2023C11.1326 29.0221 11.7951 28.7756 12.0578 28.8456C12.2922 28.9083 12.7437 29.4575 13.0426 29.8208C13.6897 30.6076 14.4234 31.5 15.5 31.5C16.5766 31.5 17.3103 30.6076 17.9576 29.8205C18.2563 29.4573 18.7078 28.9081 18.9422 28.8454C19.2057 28.7756 19.8674 29.0221 20.3508 29.2023C21.2874 29.5511 22.3491 29.9473 23.2526 29.4246C24.167 28.8955 24.3545 27.7686 24.5201 26.774C24.5991 26.3003 24.7183 25.5844 24.9013 25.4013C25.0844 25.2183 25.8003 25.0991 26.274 25.0201C27.2686 24.8545 28.3955 24.6667 28.9246 23.7524C29.4473 22.8491 29.0514 21.7874 28.7023 20.8506C28.5221 20.3674 28.2754 19.7052 28.3456 19.4422C28.4083 19.2078 28.9575 18.7563 29.3208 18.4574C30.1076 17.8103 31 17.0766 31 16C31 14.9234 30.1076 14.1897 29.3205 13.5424ZM28.1846 17.0761C27.5178 17.6244 26.8287 18.1913 26.6177 18.9805C26.3999 19.7951 26.7184 20.6493 27.0264 21.4755C27.1704 21.8622 27.4703 22.6665 27.3764 22.8569C27.2697 23.0412 26.3663 23.1916 25.9803 23.2559C25.1173 23.3995 24.2249 23.5483 23.6365 24.1367C23.0483 24.7249 22.8995 25.6173 22.7559 26.4803C22.6916 26.8663 22.5409 27.77 22.3572 27.8762C22.3565 27.8766 22.2685 27.9145 21.9828 27.8544C21.6902 27.7929 21.343 27.6633 20.9755 27.5264C20.1493 27.2182 19.2948 26.8999 18.4803 27.1177C17.6913 27.3287 17.1244 28.0181 16.5761 28.6846C16.302 29.0178 15.7318 29.7115 15.5 29.7115C15.2682 29.7115 14.698 29.0178 14.4239 28.6846C13.8756 28.0178 13.3087 27.3287 12.5195 27.1177C12.3322 27.0675 12.1427 27.0458 11.9521 27.0458C11.3133 27.0458 10.6605 27.2892 10.0245 27.5264C9.63807 27.6706 8.83346 27.9703 8.64307 27.8764C8.45882 27.77 8.3084 26.8663 8.24407 26.4803C8.10051 25.6173 7.95198 24.7251 7.36354 24.1367C6.7751 23.5483 5.88274 23.3995 5.01971 23.2559C4.63396 23.1916 3.73026 23.0412 3.62383 22.8572C3.62335 22.8565 3.58551 22.7685 3.64582 22.4828C3.70731 22.1902 3.83669 21.843 3.97363 21.4755C4.2818 20.6493 4.60014 19.7951 4.38232 18.9803C4.17159 18.1913 3.48215 17.6244 2.81543 17.0761C2.48219 16.802 1.7885 16.2318 1.7885 16C1.7885 15.7682 2.48219 15.198 2.81543 14.9239C3.48215 14.3756 4.17135 13.8087 4.38232 13.0195C4.60014 12.2049 4.28156 11.3507 3.97363 10.5245C3.82959 10.1378 3.52969 9.33346 3.62359 9.14307C3.73026 8.95882 4.63373 8.8084 5.01971 8.74407C5.88274 8.60051 6.7751 8.45174 7.36354 7.8633C7.95174 7.2751 8.10051 6.38274 8.24407 5.51971C8.3084 5.13373 8.45906 4.23002 8.64283 4.12383C8.64354 4.12335 8.73152 4.08551 9.01723 4.14558C9.30979 4.20708 9.65699 4.33669 10.0245 4.47363C10.8507 4.7818 11.7052 5.10014 12.5197 4.88232C13.3087 4.67135 13.8756 3.98192 14.4239 3.31543C14.698 2.98219 15.2682 2.2885 15.5 2.2885C15.7318 2.2885 16.302 2.98219 16.5761 3.31543C17.1244 3.98215 17.6913 4.67135 18.4805 4.88232C19.2951 5.10014 20.1493 4.78156 20.9755 4.47363C21.3622 4.32935 22.1665 4.02922 22.3569 4.12359C22.5412 4.23026 22.6916 5.13373 22.7559 5.51971C22.8995 6.38274 23.0483 7.2751 23.6367 7.86354C24.2249 8.45174 25.1173 8.60051 25.9803 8.74407C26.3663 8.8084 27.27 8.95906 27.3762 9.14283C27.3766 9.14354 27.4145 9.23152 27.3544 9.51723C27.2929 9.80979 27.1633 10.157 27.0264 10.5245C26.7184 11.3507 26.3999 12.2049 26.6177 13.0197C26.8287 13.8087 27.5181 14.3756 28.1846 14.9239C28.5178 15.198 29.2115 15.7682 29.2115 16C29.2115 16.2318 28.5178 16.802 28.1846 17.0761Z' fill='%2318CA3F'/%3E%3Cpath d='M21.6999 10.5155C21.1905 10.1333 20.5625 9.97251 19.932 10.0624C19.3014 10.1525 18.7438 10.4829 18.3615 10.9923L14.6457 15.9465L13.0131 14.3139C12.0834 13.3842 10.5706 13.3842 9.64067 14.3139C8.71095 15.2436 8.71095 16.7566 9.64067 17.6863L13.2177 21.2631C13.668 21.7136 14.2668 21.9615 14.9038 21.9615C14.96 21.9615 15.0168 21.9596 15.0729 21.9556C15.7628 21.9066 16.3966 21.5611 16.8115 21.0077L22.1769 13.8539C22.5592 13.3442 22.72 12.7165 22.6299 12.086C22.5398 11.4554 22.2096 10.8975 21.6999 10.5155ZM20.7461 12.7808L15.3808 19.9346C15.277 20.073 15.1185 20.1595 14.9463 20.1716C14.7718 20.1848 14.6048 20.1212 14.4823 19.9987L10.9055 16.4217C10.673 16.1892 10.673 15.811 10.9053 15.5785C11.0217 15.4624 11.1742 15.4042 11.327 15.4042C11.4795 15.4042 11.6323 15.4624 11.7485 15.5785L14.1103 17.9403C14.2936 18.1236 14.5473 18.2185 14.8058 18.2C15.0646 18.1816 15.3023 18.052 15.4579 17.8446L19.7922 12.0654C19.8878 11.9382 20.0273 11.8556 20.1848 11.8329C20.3428 11.8107 20.4996 11.8509 20.6269 11.9462C20.7543 12.0417 20.8369 12.1811 20.8593 12.3388C20.8818 12.4963 20.8416 12.6534 20.7461 12.7808Z' fill='%2318CA3F'/%3E%3C/svg%3E%0A");
  width: 31px;
  height: 32px;
  position: relative;
  margin-left: auto;
  margin-right: 12px;
}
.card .verified span {
  display: none;
  position: absolute;
  bottom: 100%;
  right: -5px;
  margin-bottom: 14px;
  padding: 12px 14px;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  filter: drop-shadow(0px 1px 9.4px rgba(0, 0, 0, 0.14));
  white-space: nowrap;
  border-radius: 5px;
  pointer-events: none;
}
.card .verified span:before {
  content: "";
  position: absolute;
  right: 12px;
  top: 100%;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 14px solid #fff;
  filter: drop-shadow(0px 1px 9.4px rgba(0, 0, 0, 0.14));
}
.card .verified:hover span {
  display: block;
}
.card.city-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card.city-card figure {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 100%;
  margin-bottom: 15px;
  position: relative;
}
.card.city-card figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card.city-card span {
  white-space: nowrap;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #282323;
}
.card.partners-card {
  padding: 10px;
  height: 160px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 9px;
  transition: all, 0.5s;
}
.card.partners-card img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all, 0.5s;
}
.card.partners-card:hover {
  background: #F7F7F7;
}
.card.partners-card:hover img {
  opacity: 1;
  filter: grayscale(0%);
}
.card .date {
  font-size: 12px;
  line-height: 1.5;
  color: #949597;
}

.card-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 84px 50px;
}

.carousel:not(.slick-initialized), .hot-tours .card-container.slick-initialized:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 50px;
}
.carousel:not(.slick-initialized).alt, .hot-tours .card-container.slick-initialized:not(.slick-initialized).alt {
  grid-template-columns: repeat(6, 1fr);
}
.carousel:not(.slick-initialized).partners, .hot-tours .card-container.slick-initialized:not(.slick-initialized).partners {
  grid-template-columns: repeat(5, 1fr);
}
.carousel:not(.slick-initialized).team, .hot-tours .card-container.slick-initialized:not(.slick-initialized).team {
  grid-template-columns: repeat(3, 1fr);
}
.carousel:not(.slick-initialized).narrow, .hot-tours .card-container.slick-initialized:not(.slick-initialized).narrow {
  grid-template-columns: repeat(3, 1fr);
}
.carousel .slick-list, .hot-tours .card-container.slick-initialized .slick-list {
  width: calc(100% + 50px);
  margin: 0 -25px;
}
.carousel .slick-list:before, .hot-tours .card-container.slick-initialized .slick-list:before, .carousel .slick-list:after, .hot-tours .card-container.slick-initialized .slick-list:after {
  content: "";
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 5;
  background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1); /* IE6-9 */
}
.carousel .slick-list:before, .hot-tours .card-container.slick-initialized .slick-list:before {
  left: 0;
}
.carousel .slick-list:after, .hot-tours .card-container.slick-initialized .slick-list:after {
  right: 0;
  transform: scaleX(-1);
}
.carousel .slick-track, .hot-tours .card-container.slick-initialized .slick-track {
  display: flex;
}
.carousel.narrow .card:not(.slick-slide), .hot-tours .narrow.card-container.slick-initialized .card:not(.slick-slide) {
  display: none;
}
.carousel.narrow .card:not(.city-card):not(.partners-card):not(.team-card):nth-child(-n+3), .hot-tours .narrow.card-container.slick-initialized .card:not(.city-card):not(.partners-card):not(.team-card):nth-child(-n+3) {
  display: flex;
}
.carousel:not(.narrow) .card:not(.slick-slide), .hot-tours .card-container.slick-initialized:not(.narrow) .card:not(.slick-slide) {
  display: none;
}
.carousel:not(.narrow) .card:not(.city-card):not(.partners-card):not(.team-card):nth-child(-n+4), .hot-tours .card-container.slick-initialized:not(.narrow) .card:not(.city-card):not(.partners-card):not(.team-card):nth-child(-n+4) {
  display: flex;
}
.carousel:not(.narrow) .card.city-card:nth-child(-n+6), .hot-tours .card-container.slick-initialized:not(.narrow) .card.city-card:nth-child(-n+6) {
  display: flex;
}
.carousel:not(.narrow) .card.partners-card:nth-child(-n+5), .hot-tours .card-container.slick-initialized:not(.narrow) .card.partners-card:nth-child(-n+5) {
  display: flex;
}
.carousel:not(.narrow) .card.team-card, .hot-tours .card-container.slick-initialized:not(.narrow) .card.team-card {
  align-items: center;
  text-align: center;
}
.carousel:not(.narrow) .card.team-card:nth-child(-n+3), .hot-tours .card-container.slick-initialized:not(.narrow) .card.team-card:nth-child(-n+3) {
  display: flex;
}
.carousel:not(.narrow) .card.team-card figure, .hot-tours .card-container.slick-initialized:not(.narrow) .card.team-card figure {
  padding-bottom: 100%;
}
.carousel:not(.narrow) .card.team-card .name, .hot-tours .card-container.slick-initialized:not(.narrow) .card.team-card .name {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
}
.carousel:not(.narrow) .card.team-card span, .hot-tours .card-container.slick-initialized:not(.narrow) .card.team-card span {
  font-size: 16px;
  color: #949597;
  margin-top: auto;
}
.carousel .card.slick-slide, .hot-tours .card-container.slick-initialized .card.slick-slide {
  display: flex;
  margin: 0 25px;
  height: auto;
}
.carousel .slick-arrow, .carousel .quantity-button, .hot-tours .card-container.slick-initialized .slick-arrow, .hot-tours .card-container.slick-initialized .quantity-button {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 45px;
}
.carousel .slick-arrow.slick-prev, .carousel .slick-prev.quantity-button, .hot-tours .card-container.slick-initialized .slick-arrow.slick-prev, .hot-tours .card-container.slick-initialized .slick-prev.quantity-button {
  transform: translateX(-100%);
  margin-right: 10px;
}

.hot-tours {
  background: rgba(247, 247, 247, 0.7);
  padding: 70px 0 130px;
}
.hash-link-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.main-section {
  height: 650px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 700px 1fr;
  grid-gap: 10px;
  background: url("../images/main-section-bg.png") center bottom no-repeat;
}
.main-section.eng {
  background: url("../images/engl_bg.png") center bottom no-repeat, url("../images/main-section-bg.png") center bottom no-repeat;
}
.main-section.about {
  background: url("../images/about_bg.png") center bottom no-repeat, url("../images/main-section-bg.png") center bottom no-repeat;
}
.main-section-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.main-section-content p a {
  color: inherit;
  text-decoration: underline;
}
.main-section-content p a:hover {
  text-decoration: none;
}
.main-section figure {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main-section figure img {
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.main-section .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 50px;
  font-weight: 600;
  font-size: 70px;
}
.main-section .heading h1 {
  font-weight: inherit;
  font-size: inherit;
  margin-bottom: 0;
}
.main-section .heading span, .main-section .heading h2 {
  font-size: 30px;
  font-weight: inherit;
}

.about-us {
  background: url("../images/about_us.png") right bottom no-repeat;
}

.about-platform {
  background: url("../images/about_platform.png") right bottom no-repeat;
}

.about-us, .about-platform {
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
}
.about-us-content, .about-platform-content {
  width: 50%;
}
.about-us .limit, .about-platform .limit {
  min-height: 857px;
  display: flex;
  align-items: center;
}
.about-us p, .about-platform p {
  font-size: 18px;
}

.team-section .h2,
.rate-section .h2 {
  text-align: center;
  margin-bottom: 30px;
}
.team-section p,
.rate-section p {
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 20px;
}
.team-section .team,
.rate-section .team {
  margin-top: 80px;
}

.rate-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 45px 50px;
  margin-top: 45px;
}

.rate-card {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #eee;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rate-card p {
  font-size: 16px;
  text-align: left;
}
.rate-card .price {
  font-weight: 600;
  font-size: 24px;
  margin-top: auto;
  margin-bottom: 30px;
}

.rev-section .h2 {
  text-align: center;
}
.rev-section .write-rev {
  display: flex;
  padding: 35px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 22px;
  background: rgba(247, 247, 247, 0.7);
  margin-bottom: 50px;
}

.rev-container {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(2, 1fr);
}

.rev-card {
  display: flex;
  flex-direction: column;
}
.rev-card .rev-header {
  display: grid;
  grid-template-columns: 42px auto;
  grid-gap: 0 12px;
  margin-bottom: 12px;
}
.rev-card .rev-header .avatar {
  position: relative;
  padding-bottom: 100%;
  border-radius: 100%;
  background: #EEEEEE url("../images/icon/avatar.svg") center no-repeat;
  grid-row: 1/3;
}
.rev-card .rev-header .name {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
}
.rev-card .rev-header .date {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #949597;
  margin-bottom: 0;
}
.rev-card .rating-row {
  display: flex;
  margin-bottom: 13px;
  font-weight: normal;
  font-size: 14px;
  color: #949597;
}
.rev-card .rating-row .rating {
  margin-left: 10px;
}
.rev-card p {
  font-size: 14px;
  line-height: 1.6;
}
.rev-card p:last-of-type {
  margin-bottom: 0;
}

.cos-section {
  background: url("../images/soc-img.jpg") 0 50% no-repeat;
  -webkit-background-size: 43% auto;
  background-size: 43% auto;
}
.cos-section .soc-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cos-section .limit {
  min-height: 45vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cos-section p {
  font-size: 18px;
  line-height: 1.6;
}
.cos-section .soc-button {
  display: flex;
  align-items: center;
  padding: 0 50px;
  width: 303px;
  height: 77px;
  border-radius: 9px;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 26px;
  color: #fff;
}
.cos-section .soc-button:last-of-type {
  margin-bottom: 0;
}
.cos-section .soc-button img,
.cos-section .soc-button svg {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.cos-section .soc-button img {
  visibility: hidden;
}
.cos-section .soc-button.fb {
  background: #4867AA;
}
.cos-section .soc-button.inst {
  background: radial-gradient(108.73% 310.99% at 29.42% 227.47%, #EFC661 14.44%, #E85C2D 40.46%, #E13E3B 63.21%, #C5205B 74.88%, #8615AC 100%);
}

.contact-section .h2 {
  width: 100%;
  text-align: center;
}
.contact-section .limit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-section .heading {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 25px;
}
.contact-section .half {
  width: calc(50% - 70px);
  padding: 20px 0;
}
.contact-section .half.contact-half {
  background-color: #F7F7F7;
  padding: 100px 120px;
}
.contact-section .half.contact-half .heading {
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  margin-bottom: 15px;
}
.contact-section .half.contact-half .heading:last-of-type {
  margin-top: 60px;
}
.contact-section .half.contact-half .contact {
  margin-bottom: 25px;
}
.contact-section .half form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-section .half label {
  width: 100%;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 14px;
}
.contact-section .half label sup {
  color: #eb3a44;
}
.contact-section .half label input,
.contact-section .half label textarea {
  width: 100%;
  background: #FFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 9px;
  padding: 0 20px;
  height: 40px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: normal;
}
.contact-section .half label textarea {
  height: 155px;
  padding: 10px 20px;
}
.contact-section .contact {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.contact-section .contact > a {
  margin-left: 10px;
}
.contact-section .contact .phone, .contact-section .contact .mail {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.contact-section .contact .phone > a, .contact-section .contact .mail > a {
  margin: 0 5px 0 10px;
  font-size: 16px;
  color: inherit;
  white-space: nowrap;
}
.contact-section .soc {
  display: flex;
  gap: 20px;
}
.contact-section .soc a {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #282323;
}
.contact-section .soc a img, .contact-section .soc a svg {
  vertical-align: middle;
  width: 26px;
  height: 26px;
}
.contact-section .soc a:last-of-type {
  margin-bottom: 0;
}
.contact-section .details-container {
  width: 100%;
  padding: 0 120px;
  margin-top: 90px;
}
.contact-section .details-container .h2 {
  text-align: left;
  font-size: 24px;
}
.contact-section .details-container .heading {
  text-align: left;
}

.details {
  display: flex;
  justify-content: space-between;
}

.details-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.3;
  color: #949597;
}
.details-row span {
  font-weight: 500;
  font-size: 18px;
  color: #282323;
  margin-top: 5px;
}

.blog-card-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px 80px;
}
.blog-card-container .blog-card {
  display: grid;
  grid-template-columns: 295px auto;
  grid-gap: 5px 20px;
}
.blog-card-container figure {
  height: 165px;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  grid-row: 1/10;
}
.blog-card-container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card-container .date {
  font-size: 12px;
  line-height: 1.5;
  color: #949597;
}
.blog-card-container .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
}
.blog-card-container p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.blog-card-container .read-more {
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  color: #282323;
  margin-top: 25px;
  margin-bottom: -25px;
}
.blog-card-container .read-more:after {
  content: url("../images/icon/more.svg");
  margin-left: 5px;
}
.blog-card-container .read-more:hover {
  text-decoration: none;
}
.blog-card-container .text {
  display: flex;
  flex-direction: column;
}

.inner-blog {
  display: flex;
  justify-content: space-between;
}
.inner-blog .sidebar {
  width: 390px;
  display: flex;
  flex-direction: column;
}
.inner-blog .sidebar .heading {
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #FAE017;
  margin-bottom: 50px;
}
.inner-blog .sidebar .card {
  margin-bottom: 30px;
}
.inner-blog .sidebar .card .name {
  font-size: 16px;
}
.inner-blog .sidebar .button {
  width: 100%;
}
.inner-blog .blog-content, .inner-blog .tab_item {
  width: calc(100% - 390px - 50px);
}

.blog-content .date, .tab_item .date {
  font-size: 16px;
  line-height: 24px;
  color: #949597;
  margin-bottom: 20px;
}
.blog-content .date + h1, .tab_item .date + h1, .blog-content .date h2, .tab_item .date h2, .blog-content .date h3, .tab_item .date h3, .blog-content .date h4, .tab_item .date h4, .blog-content .date h5, .tab_item .date h5, .blog-content .date h6, .tab_item .date h6 {
  margin-top: 0;
}
.blog-content h1, .tab_item h1, .blog-content h2, .tab_item h2, .blog-content h3, .tab_item h3, .blog-content h4, .tab_item h4, .blog-content h5, .tab_item h5, .blog-content h6, .tab_item h6 {
  font-weight: 600;
  color: #282323;
  margin-bottom: 20px;
  margin-top: 40px;
}
.blog-content h1:first-child, .tab_item h1:first-child, .blog-content h2:first-child, .tab_item h2:first-child, .blog-content h3:first-child, .tab_item h3:first-child, .blog-content h4:first-child, .tab_item h4:first-child, .blog-content h5:first-child, .tab_item h5:first-child, .blog-content h6:first-child, .tab_item h6:first-child {
  margin-top: 0;
}
.blog-content h1, .tab_item h1 {
  font-size: 28px;
}
.blog-content h2, .tab_item h2 {
  font-size: 26px;
}
.blog-content h3, .tab_item h3 {
  font-size: 24px;
}
.blog-content h4, .tab_item h4 {
  font-size: 22px;
}
.blog-content h5, .tab_item h5 {
  font-size: 20px;
}
.blog-content h6, .tab_item h6 {
  font-size: 18px;
}
.blog-content p, .tab_item p, .blog-content li, .tab_item li {
  font-size: 16px;
  line-height: 1.7;
}
.blog-content p a, .tab_item p a, .blog-content li a, .tab_item li a {
  color: #FAE017;
}
.blog-content p a:hover, .tab_item p a:hover, .blog-content li a:hover, .tab_item li a:hover {
  text-decoration: underline;
}
.blog-content ul, .tab_item ul, .blog-content ol, .tab_item ol {
  list-style: none;
  margin-bottom: 20px;
}
.blog-content ul li, .tab_item ul li, .blog-content ol li, .tab_item ol li {
  margin-bottom: 18px;
  padding-left: 20px;
  position: relative;
}
.blog-content ul li:last-of-type, .tab_item ul li:last-of-type, .blog-content ol li:last-of-type, .tab_item ol li:last-of-type {
  margin-bottom: 0;
}
.blog-content ul li:before, .tab_item ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 5px;
  top: 10px;
  background: #282323;
  border-radius: 100%;
}
.blog-content ol, .tab_item ol {
  counter-reset: list;
}
.blog-content ol li:before, .tab_item ol li:before {
  counter-increment: list;
  content: counter(list) ".";
  font-weight: 600;
  font-size: 16px;
  color: #282323;
  position: absolute;
  top: 0;
  left: 0;
}

.big-slider {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.big-slider:after {
  content: "";
  width: 100%;
  height: 160px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.52;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
  pointer-events: none;
}
.big-slider .big-slide {
  position: relative;
}
.big-slider .big-slide:not(.slick-slide) {
  display: none;
}
.big-slider .big-slide:first-of-type {
  display: block;
}

.slider-nav {
  width: 100%;
  max-width: 710px;
  margin: -25px auto 0;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -100%);
  position: absolute;
  z-index: 60;
  opacity: 1;
  transition: opacity, 1.5s;
}
.slider-nav:not(.slick-initialized) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}
.slider-nav .nav-slide {
  border-radius: 12px;
  overflow: hidden;
  margin: 0 6px;
  height: 75px;
  border: 2px solid transparent;
  transition: border-left-color, 0.5s;
}
.slider-nav .nav-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-nav .nav-slide.slick-current {
  border: 2px solid #FAE017;
}
.slider-nav .slick-list {
  display: flex;
  justify-content: center;
  mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
}
.slider-nav .slick-arrow, .slider-nav .quantity-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slider-nav .slick-arrow.slick-prev, .slider-nav .slick-prev.quantity-button {
  left: 0;
}
.slider-nav .slick-arrow.slick-next, .slider-nav .slick-next.quantity-button {
  right: 0;
}

.slider-block {
  grid-column: 1/3;
  position: relative;
  width: 100%;
}
.slider-block .zoom {
  width: 50px;
  height: 50px;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  left: 25px;
  z-index: 60;
  pointer-events: none;
}
.slider-block .to-favorite {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 90px;
  left: 25px;
  z-index: 60;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
  padding-top: 4px;
}
.slider-block .to-favorite img, .slider-block .to-favorite svg {
  width: 28px;
  height: 28px;
}
.slider-block .to-favorite.active path {
  stroke: #EB3A44;
  fill: #EB3A44;
}

.main-inner-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
  margin-bottom: 50px;
}
.main-inner-block .map-container {
  height: 357px;
  border-radius: 9px;
  overflow: hidden;
  position: relative;
  background-color: #eee;
}
.main-inner-block .map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.main-inner-block .description .header {
  display: flex;
  align-items: flex-start;
  gap: 45px;
  margin-bottom: 35px;
}
.main-inner-block .description .header .button {
  margin-top: auto;
}
.main-inner-block .description .header .label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: normal;
}
.main-inner-block .description .header .price {
  font-weight: normal;
  font-size: 40px;
  line-height: 40px;
  width: 195px;
}
.main-inner-block .description .header .price span {
  white-space: nowrap;
}
.main-inner-block .description table {
  width: 100%;
}
.main-inner-block .description table tr {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.main-inner-block .description table td {
  width: 50%;
  font-size: 14px;
  display: flex;
  align-items: flex-end;
}
.main-inner-block .description table td a {
  color: inherit;
  text-decoration: underline;
}
.main-inner-block .description table td a:hover {
  text-decoration: none;
}
.main-inner-block .description table td img, .main-inner-block .description table td svg {
  margin-left: 5px;
}
.main-inner-block .description table td:first-of-type {
  white-space: nowrap;
}
.main-inner-block .description table td:first-of-type:after {
  content: "";
  flex: 1;
  display: block;
  height: 1px;
  margin: 5px;
  border-bottom: 1px dashed #EEEEEE;
}

.quantity-button {
  width: 40px;
  height: 40px;
}
.quantity-button.quantity-down {
  order: -1;
}

.quantity {
  display: flex;
  gap: 4px;
}
.quantity:not(.init) input {
  visibility: hidden;
}
.quantity input {
  height: 40px;
  width: 55px;
  border: 1px solid #EEEEEE;
  border-radius: 9px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.tab_item {
  display: none;
}

.tab_item:first-child {
  display: block;
}

.tabs, .tabs-nav {
  display: flex;
  margin-bottom: 40px;
  gap: 1px;
}
.tabs .tab, .tabs-nav .tab {
  flex: 1;
  font-weight: 500;
  font-size: 20px;
  color: #282323;
  border-bottom: 2px solid #eee;
  padding-bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  cursor: pointer;
}
.tabs .tab.active, .tabs-nav .tab.active {
  border-bottom-color: #FAE017;
}

.tab_item {
  width: 100%;
}
.tab_item table {
  width: 100%;
}
.tab_item table tr {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.tab_item table td {
  width: 66.666%;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
}
.tab_item table td a {
  text-decoration: underline;
  color: #18CA3F;
}
.tab_item table td a:hover {
  text-decoration: none;
}
.tab_item table td img, .tab_item table td svg {
  margin-left: 5px;
}
.tab_item table td:first-of-type {
  width: 33.333%;
  white-space: nowrap;
}
.tab_item table td:first-of-type:after {
  content: "";
  flex: 1;
  display: block;
  height: 1px;
  margin: auto 5px 0;
  border-bottom: 1px dashed #EEEEEE;
}

.tab_content {
  margin-bottom: 150px;
}

.cabinet {
  display: grid;
  grid-template-columns: 390px auto;
  width: 100%;
  grid-gap: 50px;
}
.cabinet .sidebar ul {
  display: block;
  position: sticky;
  top: 145px;
  background-color: transparent;
  list-style: none;
  padding: 0;
}
.cabinet .sidebar ul li {
  margin-bottom: 15px;
}
.cabinet .sidebar ul li a {
  height: 60px;
  padding: 0 35px;
  background: #F7F7F7;
  border-radius: 9px;
  font-weight: 500;
  font-size: 20px;
}
.cabinet .sidebar ul li a .ico {
  width: 30px;
  height: 25px;
}
.cabinet .sidebar ul li a .ico img, .cabinet .sidebar ul li a .ico svg {
  width: 100%;
  height: 100%;
}
.cabinet .sidebar ul li a .new {
  margin-left: auto;
  margin-right: -20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #FAE017;
}
.cabinet .sidebar ul li a .new:before, .cabinet .sidebar ul li a .new:after {
  content: "";
}
.cabinet .sidebar ul li a:hover, .cabinet .sidebar ul li a.active {
  text-decoration: none;
  background-color: #FAE017;
}
.cabinet .sidebar ul li a:hover .new, .cabinet .sidebar ul li a.active .new {
  background-color: #fff;
  color: #282323;
}

.profile-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 685px;
  margin: 0 auto;
}
.profile-form input[type=hidden] + .heading {
  margin-top: 0;
}
.profile-form .button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.profile-form .label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
}
.profile-form .heading {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px;
  width: 100%;
  margin-top: 70px;
}
.profile-form .heading:first-child {
  margin-top: 0;
}
.profile-form .heading + .subheading {
  margin-top: 0;
}
.profile-form .form-row + .heading {
  margin-top: 30px;
}
.profile-form .add-photo + .heading {
  margin-top: 30px;
}
.profile-form .drug-photo + .heading {
  margin-top: 30px;
}
.profile-form .form-row a:not(.button) {
  font-weight: 500;
  font-size: 16px;
  text-decoration-line: underline;
  color: #FAE017;
}
.profile-form .form-row a:not(.button):hover {
  text-decoration: none;
}
.profile-form .subheading {
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 40px;
}
.profile-form .radio {
  margin-bottom: 0;
  margin-right: 15px;
}
.profile-form .checkbox:last-of-type {
  margin-bottom: 0;
}
.profile-form .add-photo {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.profile-form .add-photo:last-child {
  margin-bottom: 0;
}
.profile-form .add-photo .avatar {
  width: 132px;
  min-width: 132px;
  height: 132px;
  border-radius: 100%;
  display: inline-flex;
  background: #EEEEEE url("../images/icon/avatar.svg") center no-repeat;
  -webkit-background-size: 61px 61px;
  background-size: 61px 61px;
  margin-right: 30px;
  position: relative;
}
.profile-form .add-photo .avatar figure {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.profile-form .add-photo .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-form .add-photo .avatar img[src=""] {
  display: none;
}
.profile-form .add-photo .avatar.operator, .profile-form .add-photo .avatar.main-img {
  width: 200px;
  min-width: 200px;
  height: 132px;
  border-radius: 9px;
}
.profile-form .add-photo .avatar.operator figure, .profile-form .add-photo .avatar.main-img figure {
  border-radius: 9px;
}
.profile-form .add-photo .avatar.main-img {
  background-image: url("../images/icon/noimg.svg");
}
.profile-form .button {
  position: relative;
}
.profile-form .button input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.profile-form .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.profile-form .buttons p {
  width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
  color: #949597;
}

.request-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sorting {
  display: flex;
  gap: 25px;
  list-style: none;
}
.sorting li {
  display: inline;
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.sorting li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.sorting li input:checked + span, .sorting li input:hover + span {
  position: relative;
}
.sorting li input:checked + span:after, .sorting li input:hover + span:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FAE017;
}
.sorting li.active a,
.sorting li a:hover {
  position: relative;
}
.sorting li.active a:after,
.sorting li a:hover:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FAE017;
}

.form-row.date-sorting {
  margin-bottom: 0;
  width: auto;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
}
.form-row.date-sorting .select2 {
  width: 220px !important;
  margin-left: 10px;
}

.request-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
}
.request-card:last-of-type {
  margin-bottom: 0;
}
.request-card-content {
  padding: 20px;
  display: grid;
  grid-template-columns: 245px auto;
  grid-template-rows: auto 1fr auto;
  grid-gap: 20px;
}
.request-card-content figure {
  border-radius: 12px;
  overflow: hidden;
  height: 138px;
  margin: 0;
  grid-row: 1/4;
}
.request-card-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.request-card-content .name {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
}
.request-card-content .status-row {
  display: flex;
  align-items: center;
  gap: 15px;
}
.request-card-content .status-row .type, .request-card-content .status-row .status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 14px;
  height: 25px;
  padding: 0 12px;
  border: 1px solid #282323;
  border-radius: 8px;
}
.request-card-content .status-row .status.negotiations {
  background-color: #FAE017;
  border-color: #FAE017;
}
.request-card-content .status-row .status.received {
  background-color: #18CA3F;
  border-color: #18CA3F;
  color: #fff;
}
.request-card-content .status-row .status.archive {
  background-color: #eee;
  border-color: #eee;
}
.request-card-content .status-row .status.paid {
  background-color: #FF8C1E;
  border-color: #FF8C1E;
  color: #fff;
}
.request-card-content .status-row img, .request-card-content .status-row svg {
  margin-left: auto;
}
.request-card-content .price-row {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #EB3A44;
}
.request-card-content .description {
  display: flex;
  align-items: center;
}
.request-card-content .description .quantity-block {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 30px;
}
.request-card-content .description .quantity-button {
  width: 28px;
  height: 28px;
}
.request-card-content .description .quantity-button svg {
  width: 8px;
  height: 8px;
}
.request-card-content .description .quantity input {
  width: 38px;
  height: 28px;
}
.request-card-content .description .price {
  font-weight: 600;
  font-size: 20px;
}
.request-card-content .old-price {
  color: #949597;
  font-weight: normal;
  text-decoration: line-through;
  font-size: 16px;
}
.request-card-footer {
  border-top: 1px solid #EEEEEE;
  padding: 15px 20px;
  display: flex;
  align-items: center;
}
.request-card-footer .operator {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-right: auto;
  font-weight: 600;
  font-size: 14px;
}
.request-card-footer .operator figure {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #EEEEEE url("../images/icon/avatar.svg") center no-repeat;
}
.request-card-footer .operator figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.request-card .messages {
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  font-size: 14px;
}
.request-card .messages img, .request-card .messages svg {
  margin-right: 5px;
}
.request-card .messages img path, .request-card .messages svg path {
  fill: #282323;
}
.request-card .button {
  margin-left: 10px;
}

.favorites-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.show-pass {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("../images/icon/show.svg") center no-repeat;
}
.show-pass.hide {
  background-image: url("../images/icon/hide.svg");
}
.show-pass + input {
  padding-right: 45px;
}

.chat-block {
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  padding: 20px 20px 0;
  /* Works on Chrome, Edge, and Safari */
}
.chat-block * {
  scrollbar-width: thin;
  scrollbar-color: #949597 #F7F7F7;
}
.chat-block *::-webkit-scrollbar {
  width: 8px;
}
.chat-block *::-webkit-scrollbar-track {
  background: transparent;
}
.chat-block *::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 3px solid transparent;
}
.chat-block-content {
  padding: 50px 30px;
}
.chat-block .write-answer {
  background-color: #eee;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-end;
  border-radius: 0 0 12px 12px;
  margin: 45px -20px 0;
}
.chat-block .write-answer .smile {
  position: absolute;
  top: 35px;
  right: 40px;
  cursor: pointer;
}
.chat-block .write-answer textarea {
  width: 100%;
  min-height: 100px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 15px 53px 20px 20px;
  margin-bottom: 15px;
}
.chat-block .chat-content {
  max-height: 740px;
  overflow-y: scroll;
  padding-right: 10px;
  margin-right: -10px;
}
.chat-block .chat-card {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.chat-block .chat-card:last-of-type {
  margin-bottom: 0;
}
.chat-block .chat-card .avatar {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  background: #EEEEEE url("../images/icon/avatar.svg") center no-repeat;
}
.chat-block .chat-card .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-block .chat-card-content {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 9px;
  padding: 15px 20px;
  flex: 1;
}
.chat-block .chat-card-content .name {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
.chat-block .chat-card-content p {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.chat-block .chat-card-content p:last-of-type {
  margin-bottom: 0;
}
.chat-block .chat-card-content .date {
  font-weight: normal;
  font-size: 12px;
  margin-top: 15px;
}
.chat-block .chat-card:not(.my) .chat-card-content {
  background-color: #eee;
}

.crate-good {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  font-weight: 500;
  font-size: 22px;
  background: #F7F7F7;
  border-radius: 9px;
  width: 100%;
  height: 95px;
  margin-bottom: 30px;
}

.drug-photo {
  width: 100%;
}
.drug-photo input[type=file] {
  visibility: hidden;
  position: absolute;
  left: -1000000px;
  pointer-events: none;
}
.drug-photo .drug-hear {
  width: 100%;
  height: 207px;
  background: #FFFFFF;
  border: 2px dashed #EEEEEE;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
  grid-column: 1/7;
}
.drug-photo .drug-hear img, .drug-photo .drug-hear svg {
  margin-bottom: 15px;
}
.drug-photo .drug-hear p {
  margin-bottom: 0;
  text-align: center;
  max-width: 385px;
  font-size: 12px;
  line-height: 15px;
  color: #949597;
}

.drug-photo {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  position: relative;
  margin-bottom: 30px;
}
.drug-photo.add__docs {
  display: flex;
  flex-direction: column;
}

.another-photo-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  width: 100%;
}

.another-photo .photo {
  border-radius: 9px;
  background: #eee url("../images/icon/noimg.svg") center no-repeat;
  -webkit-background-size: 60% auto;
  background-size: 60% auto;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.another-photo .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.another-photo .photo input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.another-photo .photo .del {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  z-index: 3;
  cursor: pointer;
  background: url("../images/icon/del.svg") 0 0 no-repeat;
}
.another-photo .photo img[src=""] + .del {
  display: none;
}

.dz-preview {
  position: relative;
  z-index: 3;
  /* > * {
       &:not(.dz-image) {
           &:not(.dz-remove) {
               display: none;
           }
       }
   }*/
}
.dz-preview .dz-image {
  padding-bottom: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.dz-preview .dz-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dz-remove {
  font-size: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.dz-remove:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: #fff url("../images/icon/del.svg") 0 0 no-repeat;
  border-radius: 100%;
}

.modal {
  width: 685px;
  max-width: calc(100% - 30px);
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(127, 139, 158, 0.2);
  border-radius: 20px;
  padding: 65px 45px 45px;
  /* Works on Chrome, Edge, and Safari */
}
.modal .heading {
  font-weight: 500;
  font-size: 30px;
  line-height: 160%;
  text-align: center;
  margin-bottom: 40px;
}
.modal .times {
  position: absolute;
  top: 25px;
  right: 25px;
}
.modal * {
  scrollbar-width: thin;
  scrollbar-color: #949597 #F7F7F7;
}
.modal *::-webkit-scrollbar {
  width: 8px;
}
.modal *::-webkit-scrollbar-track {
  background: transparent;
}
.modal *::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 3px solid transparent;
}
.modal form {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 495px;
  width: 100%;
  margin: 0 auto;
}
.modal form p {
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #282323;
}
.modal .details {
  flex-direction: column;
}
.modal .details .heading {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.modal .details .half {
  margin-bottom: 50px;
}
.modal .details .half:last-of-type {
  margin-bottom: 0;
}
.modal .link-container {
  margin-top: 20px;
}
.modal .link-container a {
  font-weight: 500;
  font-size: 14px;
  text-decoration-line: underline;
  color: #282323;
  margin: 0 15px;
}
.modal .link-container a:hover {
  text-decoration: none;
}
.modal .tabs, .modal .tabs-nav {
  width: 100%;
}
.modal .tab_content {
  margin-bottom: 0;
  width: 100%;
}

.add-description {
  max-height: 560px;
  overflow-y: scroll;
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  padding-right: 25px;
}
.add-description-row {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 25px;
}
.add-description-row .button {
  margin-left: auto;
}

.tabs-nav .tab {
  position: relative;
}
.tabs-nav .tab input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

.tab-content {
  width: 100%;
}
.tab-content .tab-item {
  display: none;
}

.quantity_admin > input {
  width: 20px;
}

.request-card-content .description .quantity-block {
  white-space: nowrap;
}

#registerForm .checkbox {
  align-items: flex-start;
}

.about-us, .about-platform {
  background-position: right top;
  background-size: 46% auto;
}

.blog-content ul li, .tab_item ul li, .blog-content ol li, .tab_item ol li {
  word-break: break-word;
}

/* style.css | https://oktown.com.ua/css/style.css */
.blog-content p, .tab_item p, .blog-content li, .tab_item li {
  word-break: break-word;
}

/*# sourceMappingURL=style.css.map */