/* Start:/local/templates/.default/components/bitrix/news.list/faq/style.css?15859039945033*/
.faq {
  position: relative; }
  .faq__container {
    position: relative;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); }
    .faq__container.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .faq__wrapper {
    position: relative;
    width: 77.77778%; }
    @media only screen and (max-width: 1199px) {
      .faq__wrapper {
        width: 88.88889%; } }
    @media only screen and (max-width: 767px) {
      .faq__wrapper {
        width: 100%; } }
  .faq__top-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 32px 0;
    -webkit-border-radius: 48px 0 48px 0;
    border-radius: 48px 0 48px 0;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .faq__top-image {
        margin: 0 0 20px 0; } }
    @media only screen and (max-width: 479px) {
      .faq__top-image {
        -webkit-border-radius: 32px 0 32px 0;
        border-radius: 32px 0 32px 0; } }
    .faq__top-image img {
      width: 100%; }
  .faq__filter {
    position: relative;
    display: block;
    margin: 0 0 40px 0; }
    @media only screen and (max-width: 767px) {
      .faq__filter {
        margin: 0 0 32px 0; } }
  .faq__row {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 24px 0; }
    .faq__row.active .faq__title {
      color: #bb5789; }
      .faq__row.active .faq__title:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    .faq__row.active .faq__hidden {
      opacity: 1; }
  .faq__title {
    position: relative;
    display: block;
    padding: 0 0 0 40px;
    cursor: pointer;
    font: 400 18px/130% "Open Sans", sans-serif;
    color: #2c323a;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; }
    @media only screen and (max-width: 991px) {
      .faq__title {
        font: 400 16px/130% "Open Sans", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .faq__title {
        font: 400 14px/130% "Open Sans", sans-serif; } }
    .faq__title:before {
      content: '';
      position: absolute;
      background-image: url("/local/static/build/img/svg/arrow-faq.svg");
      background-position: 50% 50%;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      width: 5px;
      height: 8px;
      top: calc((1.3em - 8px) /2 - 1px);
      left: 17px;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; }
  .faq__hidden {
    position: relative;
    display: none;
    opacity: 0;
    padding: 10px 0 0 40px;
    -webkit-transition: padding .3s ease, opacity .3s ease;
    -o-transition: padding .3s ease, opacity .3s ease;
    transition: padding .3s ease, opacity .3s ease;
    font: 400 16px/130% "Open Sans", sans-serif; }
    @media only screen and (max-width: 991px) {
      .faq__hidden {
        font: 400 15px/130% "Open Sans", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .faq__hidden {
        font: 400 14px/130% "Open Sans", sans-serif; } }
  .faq__link {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font: 400 18px/130% "Open Sans", sans-serif;
    color: #2c323a;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; }
    @media only screen and (max-width: 991px) {
      .faq__link {
        font: 400 16px/130% "Open Sans", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .faq__link {
        font: 400 14px/130% "Open Sans", sans-serif; } }
    .faq__link--doc i:before {
      background-image: url("/local/static/build/img/svg/document/doc.svg"); }
  .faq i {
    display: block;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    position: relative; }
    .faq i:before {
      content: '';
      position: absolute;
      left: calc(50% - 12.5px);
      top: calc(50% - 12.5px);
      width: 25px;
      height: 25px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover; }

/* End */


/* Start:/local/components/custom/form/templates/form-modal-callback/style.css?1591132277126*/
.form-callback .g-recaptcha__row .help-block {
  text-align: center; }

.form-callback .g-recaptcha div {
  margin: 0 auto; }

/* End */
/* /local/templates/.default/components/bitrix/news.list/faq/style.css?15859039945033 */
/* /local/components/custom/form/templates/form-modal-callback/style.css?1591132277126 */