@media (max-width: 990px) {
  .container {
    flex-direction: column !important;
  }
  .container .tf-lhs-col {
    width: 100% !important;
  }
}
@font-face {
  font-family: proximanova-bold;
  src: url(/fonts/proximanova-bold-webfont.woff2) format("woff2"),
    url(/fonts/proximanova-bold-webfont.woff) format("woff"),
    url(/fonts/proximanova-bold-webfont.ttf) format("truetype"),
    url(/fonts/proximanova-bold-webfont.svg#proxima_novaregular) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: proximanova-regular;
  src: url(/fonts/proximanova-regular-webfont.woff2) format("woff2"),
    url(/fonts/proximanova-regular-webfont.woff) format("woff"),
    url(/fonts/proximanova-regular-webfont.ttf) format("truetype"),
    url(/fonts/proximanova-regular-webfont.svg#proxima_novaregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@supports (--custom: property) {
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}
body,
html {
  margin: 0;
  padding: 0;
  height: auto;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
img:-moz-loading {
  visibility: hidden;
}
img:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/img/placeholder-no-image.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a:active,
a:focus,
a:hover {
  outline: 0;
}
::-moz-selection,
::-webkit-selection,
::selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
body {
  margin: 0;
  font-family: proximanova-regular, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  background-color: #f0f4fb;
}
@media (min-width: 768px) {
  body {
    background-color: #fafafa;
  }
}
b,
strong {
  font-family: proximanova-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wrapper {
  width: 100%;
  margin: auto;
  max-width: 998px;
}
#main-content {
  cursor: default;
}
.container {
  display: flex;
  flex-flow: row nowrap;
}
.container .tf-lhs-col {
  width: 664px;
  margin-right: 16px;
  align-self: flex-start;
}
input:focus {
  outline: 0;
}
button,
input {
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
  .header {
    background-color: #fff;
    margin-bottom: 8px;
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header {
    background-color: #fff;
    color: #212121;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
  }
}
.header__nav {
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav {
    background-color: #fff;
    margin: 0;
    position: relative;
    margin-bottom: 4px;
  }
  .header__nav:after {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(
      to right,
      rgba(164, 164, 164, 0) 0,
      rgba(164, 164, 164, 0.2) 50%,
      rgba(164, 164, 164, 0.8) 100%
    );
  }
}
.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .header__nav ul {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul {
    text-align: justify;
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.header__nav ul > li {
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .header__nav ul > li {
    flex: 0 1 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li {
    height: 43px;
    text-align: center;
    margin-right: 20px;
  }
}
.header__nav ul > li a {
  position: relative;
  text-decoration: none;
  color: #212121;
  font-size: 13px;
  padding: 13px 12px;
  display: block;
}
@media (min-width: 768px) {
  .header__nav ul > li a {
    font-weight: 400;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(33, 33, 33, 0.5);
    text-transform: uppercase;
    font-family: proximanova-bold, sans-serif;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 5px;
  }
}
.header__nav ul > li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  height: 3px;
  background-color: #d0021b;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.header__nav ul > li a.is-active {
  color: #c00000;
}
@media (min-width: size) {
  .header__nav ul > li a.is-active {
    color: #212121;
  }
}
.header__nav ul > li a.is-active:after {
  opacity: 1;
}
@media (min-width: 768px) {
  .header__nav ul > li:hover a {
    color: #c00000;
  }
  .header__nav ul > li:hover a:after {
    opacity: 1;
  }
  .header__nav ul > li:hover .sub-nav {
    display: flex;
  }
}
.header__nav ul > li.has-children:before {
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  top: 20px;
  right: 4px;

  background-image: url(/img/icon-arrow-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header__nav ul > li.has-children a {
  padding: 13px 22px 13px 12px;
}
.header__nav ul > li.has-children:hover:before {
  background-image: url(/img/icon-arrow-down.svg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li.has-children.is-active.has-children:before {
  background-image: url(/img/icon-arrow-down.svg);
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li .sub-nav {
  flex-direction: column;
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  top: 100%;
  left: 0;

  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}
.header__nav ul > li .sub-nav > li {
  text-align: left;
}
.header__nav ul > li .sub-nav > li a {
  font-size: 11px;
  letter-spacing: 0.71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.header__nav ul > li .sub-nav > li a:hover {
  background-color: #f3f3f3;
}
.header__nav ul > li .sub-nav > li a:after {
  display: none;
}
.header__nav ul > li .sub-nav > li.has-children:before {
  top: 12px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.header__nav ul > li .sub-nav > li.has-children:hover:before {
  background-image: url(/img/icon-arrow-down.svg);
  right: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

:root {
  --swiper-theme-color: #007aff;
}
.auth__subscribe > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: proximanova-regular, sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: auto;
  text-align: center;
  padding: 0 16px;
  font-family: proximanova-bold, sans-serif;
  font-size: 12px;
}
.auth__subscribe > a:active,
.auth__subscribe > a:focus,
.auth__subscribe > a:hover {
  background-color: #b0191e;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.header__nav {
  border-top: 1px solid #e9e9e9;
}
.header__nav ul > li a {
  font-size: 12px;
}
.header__nav ul > li.has-children:before {
  top: 18px;
}
.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
.article__date {
  font-size: 12px;
  color: #212121;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.3px;
  margin: 0;
}
.article__date:before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 6px;
  background-image: url(/img/icon-clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
:root {
  --box-height: 38px;
  --box-width: 38px;
  --currentColor: #dd1f26;
  --color-black: $brand-black;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-assets: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: 0;
}
.pswp * {
  box-sizing: border-box;
}
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #212121;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pswp__container {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__container {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: 0 0;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: 0;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/img/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: 0 0;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-assets: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-assets: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
}
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc;
}
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-assets: 1550;
}
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__caption,
.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: 0.001;
}
.article {
  padding: 16px;
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article {
    overflow: hidden;
    position: relative;
  }
}
.article__title {
  margin: 0 0 16px 0;
  font-size: 32px;
  line-height: 36px;
  color: #212121;
  font-family: proximanova-bold, sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 8px 0;
  }
}
.article__date {
  font-size: 12px;
}
.article__date:before {
  margin-bottom: 3px;
}
.article--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.article--top-bar {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .article--top-bar {
    margin-bottom: 16px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .article--top {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.article__details {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  flex-direction: column-reverse;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__details {
    margin-top: 8px;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    display: inline-flex;
  }
}
.article__details div {
  padding: 0 8px 0 0;
}
.article__details div:first-child {
  padding-left: 0;
}
.article .bookmark {
  font-size: 0;
  padding-right: 0;
}
.article .bookmark img {
  height: 20px;
}
.article__social-share {
  padding: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__social-share {
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
  }
}
.article__social-share .bookmark {
  flex: 0 0 auto;
}
.article__social-share .bookmark .button__icon {
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  height: 34px;
  justify-content: space-evenly;
  padding: 0 16px;
  font-size: 12px;
  line-height: 34px;
  color: #212121;
  align-items: center;
}
.article__social-share .bookmark .button__icon:focus,
.article__social-share .bookmark .button__icon:hover {
  background-color: #f5f5f5;
}
.article__social-share .bookmark .button__icon img {
  margin-right: 4px;
}
.article__social-share .bookmark .button__icon.show {
  display: flex;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__social-share .bookmark .button__icon {
    padding: 0 8px;
    line-height: 32px;
  }
  .article__social-share .bookmark .button__icon img {
    margin-right: 0;
  }
  .article__social-share .bookmark .button__icon span {
    display: none;
  }
}
.article__social-share .button__icon {
  border: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  height: 34px;
  justify-content: space-evenly;
  padding: 0 16px;
  font-size: 12px;
  line-height: 30px;
  color: #212121;
  margin-right: 8px;
  font-family: proximanova-regular, sans-serif;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.article__social-share .button__icon:focus,
.article__social-share .button__icon:hover {
  background-color: #f5f5f5;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__social-share .button__icon {
    padding: 0 16px;
    line-height: 32px;
    white-space: nowrap;
  }
}
.article__social-share .button__icon img {
  height: 20px;
  width: auto;
  margin-right: 4px;
}
.article__author {
  font-size: 12px;
  color: #212121;
}
@media (min-width: 768px) {
  .article__author {
    max-width: 250px;
  }
}
.article__body {
  font-size: 15px;
  line-height: 25px;
  color: #212121;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__body {
    font-size: 16px;
  }
}
.article__body a {
  color: #00086c;
  font-family: proximanova-bold, sans-serif;
}
.article__featured-image {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__featured-image {
    margin: 0 -16px 8px;
  }
}
.article__featured-image img {
  min-width: 100%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .article__details {
    flex-direction: column !important;
  }
  .article__social-share {
    position: relative;
  }
  .article__social-share .bookmark .button__icon {
    padding: 0 8px;
  }
  .article__social-share .bookmark .button__icon img {
    margin-right: 0;
  }
  .article__social-share .bookmark .button__icon span {
    display: none;
  }
}

/* Start custom CSS */
.container {
  max-width: 1240px;
  margin: 0px auto;
}

li.mostread::marker {
  font-size: 30px !important;
  font-weight: 400;
  color: #e91802;
}

/* search */ /* End custom CSS */
/* Start Custom Fonts CSS */

.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-title-text {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
}
.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-title-text
  a {
  color: var(--e-global-color-text);
}
.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-duration {
  color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
  .elementor-widget-video-playlist
    .e-tabs-items-wrapper
    .e-tab-title:where(.e-active, :hover)
    .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
}
@media (max-width: 767px) {
  .elementor-widget-video-playlist
    .e-tabs-items-wrapper
    .e-tab-title:where(.e-active, :hover)
    .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
} /* Start custom CSS for nav-menu, class: .elementor-element-395855d */ /* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4567c689 */ /* End custom CSS */
/* Start Custom Fonts CSS */

@font-face {
  font-family: "calibri";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: url("/fonts/calibri-bold-italic.ttf") format("truetype");
}
@font-face {
  font-family: "calibri";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: url("/fonts/calibri-italic.ttf") format("truetype");
}

.elementor-element:where(.e-con-full, .elementor-widget) {
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  align-content: var(--align-content);
  gap: var(--gap);
}

:root {
  --page-title-display: block;
}

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
  --margin-inline-end: auto;
  --margin-inline-start: auto;
  max-width: min(100%, var(--width));
}

:is(.e-con, .e-con > .e-con-inner)
  > .elementor-background-video-container:before {
  content: var(--background-overlay);
  display: block;
  position: absolute;
  mix-blend-mode: var(--overlay-mix-blend-mode);
  opacity: var(--overlay-opacity);
  transition: var(--overlay-transition, 0.3s);
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-block-start-width));
  left: calc(0px - var(--border-inline-start-width));
  width: max(
    100% + var(--border-inline-end-width) + var(--border-inline-start-width),
    100%
  );
  height: max(
    100% + var(--border-block-start-width) + var(--border-block-end-width),
    100%
  );
}

:is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container {
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-block-start-width));
  left: calc(0px - var(--border-inline-start-width));
  width: max(
    100% + var(--border-inline-end-width) + var(--border-inline-start-width),
    100%
  );
  height: max(
    100% + var(--border-block-start-width) + var(--border-block-end-width),
    100%
  );
}

@media (max-width: 767px) {
  :is(.e-con, .e-con > .e-con-inner)
    > .elementor-background-video-container.elementor-hidden-phone {
    display: none;
  }
}

:is(.e-con, .e-con > .e-con-inner)
  > .elementor-background-video-container:before {
  z-index: 1;
}

:is(.e-con, .e-con > .e-con-inner) > .elementor-background-slideshow:before {
  z-index: 2;
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets {
  bottom: 5px;
  left: 0;
  width: 100%;
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets
  .swiper-pagination-bullet,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-progressbar,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

@supports not (aspect-ratio: 1/1) {
}

.elementor-widget-n-tabs .e-n-tab-title:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
}

.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  opacity: 0;
}

.e--pointer-double-line.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-double-line.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  height: 0;
  width: 0;
  left: 50%;
}

.e--pointer-double-line.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: 10px;
}

.e--pointer-double-line.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  bottom: 10px;
}

.e--pointer-double-line.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: -10px;
}

.e--pointer-double-line.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  bottom: -10px;
}

.e--pointer-double-line.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  width: 10px;
  left: -20px;
}

.e--pointer-double-line.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  width: 10px;
  inset-inline-start: 100%;
}

.e--pointer-framed.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(0.75);
}

.e--pointer-framed.e--animation-shrink
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(1.25);
}

.e--pointer-background.e--animation-shrink
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(1.2);
  transition: 0.3s;
}

.e--pointer-background.e--animation-sweep-left
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  left: 100%;
}

.e--pointer-background.e--animation-sweep-right
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  right: 100%;
}

.e--pointer-background.e--animation-sweep-up
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: 100%;
}

.e--pointer-background.e--animation-sweep-down
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  bottom: 100%;
}

.e--pointer-background.e--animation-shutter-out-vertical
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  bottom: 50%;
  top: 50%;
}

.e--pointer-background.e--animation-shutter-out-horizontal
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  right: 50%;
  left: 50%;
}

:root {
  --mainColor: #df0606;
  --text: #ffffff;
  --input-color: #000;
  --valid-input-color: #000;
}

.Send-Us-Message-Btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  max-width: 350px;
  width: 100%;
  padding: 16px 36px;
  background-color: #4434f7;
  color: #fff;
  border: 2px solid #4434f7;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  font: 500 1rem / 1.5 poppins, -apple-system, BlinkMacSystemFont, segoe ui,
    Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji,
    segoe ui symbol, noto color emoji;
  transition: all 0.35s ease-in-out;
  font-size: 15px;
}
.Send-Us-Message-Btn:hover {
  box-shadow: 0px 0px 10px #df0606;
}

/* .Send-Us-Message-Btn {
    position: relative;
    padding: 8px 20px;
    border-radius: 0;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
} */

/* .Send-Us-Message-Btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            120deg,
            transparent,
            var(--mainColor),
            transparent
    );
    transform: translateX(-100%);
    transition: transform 0.6s ease-in-out;
}

.Send-Us-Message-Btn:hover {
    background: transparent;
    box-shadow: 0 0 20px 10px hsla(347, 70%, 53%, 0.5);
}

.Send-Us-Message-Btn:hover::before {
    transform: translateX(100%);
} */

.iti--separate-dial-code {
  padding: 0 !important;
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
}
/* .iti__selected-dial-code{
    color: #fff;
} */
.iti {
  width: 100%;
  margin-bottom: 20px;
}
.iti__arrow {
  display: none;
}

.form-header {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background: #4434f7;
  border-radius: 10px 10px 0 0;
}

aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fb-post {
  width: 100%;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddfe2;
  border-radius: 3px;
  font: 400 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fb-comment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin: 10px 0;
}

.fb-comment__avatar {
  height: 32px;
  min-width: 32px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 !important;
}

.btn_comm {
  width: 100%;
}

.fb-comment__text {
  /* max-width: 440px; */
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #1d2129;
  background-color: #f2f3f5;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fb-comment__text-input {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.comment-block-input__input {
  border: none;
  outline: none;
  background-color: inherit;
  flex: 0 1 70%;
}

.comment-block-input__button {
  border: none;
  font-weight: 500;
  float: right;
  cursor: pointer;
  color: #365899;
  padding: 10px;
}

.fb-comment__sort {
  color: #365899;
  cursor: pointer;
  margin: 10px 0;
}

.fb-comment__sort span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -408px -270px;
  background-repeat: no-repeat;
}

.fb-comment__avatar {
  height: 32px;
  min-width: 32px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 !important;
}

.fb-comment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.fb-comment__text {
  /* max-width: 440px; */
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #1d2129;
  background-color: #f2f3f5;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fb-comment__author {
  font-weight: 600;
  color: #365899;
  text-decoration: none;
}

.fb-comment__text a {
  color: #163860;
  cursor: pointer;
  transition: color 0.3s ease-in;
}

.fb-comment__like {
  position: absolute;
  bottom: 5;
  right: 0;
  height: 20px;
  width: 44px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #8d949e;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 1px 2px 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fb-comment__like img {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 3px;
  padding: 0 !important;
}

.fb-comment__react {
  text-decoration: none;
  color: #365899;
}

.fb-comment__react:after {
  content: "·";
  color: #606770;
  padding: 3px;
}

.fb-comment__posted {
  color: #606770;
}
@media print {
  body {
    display: none !important;
  }
}

@font-face {
  font-family: "proximanova-bold";
  src: url("/fonts/proximanova-bold-webfont.woff2") format("woff2"),
    url("/fonts/proximanova-bold-webfont.woff") format("woff"),
    url("/fonts/proximanova-bold-webfont.ttf") format("truetype"),
    url("/fonts/proximanova-bold-webfont.svg#proxima_novaregular") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "proximanova-regular";
  src: url("/fonts/proximanova-regular-webfont.woff2") format("woff2"),
    url("/fonts/proximanova-regular-webfont.woff") format("woff"),
    url("/fonts/proximanova-regular-webfont.ttf") format("truetype"),
    url("/fonts/proximanova-regular-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@supports (--custom: property) {
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
button,
[type="button"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
img:-moz-loading {
  visibility: hidden;
}
img:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/img/placeholder-no-image.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
a:focus,
a:active {
  outline: 0;
}
::selection,
::-webkit-selection,
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
body {
  margin: 0;
  font-family: "proximanova-regular", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  background-color: #f0f4fb;
}
@media (min-width: 768px) {
  body {
    padding-top: 58px;
    background-color: #fafafa;
  }
}
strong,
b {
  font-family: "proximanova-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wrapper {
  width: 980px;
  margin: auto;
}
#main-content {
  cursor: default;
}
@media (min-width: 10px) and (max-width: 768px) {
  #main-content {
    padding-bottom: 60px;
    width: 100vw;
    position: relative;
    background-color: #f0f4fb;
  }
}
@media (min-width: 768px) {
  #main-content {
    margin-bottom: 70px;
    padding: 0;
  }
  #main-content.wrapper {
    width: 996px;
    padding: 8px;
    background-color: #fafafa;
  }
}
.container {
  display: flex;
  flex-flow: row nowrap;
}
.container .tf-lhs-col {
  width: 664px;
  margin-right: 16px;
  align-self: flex-start;
}
input:focus {
  outline: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
  border: none;
  padding: 8px 16px;
  font-size: 16px;
}
button,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .header {
    background-color: #fff;
    margin-bottom: 8px;
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header {
    background-color: #fff;
    color: #212121;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
  }
}
.header__nav {
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav {
    background-color: #fff;
    margin: 0;
    position: relative;
    margin-bottom: 4px;
  }
  .header__nav:after {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(
      to right,
      rgba(164, 164, 164, 0) 0%,
      rgba(164, 164, 164, 0.2) 50%,
      rgba(164, 164, 164, 0.8) 100%
    );
  }
}
.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .header__nav ul {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul {
    text-align: justify;
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.header__nav ul > li {
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .header__nav ul > li {
    flex: 0 1 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li {
    height: 43px;
    text-align: center;
    margin-right: 20px;
  }
}
.header__nav ul > li a {
  position: relative;
  text-decoration: none;
  color: #212121;
  font-size: 13px;
  padding: 13px 12px;
  display: block;
}
@media (min-width: 768px) {
  .header__nav ul > li a {
    font-weight: 400;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(33, 33, 33, 0.5);
    text-transform: uppercase;
    font-family: "proximanova-bold", sans-serif;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 5px;
  }
}
.header__nav ul > li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  height: 3px;
  background-color: #d0021b;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.header__nav ul > li a.is-active {
  color: #c00000;
}
@media (min-width: size) {
  .header__nav ul > li a.is-active {
    color: #212121;
  }
}
.header__nav ul > li a.is-active:after {
  opacity: 1;
}
@media (min-width: 768px) {
  .header__nav ul > li:hover a {
    color: #c00000;
  }
  .header__nav ul > li:hover a:after {
    opacity: 1;
  }
  .header__nav ul > li:hover .sub-nav {
    display: flex;
  }
}
.header__nav ul > li.has-children:before {
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  top: 20px;
  right: 4px;
  z-index: 1;
  background-image: url("/img/icon-arrow-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header__nav ul > li.has-children a {
  padding: 13px 22px 13px 12px;
}
.header__nav ul > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-red-down.svg");
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li.has-children.is-active.has-children:before {
  background-image: url("/img/icon-arrow-red-down.svg");
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li .sub-nav,
.header__nav ul > li .sub-nav-child {
  flex-direction: column;
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}
.header__nav ul > li .sub-nav > li,
.header__nav ul > li .sub-nav-child > li {
  text-align: left;
}
.header__nav ul > li .sub-nav > li a,
.header__nav ul > li .sub-nav-child > li a {
  font-size: 11px;
  letter-spacing: 0.71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.header__nav ul > li .sub-nav > li a:hover,
.header__nav ul > li .sub-nav-child > li a:hover {
  background-color: #f3f3f3;
}
.header__nav ul > li .sub-nav > li a:after,
.header__nav ul > li .sub-nav-child > li a:after {
  display: none;
}
.header__nav ul > li .sub-nav > li.has-children:before {
  top: 12px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.header__nav ul > li .sub-nav > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-down.svg");
  right: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__nav ul > li .sub-nav > li:hover .sub-nav-child {
  display: flex;
}
.header__nav ul > li .sub-nav-child {
  left: 100%;
  top: 0;
}
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.auth__subscribe > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: auto;
  text-align: center;
  padding: 0 16px;
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
}
.auth__subscribe > a:hover,
.auth__subscribe > a:focus,
.auth__subscribe > a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__subscribe > a:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.header__nav {
  border-top: 1px solid #e9e9e9;
}
.header__nav ul > li a {
  font-size: 12px;
}
.header__nav ul > li.has-children:before {
  top: 18px;
}
.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}

@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  nav.header__nav {
    overflow-x: scroll;
  }

  .container .tf-lhs-col {
    margin-right: 0 !important;
  }

  .container {
    padding-top: 30px;
    justify-content: center;
  }
}

.pd8 {
  padding: 8px;
}

@media (max-width: 767.98px) {
  .pd8 {
    padding: 0px;
  }
}

#auth-section .auth {
  display: flex;
  align-items: center; /* по вертикалі */
  justify-content: flex-start; /* базово */
  gap: 15px; /* невеликий проміжок між елементами */
}

#auth-section .auth__login:first-child {
  margin-right: auto; /* логотип "штовхає" наступні елементи вправо */
}

/* Додатково можна трохи стилізувати інші елементи */
#auth-section .auth__login span,
#auth-section .auth__subscribe span {
  font-size: 14px;
  font-weight: 600;
}
#auth-section {
  background: #fff; /* білий фон */
  padding: 10px 10px; /* відступи */
}

.auth.profile--container {
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 13px; /* відстань між елементами */
  list-style: none;
  margin: 0;
  padding: 0;
}

.auth.profile--container li a {
  display: flex;
  align-items: center;
  color: #000; /* чорний текст */
  text-decoration: none;
}

.auth.profile--container img {
  width: auto;
}

/* =============COMMENTS============== */

.block-avatar {
  margin-right: 1rem;
}

.block-avatar img {
  border-radius: 50%;
  /* width: 50px; */
}

/* ==============CHECK============== */
.description {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}

/* Перший абзац зі списком */
.top-bullet {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 5px;
}

.top-bullet .dot {
  font-size: 20px;
  line-height: 1;
  margin-top: 2px;
}

/* Лінія під першим абзацом */
.divider-line {
  border: 0;
  border-top: 1px solid #000000;
  margin: 3px 0 15px 0;
}

.description p {
  margin: 0 0 12px 0;
  text-align: left;
  font-weight: 300;
}

.form-header {
  background-color: #ff002a;
}

form input {
  font-size: 16px !important;
  margin-top: 16px !important;
  width: 100% !important;
  padding: 12px 15px;
  box-sizing: border-box !important;
  color: #000 !important;
  line-height: 1;
  box-shadow: none;
  font-family: Arial;
  background: none;
  border: 2px solid #ff002a !important;
  border-radius: 8px;
}

.Send-Us-Message-Btn {
  background-color: #ff002a;
  border: 0;
}

.fb-comment__content {
  width: 100%;
}

.fb-comment__item {
  align-items: flex-start;
}
.fb-comment__text {
  white-space: normal;
  word-break: break-all;
}

.no-tap-effect {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background-color: transparent !important;
  color: inherit !important;
}

.no-tap-effect:focus,
.no-tap-effect:active {
  background-color: transparent !important;
  color: inherit !important;
  outline: none;
}

:root {
  --root-width: 100%;
  --root-max-width: none;
  --root-padding-left: 32px;
  --root-padding-top: 32px;
  --root-padding-right: 32px;
  --root-padding-bottom: 32px;
  --root-overflow: hidden;
  --root-bg: rgba(255, 255, 255, 1);
  --root-color: rgba(15, 15, 15, 1);
  --button-primary-bg: rgba(15, 15, 15, 1);
  --button-primary-hover-bg: rgba(28, 28, 28, 1);
  --button-primary-color: rgba(15, 15, 15, 1);
  --button-secondary-bg: rgba(230, 230, 230, 1);
  --button-secondary-hover-bg: rgba(217, 217, 217, 1);
  --button-secondary-color: rgba(15, 15, 15, 1);
  --button-normal-bg: rgba(15, 15, 15, 0.05);
  --button-normal-color: rgba(15, 15, 15, 1);
  --input-bg: rgba(15, 15, 15, 0.05);
  --input-color: rgba(15, 15, 15, 1);
  --input-placeholder-color: rgba(15, 15, 15, 0.5);
  --icon-close: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M1.458 1.458l21.084 21.084m0-21.084L1.458 22.542" /></svg>');
  --icon-back: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 11" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M1 5.5h15M5.5.55L.55 5.5l4.95 4.95" /></svg>');
  --icon-caret: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path fill="none" d="M1 3.95L5.95 8.9l4.95-4.95" /></svg>');
  --icon-arrow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path fill="none" d="M1 3.95L5.95 8.9l4.95-4.95" /></svg>');
  --icon-checkmark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="none" d="M2.11 5.56l2.83 2.83 4.95-4.95" /></svg>');
}

.footbar-root button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.footbar-root button {
  cursor: pointer;
}

.footbar-root button {
  margin: 0;
  padding: 0;
  background: 0 0;
  width: auto;
  height: auto;
  text-shadow: none;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  letter-spacing: normal;
  float: none;
  font-weight: 700;
  outline: initial;
}

.description {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.join-button {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  outline: 0;
  font-family: inherit;
  font-weight: 700;
  border-radius: 4px;
  transition: background-color 0.2s ease-out;
  line-height: 1.5;
  padding: 11px 23px;
  position: relative;
}

.join-button > span {
  display: block;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.join-button > * {
  min-width: 0;
}

#footbar-logo {
  display: none;
}

.join-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.join-button:active,
.join-button:disabled,
.join-button:focus,
.join-button:hover {
  outline: 0;
  text-decoration: none;
}

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

.join-button:active,
.join-button:focus,
.join-button:hover {
  color: var(--button-primary-color);
  background: var(--button-primary-hover-bg);
}

#btn-close {
  color: inherit;
  border: 0;
}

#btn-close::before {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: transform 0.3s, opacity 0.2s;
  opacity: 0.5;
  content: "";
}

#btn-close:hover::before {
  opacity: 1;
}

#btn-close::before {
  width: 11px;
  height: 11px;
  background-image: var(--icon-close);
}

#btn-close:hover::before {
  transform: rotate(90deg);
}

.pristine {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .pristine {
    width: auto;
    max-width: 100%;
  }
}

.footbar-content {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  .footbar-content {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.main-word {
  font-size: 16px;
  padding: 5px 0;
}

.description {
  margin: 0;
}

@media screen and (min-width: 960px) {
  .description {
    margin: 0 16px 0 0;
  }
}

.buttons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.footbar-root {
  -webkit-text-size-adjust: 100%;
  z-index: 2147483635;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  box-shadow: 0 -1px 2px 0 #ccc;
}

@font-face {
  font-family: emoji;
  src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI"),
    local(EmojiSymbols), local(Symbola);
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

.footbar-root {
  position: fixed;
  margin: 0 auto;
  width: var(--root-width);
  max-width: var(--root-max-width);
  min-height: 0;
  top: 0;
  left: 0;
  right: 0;
}

.footbar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: var(--root-overflow);
  padding: 5px 10px;
  background-color: var(--root-bg);
  color: var(--root-color);
}

.footbar-body {
  margin: 0 auto;
  width: 100%;
  min-width: 0;
}

@media screen and (min-width: 960px) {
  .footbar-body {
    width: auto;
  }
}

#btn-close {
  padding: 10px;
  position: absolute;
  z-index: 1;
}

#btn-close {
  top: 0;
  right: 0;
}

@media screen and (min-width: 960px) {
  #btn-close {
    top: auto;
    padding: 20px;
  }
}

.footbar-root {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

@media (max-width: 959px) {
  .pristine {
    display: flex;
    flex-flow: column;
    align-items: normal;
  }
}

@media (max-width: 959px) {
  .buttons-container {
    display: flex;
    flex-flow: column;
  }
}

.footbar-container {
  font-family: Sora, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55555556;
  border-radius: 0;
  box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15);
}

@media (min-width: 960px) {
  .footbar-container {
    box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);
  }
}

#btn-close:before {
  opacity: 0.3;
  width: 24px;
  height: 24px;
}

#btn-close:hover:before {
  opacity: 1;
}

#btn-close:before {
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
}

#btn-close:hover:before {
  transform: none;
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
}

.description {
  line-height: inherit;
}

@media (min-width: 960px) {
  .description {
    margin: 0 24px 0 0;
  }
}

.buttons-container {
  margin: -8px;
}

.buttons-container .join-button {
  margin: 5px;
  padding: 6px 14px;
  font-weight: 900;
  line-height: 1.55555556;
  border-radius: 0;
}

.join-button {
  border: 3px solid #0f0f0f;
  background-color: transparent;
}

.join-button:focus,
.join-button:hover {
  background-color: #0f0f0f;
  color: #fff;
}

.progressive15 {
  color: #65c466;
  padding: 0 0 5px 0;
  text-align: center;
  font-size: 18px;
}

.progressive15 strong {
  font-weight: 700;
  font-style: normal;
}

.first-mb {
  padding: 0 10px;
}

@media (min-width: 960px) {
  .description {
    margin: 0 32px 0 0;
  }
}

@media (max-width: 959.98px) {
  .buttons-container,
  .pristine {
    flex-direction: column;
    align-items: stretch;
  }

  .progressive15 {
    font-size: 18px;
  }
}

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

.first-mb img {
  height: 40px;
}

.progressive15 {
  color: #ff0;
}

.progressive15 {
  color: #ff002a;
  min-width: 150px;
}

.progressive15 strong {
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 450px) {
  .first-mb img {
    height: 47px;
  }
}

@media only screen and (max-width: 640px) {
  .first-mb img {
    width: 120px;
    height: auto;
    margin: 0 auto;
  }

  .first-mb {
    padding: 5px 0;
    text-align: center;
  }

  .pristine,
  .progressive15 {
    display: inline;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap;
  }

  .buttons-container .join-button {
    display: inline;
    margin: 5px;
    padding: 3px 20px;
  }

  .main-word {
    text-align: center;
    width: 100%;
    padding: 5px 0 0 0;
    font-size: 14px;
  }
}

.buttons-container a {
  text-decoration: none;
}

#footbar-fixed {
  display: none;
}

@media only screen and (max-width: 960px) {
  .first-mb {
    padding: 5px 0;
    text-align: center;
  }

  .pristine,
  .progressive15 {
    display: inline;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap;
  }

  .buttons-container .join-button {
    display: inline;
    margin: 5px;
    padding: 3px 20px;
  }
}

/* Start custom CSS */
.container {
  max-width: 1240px;
  margin: 0px auto;
}

li.mostread::marker {
  font-size: 30px !important;
  font-weight: 400;
  color: #e91802;
}

.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-title-text {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
}
.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-title-text
  a {
  color: var(--e-global-color-text);
}
.elementor-widget-video-playlist
  .e-tabs-items-wrapper
  .e-tab-title:where(.e-active, :hover)
  .e-tab-duration {
  color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
  .elementor-widget-video-playlist
    .e-tabs-items-wrapper
    .e-tab-title:where(.e-active, :hover)
    .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
}
@media (max-width: 767px) {
  .elementor-widget-video-playlist
    .e-tabs-items-wrapper
    .e-tab-title:where(.e-active, :hover)
    .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
}

.elementor-element:where(.e-con-full, .elementor-widget) {
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  align-content: var(--align-content);
  gap: var(--gap);
}

:root {
  --page-title-display: block;
}

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
  --margin-inline-end: auto;
  --margin-inline-start: auto;
  max-width: min(100%, var(--width));
}

:is(.e-con, .e-con > .e-con-inner)
  > .elementor-background-video-container:before {
  content: var(--background-overlay);
  display: block;
  position: absolute;
  mix-blend-mode: var(--overlay-mix-blend-mode);
  opacity: var(--overlay-opacity);
  transition: var(--overlay-transition, 0.3s);
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-block-start-width));
  left: calc(0px - var(--border-inline-start-width));
  width: max(
    100% + var(--border-inline-end-width) + var(--border-inline-start-width),
    100%
  );
  height: max(
    100% + var(--border-block-start-width) + var(--border-block-end-width),
    100%
  );
}

:is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container {
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-block-start-width));
  left: calc(0px - var(--border-inline-start-width));
  width: max(
    100% + var(--border-inline-end-width) + var(--border-inline-start-width),
    100%
  );
  height: max(
    100% + var(--border-block-start-width) + var(--border-block-end-width),
    100%
  );
}

@media (max-width: 767px) {
  :is(.e-con, .e-con > .e-con-inner)
    > .elementor-background-video-container.elementor-hidden-phone {
    display: none;
  }
}

:is(.e-con, .e-con > .e-con-inner)
  > .elementor-background-video-container:before {
  z-index: 1;
}

:is(.e-con, .e-con > .e-con-inner) > .elementor-background-slideshow:before {
  z-index: 2;
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets {
  bottom: 5px;
  left: 0;
  width: 100%;
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets
  .swiper-pagination-bullet,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.elementor-element
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-progressbar,
.elementor-lightbox
  :where(.swiper-container-horizontal)
  ~ .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

@supports not (aspect-ratio: 1/1) {
}

.elementor-widget-n-tabs .e-n-tab-title:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
}

.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  opacity: 0;
}

.e--pointer-double-line.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-double-line.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  height: 0;
  width: 0;
  left: 50%;
}

.e--pointer-double-line.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: 10px;
}

.e--pointer-double-line.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-drop-out
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  bottom: 10px;
}

.e--pointer-double-line.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-underline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: -10px;
}

.e--pointer-double-line.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-overline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-drop-in
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  bottom: -10px;
}

.e--pointer-double-line.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before,
.e--pointer-overline.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  width: 10px;
  left: -20px;
}

.e--pointer-double-line.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after,
.e--pointer-underline.e--animation-slide
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):after {
  width: 10px;
  inset-inline-start: 100%;
}

.e--pointer-framed.e--animation-grow
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(0.75);
}

.e--pointer-framed.e--animation-shrink
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(1.25);
}

.e--pointer-background.e--animation-shrink
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  transform: scale(1.2);
  transition: 0.3s;
}

.e--pointer-background.e--animation-sweep-left
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  left: 100%;
}

.e--pointer-background.e--animation-sweep-right
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  right: 100%;
}

.e--pointer-background.e--animation-sweep-up
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  top: 100%;
}

.e--pointer-background.e--animation-sweep-down
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  bottom: 100%;
}

.e--pointer-background.e--animation-shutter-out-vertical
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  bottom: 50%;
  top: 50%;
}

.e--pointer-background.e--animation-shutter-out-horizontal
  .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(
    .highlighted
  ):before {
  right: 50%;
  left: 50%;
}

:root {
  --mainColor: #df0606;
  --text: #ffffff;
  --input-color: #000;
  --valid-input-color: #000;
}
.Send-Us-Message-Wrapper {
  max-width: 450px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
/* #Send-Us-Message input::placeholder{
    color: #fff;
} */
/* #Send-Us-Message input:focus{
    outline: none;
    border: none;
    border: 1px solid blue;
} */

.Send-Us-Message-Btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  max-width: 350px;
  width: 100%;
  padding: 16px 36px;
  background-color: #4434f7;
  color: #fff;
  border: 2px solid #4434f7;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  font: 500 1rem / 1.5 poppins, -apple-system, BlinkMacSystemFont, segoe ui,
    Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji,
    segoe ui symbol, noto color emoji;
  transition: all 0.35s ease-in-out;
  font-size: 15px;
}
.Send-Us-Message-Btn:hover {
  box-shadow: 0px 0px 10px #df0606;
}

/* .Send-Us-Message-Btn {
    position: relative;
    padding: 8px 20px;
    border-radius: 0;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
} */

/* .Send-Us-Message-Btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            120deg,
            transparent,
            var(--mainColor),
            transparent
    );
    transform: translateX(-100%);
    transition: transform 0.6s ease-in-out;
}

.Send-Us-Message-Btn:hover {
    background: transparent;
    box-shadow: 0 0 20px 10px hsla(347, 70%, 53%, 0.5);
}

.Send-Us-Message-Btn:hover::before {
    transform: translateX(100%);
} */

.iti--separate-dial-code {
  padding: 0 !important;
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
}
/* .iti__selected-dial-code{
    color: #fff;
} */
.iti {
  width: 100%;
  margin-bottom: 20px;
}
.iti__arrow {
  display: none;
}

.form-header {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background: #4434f7;
  border-radius: 10px 10px 0 0;
}

aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fb-post {
  width: 100%;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddfe2;
  border-radius: 3px;
  font: 400 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fb-comment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin: 10px 0;
}

.fb-comment__avatar {
  height: 32px;
  min-width: 32px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 !important;
}

.btn_comm {
  width: 100%;
}

.fb-comment__text {
  /* max-width: 440px; */
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #1d2129;
  background-color: #f2f3f5;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fb-comment__text-input {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.comment-block-input__input {
  border: none;
  outline: none;
  background-color: inherit;
  flex: 0 1 70%;
}

.comment-block-input__button {
  border: none;
  font-weight: 500;
  float: right;
  cursor: pointer;
  color: #365899;
  padding: 10px;
}

.fb-comment__sort {
  color: #365899;
  cursor: pointer;
  margin: 10px 0;
}

.fb-comment__sort span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -408px -270px;
  background-repeat: no-repeat;
}

.fb-comment__avatar {
  height: 32px;
  min-width: 32px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 !important;
}

.fb-comment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.fb-comment__text {
  /* max-width: 440px; */
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #1d2129;
  background-color: #f2f3f5;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fb-comment__author {
  font-weight: 600;
  color: #365899;
  text-decoration: none;
}

.fb-comment__text a {
  color: #163860;
  cursor: pointer;
  transition: color 0.3s ease-in;
}

.fb-comment__like {
  position: absolute;
  bottom: 5;
  right: 0;
  height: 20px;
  width: 44px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #8d949e;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 1px 2px 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fb-comment__like img {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 3px;
  padding: 0 !important;
}

.fb-comment__react {
  text-decoration: none;
  color: #365899;
}

.fb-comment__react:after {
  content: "·";
  color: #606770;
  padding: 3px;
}

.fb-comment__posted {
  color: #606770;
}
@media print {
  body {
    display: none !important;
  }
}

@font-face {
  font-family: "proximanova-bold";
  src: url("/fonts/proximanova-bold-webfont.woff2") format("woff2"),
    url("/fonts/proximanova-bold-webfont.woff") format("woff"),
    url("/fonts/proximanova-bold-webfont.ttf") format("truetype"),
    url("/fonts/proximanova-bold-webfont.svg#proxima_novaregular") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "proximanova-regular";
  src: url("/fonts/proximanova-regular-webfont.woff2") format("woff2"),
    url("/fonts/proximanova-regular-webfont.woff") format("woff"),
    url("/fonts/proximanova-regular-webfont.ttf") format("truetype"),
    url("/fonts/proximanova-regular-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@supports (--custom: property) {
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
button,
[type="button"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
img:-moz-loading {
  visibility: hidden;
}
img:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/img/placeholder-no-image.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
a:focus,
a:active {
  outline: 0;
}
::selection,
::-webkit-selection,
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
body {
  margin: 0;
  font-family: "proximanova-regular", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  background-color: #f0f4fb;
}
@media (min-width: 768px) {
  body {
    padding-top: 58px;
    background-color: #fafafa;
  }
}
strong,
b {
  font-family: "proximanova-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wrapper {
  width: 980px;
  margin: auto;
}
#main-content {
  cursor: default;
}
@media (min-width: 10px) and (max-width: 768px) {
  #main-content {
    padding-bottom: 60px;
    width: 100vw;
    position: relative;
    background-color: #f0f4fb;
  }
}
@media (min-width: 768px) {
  #main-content {
    margin-bottom: 70px;
    padding: 0;
  }
  #main-content.wrapper {
    width: 996px;
    padding: 8px;
    background-color: #fafafa;
  }
}
.container {
  display: flex;
  flex-flow: row nowrap;
}
.container .tf-lhs-col {
  width: 664px;
  margin-right: 16px;
  align-self: flex-start;
}
input:focus {
  outline: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
  border: none;
  padding: 8px 16px;
  font-size: 16px;
}
button,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .header {
    background-color: #fff;
    margin-bottom: 8px;
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header {
    background-color: #fff;
    color: #212121;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
  }
}
.header__nav {
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav {
    background-color: #fff;
    margin: 0;
    position: relative;
    margin-bottom: 4px;
  }
  .header__nav:after {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(
      to right,
      rgba(164, 164, 164, 0) 0%,
      rgba(164, 164, 164, 0.2) 50%,
      rgba(164, 164, 164, 0.8) 100%
    );
  }
}
.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .header__nav ul {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul {
    text-align: justify;
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.header__nav ul > li {
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .header__nav ul > li {
    flex: 0 1 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li {
    height: 43px;
    text-align: center;
    margin-right: 20px;
  }
}
.header__nav ul > li a {
  position: relative;
  text-decoration: none;
  color: #212121;
  font-size: 13px;
  padding: 13px 12px;
  display: block;
}
@media (min-width: 768px) {
  .header__nav ul > li a {
    font-weight: 400;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(33, 33, 33, 0.5);
    text-transform: uppercase;
    font-family: "proximanova-bold", sans-serif;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 5px;
  }
}
.header__nav ul > li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  height: 3px;
  background-color: #d0021b;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.header__nav ul > li a.is-active {
  color: #c00000;
}
@media (min-width: size) {
  .header__nav ul > li a.is-active {
    color: #212121;
  }
}
.header__nav ul > li a.is-active:after {
  opacity: 1;
}
@media (min-width: 768px) {
  .header__nav ul > li:hover a {
    color: #c00000;
  }
  .header__nav ul > li:hover a:after {
    opacity: 1;
  }
  .header__nav ul > li:hover .sub-nav {
    display: flex;
  }
}
.header__nav ul > li.has-children:before {
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  top: 20px;
  right: 4px;
  z-index: 1;
  background-image: url("/img/icon-arrow-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header__nav ul > li.has-children a {
  padding: 13px 22px 13px 12px;
}
.header__nav ul > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-red-down.svg");
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li.has-children.is-active.has-children:before {
  background-image: url("/img/icon-arrow-red-down.svg");
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li .sub-nav,
.header__nav ul > li .sub-nav-child {
  flex-direction: column;
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}
.header__nav ul > li .sub-nav > li,
.header__nav ul > li .sub-nav-child > li {
  text-align: left;
}
.header__nav ul > li .sub-nav > li a,
.header__nav ul > li .sub-nav-child > li a {
  font-size: 11px;
  letter-spacing: 0.71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.header__nav ul > li .sub-nav > li a:hover,
.header__nav ul > li .sub-nav-child > li a:hover {
  background-color: #f3f3f3;
}
.header__nav ul > li .sub-nav > li a:after,
.header__nav ul > li .sub-nav-child > li a:after {
  display: none;
}
.header__nav ul > li .sub-nav > li.has-children:before {
  top: 12px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.header__nav ul > li .sub-nav > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-down.svg");
  right: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__nav ul > li .sub-nav > li:hover .sub-nav-child {
  display: flex;
}
.header__nav ul > li .sub-nav-child {
  left: 100%;
  top: 0;
}
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.auth__subscribe > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: auto;
  text-align: center;
  padding: 0 16px;
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
}
.auth__subscribe > a:hover,
.auth__subscribe > a:focus,
.auth__subscribe > a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__subscribe > a:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.header__nav {
  border-top: 1px solid #e9e9e9;
}
.header__nav ul > li a {
  font-size: 12px;
}
.header__nav ul > li.has-children:before {
  top: 18px;
}
.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}

@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  nav.header__nav {
    overflow-x: scroll;
  }

  .container .tf-lhs-col {
    margin-right: 0 !important;
  }

  .container {
    padding-top: 30px;
    justify-content: center;
  }
}

.pd8 {
  padding: 8px;
}

@media (max-width: 767.98px) {
  .pd8 {
    padding: 0px;
  }
}

#auth-section .auth {
  display: flex;
  align-items: center; /* по вертикалі */
  justify-content: flex-start; /* базово */
  gap: 15px; /* невеликий проміжок між елементами */
}

#auth-section .auth__login:first-child {
  margin-right: auto; /* логотип "штовхає" наступні елементи вправо */
}

/* Додатково можна трохи стилізувати інші елементи */
#auth-section .auth__login span,
#auth-section .auth__subscribe span {
  font-size: 14px;
  font-weight: 600;
}
#auth-section {
  background: #fff; /* білий фон */
  padding: 10px 10px; /* відступи */
}

.auth.profile--container {
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 13px; /* відстань між елементами */
  list-style: none;
  margin: 0;
  padding: 0;
}

.auth.profile--container li a {
  display: flex;
  align-items: center;
  color: #000; /* чорний текст */
  text-decoration: none;
}

.auth.profile--container img {
  width: auto;
}

/* =============COMMENTS============== */

.block-avatar {
  margin-right: 1rem;
}

.block-avatar img {
  border-radius: 50%;
  /* width: 50px; */
}

/* ==============CHECK============== */
.description {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}

/* Перший абзац зі списком */
.top-bullet {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 5px;
}

.top-bullet .dot {
  font-size: 20px;
  line-height: 1;
  margin-top: 2px;
}

/* Лінія під першим абзацом */
.divider-line {
  border: 0;
  border-top: 1px solid #000000;
  margin: 3px 0 15px 0;
}

.description p {
  margin: 0 0 12px 0;
  text-align: left;
  font-weight: 300;
}

.form-header {
  background-color: #0d1986;
}

form input {
  font-size: 16px !important;
  margin-top: 16px !important;
  width: 100% !important;
  padding: 12px 15px;
  box-sizing: border-box !important;
  color: #000 !important;
  line-height: 1;
  box-shadow: none;
  font-family: Arial;
  background: none;
  border: 2px solid #ff002a !important;
  border-radius: 8px;
}

.Send-Us-Message-Btn {
  background-color: #ff002a;
  border: 0;
}

.fb-comment__content {
  width: 100%;
}

.fb-comment__item {
  align-items: flex-start;
}
.fb-comment__text {
  white-space: normal;
  word-break: break-all;
}

.no-tap-effect {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background-color: transparent !important;
  color: inherit !important;
}

.no-tap-effect:focus,
.no-tap-effect:active {
  background-color: transparent !important;
  color: inherit !important;
  outline: none;
}

:root {
  --root-width: 100%;
  --root-max-width: none;
  --root-padding-left: 32px;
  --root-padding-top: 32px;
  --root-padding-right: 32px;
  --root-padding-bottom: 32px;
  --root-overflow: hidden;
  --root-bg: rgba(255, 255, 255, 1);
  --root-color: rgba(15, 15, 15, 1);
  --button-primary-bg: rgba(15, 15, 15, 1);
  --button-primary-hover-bg: rgba(28, 28, 28, 1);
  --button-primary-color: rgba(15, 15, 15, 1);
  --button-secondary-bg: rgba(230, 230, 230, 1);
  --button-secondary-hover-bg: rgba(217, 217, 217, 1);
  --button-secondary-color: rgba(15, 15, 15, 1);
  --button-normal-bg: rgba(15, 15, 15, 0.05);
  --button-normal-color: rgba(15, 15, 15, 1);
  --input-bg: rgba(15, 15, 15, 0.05);
  --input-color: rgba(15, 15, 15, 1);
  --input-placeholder-color: rgba(15, 15, 15, 0.5);
  --icon-close: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M1.458 1.458l21.084 21.084m0-21.084L1.458 22.542" /></svg>');
  --icon-back: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 11" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M1 5.5h15M5.5.55L.55 5.5l4.95 4.95" /></svg>');
  --icon-caret: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path fill="none" d="M1 3.95L5.95 8.9l4.95-4.95" /></svg>');
  --icon-arrow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path fill="none" d="M1 3.95L5.95 8.9l4.95-4.95" /></svg>');
  --icon-checkmark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="rgba(15,15,15,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="none" d="M2.11 5.56l2.83 2.83 4.95-4.95" /></svg>');
}

.footbar-root button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.footbar-root button {
  cursor: pointer;
}

.footbar-root button {
  margin: 0;
  padding: 0;
  background: 0 0;
  width: auto;
  height: auto;
  text-shadow: none;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  letter-spacing: normal;
  float: none;
  font-weight: 700;
  outline: initial;
}

.description {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.join-button {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  outline: 0;
  font-family: inherit;
  font-weight: 700;
  border-radius: 4px;
  transition: background-color 0.2s ease-out;
  line-height: 1.5;
  padding: 11px 23px;
  position: relative;
}

.join-button > span {
  display: block;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.join-button > * {
  min-width: 0;
}

#footbar-logo {
  display: none;
}

.join-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.join-button:active,
.join-button:disabled,
.join-button:focus,
.join-button:hover {
  outline: 0;
  text-decoration: none;
}

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

.join-button:active,
.join-button:focus,
.join-button:hover {
  color: var(--button-primary-color);
  background: var(--button-primary-hover-bg);
}

#btn-close {
  color: inherit;
  border: 0;
}

#btn-close::before {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: transform 0.3s, opacity 0.2s;
  opacity: 0.5;
  content: "";
}

#btn-close:hover::before {
  opacity: 1;
}

#btn-close::before {
  width: 11px;
  height: 11px;
  background-image: var(--icon-close);
}

#btn-close:hover::before {
  transform: rotate(90deg);
}

.pristine {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .pristine {
    width: auto;
    max-width: 100%;
  }
}

.footbar-content {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  .footbar-content {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.main-word {
  font-size: 16px;
  padding: 5px 0;
}

.description {
  margin: 0;
}

@media screen and (min-width: 960px) {
  .description {
    margin: 0 16px 0 0;
  }
}

.buttons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.footbar-root {
  -webkit-text-size-adjust: 100%;
  z-index: 2147483635;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  box-shadow: 0 -1px 2px 0 #ccc;
}

@font-face {
  font-family: emoji;
  src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI"),
    local(EmojiSymbols), local(Symbola);
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

.footbar-root {
  position: fixed;
  margin: 0 auto;
  width: var(--root-width);
  max-width: var(--root-max-width);
  min-height: 0;
  top: 0;
  left: 0;
  right: 0;
}

.footbar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: var(--root-overflow);
  padding: 5px 10px;
  background-color: var(--root-bg);
  color: var(--root-color);
}

.footbar-body {
  margin: 0 auto;
  width: 100%;
  min-width: 0;
}

@media screen and (min-width: 960px) {
  .footbar-body {
    width: auto;
  }
}

#btn-close {
  padding: 10px;
  position: absolute;
  z-index: 1;
}

#btn-close {
  top: 0;
  right: 0;
}

@media screen and (min-width: 960px) {
  #btn-close {
    top: auto;
    padding: 20px;
  }
}

.footbar-root {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

@media (max-width: 959px) {
  .pristine {
    display: flex;
    flex-flow: column;
    align-items: normal;
  }
}

@media (max-width: 959px) {
  .buttons-container {
    display: flex;
    flex-flow: column;
  }
}

.footbar-container {
  font-family: Sora, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55555556;
  border-radius: 0;
  box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15);
}

@media (min-width: 960px) {
  .footbar-container {
    box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);
  }
}

#btn-close:before {
  opacity: 0.3;
  width: 24px;
  height: 24px;
}

#btn-close:hover:before {
  opacity: 1;
}

#btn-close:before {
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
}

#btn-close:hover:before {
  transform: none;
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
}

.description {
  line-height: inherit;
}

@media (min-width: 960px) {
  .description {
    margin: 0 24px 0 0;
  }
}

.buttons-container {
  margin: -8px;
}

.buttons-container .join-button {
  margin: 5px;
  padding: 6px 14px;
  font-weight: 900;
  line-height: 1.55555556;
  border-radius: 0;
}

.join-button {
  border: 3px solid #0f0f0f;
  background-color: transparent;
}

.join-button:focus,
.join-button:hover {
  background-color: #0f0f0f;
  color: #fff;
}

.progressive15 {
  color: #65c466;
  padding: 0 0 5px 0;
  text-align: center;
  font-size: 18px;
}

.progressive15 strong {
  font-weight: 700;
  font-style: normal;
}

.first-mb {
  padding: 0 10px;
}

@media (min-width: 960px) {
  .description {
    margin: 0 32px 0 0;
  }
}

@media (max-width: 959.98px) {
  .buttons-container,
  .pristine {
    flex-direction: column;
    align-items: stretch;
  }

  .progressive15 {
    font-size: 18px;
  }
}

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

.first-mb img {
  height: 40px;
}

.progressive15 {
  color: #ff0;
}

.progressive15 {
  color: #ff002a;
  min-width: 150px;
}

.progressive15 strong {
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 450px) {
  .first-mb img {
    height: 47px;
  }
}

@media only screen and (max-width: 640px) {
  .first-mb img {
    width: 120px;
    height: auto;
    margin: 0 auto;
  }

  .first-mb {
    padding: 5px 0;
    text-align: center;
  }

  .pristine,
  .progressive15 {
    display: inline;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap;
  }

  .buttons-container .join-button {
    display: inline;
    margin: 5px;
    padding: 3px 20px;
  }

  .main-word {
    text-align: center;
    width: 100%;
    padding: 5px 0 0 0;
    font-size: 14px;
  }
}

.buttons-container a {
  text-decoration: none;
}

#footbar-fixed {
  display: none;
}

@media only screen and (max-width: 960px) {
  .first-mb {
    padding: 5px 0;
    text-align: center;
  }

  .pristine,
  .progressive15 {
    display: inline;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap;
  }

  .buttons-container .join-button {
    display: inline;
    margin: 5px;
    padding: 3px 20px;
  }
}
.link-text {
  color: #263992;
  text-decoration: underline;
}