.breadcrumb {
  background: #fff; }

main {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0; }
  main section .container {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0; }
    main section .container .box_tansparent {
      position: relative;
      width: 100%;
      height: calc(100vh - 125px); }
      @media only screen and (max-width: 834px) {
        main section .container .box_tansparent {
          height: 300px; } }
      main section .container .box_tansparent .mainV {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url(/ua/img/feature_5088/5088_mv.webp) no-repeat center center/cover;
        z-index: -1; }
        @media only screen and (max-width: 834px) {
          main section .container .box_tansparent .mainV {
            position: static;
            width: auto;
            height: 300px;
            background: url(/ua/img/feature_5088/5088_mv.webp) no-repeat center 0/cover; } }
      main section .container .box_tansparent .gradation {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80%;
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3)); }
      main section .container .box_tansparent .main_sentense {
        position: absolute;
        bottom: 50px;
        left: 50px; }
        @media only screen and (max-width: 834px) {
          main section .container .box_tansparent .main_sentense {
            position: absolute;
            bottom: 10px;
            left: 10px; } }
        main section .container .box_tansparent .main_sentense h1 {
          font-size: 1.8rem;
          font-weight: 500;
          color: #fff;
          text-align: left;
          line-height: 1.4;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            main section .container .box_tansparent .main_sentense h1 {
              font-size: 1.4rem;
              line-height: 1.2; } }
          main section .container .box_tansparent .main_sentense h1 .logo {
            display: block;
            width: 250px;
            height: auto;
            margin: 10px 0 0; }
          main section .container .box_tansparent .main_sentense h1 span {
            display: inline-block;
            vertical-align: baseline;
            margin: 0; }
            main section .container .box_tansparent .main_sentense h1 span.style {
              font-size: 2.4rem;
              font-weight: 700; }
              @media only screen and (max-width: 834px) {
                main section .container .box_tansparent .main_sentense h1 span.style {
                  font-size: 1.6rem; } }
            main section .container .box_tansparent .main_sentense h1 span.num {
              font-size: 3.4rem;
              font-weight: 700;
              margin: 0 0 0 5px; }
              @media only screen and (max-width: 834px) {
                main section .container .box_tansparent .main_sentense h1 span.num {
                  font-size: 2.4rem; } }
            main section .container .box_tansparent .main_sentense h1 span.name {
              font-size: 2.4rem;
              font-weight: 700;
              margin: 0 0 0 15px; }
              @media only screen and (max-width: 834px) {
                main section .container .box_tansparent .main_sentense h1 span.name {
                  display: block;
                  font-size: 1.2rem;
                  margin: 4px 0 0; } }
        main section .container .box_tansparent .main_sentense p {
          font-size: 1.4rem;
          font-weight: 400;
          color: #fff;
          line-height: 1.6;
          letter-spacing: 0.05em;
          text-align: left;
          margin: 15px 0 0; }
          @media only screen and (max-width: 834px) {
            main section .container .box_tansparent .main_sentense p {
              letter-spacing: 0;
              line-height: 1.4;
              margin: 10px 0 0; } }
    main section .container .sec2 {
      background: #fff;
      margin: 0;
      padding: 75px 0; }
      @media only screen and (max-width: 834px) {
        main section .container .sec2 {
          padding: 30px 0; } }
      main section .container .sec2 .container {
        width: 100%;
        max-width: 1260px;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          main section .container .sec2 .container {
            width: calc(100% - 30px);
            margin: 0 15px; } }
        main section .container .sec2 .container h2 {
          font-size: 2.8rem;
          font-weight: 700;
          line-height: 1.4;
          text-align: left; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container h2 {
              font-size: 1.8rem;
              line-height: 1.2; } }
          main section .container .sec2 .container h2.first_h2 {
            text-align: center; }
            @media only screen and (max-width: 834px) {
              main section .container .sec2 .container h2.first_h2 {
                text-align: left; } }
          main section .container .sec2 .container h2.underline {
            padding: 0 0 15px; }
        main section .container .sec2 .container .lead {
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 1.6;
          text-align: left;
          margin: 15px 0 0; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .lead {
              font-size: 1.4rem;
              line-height: 1.4; } }
          main section .container .sec2 .container .lead.ib {
            display: inline-block;
            margin: 30px auto 0; }
            @media only screen and (max-width: 834px) {
              main section .container .sec2 .container .lead.ib {
                margin: 15px 0 0; } }
        main section .container .sec2 .container .img_sec2 {
          display: block;
          margin: 30px auto 0; }
        main section .container .sec2 .container .containar_flex {
          display: flex;
          flex-wrap: wrap;
          width: calc(100% + 30px);
          margin: 60px -15px 0; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .containar_flex {
              display: block;
              width: 100%;
              margin: 30px 0 0; } }
          main section .container .sec2 .container .containar_flex .sec3 {
            width: calc(50% - 30px);
            margin: 0 15px 60px; }
            @media only screen and (max-width: 834px) {
              main section .container .sec2 .container .containar_flex .sec3 {
                width: 100%;
                margin: 0; } }
            main section .container .sec2 .container .containar_flex .sec3.double {
              width: calc(100% - 30px); }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3.double {
                  width: 100%; } }
            main section .container .sec2 .container .containar_flex .sec3 h3 {
              font-size: 2.0rem;
              font-weight: 700;
              line-height: 1.3;
              letter-spacing: 0.05em;
              text-align: left;
              border-bottom: solid #000 1px;
              padding: 0 0 15px; }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3 h3 {
                  font-size: 1.6rem;
                  letter-spacing: 0;
                  padding: 0 0 10px; } }
              main section .container .sec2 .container .containar_flex .sec3 h3.num {
                position: relative;
                padding: 0 0 15px 35px; }
                @media only screen and (max-width: 834px) {
                  main section .container .sec2 .container .containar_flex .sec3 h3.num {
                    padding: 0 0 10px 25px; } }
                main section .container .sec2 .container .containar_flex .sec3 h3.num span {
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-family: 'Roboto';
                  font-size: 1.6rem; }
                  @media only screen and (max-width: 834px) {
                    main section .container .sec2 .container .containar_flex .sec3 h3.num span {
                      font-size: 1.4rem; } }
              main section .container .sec2 .container .containar_flex .sec3 h3.series {
                font-family: 'Roboto';
                font-size: 2.8rem;
                text-align: center; }
            main section .container .sec2 .container .containar_flex .sec3 .lead {
              display: block;
              font-size: 1.5rem;
              font-weight: 400;
              line-height: 1.6;
              margin: 15px 0 0;
              padding: 0 0 15px; }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3 .lead {
                  font-size: 1.4rem;
                  line-height: 1.4; } }
            main section .container .sec2 .container .containar_flex .sec3 .flex_figure {
              display: flex;
              width: calc(100% + 30px);
              margin: 15px -15px 0; }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3 .flex_figure {
                  display: block;
                  width: 100%;
                  margin: 15px 0 0; } }
              main section .container .sec2 .container .containar_flex .sec3 .flex_figure figure {
                width: calc(50% - 30px);
                margin: 0 15px; }
                @media only screen and (max-width: 834px) {
                  main section .container .sec2 .container .containar_flex .sec3 .flex_figure figure {
                    width: 100%;
                    margin: 0; } }
                main section .container .sec2 .container .containar_flex .sec3 .flex_figure figure figcaption {
                  font-size: 1.5rem;
                  font-weight: 400;
                  text-align: left;
                  padding: 0 0 5px; }
                  @media only screen and (max-width: 834px) {
                    main section .container .sec2 .container .containar_flex .sec3 .flex_figure figure figcaption {
                      font-size: 1.4rem; } }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3 .flex_figure figure + figure {
                  margin: 15px 0 0; } }
            main section .container .sec2 .container .containar_flex .sec3 .flex_series {
              display: flex;
              width: calc(100% + 30px);
              margin: 30px -15px 0; }
              @media only screen and (max-width: 834px) {
                main section .container .sec2 .container .containar_flex .sec3 .flex_series {
                  display: block;
                  width: 100%;
                  margin: 15px 0 0; } }
              main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series {
                width: calc(50% - 30px);
                margin: 0 15px; }
                @media only screen and (max-width: 834px) {
                  main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series {
                    width: 100%;
                    margin: 0; } }
                main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img {
                  position: relative; }
                  main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img img {
                    display: block;
                    width: 100%;
                    height: auto; }
                  main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .gradation {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 80%;
                    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }
                  main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt {
                    position: absolute;
                    bottom: 15px;
                    left: 15px;
                    width: calc(100% - 30px); }
                    main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt p {
                      font-size: 1.5rem;
                      color: #fff;
                      line-height: 1.6;
                      text-align: left; }
                      @media only screen and (max-width: 834px) {
                        main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt p {
                          font-size: 1.4rem;
                          line-height: 1.4; } }
                      main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt p .en {
                        font-family: 'Roboto'; }
                        main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt p .en strong {
                          font-size: 2em;
                          font-weight: 700; }
                    main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .block_img .block_txt p + p {
                      margin: 10px 0 0; }
                main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .btn {
                  display: block;
                  height: auto;
                  font-family: 'Roboto';
                  font-size: 1.5rem;
                  font-weight: 400;
                  color: #fff;
                  line-height: 60px;
                  background: #000;
                  margin: 15px 0 0; }
                  main section .container .sec2 .container .containar_flex .sec3 .flex_series .item_series .btn:hover {
                    background: #e2231a; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .containar_flex .sec3 + .sec3 {
              margin: 30px 0 0; } }
        main section .container .sec2 .container .list_items {
          display: flex;
          flex-wrap: wrap;
          width: calc(100% + 30px);
          margin: 15px -15px -30px; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .list_items {
              width: calc(100% + 14px);
              margin: 15px -7px -14px; } }
          main section .container .sec2 .container .list_items li {
            width: calc(16.6% - 30px);
            margin: 0 15px 30px; }
            @media only screen and (max-width: 834px) {
              main section .container .sec2 .container .list_items li {
                width: calc(50% - 14px);
                margin: 0 7px 14px; } }
            main section .container .sec2 .container .list_items li a {
              display: block;
              background: #eee;
              overflow: hidden; }
              main section .container .sec2 .container .list_items li a:hover {
                background: #d5d5d5; }
                main section .container .sec2 .container .list_items li a:hover figure figcaption {
                  color: #e2231a; }
              main section .container .sec2 .container .list_items li a figure img {
                display: block;
                width: 136px;
                height: auto;
                margin: -10px auto 0; }
              main section .container .sec2 .container .list_items li a figure figcaption {
                width: 100%;
                font-size: 1.2rem;
                font-weight: 400;
                line-height: 1.4;
                text-align: left;
                background: #fff;
                padding: 6px 0 0;
                transition: all .3s; }
                main section .container .sec2 .container .list_items li a figure figcaption .num {
                  display: block;
                  font-family: 'Roboto';
                  padding: 0 0 3px; }
                  main section .container .sec2 .container .list_items li a figure figcaption .num strong {
                    font-weight: 700; }
                main section .container .sec2 .container .list_items li a figure figcaption br {
                  display: none; }
        main section .container .sec2 .container .list_bnr {
          display: flex;
          flex-wrap: wrap;
          width: calc(100% + 30px);
          margin: 30px -15px 0; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .list_bnr {
              display: block;
              width: 100%;
              margin: 15px 0 0; } }
          main section .container .sec2 .container .list_bnr li {
            width: calc(50% - 30px);
            margin: 0 15px 30px; }
            @media only screen and (max-width: 834px) {
              main section .container .sec2 .container .list_bnr li {
                width: 100%;
                margin: 0; } }
            main section .container .sec2 .container .list_bnr li a {
              display: block; }
              main section .container .sec2 .container .list_bnr li a:hover img {
                filter: brightness(1.25); }
              main section .container .sec2 .container .list_bnr li a img {
                display: block;
                width: 100%;
                height: auto;
                transition: all .3s; }
          @media only screen and (max-width: 834px) {
            main section .container .sec2 .container .list_bnr li + li {
              margin: 15px 0 0; } }
    main section .container .sec2 + .sec2 {
      padding: 0 0 75px; }