h1, h2 {
  color: #5e95d6;
  font-family: 'Staatliches', cursive;
  font-size: 35px;
  max-width: 1280px;
  margin: 0 auto;
  font-weight: initial;
  letter-spacing: 1.8px;
}
.more { background: #376da9; color: #fff; position: relative; width: 190px; height: 52px;  display: flex; align-items: center; box-sizing: border-box; padding: 0 24px; transition: .2s linear; }
.more::before { content: ''; width: 100%; height: 100%; background: #8ab0dc; position: absolute; right: -7px; bottom: -7px; z-index: -1; transition: .2s linear; }
.more::after { content: '>'; margin-left: 20px;}
.more:hover { background: #8ab0dc; color: #fff; }
.more:hover::before { background: #376da9; }



.swiper-pagination-bullet { width: 13px; height: 13px; background: #1d3b5e; opacity: .4; }
.swiper-pagination-bullet:hover { opacity: .8; }
.swiper-pagination-bullet-active { opacity: 1; }

.about { padding-top: 83px; padding-bottom: 31px; background: url('../images/index-about-bg-01.png') no-repeat 0 0; }
.about::after { content: ''; display: block; width: 100%; height: 10vw; background: url('../images/index-about-bg-02.png') no-repeat 0 0; }
.about__container { transition: .2s linear; }
.about__prituce { flex: 0 1 902px; width: 40vw; }
.about__article { flex: 0 0 642px; margin: 0 50px 0 20px; display: flex; flex-direction: column; }
.about__article p { line-height: 1.4; font-size: 21px; color: #5f8fc5; }

.certification { margin-bottom: 97px; }
.certification__article { max-width: 1280px; margin: 0 auto; }
.certification__article__img,
.certification__article__text { flex: 1; }
.certification__article__text p { font-size: 21px; color: #5f8fc5; line-height: 1.4; }

.application { position: relative; background: #5e95d6 url('../images/index-application-img-07.png') no-repeat left 0; padding: 40px 0 46px; }
.application h2 { color: #fff; }
.application__container { max-width: 1280px; margin: 0 auto; }
.application__container ul,
.application__container li { margin: 0; padding: 0; list-style-type: none; }
.application__container ul { display: flex; align-items: flex-end; }
.application__container li { margin-right: 45px; }
.application__article p { max-width: 837px; font-size: 21px; line-height: 1.4; color: #fff; }
.application__img { position: absolute; right: -200px; bottom: -125px; }

.product { margin: 103px 0 81px; overflow: hidden;}
.product h2 { margin: 100px auto 77px; }
.product__container { max-width: 1280px; margin: 0 auto; }
.product__container ul,
.product__container li { margin: 0; padding: 0; list-style-type: none; }
.product__container li { flex: 1; }
.product__container li::before { height: 100%; }
.product__img { height: 224px; display: flex; align-items: flex-end; margin-bottom: 10px; position: relative; }
.product__img::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 160px; background: #afc8e5; z-index: -1; }
.product__container .product__article { position: relative; padding: 0 50px; color: #5e95d6; font-size: 14px; line-height: 1.4; }
.product__label { background: #5e95d6; color: #fff; padding: 16px 0; font-size: 28px; text-align: center; }

.news { margin-bottom: 75px; position: relative; }
.news__container { max-width: 1280px; margin: 0 auto; border-top: 10px solid #afc8e5; }
.news__container::before { z-index: -1; content: ''; width: 30vw; height: 416px; position: absolute; top: 50px; left: 0; background: #afc8e5; }
.news__picture,
.news__article { flex: 1; }
.news__article__title { font-size: 26px; margin-top: 32px; color: #5f8fc5; font-weight: bold; margin-bottom: 40px; }
.news__article__container { font-size: 21px; color: #5f8fc5; line-height: 1.4; }
.news__article__container p::after { content: ''; display: block; background: #5e95d6; height: 6px; width: 70%; margin: 20px 0 0 auto; }
.news__article__container a { margin: 0 0 0 auto; }

@media only screen and (max-width: 1280px){
  .about__article { padding-left: 20px; }
  .about__container,
  .news__container,
  .certification__container,
  .application__container,
  h1,
  h2 { padding-left: 20px; padding-right: 20px; }
  .about__article h1 { padding-left: 0; }
  .history__list { width: 90vw; }
}

@media only screen and (min-width: 1200px){
  .about__container { transition: .2s linear; display: flex; justify-content: flex-end; align-items: flex-start; }
  .about__article .more { margin: 0 0 0 auto; }
  .news__container { transition: .2s linear; display: flex; }
  .news__picture { margin-right: 50px; }
  .certification__article { display: flex; flex-direction: row-reverse; }
  .certification__article__img { margin: 66px 73px 0 0; }
  .product__container ul { display: flex; align-items: flex-start; }
  .product__container .product__article::before { content: ''; top: 0; left: 0; position: absolute; width: 6px; height: 160px; background: #5e95d6; display: block; }
  .product__container li:last-child .product__article::after { content: ''; top: 0; right: 0; position: absolute; width: 6px; height: 160px; background: #5e95d6; display: block; }  
  .product__container li { position: relative; }
  .product__container li:nth-child(2)::before { content: ''; background: #5e95d6; width: 100vw; height: 65px; display: block; position: absolute; top: 234px; left: 50%; transform: translateX(-50%); z-index: -1 }
  .product__container li:nth-child(2)::after { content: ''; background: #afc8e5; width: 100vw; height: 160px; display: block; position: absolute; top: 64px; left: 50%; transform: translateX(-50%); z-index: -1 }

}

@media only screen and (max-width: 1200px){
  .about__prituce { margin: 20px -20px 0; max-width: calc(100% + 40px); }
  .certification__container h2 { padding: 0; }
  .certification__article__img { margin-top: 20px; }
  .application { background: #5e95d6; }
  .application__img { display: none; }
  .product { margin-top: 20px; }
  .application__container li { margin-right: 10px; }
  .product__container .product__article { padding: 0 10vw; }
}

@media only screen and (max-width: 900px){
  .about__article { padding-left: 0; margin: 0;}
  .about__prituce { max-width: initial; width: initial; flex: 1 1; }
}

@media only screen and (max-width: 600px){
  h1, h2,
  .product__label,
  .news__article__title {
    font-size: 1.37rem;
  }

  p,
  .about__article p,
  .more,
  .certification__article__text p,
  .application__article p,
  .product__container .product__article {
    font-size: .85rem;
  }
  .product h2 { margin: 25px auto; }
  .product__container .product__article { padding: 0 20px; }
}