@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: 'Roboto', sans-serif;
  color: #000000;
  margin: 0;
}

.llp-wrap .llp-btn {
  display: inline-block;
  height: 40px;
  padding: 0 24px;
  border-radius: 4px;
  background: #e31235;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.llp-wrap .llp-btn:hover {
  text-decoration: none;
  background: #bd0f2c;
  color: #ffffff;
}

.llp-wrap .llp-btn:active {
  text-decoration: none;
  background: #9c0c24;
  color: #ffffff;
}

.llp-wrap,
.llp-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
}

.llp-wrap sup {
  font-size: 50%;
}

.llp-wrap .llp-btn {
  display: inline-block;
  height: 40px;
  padding: 0 24px;
  border-radius: 4px;
  background: #e31235;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.llp-wrap .llp-btn:hover {
  text-decoration: none;
  background: #bd0f2c;
  color: #ffffff;
}

.llp-wrap .llp-btn:active {
  text-decoration: none;
  background: #9c0c24;
  color: #ffffff;
}

.llp-img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.llp-wrap {
  position: relative;
  color: #333333;
}


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

  .llp-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    background: #F5F5F6;
  }

  .llp-header__content {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    padding: 8vw 0 0 7.5vw;
  }

  .llp-header__logo {
    flex: 0 1 15vw;
  }

  .llp-header__smart {
    order: 2;
    flex: 0 1 39vw;
    margin-top: 10vw;
  }

  .llp-header__text {
    flex: 0 1 100%;
    margin-top: 3vw;
  }

  .llp-header__slogan {
    font-size: 6.6vw;
    line-height: 101%;
    font-weight: bold;
  }

  .llp-header__description {
    margin-top: 2vw;
    font-size: 4vw;
    line-height: 110%;
  }

  .llp-header__picture {
    flex: 0 1 50vw;
  }

  .llp-name {
    font-size: 5vw;
    line-height: 125%;
    color: #1F94D2;
    font-weight: bold;
    text-transform: uppercase;
  }

  .llp-text {
    margin-top: 3vw;
    font-size: 3.9vw;
    line-height: 144%;
    color: #000000;
  }

  .llp-icons {
    position: relative;
  }

  .llp-icon {
    display: flex;
    align-items: center;
  }

  .llp-icon + .llp-icon {
    margin: 5vw 0 0 0;
  }

  .llp-icon__img {
    flex: 0 1 16vw;
  }

  .llp-icon__text {
    flex: 1;
    margin-left: 3.1vw;
    font-size: 3.2vw;
    line-height: 138%;
    color: #000000;
    font-weight: bold;
  }

  .llp-block1 {
    position: relative;
    margin-top: 11vw;
  }

  .llp-block1__content {
    padding: 0 20px;
  }

  .llp-block1__picture {
    position: relative;
    z-index: 1;
    margin-top: 5.5vw;
  }

  .llp-block1__item {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }

  .llp-block1__item + .llp-block1__item {
    margin-top: 5vw;
  }

  .llp-block1__item-picture {
    flex: 0 1 16vw;
  }

  .llp-block1__item-content {
    flex: 1;
    margin-left: 20px;
  }

  .llp-block1__item-name {
    font-size: 5vw;
    line-height: 138%;
    color: #1F94D2;
    font-weight: bold;
  }

  .llp-block1__item-text {
    margin-top: 3vw;
    font-size: 3.9vw;
    line-height: 142%;
    color: #000000;
  }

  .llp-block2 {
    position: relative;
  }

  .llp-block2__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block3 {
    position: relative;
  }

  .llp-block3__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block3__icons {
    position: absolute;
    top: 56vw;
    left: 20px;
    right: 20px;
    width: 60vw;
  }

  .llp-block4 {
    position: relative;
  }

  .llp-block4__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block4__icons {
    position: absolute;
    top: 80vw;
    left: 20px;
    right: 20px;
  }

  .llp-block5 {
    position: relative;
  }

  .llp-block5__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block5__icons {
    position: absolute;
    top: 68vw;
    left: 20px;
    right: 20px;
  }

  .llp-block6 {
    position: relative;
  }

  .llp-block6__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block6__icons {
    position: absolute;
    top: 68vw;
    left: 20px;
    right: 20px;
    width: 80vw;
  }

  .llp-block7 {
    position: relative;
  }

  .llp-block7__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block7__icons {
    position: absolute;
    top: 83vw;
    left: 34vw;
    padding-right: 20px;
  }

  .llp-block7__icon {
    margin-bottom: 14vw;
  }

  .llp-block7__icons-text {
    flex: 1;
  }

  .llp-block8 {
    position: relative;
  }

  .llp-block8__content {
    position: absolute;
    top: 11vw;
    left: 20px;
    right: 20px;
  }

  .llp-block8__icons {
    position: absolute;
    top: 58vw;
    left: 34vw;
    padding-right: 20px;
  }

}


@media only screen and (min-width: 768px) {

  .llp-wrap {
    width: 94vw;
    margin: 0 auto;
  }

  .llp-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F5F5F6;
  }

  .llp-header__content {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 3.1vw;
  }

  .llp-header__logo {
    flex: 0 1 8.8vw;
  }

  .llp-header__smart {
    flex: 0 1 22.1vw;
    margin-left: 3.5vw;
  }

  .llp-header__text {
    flex: 0 1 100%;
    margin-top: 1.9vw;
  }

  .llp-header__slogan {
    font-size: 3.4vw;
    line-height: 101%;
    font-weight: bold;
  }

  .llp-header__description {
    margin-top: .9vw;
    font-size: 1.8vw;
    line-height: 110%;
  }

  .llp-header__picture {
    flex: 0 1 51vw;
  }

  .llp-name {
    font-size: 2.4vw;
    line-height: 125%;
    color: #1F94D2;
    font-weight: bold;
    text-transform: uppercase;
  }

  .llp-text {
    margin-top: .9vw;
    font-size: 1.2vw;
    line-height: 150%;
    color: #000000;
  }

  .llp-icons {
    position: relative;
    width: 50%;
  }

  .llp-icon {
    display: flex;
    align-items: center;
  }

  .llp-icon + .llp-icon {
    margin: 1.9vw 0 0 0;
  }

  .llp-icon__img {
    flex: 0 1 5.7vw;
  }

  .llp-icon__text {
    flex: 1;
    margin-left: 3.1vw;
    font-size: 1.3vw;
    line-height: 138%;
    color: #1F94D2;
    font-weight: bold;
  }

  .llp-block1 {
    position: relative;
  }

  .llp-block1__content {
    position: absolute;
    bottom: 6.3vw;
    left: 26vw;
    z-index: 2;
  }

  .llp-block1__picture {
    position: relative;
    z-index: 1;
  }

  .llp-block1__item {
    width: 27.1vw;
    display: flex;
    justify-content: space-between;
  }

  .llp-block1__item + .llp-block1__item {
    margin-top: 2.1vw;
  }

  .llp-block1__item-picture {
    flex: 0 1 4.3vw;
  }

  .llp-block1__item-content {
    flex: 0 1 21.3vw;
  }

  .llp-block1__item-name {
    font-size: 1.2vw;
    line-height: 138%;
    color: #1F94D2;
    font-weight: bold;
  }

  .llp-block1__item-text {
    margin-top: .9vw;
    font-size: 1.2vw;
    line-height: 150%;
    color: #000000;
  }

  .llp-block2 {
    position: relative;
  }

  .llp-block2__content {
    position: absolute;
    top: 3.1vw;
    left: 47.8vw;
    width: 34.1vw;
  }

  .llp-block3 {
    position: relative;
  }

  .llp-block3__content {
    position: absolute;
    top: 3.1vw;
    left: 15.9vw;
    width: 62.1vw;
  }

  .llp-block3__text {
    width: 30.3vw;
  }

  .llp-block3__icons {
    position: absolute;
    top: 16.8vw;
    left: 6.8vw;
  }

  .llp-block4 {
    position: relative;
  }

  .llp-block4__content {
    position: absolute;
    bottom: 3.1vw;
    left: 15.9vw;
    width: 43.2vw;
  }

  .llp-block4__icons {
    position: absolute;
    top: 3.9vw;
    left: 6.8vw;
  }

  .llp-block4__icons-text {
    flex: 0 1 13.7vw;
  }

  .llp-block5 {
    position: relative;
  }

  .llp-block5__content {
    position: absolute;
    top: 3.1vw;
    left: 15.9vw;
    width: 46vw;
  }

  .llp-block5__text {
    width: 30.2vw;
  }

  .llp-block5__icons {
    position: absolute;
    top: 21vw;
    left: 6.8vw;
  }

  .llp-block6 {
    position: relative;
  }

  .llp-block6__content {
    position: absolute;
    top: 3.1vw;
    left: 15.9vw;
    width: 46vw;
  }

  .llp-block6__icons {
    position: absolute;
    top: 16.7vw;
    left: 6vw;
    display: flex;
  }

  .llp-block6__icon {
    flex: 0 1 21.4vw;
  }

  .llp-block6__icon + .llp-block6__icon {
    margin: 0 0 0 .8vw;
  }

  .llp-block7 {
    position: relative;
  }

  .llp-block7__content {
    position: absolute;
    top: 3.1vw;
    left: 15.9vw;
    width: 62.1vw;
  }

  .llp-block7__icons {
    position: absolute;
    top: 19.4vw;
    left: 18.8vw;
  }

  .llp-block7__icon {
    margin-left: 3.3vw;
  }

  .llp-block7__icons-text {
    flex: 0 1 20.7vw;
  }

  .llp-block8 {
    position: relative;
  }

  .llp-block8__content {
    position: absolute;
    bottom: 3.8vw;
    right: 0;
    width: 46vw;
  }

  .llp-block8__icons {
    position: absolute;
    top: 7.8vw;
    left: 20.6vw;
    width: 27.5vw;
  }

}


@media only screen and (min-width: 1024px) {

  .llp-wrap {
    width: 940px;
  }

  .llp-header__content {
    padding-left: 31px;
  }

  .llp-header__logo {
    flex: 0 1 88px;
  }

  .llp-header__smart {
    flex: 0 1 221px;
    margin-left: 35px;
  }

  .llp-header__text {
    margin-top: 19px;
  }

  .llp-header__slogan {
    font-size: 34px;
    line-height: 101%;
  }

  .llp-header__description {
    margin-top: 9px;
    font-size: 18px;
    line-height: 110%;
  }

  .llp-header__picture {
    flex: 0 1 510px;
  }

  .llp-name {
    font-size: 24px;
    line-height: 125%;
  }

  .llp-text {
    margin-top: 9px;
    font-size: 12px;
    line-height: 150%;
  }

  .llp-icons {
    width: 50%;
  }

  .llp-icon + .llp-icon {
    margin: 19px 0 0 0;
  }

  .llp-icon__img {
    flex: 0 1 57px;
  }

  .llp-icon__text {
    margin-left: 31px;
    font-size: 12px;
    line-height: 138%;
  }

  .llp-block1__content {
    bottom: 63px;
    left: 260px;
  }

  .llp-block1__item {
    width: 271px;
  }

  .llp-block1__item + .llp-block1__item {
    margin-top: 21px;
  }

  .llp-block1__item-picture {
    flex: 0 1 43px;
  }

  .llp-block1__item-content {
    flex: 0 1 213px;
  }

  .llp-block1__item-name {
    font-size: 12px;
    line-height: 138%;
  }

  .llp-block1__item-text {
    margin-top: 9px;
    font-size: 12px;
    line-height: 150%;
  }

  .llp-block2__content {
    top: 31px;
    left: 478px;
    width: 341px;
  }

  .llp-block3__content {
    top: 31px;
    left: 159px;
    width: 621px;
  }

  .llp-block3__text {
    width: 303px;
  }

  .llp-block3__icons {
    top: 168px;
    left: 68px;
  }

  .llp-block4__content {
    bottom: 31px;
    left: 159px;
    width: 432px;
  }

  .llp-block4__icons {
    top: 39px;
    left: 68px;
  }

  .llp-block4__icons-text {
    flex: 0 1 137px;
  }

  .llp-block5__content {
    top: 31px;
    left: 159px;
    width: 460px;
  }

  .llp-block5__text {
    width: 302px;
  }

  .llp-block5__icons {
    top: 210px;
    left: 68px;
  }

  .llp-block6__content {
    top: 31px;
    left: 159px;
    width: 460px;
  }

  .llp-block6__icons {
    top: 167px;
    left: 60px;
  }

  .llp-block6__icon {
    flex: 0 1 214px;
  }

  .llp-block6__icon + .llp-block6__icon {
    margin: 0 0 0 8px;
  }

  .llp-block7__content {
    top: 31px;
    left: 159px;
    width: 621px;
  }

  .llp-block7__icons {
    top: 194px;
    left: 188px;
  }

  .llp-block7__icon {
    margin-left: 33px;
  }

  .llp-block7__icons-text {
    flex: 0 1 207px;
  }

  .llp-block8__content {
    bottom: 38px;
    width: 460px;
  }

  .llp-block8__icons {
    top: 78px;
    left: 206px;
    width: 275px;
  }

}


@media only screen and (min-width: 1280px) {

  .llp-wrap {
    width: 1228px;
  }

  .llp-header__content {
    padding-left: 40px;
  }

  .llp-header__logo {
    flex: 0 1 115px;
  }

  .llp-header__smart {
    flex: 0 1 289px;
    margin-left: 46px;
  }

  .llp-header__text {
    margin-top: 25px;
  }

  .llp-header__slogan {
    font-size: 44px;
    line-height: 101%;
  }

  .llp-header__description {
    margin-top: 12px;
    font-size: 24px;
    line-height: 110%;
  }

  .llp-header__picture {
    flex: 0 1 666px;
  }

  .llp-name {
    font-size: 32px;
    line-height: 125%;
  }

  .llp-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 150%;
  }

  .llp-icons {
    width: 50%;
  }

  .llp-icon + .llp-icon {
    margin: 25px 0 0 0;
  }

  .llp-icon__img {
    flex: 0 1 74px;
  }

  .llp-icon__text {
    margin-left: 40px;
    font-size: 16px;
    line-height: 138%;
  }

  .llp-block1__content {
    bottom: 82px;
    left: 340px;
  }

  .llp-block1__item {
    width: 354px;
  }

  .llp-block1__item + .llp-block1__item {
    margin-top: 28px;
  }

  .llp-block1__item-picture {
    flex: 0 1 56px;
  }

  .llp-block1__item-content {
    flex: 0 1 278px;
  }

  .llp-block1__item-name {
    font-size: 16px;
    line-height: 138%;
  }

  .llp-block1__item-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 150%;
  }

  .llp-block2__content {
    top: 40px;
    left: 624px;
    width: 445px;
  }

  .llp-block3__content {
    top: 40px;
    left: 208px;
    width: 812px;
  }

  .llp-block3__text {
    width: 396px;
  }

  .llp-block3__icons {
    top: 219px;
    left: 89px;
  }

  .llp-block4__content {
    bottom: 40px;
    left: 208px;
    width: 565px;
  }

  .llp-block4__icons {
    top: 51px;
    left: 89px;
  }

  .llp-block4__icons-text {
    flex: 0 1 179px;
  }

  .llp-block5__content {
    top: 40px;
    left: 208px;
    width: 601px;
  }

  .llp-block5__text {
    width: 395px;
  }

  .llp-block5__icons {
    top: 275px;
    left: 89px;
  }

  .llp-block6__content {
    top: 40px;
    left: 208px;
    width: 601px;
  }

  .llp-block6__icons {
    top: 218px;
    left: 79px;
  }

  .llp-block6__icon {
    flex: 0 1 280px;
  }

  .llp-block6__icon + .llp-block6__icon {
    margin: 0 0 0 10px;
  }

  .llp-block7__content {
    top: 40px;
    left: 208px;
    width: 812px;
  }

  .llp-block7__icons {
    top: 253px;
    left: 246px;
  }

  .llp-block7__icon {
    margin-left: 43px;
  }

  .llp-block7__icons-text {
    flex: 0 1 270px;
  }

  .llp-block8__content {
    bottom: 50px;
    width: 601px;
  }

  .llp-block8__icons {
    top: 102px;
    left: 269px;
    width: 360px;
  }

}