img {
  max-width: 100%;
}

.pr-header {
  text-align: center;
}

.shadow-back {
  background: url(../img/shadow-back.png) center 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 573px;
  -webkit-animation: showSHadow 1500ms ease-in forwards;
  animation: showSHadow 1500ms ease-in forwards;
}

.p-box {
  z-index: 999;
  position: relative;
}

.pr-header {
  text-align: center;
}

.pr-logo {
  padding: 104px 0 16px;
  padding: 10.4rem 0 1.6rem;
}
.pr-logo > a {
  position: relative;
  display: inline-block;
  width: 146px;
}
.pr-logo > a.animated .logo-el-circle.big {
  -webkit-animation: moveBig 700ms both ease-in-out;
  animation: moveBig 700ms both ease-in-out;
}
.pr-logo > a.animated .logo-el-circle.small {
  -webkit-animation: moveSmall 700ms both ease-in-out;
  animation: moveSmall 700ms both ease-in-out;
}
.pr-logo > a.animated .logo-letter {
  will-change: transform;
  -webkit-animation: rotateY 2s ease-out 200ms;
  animation: rotateY 2s ease-out 200ms;
}

.logo-el-circle {
  background: #ff2e41;
  border-radius: 50%;
  position: absolute;
  display: block;
}
.logo-el-circle.big {
  bottom: 27px;
  height: 22px;
  left: 18px;
  width: 22px;
  -webkit-transform-origin: 25.5px -68px 0;
  -ms-transform-origin: 25.5px -68px 0;
  transform-origin: 25.5px -68px 0;
}
.logo-el-circle.small {
  width: 12px;
  height: 12px;
  right: 23px;
  top: 22px;
  -webkit-transform-origin: -6.3px 77px 0;
  -ms-transform-origin: -6.3px 77px 0;
  transform-origin: -6.3px 77px 0;
}

@-webkit-keyframes moveBig {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    width: 12px;
    height: 12px;
  }
}

@keyframes moveBig {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    width: 12px;
    height: 12px;
  }
}
@-webkit-keyframes moveSmall {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    width: 22px;
    height: 22px;
  }
}
@keyframes moveSmall {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    width: 22px;
    height: 22px;
  }
}
@-webkit-keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.logo-letter {
  background: url(../img/logo-letter.png) 0 0 no-repeat;
  width: 78px;
  height: 54px;
  position: absolute;
  top: 50px;
  left: 33px;
  display: block;
}

.title-logo {
  line-height: 14px;
  line-height: 1.4rem;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.1px;
  margin: 0 0 37px;
  margin: 0 0 3.7rem;
}

.pr-description {
  line-height: 26px;
  line-height: 2.6rem;
  max-width: 320px;
  margin: 0 auto;
}

.select-la-block {
  margin: 53px 0 9px;
  margin: 5.3rem 0 0.9rem;
}

.select-la-text {
  color: #ff2e41;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: "Montserrat", Arial, sans-serif;
  letter-spacing: 1px;
}

.see-down {
  color: #7f7f7f;
  font-size: 28px;
  font-size: 2.8rem;
  will-change: transform;
  cursor: default;
  -webkit-animation: standly 2s ease-in infinite;
  animation: standly 2s ease-in infinite;
}

@-webkit-keyframes standly {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes standly {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.preview-box-item {
  padding: 0 0 46px;
}

.thumbnail-block {
  margin-top: 75px;
  margin-bottom: 44px;
  text-align: center;
}

.thumb-preview {
  text-align: center;
}

.thumb-caption {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 32px 0 0;
  border-bottom: 1px solid transparent;
  -webkit-transition: .25s;
  transition: .25s;
}

.thumb-link {
  display: inline-block;
  margin: 0 auto;
  color: #000;
}
.thumb-link:hover {
  color: #ff2e41;
  border-color: #ff2e41;
}

.view-monitow {
  background: url(../img/view-monitor.png) 0 0 no-repeat;
  width: 457px;
  height: 347px;
  display: inline-block;
  -webkit-background-size: contain;
  background-size: contain;
  margin-left: -20px;
}

.thumb-ov-block {
  width: 87.96%;
  height: 225px;
  overflow: hidden;
  margin: 18px 0 0 37px;
  margin: 03.93% 0 0 08%;
}

.thumb-img {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}
.thumb-img.animation {
  -webkit-animation: goTop 4s ease-in-out both;
  animation: goTop 4s ease-in-out both;
}

@-webkit-keyframes goTop {
  100% {
    -webkit-transform: translate3d(0, -webkit-calc(-100% + 226px), 0);
    transform: translate3d(0, calc(-100% + 226px), 0);
  }
}

@keyframes goTop {
  100% {
    -webkit-transform: translate3d(0, -webkit-calc(-100% + 226px), 0);
    transform: translate3d(0, calc(-100% + 226px), 0);
  }
}
.advantages-page {
  background: #f3f3f3;
  font-size: 10px;
}

.ap-align {
  text-align: center;
  padding: 90px 0 76px;
  padding: 9.0em 0 7.6em;
}

.mark-text {
  font: 11px/20rem "Montserrat", Arial, sans-serif;
  font: 1.1rem/2rem "Montserrat", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: #ff2e41;
}

.md-h {
  font: 24px/32rem "Montserrat", Arial, sans-serif;
  font: 2.4rem/3.2rem "Montserrat", Arial, sans-serif;
  font-weight: 700;
  margin: 14px 0 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.similar-text {
  line-height: 26px;
  line-height: 2.6rem;
  font-size: 15px;
  font-size: 1.5rem;
  color: #666;
  max-width: 710px;
  margin: 14px auto 0;
}

.features-item {
  min-height: 130px;
  padding-bottom: 20px;
}
.features-item .fi-circle-thumb {
  margin-right: 40px;
  margin-right: 4em;
}

.fi-circle-thumb {
  width: 53px;
  height: 53px;
  width: 5.3em;
  height: 5.3em;
  border-radius: 50%;
  background: #0f0f0f;
  text-align: center;
  font-size: inherit;
  cursor: default;
  color: #fff;
}
.fi-circle-thumb .fa-bars,
.fi-circle-thumb .fa-mobile,
.fi-circle-thumb .fa-cog,
.fi-circle-thumb .fa-newspaper-o,
.fi-circle-thumb .fa-check-circle,
.fi-circle-thumb .fa-heart-o,
.fi-circle-thumb .fa-desktop,
.fi-circle-thumb .fa-flash,
.fi-circle-thumb .fa-bomb {
  line-height: 19px;
  line-height: 1.9em;
  font-size: 28px;
  font-size: 2.8em;
}
.fi-circle-thumb .fa-mobile {
  line-height: 13px;
  line-height: 1.3em;
  font-size: 40px;
  font-size: 4em;
}
.fi-circle-thumb .fa-desktop {
  line-height: 22px;
  line-height: 2.2em;
  font-size: 28px;
  font-size: 2.8em;
}

.features-row .col-lg-4:nth-child(3n+2) .features-item {
  margin-left: -5px;
}
.features-row .col-lg-4:nth-child(3n+3) .features-item {
  margin-left: -18px;
}

.fi-body .media-heading {
  color: #000;
  margin: 6px 0 8px;
  font-size: 16px;
  font-size: 1.6em;
  font-weight: 600;
}

.fi-description {
  line-height: 26px;
  line-height: 2.6rem;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
}

.ap-footer {
  text-align: center;
  padding: 44px 0 97px;
  padding: 4.4em 0 9.7em;
}
.ap-footer .btn {
  min-width: 186px;
}

.previw-footer {
  text-align: center;
  padding: 42px 0;
}

.pf-link {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Montserrat", Arial, sans-serif;
}

@media (max-width: 1330px) {
  .features-row .col-lg-4 .features-item {
    margin-left: 0 !important;
  }
}
@media (max-width: 1040px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 530px) {
  .view-monitow {
    height: 300px;
    width: 402px;
    max-width: -moz-min-content;
    margin-left: 0;
  }

  .thumb-ov-block {
    width: 86.3%;
    height: 64.12%;
  }

  .thumb-link {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .previw-footer {
    padding: 18px 0;
  }

  .pr-logo {
    padding-top: 6.4rem;
  }

  .ap-footer {
    padding: 30px 0 45px;
  }

  .thumbnail-block {
    margin-left: -10px;
  }
}
@media (max-width: 430px) {
  .view-monitow {
    height: 200px;
    width: 268px;
  }

  .thumb-ov-block {
    width: 86.96%;
    height: 64.12%;
  }

  .advantages-page {
    font-size: 8px;
  }
}
@media (max-width: 290px) {
  .view-monitow {
    width: 197px;
    height: 150px;
  }

  .thumb-link {
    display: block;
  }
}