/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme colors
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme styles
*/
/*
* Media Query
*/
/*
* Section margin
*/
/*
* Section padding
*/
/*
* Display list elements in column
*/
/*
* Menu item width in footer menu
*/
/*
* Small gray shadow
*/
/*
* Large gray shadow
*/
/*
* Headers
*/
.block-faq .faq-container .faq-list .loading {
  font-size: 3.4rem;
  line-height: 1.25; }
  @media screen and (min-width: 768px) {
    .block-faq .faq-container .faq-list .loading {
      font-size: 3.5rem; } }
  @media screen and (min-width: 1300px) {
    .block-faq .faq-container .faq-list .loading {
      font-size: 3.6rem; } }

.block-faq .faq-container .faq-list .faq__more {
  font-size: 1.2rem;
  line-height: 1.67; }
  @media screen and (min-width: 992px) {
    .block-faq .faq-container .faq-list .faq__more {
      font-size: 1.4rem;
      line-height: 1.43; } }

/*
* Custom scrollbar
*/
@-moz-document url-prefix() { }

/*
* Reset list styles
*/
.block-faq .faq-container .faq-filters-list, .block-faq .faq-container .faq-list {
  margin: 0;
  padding: 0; }

.block-faq .faq-container .faq-filters-list .c-mini-block, .block-faq .faq-container .faq-list .faq {
  margin: 0;
  padding: 0;
  list-style: none; }

/*
* Link circle hover
*/
/*
* Button hover
*/
/*
* Button mobile full width
*/
/*
* Section width
*/
/*
* Section paddings
*/
/*
* Section header
*/
.block-faq .faq-container > .header,
.block-faq .faq-container > .description {
  margin-bottom: 3rem; }
  @media screen and (min-width: 992px) {
    .block-faq .faq-container > .header,
    .block-faq .faq-container > .description {
      margin-bottom: 5rem; } }

/*
* Element under section description
*/
/*
* Element under section description
*/
/*
* Link hover color
*/
/*
* Hero section styles
*/
@keyframes move-dot {
  0% {
    bottom: 0.4rem;
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    bottom: 1rem;
    opacity: 0; } }

/*
* Position absolute - full width
*/
/*
* Image as cover or contain
*/
/*
* Icon wrapper
*/
.block-faq .faq-container .faq-filters-list .c-mini-block__icon {
  width: 7rem;
  height: 7rem;
  border: 1px dashed rgba(51, 61, 71, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 992px) {
    .block-faq .faq-container .faq-filters-list .c-mini-block__icon {
      width: 8rem;
      height: 8rem; } }
  .block-faq .faq-container .faq-filters-list .c-mini-block__icon img {
    height: 100%;
    width: auto;
    max-width: 4.4rem;
    max-height: 3.5rem; }

/*
* Element border-radius
*/
.block-faq .faq-container .faq-filters-list .c-mini-block, .block-faq .faq-container .faq-list .faq {
  border-radius: 0 50px 0 0; }

/*
* checkbox checked
*/
.block-faq .faq-container .faq-filters-list .c-mini-block.checked .c-mini-block__checkbox {
  border: 1px solid #F8B322;
  background-color: #F8B322;
  background-image: url("../src/images/checkbox.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%; }

/*
* language font
*/
/*
* Slider pagination
*/
.block-faq .faq-container .swiper-pagination {
  bottom: 0; }
  .block-faq .faq-container .swiper-pagination .swiper-pagination-bullet {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #F8B322;
    background-color: #ffffff;
    opacity: 1;
    transition: background-color 300ms ease-in-out; }
  .block-faq .faq-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #F8B322;
    transition: background-color 300ms ease-in-out; }

/*
* Slider buttons
*/
/*
* News and slide component
*/
/*
* Download and job-offer component
*/
/*
* Services and blocks grid component
*/
/*
* Case studies filters
* Job offers filters
*/
/*
* Case studies tags
* Knowledge base tags
*/
/*
* Case studies and posts grid blocks
*/
/*
* Form label
*/
/*
* Contact form steps
*/
/*
* Contact form (steps form) buttons wrapper
*/
.block-faq {
  margin-top: 5rem;
  margin-bottom: 10rem; }
  @media screen and (min-width: 992px) {
    .block-faq {
      margin-top: 5rem;
      margin-bottom: 13rem; } }
  .block-faq .faq-container > .header,
  .block-faq .faq-container > .description {
    text-align: center; }
  .block-faq .faq-container .slider-container {
    margin: 0 -4rem 0 -2rem; }
    @media screen and (min-width: 768px) {
      .block-faq .faq-container .slider-container {
        margin: 0 -6rem 0 -2rem; } }
    @media screen and (min-width: 992px) {
      .block-faq .faq-container .slider-container {
        margin: 0 -10rem 0 -2rem; } }
    @media screen and (min-width: 1300px) {
      .block-faq .faq-container .slider-container {
        margin: 0 -2rem; } }
  .block-faq .faq-container .swiper-container {
    padding: 0 2rem;
    position: relative;
    overflow: hidden; }
  .block-faq .faq-container .faq-filters-list {
    margin: 0 0 3rem 0;
    display: flex;
    padding-bottom: 2rem; }
    @media screen and (min-width: 992px) {
      .block-faq .faq-container .faq-filters-list {
        margin: 0 0 5rem 0; } }
    @media screen and (min-width: 992px) {
      .block-faq .faq-container .faq-filters-list.no-margin-bottom {
        margin-bottom: 0; } }
    .block-faq .faq-container .faq-filters-list .c-mini-block {
      width: 13rem;
      padding: 3rem 1rem;
      background-color: #F9F9F9;
      margin-right: 2rem;
      position: relative;
      cursor: pointer; }
      @media screen and (min-width: 992px) {
        .block-faq .faq-container .faq-filters-list .c-mini-block {
          width: 16.1rem; } }
      .block-faq .faq-container .faq-filters-list .c-mini-block__icon {
        margin: 0 auto 2rem auto; }
      .block-faq .faq-container .faq-filters-list .c-mini-block__title {
        text-align: center; }
      .block-faq .faq-container .faq-filters-list .c-mini-block__checkbox {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 3rem;
        height: 3rem;
        background-color: #ffffff;
        border: 1px solid #F8B322;
        border-radius: 50%; }
      .block-faq .faq-container .faq-filters-list .c-mini-block.checked {
        background-color: #ffffff;
        box-shadow: 0px 5px 20px rgba(51, 61, 71, 0.07); }
  .block-faq .faq-container .swiper-pagination {
    bottom: -0.5rem; }
  .block-faq .faq-container .faq-list {
    margin: 3rem 0; }
    @media screen and (min-width: 1200px) {
      .block-faq .faq-container .faq-list {
        margin: 5rem 0 3rem 0; } }
    .block-faq .faq-container .faq-list .loading {
      text-align: center;
      margin: 5rem 0; }
    .block-faq .faq-container .faq-list .faq {
      padding: 0 3rem 3rem 3rem;
      border: 1px solid #333D47;
      margin-bottom: 2rem;
      animation: fz-loading-faq 0.3s cubic-bezier(0.5, 0, 0.5, 1); }
      @media screen and (min-width: 992px) {
        .block-faq .faq-container .faq-list .faq {
          padding: 0 5rem;
          position: relative; } }
      .block-faq .faq-container .faq-list .faq:last-child {
        margin-bottom: 0; }

@keyframes fz-loading-faq {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      .block-faq .faq-container .faq-list .faq .header {
        margin-bottom: 0;
        padding: 3rem 0;
        cursor: pointer; }
        @media screen and (min-width: 992px) {
          .block-faq .faq-container .faq-list .faq .header {
            padding-right: 10rem; } }
      .block-faq .faq-container .faq-list .faq__description {
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: 300ms ease-in-out; }
        .block-faq .faq-container .faq-list .faq__description.opened {
          margin-bottom: 3rem; }
      .block-faq .faq-container .faq-list .faq__more {
        position: relative;
        left: -1.3rem;
        padding: 1.5rem 1.3rem;
        text-transform: uppercase;
        font-weight: 800;
        cursor: pointer; }
        @media screen and (min-width: 992px) {
          .block-faq .faq-container .faq-list .faq__more {
            position: absolute;
            top: 2.1rem;
            right: 5rem;
            left: unset; } }
        .block-faq .faq-container .faq-list .faq__more:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          width: 0.8rem;
          height: 0.5rem;
          background: url("../src/images/arrow-down.svg") no-repeat;
          background-size: 100%;
          transition: 300ms ease-in-out; }
        .block-faq .faq-container .faq-list .faq__more.opened:after {
          transform: translateY(-50%) rotate(180deg); }
  .block-faq .faq-container .fz-loading-ring {
    display: none;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 3rem auto; }
    .block-faq .faq-container .fz-loading-ring.visible {
      display: block; }
  .block-faq .faq-container .fz-loading-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #E5E5E5;
    border-radius: 50%;
    animation: fz-loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #E5E5E5 transparent transparent transparent; }
  .block-faq .faq-container .fz-loading-ring div:nth-child(1) {
    animation-delay: -0.45s; }
  .block-faq .faq-container .fz-loading-ring div:nth-child(2) {
    animation-delay: -0.3s; }
  .block-faq .faq-container .fz-loading-ring div:nth-child(3) {
    animation-delay: -0.15s; }

@keyframes fz-loading-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .block-faq .faq-container .c-button {
    cursor: pointer;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto; }
    .block-faq .faq-container .c-button:hover {
      color: #ffffff; }
    .block-faq .faq-container .c-button.hidden {
      display: none; }
  .block-faq .faq-container .pagination-container .c-posts-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .block-faq .faq-container .pagination-container .c-posts-pagination .page-numbers {
      padding: 1rem 0.5rem;
      font-size: 1.8rem; }
      .block-faq .faq-container .pagination-container .c-posts-pagination .page-numbers.current {
        color: #F8B322; }
      .block-faq .faq-container .pagination-container .c-posts-pagination .page-numbers.with {
        margin-left: 0.2rem; }
        .block-faq .faq-container .pagination-container .c-posts-pagination .page-numbers.with a {
          text-decoration: none; }
    .block-faq .faq-container .pagination-container .c-posts-pagination .prev,
    .block-faq .faq-container .pagination-container .c-posts-pagination .next {
      width: 5rem;
      height: 5rem;
      background-color: #333D47;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      flex-shrink: 0; }
      .block-faq .faq-container .pagination-container .c-posts-pagination .prev.hidden,
      .block-faq .faq-container .pagination-container .c-posts-pagination .next.hidden {
        display: none; }
      .block-faq .faq-container .pagination-container .c-posts-pagination .prev img,
      .block-faq .faq-container .pagination-container .c-posts-pagination .next img {
        width: 2.4rem; }
    .block-faq .faq-container .pagination-container .c-posts-pagination .prev {
      transform: rotate(180deg);
      margin-right: 3rem; }
    .block-faq .faq-container .pagination-container .c-posts-pagination .next {
      margin-left: 3rem; }
    .block-faq .faq-container .pagination-container .c-posts-pagination--ajax .page-numbers {
      cursor: pointer; }
      .block-faq .faq-container .pagination-container .c-posts-pagination--ajax .page-numbers.current, .block-faq .faq-container .pagination-container .c-posts-pagination--ajax .page-numbers.dots {
        cursor: default; }
    .block-faq .faq-container .pagination-container .c-posts-pagination--ajax .prev,
    .block-faq .faq-container .pagination-container .c-posts-pagination--ajax .next {
      cursor: pointer; }


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