* {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

body {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

/* Colors */

/* General */

.button {
  padding: 16px 28px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.button-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.button-icon svg {
  width: 100%;
  height: 100%;
}

.button-text {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.button-red {
  background: #D33B2D;
  border: 1px solid #D33B2D;
}

.button-red .button-text {
  color: #fff;
}

.button-red .button-icon {
  margin: 0 0 0 10px;
}

.button-red .button-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.button-red:hover {
  background: #fff;
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.button-red:hover .button-text {
  color: #D33B2D;
}

.button-red:hover .button-icon svg path {
  fill: #D33B2D;
}

.circle {
  width: 17px;
  height: 17px;
  min-width: 17px;
  border-radius: 50%;
  overflow: hidden;
}

table,
th,
td {
  border: 1px solid #000;
  border-collapse: collapse;
}

table p,
th p,
td p {
  margin: 0;
  padding: 0;
}

/* App Preloader */

.app-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: -1;
  background: #fff;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
}

.app-preloader.active {
  opacity: 1;
  z-index: 100;
}

.app-preloader svg {
  width: 50px;
  height: 50px;
  -webkit-animation: animationRotate infinite 2s linear;
          animation: animationRotate infinite 2s linear;
}

.app-preloader svg path {
  fill: #5AB9E3;
}

/* App Wrapper */

.app-wrapper {
  min-height: 100vh;
}

/* App Header */

.header {
  width: 100%;
  background: #fff;
}

.header__container {
  width: 100%;
  max-width: 1768px;
  padding: 0 20px;
  margin-inline: auto;
}

.header__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 34px 35px 44px 46px;
}

.header__logo {
  max-width: 220px;
}

.header__logo img {
  width: 100%;
  height: 100%;
  display: block;
}

.header__logo svg {
  width: 100%;
  height: 100%;
}

.header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 28px 0 0;
}

.header__sign-icon {
  margin: 0 8px 0 0;
}

.header__sign-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header__sign-text {
  font-size: 16px;
  font-weight: 500;
  text-decoration-line: underline;
  color: #3A3A3A;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header__sign:hover .header__sign-icon svg path {
  fill: #5AB9E3;
}

.header__sign:hover .header__sign-text {
  color: #5AB9E3;
}

/* App Block */

.app-block {
  width: 100%;
  max-width: 1768px;
  margin-inline: auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* App Menu */

.app-menu {
  width: 20%;
  background: #fff;
  height: calc(100vh - 136px);
  max-height: calc(100vh - 136px);
  overflow: auto;
  min-width: 331px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu.sticky {
  height: 100vh;
  max-height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.app-menu::-webkit-scrollbar {
  width: 8px;
  background: #fff;
}

.app-menu::-webkit-scrollbar-thumb {
  width: 8px;
  background: #5AB9E3;
  border-radius: 6px;
}

.app-menu__close {
  display: none;
}

.app-menu__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  list-style-type: none;
  padding: 35px 21px;
}

.app-menu__item {
  width: 100%;
}

.app-menu__item.admin.open .app-menu__item-head {
  border: 1px solid #006600;
  background: #006600;
}

.app-menu__item.admin.open .app-menu__item-icon svg path {
  fill: #fff;
}

.app-menu__item.admin.open:hover .app-menu__item-circle {
  background: #fff;
}

.app-menu__item.admin.open:hover .app-menu__item-text {
  color: #fff;
}

.app-menu__item.admin.open:hover .app-menu__item-icon svg path {
  fill: #fff !important;
}

.app-menu__item.admin .app-menu__item-circle {
  background: #339933;
}

.app-menu__item.admin .app-menu__item-text {
  color: #339933;
}

.app-menu__item.admin .app-menu__item-icon svg path {
  fill: #339933;
}

.app-menu__item.admin:hover .app-menu__item-circle {
  background: #006600;
}

.app-menu__item.admin:hover .app-menu__item-text {
  color: #006600;
}

.app-menu__item.admin:hover .app-menu__item-icon svg path {
  fill: #006600;
}

.app-menu__item.open .app-menu__item-head {
  border: 1px solid #5AB9E3;
  background: #5AB9E3;
}

.app-menu__item.open .app-menu__item-head:hover .app-menu__item-circle {
  background: #fff;
}

.app-menu__item.open .app-menu__item-head:hover .app-menu__item-text {
  color: #fff;
}

.app-menu__item.open .app-menu__item-head:hover .app-menu__item-icon svg path {
  fill: #9B9DAD;
}

.app-menu__item.open .app-menu__item-circle {
  background: #fff;
}

.app-menu__item.open .app-menu__item-text {
  color: #fff;
}

.app-menu__item.open .app-menu__subwrapper {
  max-height: 1000px;
}

.app-menu__item-head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 25px 28px 25px 43px;
  border-radius: 11px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid transparent;
  position: relative;
  z-index: 2;
}

.app-menu__item-head:hover .app-menu__item-circle {
  background: #5AB9E3;
}

.app-menu__item-head:hover .app-menu__item-text {
  color: #5AB9E3;
}

.app-menu__item-head:hover .app-menu__item-icon svg path {
  fill: #5AB9E3;
}

.app-menu__item-circle {
  background: rgba(155, 157, 173, 0.3);
  margin: 0 14px 0 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu__item-text {
  font-size: 16px;
  font-weight: 600;
  color: #9B9DAD;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu__item-icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 auto;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu__item-icon svg {
  width: 100%;
  height: 100%;
}

.app-menu__item-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu__subwrapper {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin: -6px 0 0 0;
}

.app-menu__subitems {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  background: #F6F7FA;
  list-style-type: none;
  padding: 17px 27px 17px 33px;
  border-radius: 0 0 11px 11px;
}

.app-menu__subitem {
  width: 100%;
  border-bottom: 1px solid rgba(155, 157, 173, 0.15);
}

.app-menu__subitem:nth-last-of-type(1) {
  border-bottom: 0;
}

.app-menu__subitem.active .app-menu__subitem-text {
  color: #3A3A3A;
}

.app-menu__subitem.active .app-menu__subitem-icon svg path {
  fill: #3A3A3A;
}

.app-menu__subitem:hover .app-menu__subitem-text {
  color: #3A3A3A;
}

.app-menu__subitem:hover .app-menu__subitem-icon svg path {
  fill: #3A3A3A;
}

.app-menu__subitem-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 17px 0;
}

.app-menu__subitem-text {
  font-size: 16px;
  font-weight: 400;
  color: #9B9DAD;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-menu__subitem-icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
}

.app-menu__subitem-icon svg {
  width: 100%;
  height: 100%;
}

.app-menu__subitem-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* App Content */

.app-content {
  width: calc(80% - 35px);
  margin: 0 35px 0 0;
  padding: 40px 40px 20px 40px;
  background: #F6F7FA;
  border-radius: 20px 20px 0 0;
}

/* App Search */

.app-search {
  width: 100%;
  position: relative;
  margin: 0 0 35px 0;
  padding: 87px 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.4%, #201B32), to(#353047));
  background: -o-linear-gradient(left, #201B32 0.4%, #353047 100%);
  background: linear-gradient(90deg, #201B32 0.4%, #353047 100%);
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  overflow: hidden;
}

.app-search__mini {
  padding: 27px 0;
}

.app-search__mini .app-search__title {
  display: none;
}

.app-search__mini .app-search__background {
  height: auto;
}

.app-search__mini .app-search__background img {
  max-height: 142px;
}

.app-search__background {
  max-width: 519px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.app-search__background img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.app-search__content {
  max-width: 417px;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.app-search__title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}

.app-search__title::after {
  display: block;
  content: url("data:image/svg+xml,%3Csvg width='72' height='9' viewBox='0 0 72 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.857104 3.16924C4.29896 4.11992 7.98134 3.96571 11.5242 4.29631C22.8173 4.9665 34.1193 3.964 45.416 3.84039C45.7187 3.85155 46.3192 3.83781 47.0615 3.82074C44.1475 4.60511 40.8191 5.38683 37.9209 5.92567C37.2843 5.97995 36.6618 6.14626 36.0813 6.41707C35.9637 6.51415 35.8694 6.63701 35.8057 6.77631C35.742 6.91561 35.7105 7.06767 35.7137 7.22095C35.7168 7.37422 35.7545 7.52466 35.8238 7.66082C35.8931 7.79699 35.9923 7.91529 36.1138 8.00673C36.6442 8.23567 37.2278 8.31012 37.7986 8.22168C47.4087 7.63768 57.1952 7.55015 66.5689 5.10654C68.1837 4.53716 70.1711 4.22462 71.2824 2.80543C72.2806 1.51976 70.4997 0.153894 69.6979 1.60659C66.4853 4.23783 54.9143 5.18579 47.6622 5.68856C47.9437 5.61415 48.2259 5.54221 48.5071 5.4671C50.1271 4.95174 51.87 4.639 53.3763 3.84262C53.5701 3.68002 53.7009 3.4534 53.7453 3.20299C53.7898 2.95258 53.745 2.69458 53.6191 2.47481C52.9186 1.51869 51.2475 1.94507 50.2017 1.82759C33.6873 1.761 16.4832 3.84138 1.21518 1.27658C0.993766 1.28472 0.78147 1.36871 0.613131 1.51477C0.4448 1.66082 0.330422 1.86026 0.288792 2.08035C0.247162 2.30044 0.280742 2.5281 0.384018 2.72597C0.487294 2.92383 0.654087 3.08014 0.857104 3.16924Z' fill='%23D33B2D'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: calc(100% - 10px);
}

.app-search__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 11px;
}

.app-search__form-icon {
  position: absolute;
  left: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-search__form form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-search__form form input[type=search] {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #3A3A3A;
  width: 100%;
  border-radius: 11px;
  background: #F6F7FA;
  padding: 21px 23px 21px 46px;
  outline: none;
  border: 2px solid #F6F7FA;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-search__form form input[type=search]::-webkit-input-placeholder {
  color: #9B9DAD;
}

.app-search__form form input[type=search]::-moz-placeholder {
  color: #9B9DAD;
}

.app-search__form form input[type=search]:-ms-input-placeholder {
  color: #9B9DAD;
}

.app-search__form form input[type=search]::-ms-input-placeholder {
  color: #9B9DAD;
}

.app-search__form form input[type=search]::placeholder {
  color: #9B9DAD;
}

.app-search__form form input[type=search]:focus {
  border: 2px solid #5AB9E3;
}

.app-search__form form button {
  display: none;
}

/* Dropdown Search */

zd-autocomplete {
  min-width: 0 !important;
}

zd-autocomplete zd-autocomplete-header {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color: #3A3A3A;
}

zd-autocomplete zd-autocomplete-multibrand {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

zd-autocomplete zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  max-width: 100% !important;
  width: 100% !important;
  display: inline-block !important;
  overflow: visible;
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 12px 0;
  color: #5AB9E3;
  word-break: break-all !important;
}

zd-autocomplete zd-autocomplete-multibrand zd-autocomplete-title-multibrand em {
  color: #0491c4;
}

zd-autocomplete zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
  max-width: 100% !important;
  width: 100% !important;
  display: inline-block !important;
  overflow: visible;
  font-size: 14px;
  line-height: 16px;
  color: #3A3A3A;
  word-break: break-all !important;
}

/* App Sticky */

.app-sticky {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.app-sticky__item {
  padding: 20px 20px 12px 20px;
  -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.03);
  background: #fff;
  border-radius: 10px;
  width: 31%;
  margin: 0 3.5% 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-sticky__item:nth-of-type(3n+3) {
  margin: 0 0 32px 0;
}

.app-sticky__item:hover {
  -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15);
}

.app-sticky__item:hover .app-sticky__item-image img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

.app-sticky__item-image {
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  height: 195px;
  margin: 0 0 15px 0;
  position: relative;
}

.app-sticky__item-image:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #5AB9E3;
  mix-blend-mode: multiply;
  display: block;
  content: "";
}

.app-sticky__item-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-sticky__item-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #000;
  margin: 0 0 10px 0;
}

.app-sticky__item-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-sticky__item-button:hover .app-sticky__item-button-text {
  color: #5AB9E3;
}

.app-sticky__item-button:hover .app-sticky__item-button-icon svg path {
  fill: #5AB9E3;
}

.app-sticky__item-button-text {
  font-size: 14px;
  font-weight: 500;
  text-decoration-line: underline;
  color: #353047;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-sticky__item-button-icon {
  margin: 0 0 0 3px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-sticky__item-button-icon svg {
  width: 100%;
  height: 100%;
}

.app-sticky__item-button-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* App Common */

/* Internal Section */

.app-common,
.app-internal-section {
  width: 100%;
}

.app-common__title,
.app-internal-section__title {
  width: 100%;
  text-align: left;
  font-size: 31.25px;
  font-weight: 700;
  color: #000;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #E1E2E6;
}

.app-common__items,
.app-internal-section__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.app-common__item,
.app-internal-section__item {
  width: 100%;
  padding: 20px 37px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
  margin: 0 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-common__item:hover,
.app-internal-section__item:hover {
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.15);
}

.app-common__item-square,
.app-internal-section__item-square {
  width: 78px;
  height: 78px;
  min-width: 78px;
  background: #5AB9E3;
  margin: 0 17px 0 0;
  border-radius: 5px;
}

.app-common__item-category,
.app-internal-section__item-category {
  font-size: 16px;
  font-weight: 600;
  color: #727272;
}

.app-common__item-desc,
.app-internal-section__item-desc {
  padding: 0 10px 0 0;
}

.app-common__item-title,
.app-internal-section__item-title {
  font-size: 25px;
  font-weight: 600;
  color: #000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-common__item-button,
.app-internal-section__item-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 auto;
}

.app-common__item-button:hover .app-common__item-button-text,
.app-internal-section__item-button:hover .app-common__item-button-text {
  color: #5AB9E3;
}

.app-common__item-button:hover .app-common__item-button-icon svg path,
.app-internal-section__item-button:hover .app-common__item-button-icon svg path {
  fill: #5AB9E3;
}

.app-common__item-button-text,
.app-internal-section__item-button-text {
  font-size: 14px;
  font-weight: 500;
  text-decoration-line: underline;
  color: #353047;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-common__item-button-icon,
.app-internal-section__item-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin: 0 0 0 3px;
}

.app-common__item-button-icon svg,
.app-internal-section__item-button-icon svg {
  width: 100%;
  height: 100%;
}

.app-common__item-button-icon svg path,
.app-internal-section__item-button-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* App Opinion */

.app-op {
  width: 100%;
  position: relative;
  padding: 44px 76px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
}

.app-op__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.app-op__background img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.app-op__background:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  content: "";
  background: -webkit-gradient(linear, left top, right top, color-stop(0.4%, #201B32), to(rgba(53, 48, 71, 0.63)));
  background: -o-linear-gradient(left, #201B32 0.4%, rgba(53, 48, 71, 0.63) 100%);
  background: linear-gradient(90deg, #201B32 0.4%, rgba(53, 48, 71, 0.63) 100%);
}

.app-op__content {
  position: relative;
  z-index: 2;
  max-width: 481px;
  margin: 0 auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.app-op__title {
  font-size: 31.25px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20px 0;
}

.app-op__text {
  font-size: 16px;
  line-height: 23.6px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 20px 0;
}

/* App Posts */

.app-posts,
.app-internal-posts {
  width: 100%;
}

.app-posts__title,
.app-internal-posts__title {
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  color: #000;
  text-align: left;
  padding: 0 0 18px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #E1E2E6;
}

.app-posts__items,
.app-internal-posts__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.app-posts__item,
.app-internal-posts__item {
  width: 49%;
  margin: 0 2% 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding: 17px 30px 17px 20px;
  border-radius: 10px;
  background: #fff;
}

.app-posts__item:hover,
.app-internal-posts__item:hover {
  -webkit-box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 21px 10px rgba(0, 0, 0, 0.15);
}

.app-posts__item:nth-of-type(2n+2),
.app-internal-posts__item:nth-of-type(2n+2) {
  margin: 0 0 20px 0;
}

.app-posts__item-circle,
.app-internal-posts__item-circle {
  width: 41px;
  min-width: 41px;
  height: 41px;
  border-radius: 50%;
  overflow: hidden;
  background: #5AB9E3;
  margin: 0 19px 0 0;
}

.app-posts__item-title,
.app-internal-posts__item-title {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  max-width: 399px;
  padding: 0 10px 0 0;
}

.app-posts__item-button,
.app-internal-posts__item-button {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-posts__item-button:hover .app-posts__item-button-text,
.app-internal-posts__item-button:hover .app-posts__item-button-text {
  color: #5AB9E3;
}

.app-posts__item-button:hover .app-posts__item-button-icon svg path,
.app-internal-posts__item-button:hover .app-posts__item-button-icon svg path {
  fill: #5AB9E3;
}

.app-posts__item-button-text,
.app-internal-posts__item-button-text {
  font-size: 14px;
  font-weight: 500;
  color: #353047;
  text-decoration-line: underline;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-posts__item-button-icon,
.app-internal-posts__item-button-icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin: 0 0 0 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-posts__item-button-icon svg,
.app-internal-posts__item-button-icon svg {
  width: 100%;
  height: 100%;
}

.app-posts__item-button-icon svg path,
.app-internal-posts__item-button-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* App Result */

.app-result {
  width: 100%;
}

.app-result__title {
  font-size: 25px;
  font-weight: 400;
  color: #000;
  padding: 0 0 18px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #E1E2E6;
}

.app-result__title span {
  font-weight: 700;
  padding: 0 11px 0 0;
}

.app-result__item {
  width: 100%;
  margin: 0 0 20px 0;
}

.app-result__item .app-posts__item-title {
  max-width: 725px;
  padding: 0 10px 0 0;
}

/* App Post */

.app-post {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.app-post__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5% 0 0;
  min-width: 150px;
}

.app-post__back:hover .app-post__back-text {
  color: #5AB9E3;
}

.app-post__back:hover .app-post__back-icon svg path {
  fill: #5AB9E3;
}

.app-post__back-icon {
  margin: 3px 9px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-post__back-icon svg {
  width: 100%;
  height: 100%;
}

.app-post__back-icon svg path {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-post__back-text {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-post__content {
  max-width: 797px;
}

.app-post__title {
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  color: #000;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #E1E2E6;
}

.app-post__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.6px;
  color: #000;
}

.app-post__text p,
.app-post__text ul,
.app-post__text ol {
  margin: 0 0 20px 0;
}

.app-post__text ul,
.app-post__text ol {
  list-style-position: inside;
}

.app-post__text a {
  font-size: 16px;
  line-height: 100%;
  color: #5AB9E3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-post__text a:hover {
  color: #0491c4;
  text-decoration: underline;
}

.app-post__text li {
  margin: 0 0 12px 0;
}

.app-post__text li:nth-last-of-type(1) {
  margin: 0;
}

.app-post__text table p {
  margin: 0;
  padding: 0;
}

.app-post__att {
  width: 100%;
  margin: 24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.app-post__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0 0 18px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #9B9DAD;
}

.app-post__item:nth-last-of-type(1) {
  margin: 0;
  border-bottom: 0;
}

.app-post__item-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0 10px 0 0;
}

.app-post__item-icon svg {
  width: 100%;
  height: 100%;
}

.app-post__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.app-post__item-link {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color: #5AB9E3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin: 0 0 8px 0;
  word-break: break-all;
}

.app-post__item-link:hover {
  color: #0491c4;
}

.app-post__item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #9B9DAD;
}

.app-post__item-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-post__item-size:after {
  width: 4px;
  height: 4px;
  min-width: 4px;
  border-radius: 50%;
  background: #9B9DAD;
  display: block;
  content: "";
  margin: 0 12px;
}

.app-post__item-download {
  color: #9B9DAD;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.app-post__item-download:hover {
  color: #0491c4;
}

/* Zendesk */

/* General */

.container-divider {
  display: none;
}

.error-page {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.error-page h1 {
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 700;
  color: #3A3A3A;
  text-align: center;
  margin: 0 0 12px 0;
}

.error-page h2 {
  font-size: 25px;
  line-height: 1.1em;
  color: #3A3A3A;
  margin: 0 0 12px 0;
}

.error-page p {
  font-size: 16px;
  line-height: 1.1em;
  color: #3A3A3A;
  margin: 0 0 12px 0;
}

.error-page a {
  font-size: 16px;
  color: #5AB9E3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.error-page a:hover {
  color: #0491c4;
}

.powered-by-zendesk {
  display: none;
}

.pagination {
  width: 100%;
}

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pagination-list li {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  border: 1px solid #5AB9E3;
  color: #5AB9E3;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin: 0 12px 0 0;
}

.pagination-list li:nth-last-of-type(1) {
  margin: 0;
}

.pagination-list li:hover {
  color: #fff;
  background: #0491c4;
  border: 1px solid #0491c4;
}

.pagination-list li:hover a {
  color: #fff;
}

.pagination-list li:hover a span {
  color: #fff;
}

.pagination-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  line-height: 43px;
  font-weight: 600;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #5AB9E3;
}

.pagination-list li a span.pagination-prev-text,
.pagination-list li a span.pagination-first-text,
.pagination-list li a span.pagination-next-text,
.pagination-list li a span.pagination-last-text {
  display: none;
}

.sub-nav__request {
  display: none;
}

.request__title {
  font-size: 32px;
  line-height: 110%;
  color: #000;
  margin: 0 0 20px 0;
}

.request__content {
  margin: 0;
  max-width: 100%;
}

.request__content form {
  width: 100%;
}

.request__content form footer {
  margin: 20px 0 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.request__content form footer input[type=submit] {
  padding: 14px 35px;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  border: 1px solid #5AB9E3;
  background: #5AB9E3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 6px;
}

.request__content form footer input[type=submit]:hover {
  background: #fff;
  color: #5AB9E3;
}

.request__content form .form-field {
  width: 100%;
  margin-top: 15px;
}

.request__content form .form-field label {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #000;
}

.request__content form .form-field input {
  padding: 16px;
  border: 1px solid #E1E2E6;
  background: #fff;
  border-radius: 6px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #000;
}

.request__content form .form-field input:focus {
  border: 1px solid #5AB9E3;
}

.request__content form .form-field input::-webkit-input-placeholder {
  color: #9B9DAD;
}

.request__content form .form-field input::-moz-placeholder {
  color: #9B9DAD;
}

.request__content form .form-field input:-ms-input-placeholder {
  color: #9B9DAD;
}

.request__content form .form-field input::-ms-input-placeholder {
  color: #9B9DAD;
}

.request__content form .form-field input::placeholder {
  color: #9B9DAD;
}

.request__content form .form-field textarea {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  line-height: 19px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 6px;
}

.request__content form .form-field textarea:focus {
  border: 1px solid #5AB9E3;
}

.request__content form .form-field span.optional {
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #9B9DAD;
}

.request__content form .form-field .upload-dropzone {
  border: 1px solid #9B9DAD;
  background: #fff;
  color: #3A3A3A;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 6px;
  overflow: hidden;
}

.request__content form .form-field .upload-dropzone:hover {
  border: 1px solid #5AB9E3;
}

.request__content form .form-field .notification {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 17px;
}

.request__content form .form-field .notification:before {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin: 0 6px 0 0;
}

.request__content form .form-field .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused {
  border-color: #9B9DAD !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.request__content form .form-field .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused:focus {
  border-color: #5AB9E3 !important;
}

.request__content form .form-field .nesty-input:focus {
  border: 1px solid #5AB9E3;
}

/* Custom Pagination */

.c-pag {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-pag ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-pag ul li {
  margin: 0 12px 0 0;
}

.c-pag ul li.current span {
  background: #5AB9E3;
  color: #fff;
}

.c-pag ul li.current span svg path {
  fill: #fff !important;
}

.c-pag ul li.dots:hover {
  background: #fff;
  color: #5AB9E3;
}

.c-pag ul li a,
.c-pag ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 6px;
  border: 1px solid #5AB9E3;
  font-size: 18px;
  background: #fff;
  color: #5AB9E3;
  font-weight: 600;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.c-pag ul li a:hover,
.c-pag ul li span:hover {
  background: #5AB9E3;
  color: #fff;
}

.c-pag ul li a:hover svg path,
.c-pag ul li span:hover svg path {
  fill: #fff !important;
}

.c-pag ul li a svg,
.c-pag ul li span svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

.c-pag ul li a svg path,
.c-pag ul li span svg path {
  fill: #5AB9E3 !important;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

@-webkit-keyframes animationRotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
            transform: rotate(180deg) scale(1.5);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}

@keyframes animationRotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
            transform: rotate(180deg) scale(1.5);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}

@media (max-width: 1200px) {
  .header__row {
    padding: 34px 0 44px 0;
  }

  .app-block {
    padding: 0;
  }

  .app-content {
    margin: 0 20px 0 0;
  }

  .app-sticky__item:nth-of-type(1n+1) {
    width: 48%;
    margin: 0 4% 32px 0;
  }

  .app-sticky__item:nth-of-type(2n+2) {
    margin: 0 0 32px 0;
  }

  .app-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .app-post__content {
    width: 100%;
    margin: 20px 0 0 0;
  }
}

@media (max-width: 1000px) {
  .header__burger {
    display: block;
    width: 30px;
    height: 23px;
    position: relative;
    cursor: pointer;
    margin: 0 32px 0 auto;
  }

  .header__burger.active span:nth-of-type(1) {
    top: 11.5px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .header__burger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .header__burger.active span:nth-of-type(3) {
    top: 11.5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .header__burger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #5AB9E3;
    border-radius: 6px;
  }

  .header__burger span:nth-of-type(1) {
    top: 0;
  }

  .header__burger span:nth-of-type(2) {
    top: 10px;
  }

  .header__burger span:nth-of-type(3) {
    top: 20px;
  }

  .app-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    width: 331px;
    -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
            transform: translateX(-110%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 10;
    -webkit-box-shadow: 0 0 10px 3px #5AB9E3;
            box-shadow: 0 0 10px 3px #5AB9E3;
  }

  .app-menu.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

  .app-menu__close {
    display: block;
    width: 30px;
    height: 23px;
    position: relative;
    cursor: pointer;
    margin: 21px 21px 0 auto;
  }

  .app-menu__close span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 6px;
    background: #5AB9E3;
  }

  .app-menu__close span:nth-of-type(1) {
    top: 11.5px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .app-menu__close span:nth-of-type(2) {
    top: 11.5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .app-content {
    width: 100%;
    margin: 0 20px;
  }
}

@media (max-width: 900px) {
  .app-common__item-title,
  .app-internal-section__item-title {
    font-size: 20px;
  }
}

@media (max-width: 700px) {
  .header__row {
    padding: 28px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .header__burger {
    margin: 0;
  }

  .header__buttons {
    width: 100%;
    margin: 15px 0 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .app-posts__item:nth-of-type(1n+1),
  .app-internal-posts__item:nth-of-type(1n+1) {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

@media (max-width: 650px) {
  .button {
    padding: 12px 22px;
  }

  .button-icon {
    width: 18px;
    height: 18px;
  }

  .button-text {
    font-size: 16px;
  }

  .header__logo {
    max-width: 180px;
  }

  .app-menu__items {
    padding: 21px;
  }

  .app-menu__item-head {
    padding: 20px;
  }

  .app-menu__item-circle {
    margin: 0 8px 0 0;
  }

  .app-menu__item-text {
    font-size: 14px;
  }

  .app-menu__subitems {
    padding: 12px 20px;
  }

  .app-menu__subitem-link {
    padding: 12px 0;
  }

  .app-menu__subitem-text {
    font-size: 14px;
  }

  .app-content {
    padding: 20px;
  }

  .app-search {
    padding: 50px 0;
    margin: 0 0 24px 0;
  }

  .app-search__background {
    max-width: 350px;
  }

  .app-search__content {
    padding: 0 10px;
  }

  .app-search__title {
    font-size: 16px;
    margin: 0 0 15px 0;
  }

  .app-search__title::after {
    top: calc(100% - 5px);
  }

  .app-search__form form input[type=search] {
    padding: 15px 15px 15px 35px;
    font-size: 14px;
  }

  .app-sticky__item:nth-of-type(1n+1) {
    width: 100%;
    margin: 0 0 24px 0;
  }

  .app-common__title,
  .app-internal-section__title {
    font-size: 26px;
  }

  .app-common__item,
  .app-internal-section__item {
    padding: 20px;
  }

  .app-common__item-square,
  .app-internal-section__item-square {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin: 0 12px 0 0;
  }

  .app-common__item-category,
  .app-internal-section__item-category {
    font-size: 14px;
  }

  .app-common__item-title,
  .app-internal-section__item-title {
    font-size: 16px;
  }

  .app-op {
    padding: 24px;
  }

  .app-op__content {
    max-width: none;
    width: 100%;
  }

  .app-op__title {
    font-size: 26px;
    margin: 0 0 12px 0;
  }

  .app-op__text {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 15px 0;
  }

  .app-posts__title,
  .app-internal-posts__title {
    font-size: 20px;
  }

  .app-posts__item-circle,
  .app-internal-posts__item-circle {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin: 0 12px 0 0;
  }

  .app-posts__item-title,
  .app-internal-posts__item-title {
    font-size: 14px;
  }

  .app-result__title {
    font-size: 20px;
  }

  .app-post__title {
    font-size: 20px;
  }

  .app-post__text {
    font-size: 14px;
    line-height: 17px;
  }

  .app-post__text p,
  .app-post__text ul,
  .app-post__text ol {
    margin: 0 0 12px 0;
  }

  .app-post__text li {
    margin: 0 0 6px 0;
  }
}

@media (max-width: 450px) {
  .app-menu {
    width: 100%;
  }
}