@charset "UTF-8";
.button-primary-blue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #176FC1;
  color: #FFFFFF;
  outline: none;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: initial;
}
.button-primary-blue:hover {
  background-color: #3788D2;
  color: #FFFFFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-primary-blue:focus {
  outline: none;
}
.button-primary-blue:active {
  background-color: #1366B3;
  outline: none;
}
.button-primary-blue:disabled {
  background-color: #EBEBEB;
}

.button-primary-white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 42px;
  background: #FFFFFF;
  color: #176FC1;
  outline: none;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: initial;
}
.button-primary-white:hover {
  background-color: #EBEBEB;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-primary-white:focus {
  outline: none;
}
.button-primary-white:active {
  background-color: #FFFFFF;
  outline: none;
}
.button-primary-white:disabled {
  background-color: #EBEBEB;
}

.button-primary-yellow {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 80px;
  background: #FFC000;
  color: #2B2A35;
  outline: none;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: initial;
}
@media (max-width: 1200px) {
  .button-primary-yellow {
    padding: 12px 60px;
  }
}
@media (max-width: 1023px) {
  .button-primary-yellow {
    padding: 12px 50px;
  }
}
.button-primary-yellow:hover {
  background-color: #EBEBEB;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-primary-yellow:focus {
  outline: none;
}
.button-primary-yellow:active {
  background-color: #FFFFFF;
  outline: none;
}
.button-primary-yellow:disabled {
  background-color: #EBEBEB;
}

.button-secondary-white {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 42px;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: initial;
  background: #FFFFFF;
  color: #176FC1;
  outline: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #176FC1;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-secondary-white:hover {
  color: #FFFFFF;
  background-color: #3788D2;
  border-color: #3788D2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-secondary-white:focus {
  outline: none;
}
.button-secondary-white:active {
  outline: none;
  background-color: #1366B3;
  border-color: #1366B3;
}
.button-secondary-white:disabled {
  color: #E0E0E0;
  border-color: #E0E0E0;
  background-color: #EBEBEB;
}

.button-primary-transparent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background: transparent;
  color: #FFFFFF;
  outline: none;
  text-align: center;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: inherit;
}
.button-primary-transparent:hover {
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-primary-transparent:focus {
  outline: none;
}
.button-primary-transparent:active {
  background-color: #FFFFFF;
  outline: none;
}
.button-primary-transparent:disabled {
  background-color: #EBEBEB;
}

.show-more-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.show-more-link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 24px;
}
.show-more-link a span {
  font-size: 24px;
  margin: 0 5px;
}

.button-show-more {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: transparent;
  color: #176FC1;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 370px) {
  .button-show-more {
    font-size: 14px;
    line-height: 21px;
  }
}
.button-show-more:hover {
  color: #3788D2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button-show-more:focus {
  outline: none;
}
.button-show-more:active {
  color: #1366B3;
  outline: none;
}
.button-show-more:disabled {
  color: #EBEBEB;
}
@media (max-width: 767px) {
  .button-show-more span {
    font-size: 20px !important;
  }
}

.search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 64px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.search input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
}
.search button {
  -webkit-flex-basis: 85px;
      -ms-flex-preferred-size: 85px;
          flex-basis: 85px;
  background-color: transparent;
  font-size: 24px;
  color: #176FC1;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.search button:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1px;
  width: 1px;
  height: 28px;
  background-color: #E0E0E0;
}
.search button:hover {
  background-color: #176FC1;
  color: #FFFFFF;
}
.search button:hover:before {
  opacity: 0;
}
.search button:active, .search button:focus {
  outline: none;
}

.action-elem-with-icon__link {
  color: #176FC1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.action-elem-with-icon__link:hover {
  color: #3788D2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.action-elem-with-icon__button {
  color: #176FC1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: transparent;
  outline: none;
}
.action-elem-with-icon__button:focus {
  outline: none;
}
.action-elem-with-icon__hover {
  color: #176FC1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.action-elem-with-icon__hover:hover {
  color: #3788D2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.action-elem-with-icon__icon {
  font-size: 24px;
  margin-right: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.action-elem-with-icon__title {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.theme-mode-switcher_label {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
  margin: 0;
}
.theme-mode-switcher_track {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EBEBEB;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 16px;
  overflow: hidden;
}
.theme-mode-switcher_thumb {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.theme-mode-switcher_icon-light, .theme-mode-switcher_icon-dark {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #2F9BFF;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.theme-mode-switcher_icon-dark {
  visibility: hidden;
}
.theme-mode-switcher.dark-mode .theme-mode-switcher_track {
  background-color: #2F9BFF;
}
.theme-mode-switcher.dark-mode .theme-mode-switcher_thumb {
  left: 22px;
}
.theme-mode-switcher.dark-mode .theme-mode-switcher_icon-light {
  visibility: hidden !important;
}
.theme-mode-switcher.dark-mode .theme-mode-switcher_icon-dark {
  visibility: visible !important;
}
.theme-mode-switcher_checkbox {
  display: none;
}

.dropdown__active-item {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdown__active-item_text {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.dropdown__active-item_icon {
  font-size: 13px;
  position: relative;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.dropdown__active-item:hover {
  outline: none;
  color: #176FC1;
}
.dropdown__list {
  visibility: hidden;
  position: absolute;
  top: 32px;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  min-width: 100%;
  padding: 10px 0;
  opacity: 0;
  z-index: 2;
}
.dropdown__list_align_right {
  right: 0;
}
.dropdown__list_align_left {
  left: 0;
}
.dropdown__list li.dropdown__item_title {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  color: #6C7D8C;
  padding: 5px 30px 5px 15px;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown__list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A35;
  padding: 5px 10px;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown__list li a:hover {
  background-color: rgba(23, 111, 193, 0.1);
  color: #176FC1;
}
.dropdown__button-type .dropdown__active-item {
  height: 100%;
  background-color: transparent;
}
.dropdown__button-type .dropdown__active-item:active {
  outline: none;
}
.dropdown__button-type .dropdown__active-item:focus {
  outline: none;
}
.dropdown__button-type .dropdown__active-item.show {
  color: #176FC1;
}
.dropdown__button-type .dropdown__active-item.show + .dropdown__list {
  visibility: visible !important;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.dropdown__button-type .dropdown__active-item.show .dropdown__active-item_icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropdown__link-type .dropdown__active-item {
  color: #2B2A35;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdown__link-type .dropdown__list ul li a {
  padding: 5px 30px 5px 15px;
}
.dropdown__link-type:hover .dropdown__active-item {
  color: #176FC1;
}
.dropdown__link-type:hover .dropdown__active-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 40px;
  background-color: transparent;
  z-index: 1;
}
.dropdown__link-type:hover .dropdown__active-item_icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropdown__link-type:hover .dropdown__list {
  visibility: visible !important;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.dropdown__search-type .action-elem-with-icon__icon_close {
  display: none;
}
.dropdown__search-type .show .action-elem-with-icon__title {
  color: #6C7D8C;
}
.dropdown__search-type .show .action-elem-with-icon__icon {
  color: #6C7D8C;
}
.dropdown__search-type .show .action-elem-with-icon__icon_open {
  display: none;
}
.dropdown__search-type .show .action-elem-with-icon__icon_close {
  display: block;
}
.dropdown__search-type .dropdown__list {
  padding: 0;
  min-width: 814px;
  width: auto;
  top: 45px;
}
.dropdown__avatar-type .dropdown__active-item:after {
  height: 60px !important;
}
.dropdown__avatar-type .dropdown__list {
  top: 50px;
}
.dropdown__cart-type .action-elem-with-icon__icon_close {
  display: none;
}
.dropdown__cart-type .show .action-elem-with-icon__title {
  color: #6C7D8C;
}
.dropdown__cart-type .show .action-elem-with-icon__icon {
  color: #6C7D8C;
}
.dropdown__cart-type .show .action-elem-with-icon__icon_open {
  display: none;
}
.dropdown__cart-type .show .action-elem-with-icon__icon_close {
  display: block;
}
.dropdown__cart-type .dropdown__list {
  padding: 0;
  min-width: 398px;
  width: auto;
  top: 45px;
}

.popup-overlay {
  position: fixed;
  z-index: 7;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-overlay.show {
  display: block !important;
}
@media (max-width: 992px) {
  .popup-overlay {
    border-bottom: 1px solid #E0E0E0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.select-css {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 40px;
  margin-right: 31px;
}
.select-css__select {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: block;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #176FC1;
  padding-right: 20px;
  width: 100%;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border-bottom: 2px solid #176FC1;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41IDFMNi4yNSA2LjI1TDEgMSIgc3Ryb2tlPSIjMTc2RkMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0 top 50%;
  /* icon size, then gradient */
  background-size: 11px auto;
  /* Hide arrow icon in IE browsers */
}
.select-css__select_small {
  width: 120px;
}
.select-css__select_middle {
  width: 165px;
}
.select-css__select_large {
  width: 230px;
}
.select-css__select option {
  font-weight: normal;
}
.select-css__select::-ms-expand {
  display: none;
  outline: none;
}
.select-css__select:hover {
  outline: none;
}
.select-css__select:focus {
  outline: none;
}
.select-css__select:disabled, .select-css__select[aria-disabled=true] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
.select-css__select:disabled:hover,
.select-css__select .select-css[aria-disabled=true] {
  border-color: #aaa;
}
@media (max-width: 767px) {
  .select-css__select {
    visibility: visible !important;
    display: block;
    height: 100%;
    opacity: 1;
    overflow: initial;
    display: block !important;
  }
}
.select-css__preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #176FC1;
  padding-right: 20px;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border-bottom: 2px solid #176FC1;
  border-radius: 0;
  position: relative;
  top: -2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.select-css__preview:after {
  content: "";
  font-family: "icomoon" !important;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.select-css__preview.show:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 767px) {
  .select-css__preview {
    display: none;
    top: 0;
  }
}
.select-css__option {
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 15px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 8px 8px;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.select-css__option li {
  padding: 5px 20px;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A35;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.select-css__option li.active {
  background-color: rgba(23, 111, 193, 0.1);
  color: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.select-css__option li:hover {
  background-color: rgba(23, 111, 193, 0.1);
  color: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.select-css__option li[rel=hide] {
  display: none;
}
.select-css__option.show {
  visibility: visible;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.dropdown-links {
  height: 40px;
  position: relative;
}
.dropdown-links_large {
  width: 250px;
}
.dropdown-links__preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #176FC1;
  padding-right: 20px;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border-bottom: 2px solid #176FC1;
  border-radius: 0;
  position: relative;
  top: -2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.dropdown-links__preview:after {
  content: "";
  font-family: "icomoon" !important;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdown-links__preview.show:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.dropdown-links__list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 15px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 8px 8px;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.dropdown-links__list li a {
  padding: 5px 20px;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A35;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.dropdown-links__list li a.active {
  background-color: rgba(23, 111, 193, 0.1);
  color: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdown-links__list li a:hover {
  background-color: rgba(23, 111, 193, 0.1);
  color: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdown-links__list.show {
  visibility: visible;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 100px 30px;
  overflow-y: auto;
  z-index: -100;
  visibility: hidden;
}
.modal.visible {
  z-index: 999;
  visibility: visible;
}
.modal.visible .modal__background {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.modal.visible .modal__content {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.modal.hidden .modal__background {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.modal.hidden .modal__content {
  -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.modal__background {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.modal__content {
  position: relative;
  width: 100%;
  z-index: 2;
  padding: 60px 60px 100px 60px;
  max-width: 1015px;
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  .modal__content {
    padding: 45px 40px 75px 40px;
  }
}
@media (max-width: 767px) {
  .modal__content {
    padding: 25px 0;
  }
}
.modal__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .modal__heading {
    padding: 0 15px;
    margin-bottom: 10px;
  }
}
.modal__title {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0;
}
.modal__close {
  position: relative;
  font-size: 26px;
  color: #176FC1;
  height: 26px;
  padding-left: 20px;
}
.modal__close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  width: 1px;
  height: 30px;
  background-color: #E0E0E0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.modal__close span {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.modal__close span:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .modal__close {
    padding-left: 16px;
  }
}
@media (max-width: 1599px) {
  .modal {
    padding: 80px 30px;
  }
}
@media (max-width: 1023px) {
  .modal {
    padding: 80px 25px;
  }
}
@media (max-width: 767px) {
  .modal {
    padding: 60px 15px;
  }
}

.table {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  color: #6C7D8C;
}
.table thead {
  background-color: #F7F7F7;
  border: none;
}
.table thead th {
  vertical-align: middle;
  border: none;
  text-align: center;
  color: #2B2A35;
}
.table thead th:first-child {
  text-align: left;
}
.table tbody th {
  vertical-align: middle;
}
.table tbody tr:nth-child(2n) {
  background-color: #F7F7F7;
}
.table tbody tr td {
  vertical-align: middle;
  border: none;
  padding: 12px 8px;
  text-align: center;
}
.table tbody tr td:first-child {
  text-align: left;
  color: #2B2A35;
}
@media (max-width: 1023px) {
  .table tbody tr td {
    padding: 12px 5px;
  }
}
@media (max-width: 767px) {
  .table tbody tr td {
    padding: 12px 8px;
  }
}
@media (max-width: 767px) {
  .table {
    font-weight: 500;
  }
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir=rtl] .select-css__select,
:root:lang(ar) .select-css__select,
:root:lang(iw) .select-css__select {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.dark-mode .dropdown__button-type .dropdown__active-item.show {
  color: #2F9BFF;
}
.dark-mode .dropdown__link-type:hover .dropdown__active-item {
  color: #2F9BFF;
}
.dark-mode .dropdown__cart-type .show .action-elem-with-icon__icon {
  color: #B9BABA;
}
.dark-mode .dropdown__cart-type .show .action-elem-with-icon__title {
  color: #B9BABA;
}
.dark-mode .dropdown__search-type .show .action-elem-with-icon__icon {
  color: #B9BABA;
}
.dark-mode .dropdown__search-type .show .action-elem-with-icon__title {
  color: #B9BABA;
}
.dark-mode .button-secondary-white {
  background-color: transparent;
  border-color: #2F9BFF;
  color: #2F9BFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dark-mode .button-secondary-white:hover {
  background-color: #2F9BFF;
  color: #FFFFFF;
}
.dark-mode .button-show-more {
  color: #2F9BFF;
}
.dark-mode .button-show-more:hover {
  opacity: 0.9;
}
.dark-mode .button-primary-blue {
  background-color: #2F9BFF;
}
.dark-mode .popup-overlay {
  background-color: rgba(20, 22, 23, 0.8);
}
.dark-mode .select-css__select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41IDFMNi4yNSA2LjI1TDEgMSIgc3Ryb2tlPSIjMkY5QkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  color: #2F9BFF;
  border-color: #2F9BFF;
}
.dark-mode .select-css__preview {
  color: #2F9BFF;
  border-color: #2F9BFF;
}
.dark-mode .select-css__option {
  background-color: #141617;
  border: 1px solid #2B2D2E;
  border-top: none;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.dark-mode .select-css__option li {
  color: #FFFFFF;
}
.dark-mode .select-css__option li.active, .dark-mode .select-css__option li:hover {
  color: #2F9BFF;
}
.dark-mode .dropdown-links__preview {
  color: #2F9BFF;
  border-color: #2F9BFF;
}
.dark-mode .dropdown-links__list {
  background-color: #141617;
  border: 1px solid #2B2D2E;
  border-top: none;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.dark-mode .dropdown-links__list a {
  color: #FFFFFF;
}
.dark-mode .dropdown-links__list a.active, .dark-mode .dropdown-links__list a:hover {
  color: #2F9BFF;
}
.dark-mode .action-elem-with-icon__button {
  color: #2F9BFF;
}

.header__border-bottom {
  border-bottom: 1px solid #E0E0E0;
}

.text-page {
  padding: 25px 0 50px 0 !important;
}
.text-page__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .text-page__body {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.text-page__col_one {
  padding-right: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
}
@media (max-width: 1023px) {
  .text-page__col_one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
  }
}
@media (max-width: 767px) {
  .text-page__col_one {
    padding: 0;
    padding-bottom: 35px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.text-page__col_two {
  padding-left: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
}
@media (max-width: 1023px) {
  .text-page__col_two {
    padding-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
  }
}
@media (max-width: 767px) {
  .text-page__col_two {
    padding-top: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .text-page {
    padding: 15px 0 15px 0 !important;
  }
}
@media (max-width: 767px) {
  .text-page {
    padding: 30px 0 10px 0 !important;
  }
}

.sidebar {
  padding-top: 10px;
  padding-left: 45px;
}
.sidebar__menu {
  margin-bottom: 60px;
}
.sidebar__menu_mobile {
  display: none;
}
@media (max-width: 767px) {
  .sidebar__menu_mobile {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.sidebar__menu .mobile-menu__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .sidebar__menu .mobile-menu__list {
    max-height: 0px;
  }
}
.sidebar__menu .mobile-menu__heading {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.sidebar__menu .mobile-menu__heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  opacity: 0;
  background-color: #E0E0E0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__heading_title {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  position: relative;
  padding: 13px 10px 13px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__heading_button {
  color: #2B2A35;
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__heading_button span {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__heading.show + .mobile-menu__list {
  visibility: visible;
  max-height: 1500px;
}
.sidebar__menu .mobile-menu__heading.show:after {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__heading.show .mobile-menu__heading_button span {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__current-category {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  color: #6C7D8C;
  padding: 5px 20px;
  border-bottom: 1px solid #E0E0E0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__item {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__item a {
  padding: 13px 20px;
  color: #000000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__item a:hover {
  background-color: transparent;
  color: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .sidebar__menu .mobile-menu__item a {
    padding: 11px 20px;
  }
}
@media (max-width: 767px) {
  .sidebar__menu .mobile-menu__item a {
    padding: 13px 20px;
  }
}
.sidebar__menu .mobile-menu__item:nth-child(2n) {
  background-color: #F6F6F6;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__sub-list {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #FFFFFF;
  border-radius: 0;
}
.sidebar__menu .mobile-menu__sub-list a {
  color: #6C7D8C;
}
.sidebar__menu .mobile-menu__toggle-button {
  color: #2B2A35;
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__toggle-button:hover {
  background-color: #176FC1;
  color: #FFFFFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__menu .mobile-menu__toggle-button.show {
  background-color: #176FC1;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .sidebar__menu {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar__menu {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__menu {
    display: none;
  }
}
.sidebar__news-list {
  margin-bottom: 45px;
}
@media (max-width: 1200px) {
  .sidebar__news-list {
    margin-bottom: 35px;
  }
}
@media (max-width: 1023px) {
  .sidebar__news-list {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .sidebar__news-list {
    margin-bottom: 17px;
  }
}
.sidebar .headlines__list {
  padding: 0 !important;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .sidebar .headlines__list_body .news-card {
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .sidebar .headlines__list {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar .headlines__list {
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .sidebar .headlines__list {
    -webkit-box-flex: 100% !important;
    -webkit-flex: 100% !important;
        -ms-flex: 100% !important;
            flex: 100% !important;
  }
}
.sidebar__tournament-table {
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .sidebar__tournament-table {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar__tournament-table {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__tournament-table {
    margin-bottom: 30px;
  }
}
.sidebar__video-link-card {
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .sidebar__video-link-card {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar__video-link-card {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__video-link-card {
    margin-bottom: 30px;
  }
}
.sidebar__video-card {
  margin-bottom: 60px;
}
.sidebar__video-card .video-card__image {
  height: 240px;
}
@media (max-width: 1400px) {
  .sidebar__video-card .video-card__image {
    height: 222px;
  }
}
@media (max-width: 1200px) {
  .sidebar__video-card .video-card__image {
    height: 215px;
  }
}
@media (max-width: 1023px) {
  .sidebar__video-card .video-card__image {
    height: 165px;
  }
}
@media (max-width: 767px) {
  .sidebar__video-card .video-card__image {
    height: 215px;
  }
}
@media (max-width: 1023px) {
  .sidebar__video-card .video-card__button {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .sidebar__video-card .video-card__button {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1200px) {
  .sidebar__video-card {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar__video-card {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__video-card {
    margin-bottom: 30px;
  }
}
.sidebar__gallery-card {
  margin-bottom: 60px;
}
.sidebar__gallery-card .gallery-card__body {
  height: 270px;
}
@media (max-width: 1400px) {
  .sidebar__gallery-card .gallery-card__body {
    height: 252px;
  }
}
@media (max-width: 1200px) {
  .sidebar__gallery-card .gallery-card__body {
    height: 230px;
  }
}
@media (max-width: 1023px) {
  .sidebar__gallery-card .gallery-card__body {
    padding: 15px;
    height: 185px;
  }
}
@media (max-width: 767px) {
  .sidebar__gallery-card .gallery-card__body {
    padding: 20px;
    height: 252px;
  }
}
@media (max-width: 1200px) {
  .sidebar__gallery-card {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .sidebar__gallery-card {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__gallery-card {
    margin-bottom: 30px;
  }
}
@media (max-width: 1599px) {
  .sidebar {
    padding-left: 25px;
  }
}
@media (max-width: 1400px) {
  .sidebar {
    padding-left: 15px;
  }
}
@media (max-width: 1023px) {
  .sidebar {
    padding-top: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .sidebar {
    padding-top: 25px;
    padding-bottom: 0;
  }
}

.news-list__heading {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-list__heading h3 {
  color: #2B2A35;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.news-list__heading .show-more-link {
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .news-list__heading .show-more-link span {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .news-list__heading .show-more-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .news-list__heading {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .news-list__heading {
    margin-bottom: 2px;
  }
}
.news-list__body {
  position: relative;
}
.news-list__body:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.news-list__body .news-card:last-child {
  border: none;
}
@media (max-width: 992px) {
  .news-list__body .news-card:last-child {
    display: none;
  }
}
@media (max-width: 767px) {
  .news-list__body .news-card:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 992px) {
  .news-list__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .news-list__body {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .news-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.video-link-card__col_one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-link-card__col_two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 80px;
      -ms-flex-preferred-size: 80px;
          flex-basis: 80px;
}
@media (max-width: 992px) {
  .video-link-card__col_two {
    -webkit-flex-basis: 50px;
        -ms-flex-preferred-size: 50px;
            flex-basis: 50px;
  }
}
.video-link-card__link {
  position: relative;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 52px 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.video-link-card__link:hover .video-link-card__button {
  opacity: 1;
}
.video-link-card__link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: -o-linear-gradient(60.64deg, #0066B0 -27.82%, rgba(0, 148, 255, 0) 46.55%), -o-linear-gradient(18.59deg, #093A67 17.01%, rgba(23, 111, 193, 0) 58.38%, rgba(9, 58, 103, 0) 58.38%);
  background: linear-gradient(29.36deg, #0066B0 -27.82%, rgba(0, 148, 255, 0) 46.55%), linear-gradient(71.41deg, #093A67 17.01%, rgba(23, 111, 193, 0) 58.38%, rgba(9, 58, 103, 0) 58.38%);
}
@media (max-width: 1023px) {
  .video-link-card__link {
    padding: 40px 15px;
  }
}
@media (max-width: 767px) {
  .video-link-card__link {
    padding: 52px 30px;
  }
}
.video-link-card__title {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.video-link-card__description {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.video-link-card__button {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-link-card__button span {
  position: absolute;
  top: 50%;
  left: 52%;
  color: #FFFFFF;
  font-size: 22px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .video-link-card__button span {
    font-size: 22px;
  }
}
.video-link-card__button:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
.video-link-card__button_play {
  opacity: 0.8;
  background-color: #176FC1;
}
@media (max-width: 1023px) {
  .video-link-card__button {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .video-link-card__button {
    width: 60px;
    height: 60px;
  }
}

.buy-ticket-card {
  position: relative;
  padding: 15px 20px;
  border-radius: 8px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 60px;
}
.buy-ticket-card__row_one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 26px;
}
@media (max-width: 1023px) {
  .buy-ticket-card__row_one {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .buy-ticket-card__row_one {
    margin-bottom: 40px;
  }
}
.buy-ticket-card__team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.buy-ticket-card__team_image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2px;
}
.buy-ticket-card__team_image img {
  max-height: 100%;
  max-width: 90%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .buy-ticket-card__team_image {
    margin-bottom: 0;
  }
}
.buy-ticket-card__team_name {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1023px) {
  .buy-ticket-card__team_name {
    display: none;
  }
}
.buy-ticket-card__button a {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1200px) {
  .buy-ticket-card {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .buy-ticket-card {
    padding: 15px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .buy-ticket-card {
    padding: 15px 15px 25px 15px;
    margin-bottom: 30px;
  }
}

.dark-mode .header__border-bottom {
  border-bottom-color: #5A5C5D;
}
.dark-mode .section-title h3 {
  color: #FFFFFF;
}
.dark-mode .sidebar__menu .mobile-menu__main {
  border-color: #2B2D2E;
}
.dark-mode .sidebar__menu .mobile-menu__heading:after {
  background-color: #2B2D2E;
}
.dark-mode .sidebar__menu .mobile-menu__heading_title {
  color: #FFFFFF;
}
.dark-mode .sidebar__menu .mobile-menu__heading_button {
  color: #FFFFFF;
}
.dark-mode .sidebar__menu .mobile-menu__current-category {
  color: #FFFFFF;
  border-bottom-color: #2B2D2E;
}
.dark-mode .sidebar__menu .mobile-menu__item a {
  color: #FFFFFF;
}
.dark-mode .sidebar__menu .mobile-menu__item a:hover {
  color: #2F9BFF;
}
.dark-mode .sidebar__menu .mobile-menu__item:nth-child(2n) {
  background-color: #1F2022;
}
.dark-mode .sidebar__menu .mobile-menu__sub-list {
  background-color: #1F2022;
}
.dark-mode .sidebar__menu .mobile-menu__toggle-button {
  color: #FFFFFF;
}
.dark-mode .sidebar__menu .mobile-menu__toggle-button.show {
  background-color: #2F9BFF;
}
.dark-mode .sidebar__menu .mobile-menu__toggle-button:hover {
  background-color: #2F9BFF;
}
.dark-mode .news-list__heading h3 {
  color: #FFFFFF;
}
.dark-mode .news-list__body:after {
  background-color: #141617;
}

.breadcrumbs {
  padding: 20px 0;
}
.breadcrumbs__border-top {
  border-top: 1px solid #E0E0E0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1023px) {
  .breadcrumbs__border-top {
    border: none;
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumbs__item {
  position: relative;
  list-style: none;
  line-height: 0;
}
.breadcrumbs__item:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 0;
  width: 7px;
  height: 8px;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS45MTY5OSAxLjA4MzI1TDQuODMzNjYgMy45OTk5MkwxLjkxNjk5IDYuOTE2NTgiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.breadcrumbs__item:last-child:after {
  display: none;
}
.breadcrumbs__item:last-child a {
  pointer-events: none;
}
.breadcrumbs__item + .breadcrumbs__item {
  margin-left: 26px;
}
@media (max-width: 1599px) {
  .breadcrumbs__item + .breadcrumbs__item {
    margin-left: 26px;
  }
}
.breadcrumbs__item a {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  color: #6C7D8C;
  font-size: 13px;
  line-height: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.breadcrumbs__item a:hover {
  color: #176FC1;
}
.breadcrumbs__item a span {
  font-weight: bold;
}
@media (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}

.dark-mode .breadcrumbs__border-top {
  border-color: #5A5C5D;
}
.dark-mode .breadcrumbs__item:after {
  opacity: 0.5;
}
.dark-mode .breadcrumbs__item a {
  opacity: 1;
  color: #B9BABA;
}
.dark-mode .breadcrumbs__item a:hover {
  color: #2F9BFF;
}

.video-card__image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 188px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 10px;
}
.video-card__image:hover .video-card__button {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
.video-card__status {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  border-radius: 8px;
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #001D5C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-card__status span {
  margin-right: 5px;
}
.video-card__status_live {
  background-color: #EB5757;
}
.video-card__status_live span {
  -webkit-animation: blink 1.5s infinite;
          animation: blink 1.5s infinite;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.video-card__status_premium {
  background-color: #FFC000;
  color: #2B2A35;
}
.video-card__duration {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 8px;
  border-radius: 8px;
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: rgba(43, 42, 53, 0.7);
}
.video-card__duration span {
  font-size: 10px;
}
.video-card__button {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-card__button span {
  position: absolute;
  top: 50%;
  left: 52%;
  color: #FFFFFF;
  font-size: 22px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .video-card__button span {
    font-size: 22px;
  }
}
.video-card__button_play {
  opacity: 0.8;
  background-color: #176FC1;
}
.video-card__button_lock {
  opacity: 0.8;
  background-color: #FFFFFF;
}
.video-card__button_lock span {
  color: #176FC1;
}
@media (max-width: 767px) {
  .video-card__button {
    width: 50px;
    height: 50px;
  }
}
.video-card__category {
  margin-bottom: 2px;
}
.video-card__category a {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #176FC1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-card__category a:hover {
  text-decoration: underline;
}
.video-card__title {
  margin-bottom: 3px;
}
.video-card__title a {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A35;
  display: inline-block;
  max-height: 70px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-card__title a:hover {
  text-decoration: underline;
}
.video-card__date {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14.32px;
  color: #6C7D8C;
}

.dark-mode .video-card__category a {
  color: #2F9BFF;
}
.dark-mode .video-card__title a {
  color: #FFFFFF;
}

.video-slider-section__heading {
  margin-bottom: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .video-slider-section__heading .button-show-more span {
    margin-right: 0;
  }
}
@media (max-width: 1200px) {
  .video-slider-section__heading {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .video-slider-section__heading {
    margin-bottom: 20px;
  }
}
.video-slider-section__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 1200px) {
  .video-slider-section__body {
    margin: 0 -10px;
  }
}
@media (max-width: 1023px) {
  .video-slider-section__body {
    margin: 0 -15px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .video-slider-section__body {
    padding-left: 10px;
  }
}

.video-slider {
  max-width: calc(100% - 100px);
  max-height: 300px;
  overflow: hidden;
}
.video-slider.slick-initialized {
  overflow: visible;
}
.video-slider__item {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1200px) {
  .video-slider__item {
    padding: 0 10px;
  }
}
@media (max-width: 1023px) {
  .video-slider__item {
    width: 290px;
  }
}
@media (max-width: 767px) {
  .video-slider__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: 352px;
    padding: 0 4px;
  }
}
@media (max-width: 370px) {
  .video-slider__item {
    width: 300px;
  }
}
.video-slider__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.video-slider__nav svg #vertical-nav #next {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #vertical-nav #next #next-arrow path {
  fill: #176FC1;
}
.video-slider__nav svg #vertical-nav #next:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #vertical-nav #next:hover #next-arrow path {
  fill: #FFFFFF;
}
.video-slider__nav svg #vertical-nav #next #next-bg {
  stroke: #176FC1;
}
.video-slider__nav svg #vertical-nav #prev {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #vertical-nav #prev #prev-arrow path {
  fill: #176FC1;
}
.video-slider__nav svg #vertical-nav #prev:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #vertical-nav #prev:hover #prev-arrow path {
  fill: #FFFFFF;
}
.video-slider__nav svg #vertical-nav #prev #prev-bg {
  stroke: #176FC1;
}
.video-slider__nav svg #horizontal-nav #next {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #horizontal-nav #next #next-arrow path {
  fill: #176FC1;
}
.video-slider__nav svg #horizontal-nav #next:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #horizontal-nav #next:hover #next-arrow path {
  fill: #FFFFFF;
}
.video-slider__nav svg #horizontal-nav #next #next-bg {
  stroke: #176FC1;
}
.video-slider__nav svg #horizontal-nav #prev {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #horizontal-nav #prev #prev-arrow path {
  fill: #176FC1;
}
.video-slider__nav svg #horizontal-nav #prev:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.video-slider__nav svg #horizontal-nav #prev:hover #prev-arrow path {
  fill: #FFFFFF;
}
.video-slider__nav svg #horizontal-nav #prev #prev-bg {
  stroke: #176FC1;
}
@media (max-width: 767px) {
  .video-slider .slick-dots {
    margin-left: 5px !important;
  }
}
@media (max-width: 1200px) {
  .video-slider {
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .slider-navigation {
    width: 100%;
  }
}

.slider-nav {
  position: absolute;
  top: 30px;
  right: 45px;
  z-index: 2;
  overflow: hidden;
}
.slider-nav svg #vertical-nav #next {
  fill: transparent;
}
.slider-nav svg #vertical-nav #next-arrow path {
  fill: #176FC1;
}
.slider-nav svg #vertical-nav #next-bg {
  stroke: #176FC1;
}
.slider-nav svg #vertical-nav #next:hover {
  cursor: pointer;
  fill: #176FC1;
}
.slider-nav svg #vertical-nav #next:hover #next-arrow path {
  fill: #FFFFFF;
}
.slider-nav svg #vertical-nav #prev {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #vertical-nav #prev-arrow path {
  fill: #176FC1;
}
.slider-nav svg #vertical-nav #prev-bg {
  stroke: #176FC1;
}
.slider-nav svg #vertical-nav #prev:hover {
  cursor: pointer;
  fill: #176FC1;
}
.slider-nav svg #vertical-nav #prev:hover #next-arrow path {
  fill: #FFFFFF;
}
.slider-nav svg #horizontal-nav #next {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #horizontal-nav #next #next-arrow path {
  fill: #176FC1;
}
.slider-nav svg #horizontal-nav #next:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #horizontal-nav #next:hover #next-arrow path {
  fill: #FFFFFF;
}
.slider-nav svg #horizontal-nav #next #next-bg {
  stroke: #176FC1;
}
.slider-nav svg #horizontal-nav #prev {
  fill: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #horizontal-nav #prev #prev-arrow path {
  fill: #176FC1;
}
.slider-nav svg #horizontal-nav #prev:hover {
  cursor: pointer;
  fill: #176FC1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #horizontal-nav #prev:hover #prev-arrow path {
  fill: #FFFFFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-nav svg #horizontal-nav #prev #prev-bg {
  stroke: #176FC1;
}
.slider-nav_style_white svg #horizontal-nav #next #next-arrow path {
  fill: #FFFFFF;
}
.slider-nav_style_white svg #horizontal-nav #next:hover {
  fill: #FFFFFF;
}
.slider-nav_style_white svg #horizontal-nav #next:hover #next-arrow path {
  fill: #176FC1;
}
.slider-nav_style_white svg #horizontal-nav #next #next-bg {
  stroke: #FFFFFF;
}
.slider-nav_style_white svg #horizontal-nav #prev #prev-arrow path {
  fill: #FFFFFF;
}
.slider-nav_style_white svg #horizontal-nav #prev:hover {
  fill: #FFFFFF;
}
.slider-nav_style_white svg #horizontal-nav #prev:hover #prev-arrow path {
  fill: #176FC1;
}
.slider-nav_style_white svg #horizontal-nav #prev #prev-bg {
  stroke: #FFFFFF;
}
@media (max-width: 1200px) {
  .slider-nav {
    right: 40px;
  }
}

.slider__nav_vertical {
  max-width: 100px;
  padding-left: 15px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1200px) {
  .slider__nav_vertical {
    display: none;
  }
}

.slider__nav_horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.slider__nav_horizontal.dynamo-tv__slider-nav {
  padding: 0 15px;
  display: none;
}
@media (max-width: 1200px) {
  .slider__nav_horizontal.dynamo-tv__slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider__nav_horizontal.gallery__slider-nav {
  display: none;
}
@media (max-width: 1023px) {
  .slider__nav_horizontal.gallery__slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider__nav_horizontal.products__slider-nav {
  display: none;
}
@media (max-width: 1023px) {
  .slider__nav_horizontal.products__slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .slider__nav_horizontal {
    margin-top: 10px;
  }
}

.dark-mode .video-slider__nav svg #vertical-nav #next-bg,
.dark-mode .video-slider__nav svg #horizontal-nav #next-bg {
  stroke: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #next-arrow path,
.dark-mode .video-slider__nav svg #horizontal-nav #next-arrow path {
  fill: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #next:hover #next-bg,
.dark-mode .video-slider__nav svg #horizontal-nav #next:hover #next-bg {
  fill: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #next:hover #next-arrow path,
.dark-mode .video-slider__nav svg #horizontal-nav #next:hover #next-arrow path {
  fill: #FFFFFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #prev-bg,
.dark-mode .video-slider__nav svg #horizontal-nav #prev-bg {
  stroke: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #prev-arrow path,
.dark-mode .video-slider__nav svg #horizontal-nav #prev-arrow path {
  fill: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #prev:hover #prev-bg,
.dark-mode .video-slider__nav svg #horizontal-nav #prev:hover #prev-bg {
  fill: #2F9BFF !important;
}
.dark-mode .video-slider__nav svg #vertical-nav #prev:hover #prev-arrow path,
.dark-mode .video-slider__nav svg #horizontal-nav #prev:hover #prev-arrow path {
  fill: #FFFFFF !important;
}

.partners {
  padding: 60px 0 95px 0 !important;
}
.partners__top-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-bottom: 60px;
  padding: 70px 100px 0 100px;
  border-top: 1px solid #E0E0E0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .partners__top-list .partner-item.a-bank, .partners__top-list .partner-item.favbet {
    max-width: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .partners__top-list .partner-item.new-balance {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 767px) {
  .partners__top-list .partner-item__image {
    height: 50px !important;
  }
}
@media (max-width: 767px) {
  .partners__top-list .partner-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .partners__top-list {
    padding: 70px 50px 0 50px;
  }
}
@media (max-width: 767px) {
  .partners__top-list {
    padding: 20px 0 0 0;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.partners__middle-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .partners__middle-list .partner-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media (max-width: 767px) {
  .partners__middle-list .partner-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (max-width: 1023px) {
  .partners__middle-list .partner-item__second-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
    margin-top: 20px;
  }
}
.partners__middle-list .partner-item__image {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding: 0 24px;
}
@media (max-width: 1200px) {
  .partners__middle-list .partner-item__image {
    padding: 0 15px;
  }
}
@media (max-width: 1023px) {
  .partners__middle-list .partner-item__image {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .partners__middle-list .partner-item__image {
    padding: 0 5px;
  }
}
@media (max-width: 576px) {
  .partners__middle-list .partner-item__image {
    padding: 0;
  }
}
.partners__middle-list .winnerauto .partner-item__image {
  padding-left: 0;
}
@media (max-width: 1023px) {
  .partners__middle-list .winnerauto .partner-item__image {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .partners__middle-list .winnerauto .partner-item__image {
    padding-left: 5px;
  }
}
@media (max-width: 576px) {
  .partners__middle-list .winnerauto .partner-item__image {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .partners__middle-list .klo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30.3%;
        -ms-flex: 0 0 30.3%;
            flex: 0 0 30.3%;
  }
}
@media (max-width: 767px) {
  .partners__middle-list .morshinska {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36.3%;
        -ms-flex: 0 0 36.3%;
            flex: 0 0 36.3%;
  }
}
@media (max-width: 576px) {
  .partners__middle-list {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}
@media (max-width: 1023px) {
  .partners__middle-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .partners__middle-list {
    margin-bottom: 30px;
  }
}
.partners__bottom-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1023px) {
  .partners__bottom-list .partner-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.partners__bottom-list .partner-item__image {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding: 0 40px;
}
@media (max-width: 992px) {
  .partners__bottom-list .partner-item__image {
    padding: 0 15px;
  }
}
.partners__bottom-list_middle {
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .partners__bottom-list {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  .partners {
    padding: 50px 0 90px 0 !important;
  }
}
@media (max-width: 1023px) {
  .partners {
    padding: 30px 0 70px 0 !important;
  }
}
@media (max-width: 767px) {
  .partners {
    padding: 25px 0 70px 0 !important;
  }
}

.partner-item__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.partner-item__image a {
  position: relative;
  text-decoration: none;
}
.partner-item__image a .visible {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.partner-item__image a:hover svg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.partner-item__image a:hover .visible {
  opacity: 1;
}
.partner-item__image a svg {
  max-width: 100%;
}
.partner-item__image_size_big svg {
  max-height: 80px;
  width: auto;
}
.partner-item__image_size_medium svg {
  max-height: 40px;
  width: auto;
}
@media (max-width: 767px) {
  .partner-item__image {
    height: 50px;
  }
}
@media (max-width: 576px) {
  .partner-item__image {
    height: 40px;
  }
}
.partner-item__title {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A35;
  opacity: 0.9;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .partner-item__title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
}
.partner-item.a-bank svg {
  width: 203px;
  height: 57px;
}
@media (max-width: 767px) {
  .partner-item.a-bank svg {
    width: 136px;
    height: auto;
  }
}
.partner-item.new-balance svg {
  width: 127px;
  height: 70px;
}
@media (max-width: 767px) {
  .partner-item.new-balance svg {
    width: 90px;
    height: auto;
  }
}
.partner-item.favbet svg {
  width: 250px;
  height: 45px;
}
@media (max-width: 767px) {
  .partner-item.favbet svg {
    width: 150px;
    height: auto;
  }
}
.partner-item.winnerauto svg {
  width: 175px;
  height: 47px;
}
@media (max-width: 576px) {
  .partner-item.winnerauto svg {
    width: 100px;
    height: auto;
  }
}
@media (max-width: 370px) {
  .partner-item.winnerauto svg {
    width: 85px;
  }
}
.partner-item.dobrobut svg {
  width: 168px;
  height: 57px;
}
@media (max-width: 576px) {
  .partner-item.dobrobut svg {
    width: 91px;
    height: auto;
  }
}
@media (max-width: 370px) {
  .partner-item.dobrobut svg {
    width: 85px;
  }
}
.partner-item.gss svg {
  width: 117px;
  height: 39px;
}
@media (max-width: 576px) {
  .partner-item.gss svg {
    width: 65px;
    height: auto;
  }
}
@media (max-width: 370px) {
  .partner-item.gss svg {
    width: 58px;
  }
}
.partner-item.klo svg {
  min-width: 45px;
}
@media (max-width: 1200px) {
  .partner-item.klo svg {
    -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
            transform: translateY(13px);
  }
}
@media (max-width: 992px) {
  .partner-item.klo svg {
    min-width: initial;
  }
}
@media (max-width: 576px) {
  .partner-item.klo svg {
    width: 50px;
    height: auto;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.partner-item.rocket svg {
  height: 37px;
  width: 191px;
}
@media (max-width: 576px) {
  .partner-item.rocket svg {
    max-width: 50px;
    max-height: 11px;
  }
}
@media (max-width: 576px) {
  .partner-item.arber svg {
    width: 75px;
    height: auto;
  }
}
@media (max-width: 576px) {
  .partner-item.morshinska svg {
    width: 115px;
    height: auto;
  }
}
.partner-item.arma svg {
  width: 139px;
  height: 40px;
}
@media (max-width: 576px) {
  .partner-item.arma svg {
    width: 75px;
    height: auto;
  }
}
.partner-item.pit-bull svg {
  max-height: 55px;
}
@media (max-width: 1200px) {
  .partner-item.pit-bull svg {
    min-width: 110px;
  }
}
@media (max-width: 992px) {
  .partner-item.pit-bull svg {
    min-width: initial;
  }
}
@media (max-width: 576px) {
  .partner-item.pit-bull svg {
    height: 35px;
    max-width: initial;
    max-height: initial;
    width: 40px;
    margin-top: 18px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

.dark-mode .partners__top-list {
  border-color: #2B2D2E;
}
.dark-mode .partner-item__title {
  color: #B9BABA;
}

.section__padding-space {
  padding: 60px 0;
}
@media (max-width: 1400px) {
  .section__padding-space {
    padding: 50px 0;
  }
}
@media (max-width: 1023px) {
  .section__padding-space {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section__padding-space {
    padding: 25px 0;
  }
}

.slick-dots {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 30px;
  z-index: 1;
  padding: 0 30px;
  margin: 0;
}
.slick-dots_inside {
  left: 0;
}
.slick-dots li {
  display: inline-block;
  margin-right: 15px;
  height: 8px;
}
.slick-dots li button {
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFFFFF;
  opacity: 0.25;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slick-dots li button:hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li.slick-active button {
  opacity: 1;
}
@media (max-width: 1023px) {
  .slick-dots {
    padding: 0 25px;
  }
}
@media (max-width: 767px) {
  .slick-dots {
    padding: 0 15px;
    bottom: 15px;
  }
}

.slider-dots_outside .slick-dots {
  left: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding: 0;
  bottom: -48px;
  margin-left: -690px;
}
.slider-dots_outside .slick-dots li button {
  background-color: #EBEBEB;
  opacity: 1;
}
.slider-dots_outside .slick-dots li button:hover {
  background-color: #176FC1;
}
.slider-dots_outside .slick-dots li button:focus {
  outline: none;
}
.slider-dots_outside .slick-dots li.slick-active button {
  background-color: #176FC1;
}
@media (max-width: 1599px) {
  .slider-dots_outside .slick-dots {
    margin-left: -625px;
  }
}
@media (max-width: 1400px) {
  .slider-dots_outside .slick-dots {
    margin-left: -585px;
  }
}
@media (max-width: 1200px) {
  .slider-dots_outside .slick-dots {
    margin-left: 15px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .slider-dots_outside .slick-dots {
    bottom: -42px;
  }
}

.headlines-video {
  position: relative;
  overflow: hidden;
  padding: 0 0 60px 0;
}
.headlines-video .video {
  width: 100%;
  height: auto;
}
.headlines-video__body {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}
.headlines-video__body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .headlines-video__body {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .headlines-video__body {
    margin-bottom: 15px;
  }
}
.headlines-video__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.headlines-video__poster.hidden {
  opacity: 0;
  z-index: -3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.headlines-video__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #ffffffcc;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.headlines-video__play-button span {
  color: #176FC1;
  font-size: 50px;
  margin-left: 4px;
}
@media (max-width: 1400px) {
  .headlines-video__play-button span {
    font-size: 45px;
  }
}
@media (max-width: 1023px) {
  .headlines-video__play-button span {
    font-size: 40px;
    margin-left: 2px;
  }
}
@media (max-width: 767px) {
  .headlines-video__play-button span {
    font-size: 30px;
  }
}
.headlines-video__play-button:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #FFFFFF;
}
@media (max-width: 1400px) {
  .headlines-video__play-button {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1023px) {
  .headlines-video__play-button {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 767px) {
  .headlines-video__play-button {
    width: 60px;
    height: 60px;
  }
}
.headlines-video__title {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  color: #2B2A35;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .headlines-video__title {
    margin-bottom: 15px;
  }
}
.headlines-video__description {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
  color: #2B2A35;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .headlines-video__description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .headlines-video__description {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
.headlines-video__more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .headlines-video__more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.headlines-video__date {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #6C7D8C;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .headlines-video__date {
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
  }
}
.headlines-video .social-networks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.headlines-video .social-networks__title {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #6C7D8C;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .headlines-video .social-networks__title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.headlines-video .social-networks__item + .headlines-video .social-networks__item {
  margin-left: 18px;
}
.headlines-video .social-networks__item a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 36px;
  height: 36px;
  position: relative;
  color: #2B2A35;
  font-size: 24px;
  border: 1px solid #E0E0E0;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headlines-video .social-networks__item a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.headlines-video .social-networks__item a span.icon-twiiter {
  font-size: 25px;
  margin-top: 1px;
  margin-left: 1px;
}
.headlines-video .social-networks__item a span.icon-telegram {
  font-size: 18px;
}
.headlines-video .social-networks__item a:hover {
  color: #176FC1;
}
@media (max-width: 992px) {
  .headlines-video .social-networks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .headlines-video .social-networks {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .headlines-video {
    padding: 0 0 50px 0;
  }
}
@media (max-width: 1023px) {
  .headlines-video {
    padding: 0 0 40px 0;
  }
}
@media (max-width: 767px) {
  .headlines-video {
    padding: 15px 0 30px 0;
  }
}

.last-video .video-slider {
  max-width: 100%;
}
@media (max-width: 1200px) {
  .last-video .dynamo-tv__slider-nav {
    display: none;
  }
}
@media (max-width: 1023px) {
  .last-video .dynamo-tv__slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .last-video {
    padding-bottom: 35px;
  }
}

.dark-mode .headlines-video__title {
  color: #FFFFFF;
}
.dark-mode .headlines-video__description {
  color: #FFFFFF;
}
.dark-mode .headlines-video .social-networks__item a {
  color: #FFFFFF;
  border: 1px solid #e0e0e033;
}
.dark-mode .headlines-video .social-networks__item a:hover {
  color: #2F9BFF;
  background-color: #2f9bff33;
  border: none;
}
.dark-mode .slider-dots_inside .slick-dots li button, .dark-mode .slider-dots_outside .slick-dots li button {
  background-color: #B9BABA;
}
.dark-mode .slider-dots_inside .slick-dots li.slick-active button, .dark-mode .slider-dots_outside .slick-dots li.slick-active button {
  background-color: #2F9BFF;
}