a:hover {
  color: #93df1c !important;
}

#page {
  overflow: hidden;
}

.body {
  overflow: hidden;
}

a:hover {
  color: #93df1c !important;
}

#page {
  overflow: hidden;
}

.body {
  overflow: hidden;
}

.list-1 {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-1 li {
  position: relative;
  margin-bottom: 4px;
  text-indent: 14px;
  font: normal normal normal 16px / 18px Acrom !important;
}

.list-1 li::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #272727;
}

.title_h2 {
  margin-bottom: 32px;
  font: normal normal normal 64px/77px Acrom !important;
  color: #fff;
  -webkit-text-stroke: 2px #272727;
  text-stroke: 2px #272727;
  text-transform: uppercase;
}

.title_h3 {
  margin-bottom: 32px;
  font: normal normal normal 36px/42px Acrom !important;
  color: #272727;
  text-transform: uppercase;
}

.container {
  max-width: 1400px !important;
}

@media (min-width: 1920px) {
  body .container {
    max-width: 1400px !important;
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1100px !important;
  }
}

@media (max-width: 768px) {
  .title_h2 {
    margin-bottom: 24px;
    font: normal normal normal 48px / 62px Acrom !important;
  }
}

/*
  MAIN
*/
.main {
  position: relative;
  padding-top: 120px;
  background-color: #eef1f6;
}

.main::before {
  content: '';
  position: absolute;
  top: -423px;
  left: 50%;
  transform: translateX(calc(-50% + 206px));
  background-image: url(../img/pages/blick/main_bcg.png);
  background-size: 100%;
  width: 2382px;
  height: 2215px;
}

.main__body {
  position: relative;
  display: flex;
  padding-bottom: 236px;
}

.main__text {
  padding-left: 32px;
  display: flex;
  align-items: center;
  width: 375px;
}

.main__text_title {
  position: relative;
  padding: 0;
  margin: 0 0 32px 0;
  font: normal normal normal 108px / 60px Bicubik !important;
  color: #121212;
}

.main__text_title::after {
  content: '';
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #121212;
  opacity: .5;
}

.main__text_title::before {
  content: '';
  position: absolute;
  top: -50px;
  left: -52px;
  width: 44px;
  height: 44px;
  background: url("../img/pages/blick/plus_1.png") no-repeat center;
  background-size: 100%;
}

.main__text_description {
  padding: 0;
  margin: 0 0 17px 0;
  font: normal normal normal 18px/22px Acrom !important;
  color: #121212;
}

.main__text_contacts {
  position: relative;
}

.main__text_contacts::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1000px;
  background-color: white;
}

.contacts__block {
  padding: 20px 28px 20px 0;
  background-color: white;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.contacts__block-title {
  padding: 0;
  margin: 0 0 6px 0;
  font: normal normal bold 18px / 22px Acrom !important;
  color: #3F3F3F;
}

.contacts__block-text {
  padding: 0;
  margin: 0 0 2px 0;
  font: normal normal normal 16px / 20px Acrom !important;
  color: #3F3F3F;
}

.contacts__block-links {
  display: flex;
}

.contacts__block-links a {
  padding: 0;
  margin: 0 0 2px 0;
  font: normal normal normal 16px / 20px Acrom !important;
  color: #3F3F3F;
  text-decoration: none;
  transition: all .3s ease;
}

.contacts__block-links a:nth-child(1) {
  position: relative;
  margin-right: 20px;
}

.contacts__block-links a:nth-child(1)::after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #3F3F3F;
}

.contacts__block-links a:hover {
  color: #93df1c;
  text-decoration: none;
}

.btn-1 {
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  text-align: left;
  max-width: 330px;
  height: 50px;
  border: 1px solid #121212;
  border-radius: 25px;
  background: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-1 p {
  margin-bottom: 0;
  font: normal normal 500 16px / 20px Acrom !important;
  color: #121212;
  transition: all .3s ease;
}

.btn-1 svg {
  margin-left: 28px;
  width: 18px;
  stroke: #121212;
  transition: all .3s ease;
}

.btn-1:hover {
  border-color: #93df1c;
  text-decoration: none !important;
}

.btn-1:hover svg {
  stroke: #93df1c;
}

.btn-1:hover p {
  color: #93df1c;
}

.main__btn {
  margin-top: 20px;
}

.main__img {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.main__img_view {
  width: 190px;
  height: 583px;
}

.main__img_array {
  width: 166px;
  height: 83px;
  cursor: pointer;
}

.main__img_array--left {
  background: url('../img/pages/blick/arrow_left.png') no-repeat right center;
  background-size: 100% auto;
  transform: translateX(2px);
}

.main__img_array--right {
  transform: translate(-13px, 10px);
  background: url('../img/pages/blick/arrow_right.png') no-repeat left center;
  background-size: 100%;
}

.main__img_array--left.disabled {
  background: url('../img/pages/blick/arrow_left_disabled.png') no-repeat right center;
  background-size: 100% auto;
  transform: translateX(2px);
}

.main__img_array--right.disabled {
  transform: translate(-13px, 10px);
  background: url('../img/pages/blick/arrow_right_disabled.png') no-repeat left center;
  background-size: 100%;
}

.main__settings {
  padding-top: 7px;
  width: 326px;
}

.main__settings_cell {
  margin-bottom: 38px;
}

.main__settings_cell p {
  margin-bottom: 9px;
  font: normal normal normal 16px / 20px Acrom !important;
  color: #656565;
}

.main__settings_cell>div {
  display: flex;
}

.main__settings_cell .btn-2 {
  flex: 1;
}

.btn-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  font: normal normal normal 18px / 22px Acrom !important;
  color: #121212;
  text-decoration: none;
  background-color: white;
  border-radius: 12px;
  transition: all .3s ease;
}

.btn-2.active,
.btn-2:hover {
  color: white !important;
  text-decoration: none;
  background-color: #93df1c;
  text-decoration: none;
}

.main__settings_pages {
  padding-bottom: 2px;
}

.settings__pages {
  display: flex;
  align-items: flex-end;
}

.settings__pages-part {
  position: relative;
  display: flex;
  flex: 1;
  height: 2px;
  border-radius: 1px;
  background-color: #B7B7B7;
}

.settings__pages-part>div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 33%;
  background-color: #121212;
  border-radius: 1px;
}

.settings__pages-start,
.settings__pages-finish {
  padding: 0;
  margin: 0;
  font: normal normal normal 20px / 24px Acrom !important;
  color: #121212;
}

.settings__pages-start {
  margin-right: 6px;
}

.settings__pages-finish {
  margin-left: 6px;
}

.main__settings_list {
  margin-top: 4px;
  margin-bottom: -8px;
}

.main__settings_list .btn-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.main__small {
  display: none;
}

.btn-4 {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 48px;
  font: normal normal normal 14px / 17px Acrom !important;
  color: #121212;
  text-decoration: none;
  background-color: white;
  border-radius: 12px;
  transition: all .3s ease;
}

.btn-4::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url('../img/pages/blick/arrow_2.svg') no-repeat center;
  background-size: 6px;
  transform: translateY(-50%);
}

.btn-4.active,
.btn-4:hover {
  color: white !important;
  text-decoration: none;
  background-color: #93df1c;
  text-decoration: none;
}

@media (max-width: 1400px) {
  .main__text_title {
    font: normal normal normal 84px / 50px Bicubik !important;
  }

  .main__text_description {
    font: normal normal normal 16px / 19px Acrom !important;
  }

  .contacts__block-title {
    font: normal normal bold 16px / 19px Acrom !important;
  }

  .contacts__block-text {
    font: normal normal normal 14px / 17px Acrom !important;
  }

  .contacts__block-links a {
    font: normal normal normal 14px / 17px Acrom !important;
  }

  .btn p {
    font: normal normal 500 14px / 17px Acrom !important;
  }

  .btn-2 {
    font: normal normal normal 13px / 19px Acrom !important;
  }
}

@media (max-width: 1100px) {
  .main::before {
    top: -222px;
    left: 50%;
    transform: translateX(calc(-50% + 262px));
    background-size: 92%;
    width: 2382px;
    height: 2215px;
  }

  .main__body {
    flex-direction: column;
  }

  .main__text {
    padding-left: 0;
    margin-bottom: 30px;
  }

  .main__text_title::before {
    display: none;
  }

  .main__text_contacts,
  .main__btn {
    display: none;
  }

  .main__img {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .main__settings_cell,
  .main__settings_list {
    display: none;
  }

  .main__settings {
    width: 100%;
  }

  .main__settings_pages {
    padding-bottom: 0;
    margin-bottom: 14px;
  }

  .main__small {
    display: block;
  }

  .main__small .btn-4 {
    margin-bottom: 4px;
  }

  .main__small_contacts {
    position: relative;
    margin-top: 32px;
    margin-bottom: 18px;
  }

  .main__small_contacts::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 20px;
    background-color: white;
  }

  .main__small_btn {
    margin-left: auto;
    margin-right: auto;
  }

  .main__body {
    padding-bottom: 120px;
  }
}

@media (max-width: 574px) {
  .main__text {
    width: 288px;
  }

  .main__text_title {
    font: normal normal normal 92px / 50px Bicubik !important;
  }

  .main__img {
    max-width: 300px;
  }

  .main::before {
    top: -95px;
    transform: translateX(calc(-50% + 553px));
    background-size: 63%;
  }

  .main__img_view {
    width: 190px;
    height: 342px;
  }
}


/*
* SWIPE
*/
.swipe {}

.swipe__block {
  position: relative;
  z-index: 2;
}

.swipe__block::before {
  content: '';
  position: absolute;
  top: -57px;
  left: -90px;
  right: -90px;
  bottom: 18%;
  background-color: white;
  border-radius: 36px;
  z-index: -1;
}

.swipe__warranty {
  position: absolute;
  top: 2%;
  left: 20px;
  width: 24%;
  z-index: 5;
}

.swipe__warranty h3 {
  padding: 0;
  margin: 0;
  font: normal normal bold 48px / 48px Acrom !important;
  ;
  color: #121212;
}

.swipe__warranty h3 span {
  font-size: 130px !important;
  line-height: 130px !important;
}

.swipe__warranty p {
  padding: 0;
  margin: -4% 0 0 0;
  font: normal normal 30 43px / 43px Acrom !important;
  color: #121212;
}

.swipe__template {
  position: absolute;
  bottom: 28%;
  left: 69%;
  padding: 60px 0 38px 100px;
  background-color: #93df1c;
  z-index: -1;
  width: 38%;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

.swipe__template p {
  position: relative;
  font: normal normal normal 24px / 26px Acrom !important;
  color: white;
  width: 334px;
}

.swipe__template p::after {
  content: '';
  position: absolute;
  top: -38px;
  left: -34px;
  width: 34px;
  height: 34px;
  background: url('../img/pages/blick/plus_2.svg') no-repeat center;
  background-size: 100%;
}

.swipe__template a {
  color: white;
  font: normal normal normal 24px / 26px Acrom !important;
  text-decoration: underline;
  transition: all .3s ease;
}

.swipe__template a:hover {
  color: #121212 !important;
}

.swipe__main {
  pointer-events: none;
}

.swipe__schema {
  position: absolute;
  top: 15.5%;
  left: 37%;
  width: 17.6%;
  z-index: 3;
}

.swipe__array {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/pages/blick/swipe_arrays.png') no-repeat center;
  background-size: 100% 100%;
  z-index: 4;
  pointer-events: none;
}

.swipe__label {
  position: absolute;
  font: normal normal normal 20px / 26px Acrom !important;
  z-index: 5;
}

.swipe__label--1 {
  top: 35%;
  left: 0;
}

.swipe__label--2 {
  top: 45.5%;
  left: 0;
  width: 263px;
}

.swipe__label--3 {
  top: 59%;
  left: 0;
  width: 280px;
}

.swipe__label--4 {
  top: 11%;
  right: 0;
  width: 346px;
  text-align: right;
}

.swipe__label--5 {
  top: 24%;
  right: 0;
  width: 300px;
  text-align: right;
}

.swipe__label--6 {
  top: 38.5%;
  right: 0;
  width: 260px;
  text-align: right;
}

.swipe__dot {
  display: none;
}

@media (max-width: 1400px) {
  .swipe__template {
    bottom: 14%;
    padding: 50px 20px 38px 80px;
    width: 22%;
  }

  .swipe__template p {
    font: normal normal normal 16px / 20px Acrom !important;
    width: auto;
  }

  .swipe__template p::after {
    top: -26px;
    left: -32px;
    width: 26px;
    height: 26px;
  }

  .swipe__template a {
    font: normal normal normal 16px / 20px Acrom !important;
  }

  .swipe__label {
    font: normal normal normal 16px / 20px Acrom !important;
  }

  .swipe__label--3 {
    width: 240px;
  }

  .swipe__label--4 {
    width: 278px;
  }
  .swipe__label--5 {
    width: 210px;
  }
}

@media (max-width: 1100px) {
  .swipe__block {
    display: flex;
    flex-direction: column;
  }

  .swipe__block::before {
    top: -28px;
    left: -20px;
    right: -20px;
    bottom: 129px;
  }

  .swipe__warranty {
    position: static;
    width: auto;
  }

  .swipe__warranty h3 {
    font: normal normal bold 58px / 58px Acrom !important;
  }

  .swipe__warranty h3 span {
    font-size: 190px !important;
    line-height: 190px !important;
  }

  .swipe__warranty p {
    margin: -22px 0 0 0;
    font: normal normal normal 58px / 70px Acrom !important;
  }

  .swipe__template {
    position: static;
    padding: 50px 20px 38px 60px;
    margin-left: -20px;
    margin-top: 60px;
    width: auto;
    order: 2;
  }

  .swipe__template p {
    width: 220px;
  }

  .swipe__array,
  .swipe__label {
    display: none;
  }

  .swipe__schema {
    top: 15.5%;
    left: 20%;
    width: 37%;
  }

  .swipe__main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    pointer-events: all;
  }

  .swipe__dot {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: white;
    z-index: 3;
  }

  .swipe__dot>div {
    display: none;
    position: absolute;
    padding: 8px 16px;
    font: normal normal normal 10px / 12px Acrom !important;
    color: white;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 8px;
  }

  .swipe__dot.active {
    z-index: 5;
  }

  .swipe__dot.active::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    border: 1px solid white;
  }

  .swipe__dot.active .swipe__dot_label {
    display: block;
  }

  .swipe__dot--1 {
    top: 90px;
    left: 40px;
  }

  .swipe__dot--2 {
    top: 200px;
    left: 70px;
  }

  .swipe__dot--3 {
    top: 346px;
    left: 92px;
  }

  .swipe__dot--4 {
    top: 167px;
    right: 50px;
  }

  .swipe__dot--5 {
    top: 250px;
    right: 110px;
  }

  .swipe__dot--6 {
    top: 325px;
    right: 110px;
  }

  .swipe__dot.animated .swipe__dot_pulse {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: transparent;
  }

  .swipe__dot .swipe__dot_pulse {
    display: none;
  }

  .swipe__dot_pulse {
    pointer-events: none;
  }

  .swipe__dot_pulse span {
    display: block;
    position: absolute;
    border: 1px solid white;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: pulse1 9s ease infinite;
  }

  .swipe__dot_pulse span:nth-child(2) {
    animation: pulse2 9s ease infinite;
  }

  .swipe__dot_pulse span:nth-child(3) {
    animation: pulse3 9s ease infinite;
  }

  @keyframes pulse1 {
    0% {
      transform: scale(1);
      opacity: 0;
    }

    25% {
      transform: scale(2);
      opacity: 1;
    }

    50% {
      transform: scale(4.5);
      opacity: .5;
    }

    75% {
      transform: scale(8);
      opacity: .1;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes pulse2 {
    0% {
      transform: scale(1);
      opacity: 0;
    }

    25% {
      transform: scale(1);
      opacity: 0;
    }

    50% {
      transform: scale(2);
      opacity: 1;
    }

    75% {
      transform: scale(4.5);
      opacity: .5;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes pulse3 {
    0% {
      transform: scale(1);
      opacity: 0;
    }

    50% {
      transform: scale(1);
      opacity: 0;
    }

    75% {
      transform: scale(2);
      opacity: 1;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
}


/*
* execution
*/
.execution {
  padding-top: 96px;
  padding-bottom: 30px;
  background-color: #eef1f6;
}

.execution__title {
  padding: 0;
  margin: 0;
  font: normal normal normal 50px / 60px Acrom !important;
  text-align: center;
  text-transform: uppercase;
}

.execution__subtitle {
  padding: 0;
  margin-bottom: 40px;
  font: normal normal normal 24px / 29px Acrom !important;
  text-align: center;
  opacity: .7;
}

.execution__body {
  display: flex;
}

.execution__settings {
  margin-right: 70px;
  margin-bottom: 325px;
  width: 326px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.execution__settings_cell {
  display: flex;
  margin-bottom: 50px;
}

.execution__settings_cell .btn-2 {
  flex: 1;
}

.execution__arrays {
  display: flex;
}

.execution__array {
  position: relative;
  margin-top: 20px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 52px;
  background-color: white;
  border-radius: 12px;
  cursor: pointer;
}

.execution__array.disabled {
  opacity: .5;
}

.execution__array::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58px;
  height: 20px;
  background: url('../img/pages/blick/arrow.png') no-repeat center;
  background-size: 100%;
  transform: translate(-50%, -50%);
}

.execution__array--left::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.execution__settings_contacts {
  position: relative;
  background-color: #93df1c;
}

.execution__settings_contacts::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1000px;
  background-color: #93df1c;
}

.execution__settings_contacts .contacts__block-title,
.execution__settings_contacts .contacts__block-text {
  color: white;
}

.execution__settings_contacts .contacts__block-links a {
  color: white;
}

.execution__settings_contacts .contacts__block-links a:hover {
  color: #121212 !important;
}

.execution__settings_contacts .contacts__block-links a:nth-child(1)::after {
  background-color: white;
}

.execution__blocks-small {
  display: none;
}

.execution__blocks {
  flex: 1;
}

.execution__block {
  display: none;
}

.execution__block.active {
  display: block;
}

.execution__items {
  display: flex;
  margin-top: 16px;
}

.execution__item {
  flex: 1;
  margin-right: 2%;
  height: 300px;
}

.execution__item:last-child {
  margin-right: 0;
}

.execution__item h3 {
  padding: 0;
  margin-bottom: 6px;
  font: normal normal normal 16px / 20px Acrom !important;
  color: #000000;
  opacity: .5;
}

.execution__item p {
  padding: 0;
  margin: 0;
  font: normal normal normal 18px / 20px Acrom !important;
}

@media (max-width: 1400px) {
  .execution__title {
    font: normal normal normal 32px / 38px Acrom !important;
  }

  .execution__subtitle {
    margin-bottom: 24px;
    font: normal normal normal 16px / 19px Acrom !important;
  }

  .execution__settings {
    margin-bottom: 190px;
  }

  .execution__item {
    height: 170px;
  }

  .execution__item h3 {
    font: normal normal normal 12px / 14px Acrom !important;
  }

  .execution__item p {
    font: normal normal normal 12px / 14px Acrom !important;
  }
}

@media (max-width: 1100px) {
  .execution {
    padding-bottom: 70px;
  }

  .execution__body {
    flex-direction: column;
  }

  .execution__blocks-small {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 320px;
  }

  .execution__blocks {
    display: none;
  }

  .execution__settings {
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
  }

  .execution__settings_contacts {
    display: none;
  }

  .execution__item {
    height: 160px;
  }
}


/*
* size
*/
.size {
  background-color: #eef1f6;
}

.size__block {
  position: relative;
  display: flex;
}

.size__block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 501px;
  background-color: white;
  border-radius: 20px;
}

.size__img {
  position: relative;
  margin-top: 40px;
  width: 400px;
}

.size__text {
  position: relative;
  flex: 1;
  padding-top: 110px;
}

.size__title {
  padding-left: 40px;
  margin-bottom: 40px;
  font: normal normal normal 50px / 60px Acrom !important;
  color: #121212;
  text-transform: uppercase;
}

.size__table {
  display: flex;
  margin-left: 40px;
}

.size__col {
  margin-right: 30px;
}

.size__col:nth-child(1) {
  width: 17%;
}

.size__col:nth-child(2) {
  width: 13%;
}

.size__col:last-child {
  margin-right: 0;
}

.size__col_title {
  margin-bottom: 12px;
  font: normal normal normal 24px / 29px Acrom !important;
  color: #7F7F7F;
}

.size__col_body {
  font: normal normal bold 32px / 38px Acrom !important;
  color: #272727;
}

.size__col_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.size__col_list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font: normal normal normal 26px / 29px Acrom !important;
  color: #272727;
}

.size__col_list li::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #7F7F7F;
}

.size__label {
  position: relative;
  padding: 58px 20px 40px 100px;
  margin-top: 104px;
  background-color: #93df1c;
  font: normal normal normal 26px / 29px Acrom !important;
  color: white;
  border-top-right-radius: 29px;
  border-bottom-right-radius: 29px;
  transform: translateX(-59px);
}

.size__label::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 74px;
  width: 24px;
  height: 24px;
  background: url('../img/pages/blick/plus_3.svg') no-repeat center;
  background-size: 100%;
}

@media (max-width: 1400px) {
  .size__title {
    margin-bottom: 20px;
    font: normal normal normal 24px / 29px Acrom !important;
  }

  .size__col_title {
    font: normal normal normal 16px / 19px Acrom !important;
  }

  .size__col_body {
    font: normal normal bold 20px / 24px Acrom !important;
  }

  .size__col_list li {
    padding-left: 20px;
    margin-bottom: 12px;
    font: normal normal normal 16px / 18px Acrom !important;
  }

  .size__col_list li::after {
    top: 3px;
    width: 10px;
    height: 10px;
  }

  .size__label {
    font: normal normal normal 20px / 24px Acrom !important;
  }
}

@media (max-width: 1100px) {
  .size__block {
    flex-direction: column;
  }

  .size__block::before {
    display: none;
  }

  .size__img {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px !important;
  }

  .size__text {
    padding-top: 0;
  }

  .size__text_block {
    padding: 28px 16px;
    margin-top: -7px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 20px;
    background-color: white;
  }

  .size__title {
    padding-left: 0;
  }

  .size__table {
    flex-direction: column;
    margin-left: 0;
  }

  .size__col {
    margin-bottom: 12px;
  }

  .size__col:nth-child(1) {
    width: auto;
  }

  .size__col:nth-child(2) {
    width: auto;
  }

  .size__label {
    padding: 50px 20px 40px 40px;
    margin-top: 0;
    margin-left: -16px;
    transform: translateX(0);
  }

  .size__label::after {
    left: 16px;
  }
}


/*
* library
*/
.library {
  padding-top: 130px;
  padding-bottom: 130px;
  background-color: #eef1f6;
}

.library__body {
  display: flex;
  align-items: stretch;
}

.library__list {
  padding: 48px 70px 55px 70px;
  margin-right: 20px;
  background-color: white;
  border-radius: 20px;
  width: 480px;
}

.library__list h3 {
  padding: 0;
  margin-bottom: 24px;
  font: normal normal normal 32px / 38px Acrom !important;
  color: #121212;
}

.library__list a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 80px;
  padding-right: 32px;
  margin-bottom: 16px;
  height: 80px;
  font: normal normal normal 18px / 22px Acrom !important;
  color: #121212;
  text-decoration: none;
  background-color: #f8f8f8;
  border-radius: 8px;
  transition: all .3s ease;
}

.library__list a:hover {
  color: #121212 !important;
  background-color: #93df1c;
  text-decoration: none !important;
}

.library__list a::before {
  content: '';
  position: absolute;
  left: 32px;
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
}

.library__list a:nth-child(1):before,
.library__list a:nth-child(2):before {
  background: url('../img/pages/blick/library_5.svg') no-repeat center;
  background-size: 32px;
}

.library__list a:nth-child(3):before {
  background: url('../img/pages/blick/library_1.svg') no-repeat center;
  background-size: 32px;
}

.library__list a:nth-child(4):before {
  background: url('../img/pages/blick/library_2.svg') no-repeat center;
  background-size: 31px 32px;
}

.library__list a:nth-child(5):before {
  background: url('../img/pages/blick/library_3.svg') no-repeat center;
  background-size: 30px 28px;
}

.library__list a:nth-child(6):before {
  background: url('../img/pages/blick/library_4.svg') no-repeat center;
  background-size: 30px 28px;
}

.library__form {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 35px;
  padding-right: 35px;
  background-color: white;
  border-radius: 20px;
  overflow: hidden;
}

.library__form::after {
  content: '';
  position: absolute;
  top: -120px;
  right: -23px;
  width: 320px;
  height: 420px;
  background: url('../img/pages/blick/plus_4.svg') no-repeat center;
  background-size: 100% 100%;
}

.library__form::before {
  content: '';
  position: absolute;
  bottom: -70px;
  left: 0;
  width: 320px;
  height: 320px;
  background: url('../img/pages/blick/plus_4.svg') no-repeat center;
  background-size: 100% 100%;
}

@media (max-width: 1400px) {
  .library {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .library__list {
    padding: 28px 20px 35px 20px;
  }
}

@media (max-width: 1100px) {
  .library__body {
    flex-direction: column;
  }

  .library__list {
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: auto;
    max-width: 340px;
  }

  .library__list h3 {
    margin-bottom: 16px;
    font: normal normal normal 20px / 24px Acrom !important;
  }

  .library__list a {
    font: normal normal normal 16px / 19px Acrom !important;
  }

  .library__form {
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
    background-color: #F9F9F9;
  }

  .library__form::before,
  .library__form::after {
    background: none;
  }
}

.blick-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .4);
  z-index: 10;
}

.blick-modal.open {
  display: flex;
}

.blick-modal__body {
  border-radius: 12px;
  background-color: white;
  width: 100%;
  max-width: 288px;
  overflow: hidden;
}

.blick-modal__title {
  position: relative;
  display: flex;
  padding: 22px 40px 8px 24px;
}

.blick-modal__title p {
  padding: 0;
  margin: 0;
  font: normal normal 500 16px / 19px Acrom !important;
  color: #121212;
}

.blick-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url('../img/pages/blick/x.svg') no-repeat center;
  background-size: 100%;
}

.blick-modal__list a {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  font: normal normal normal 14px / 17px Acrom !important;
  color: #121212;
  text-decoration: none;
  border-bottom: 1px solid #7F7F7F;
}

.blick-modal__list a:last-child {
  border-bottom: none;
}

.blick-modal__list a.active {
  color: #121212;
  background-color: #93df1c;
}

.blick-modal__list a.active:hover {
  color: #121212 !important;
}


#header-phone a {
  color: white;
  transition: color 0.3s ease;
}

#header-phone a:hover {
  color: #005a6e;
  text-decoration: none;
}

.form {
  padding-top: 70px;
  background-color: #ffffff;
}

.container.form__body {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form__body>div {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-image: url(http://new.i-mt.su/wp-content/uploads/2021/06/paper-plane.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 640px;
}

#iris-o-form {
  position: relative;
  z-index: 2;
}

#iris-o-form>div {
  flex-direction: column;
  align-items: center;
}

#iris-o-form .col-md-4 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

#iris-o-form-p {
  text-align: left;
  font: normal normal normal 28px/38px Acrom;
  letter-spacing: 0px;
  color: #ffffff;
  display: none;
}

#iris-o-form-submit {
  background-color: #93df1c;
  border-color: #93df1c;
  border-radius: 20px;
  text-align: center;
  font: normal normal normal 24px/40px Acrom;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: lowercase;
  margin-top: 20px;
  width: 100%;
  transition: all .3s ease;
}

#iris-o-form-submit:hover {
  background-color: #80b647;
  border-color: #80b647;
}

@media (max-width: 992px) {
  .container.form__body {
    padding-bottom: 50px;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  #iris-o-form {
    padding: 0 20px;
  }
}

#contact-footer {
  display: flex !important;
  flex-direction: column !important;
}

#contact-footer a {
  display: inline-block;
  margin-bottom: 5px;
  color: #6c6c6c !important;
  text-decoration: none;
  white-space: nowrap;
}

#social-footer a .fab {
  color: #6c6c6c !important;
}

@media (min-width: 1024px) {
  #contact-footer {
    color: #6c6c6c !important;
  }
}

#skolkovo-footer img {
  width: 80px;
}

.form__img {
  position: absolute;
  top: 50%;
  right: -25%;
  width: 220px;
  transform: translateY(-50%);
}

#header-phone a {
  color: white;
  transition: color 0.3s ease;
}

#header-phone a:hover {
  color: #005a6e;
  text-decoration: none;
}

.alert {
  max-width: 700px;
}

.form-control {
  padding: 19px 24px !important;
  background-color: #F8F8F8 !important;
  height: 60px !important;
}

@media (max-width: 1100px) {
  .form-control {
    background-color: white !important;
  }
}