/* Start:/local/templates/main/components/bitrix/news.detail/banner.debetovie-karty-action/style.css?17823097356741*/
@media screen and (min-width: 1376px) {
  .banner.banner--debit-cards .banner__content-container {
    min-height: 600px;
  }
}


@font-face {
  font-family: 'Franklin Gothic Book';
  src: url("/local/templates/main/css/fonts/Franklin Gothic Book.ttf");
}
@font-face {
  font-family: 'Franklin Gothic Demi';
  src: url("/local/templates/main/css/fonts/Franklin Gothic Demi.ttf");
}

@media screen and (min-width: 768px) {
  .banner--debit-cards .banner__content {
    max-width: unset !important;
  }
}

.first-screen__btn .btn,
.custom-btn {
  font-size: 16px;
  line-height: 18px;
  color: #2C3E4F;
  background-color: #CFF44C;
}

.first-screen__btn .btn:hover,
.custom-btn:hover {
  color: #fff;
  background: #07559c;
}
.first-screen__btn {
  margin-top: 40px;
}


@media screen and (max-width: 767px) {
  .first-screen__btn .btn {
    display: block !important;
    min-width: 210px;
    max-width: 210px !important;
  }
}

@media screen and (max-width: 900px) {

  .banner__content-container .banner__content {
    top: -62px;
  }

  .banner__picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*    min-height: 481px !important; */
    min-height: 425px !important;
  }

  .banner__picture .picture {
    position: relative;
    padding-top: 50.1333333333%;
  }

  .banner__picture .picture picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .first-screen__btn {
    margin-top: 240px !important;
    top: 101px !important;
    position: relative !important;
  }
  
  .first-screen__btn .btn {
    display: block;
    min-width: 210px;
    max-width: 210px;
    margin: 0 auto;
/*        top: 88px;
position: relative; */
}
}

/*  .banner__content-container {
    display: none !important;
    }*/

    .flexed {
      display: flex;
    }

    .gap6 {
      gap: 6%;
    }
    .strong {
      font-weight: bold !important;
    }

    .first-screen__description div.flexed {
      gap: 133px;
    }

    .first-screen__description span.outer {
      margin-top: 85px;
      display: inline-block;
    }

    .banner__subtitle {
      font-family: 'Franklin Gothic Book';
      font-style: normal;
      font-weight: 400;
      font-size: 32px;
      line-height: 36px;
      letter-spacing: -0.04em;

      color: #CFF44C;
    }


    .first-screen__description span {
      font-family: 'Franklin Gothic Book';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 18px;
      letter-spacing: -0.04em;
      color: #CFF44C;
    }




    @media (min-width: 1260px) {
      .first-screen__description {
        margin-top: 90px;
        max-width: 650px;
      }
    }


    .first--img {
      background-image: url(/local/templates/main/images/chastnym-litsam/vklady/first--image.png);
      background-repeat: no-repeat;
      min-height: 115px;
      background-position: -13px top;
      min-width: 65px;
    }

    .second--img {
      background-image: url(/local/templates/main/images/chastnym-litsam/vklady/second--image.png);
      background-repeat: no-repeat;
      min-height: 115px;
      background-position: -13px top;
      min-width: 65px;
    }

    .third--img {
      background-image: url(/local/templates/main/images//chastnym-litsam/vklady/third--image.png);
      background-repeat: no-repeat;
      min-height: 115px;
      background-position: -5px top;
      min-width: 65px;
    }


    @media screen and (max-width: 900px) {

      .mt10 {
        margin-top: 20px;
      }

      .first--img {
        background-image: url(/local/templates/main/images/chastnym-litsam/vklady/first--image.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: 4px 6px;
        background-size: contain;
        min-width: 50px;
      }

      .second--img {
        background-image: url(/local/templates/main/images/chastnym-litsam/vklady/second--image.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: 0px top;
        background-size: contain;
        min-width: 50px;
      }

      .third--img {
        background-image: url(/local/templates/main/images//chastnym-litsam/vklady/third--image.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: -5px top;
        background-size: contain;
        min-width: 50px;
        /*    margin-left:  20px;   */
        margin-right: 10px;

      }

      .first-screen__description span {
        font-family: 'Franklin Gothic Book';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.04em;
        color: #CFF44C;

      }

      .first-screen__description span.outer {
        margin-top: 61px;
        display: inline-block;
        text-align: center;

      }

      .first-screen__description span.outer {

      }

      .first--img > span:nth-child(1) {
        margin-left: 10px;
      }

      .third--img > span:nth-child(1) {
        /*    margin-left: -20px;   */
      }


      .banner__picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        min-height: 562px;
      }
      .banner__title.banner__title--mod {
        font-size: 24px;
      }

      .banner__title.banner__title--mod h1 {
        text-align: center;
      }

      .banner__subtitle {
        font-family: 'Franklin Gothic Book';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        letter-spacing: -0.04em;

        color: #CFF44C;
      }

      span[data-is=timer] {
        display: block;
        font-family: 'Franklin Gothic Book';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: -0.04em;
        color: #CFF44C;
      }

      .banner__content-container {
        padding: 50px 0 0 0;
      }

      .first-screen__description div.flexed {
        gap: 89px 80px;
        justify-content: space-evenly;
      }

      .banner__content .first-screen__description {
        /*    margin-top: 220px;    */
        font-size: 14px;
        line-height: 20px;
        position: relative;
        top: 268px;
      }

    }
/* End */
/* /local/templates/main/components/bitrix/news.detail/banner.debetovie-karty-action/style.css?17823097356741 */