body {
  position: relative;
  width: 100%;
  min-width: 320px;
  height: auto;
  overflow: auto;
  background: none;
  font-family: 'Montserrat'; 
  font-style: normal; 
  font-weight: 500; 
  font-size: 16px; 
  line-height: 20px;
  color: #111111;
}
.uk-button-primary{
  background: #3B6DB5;
}
.bg-white{
  background: #ffffff;
}
.slider-arrow svg{
  width: 36px;
  color:#ffffff;
}
.fp-watermark{
  display: none !important;
  opacity: 0;
  visibility: hidden;
}
.fp-arrow.fp-controlArrow{
  display: block;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #0f6ecd;
  background-size: 36px;
  background-position: center;
  border: none !important;
}
.fp-arrow.fp-controlArrow.fp-prev{
  background-image: url('https://fssp.scoretest.ru/v3/images/chevron-left.svg');
}
.fp-arrow.fp-controlArrow.fp-next{
  background-image: url('https://fssp.scoretest.ru/v3/images/chevron-right.svg');
}
#first-section h1{
  font-size: 39px;
  font-size: clamp(24px, 13vw, 39px);
  margin-top: 0;
}
.header p{
  font-size: 24px;
  font-size: clamp(18px, 4vw, 24px);
  font-weight: 300;
  text-transform: uppercase;
}
@media screen and (max-width: 460px){
  .header h1{
    font-size: 34px;
    font-size: clamp(24px, 13vw, 34px);
    margin-top: 0;
  }
  .header p{
    font-size: 16px;
    font-size: clamp(12px, 4vw, 18px);
  }  
}
#toogle-menu,
#totop{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  color: #ffffff;
}
#offcanvas-nav-primary .uk-offcanvas-bar{
  width: 260px; 
}
#offcanvas-nav-primary .uk-nav>li{
  margin-bottom: 10px;
}
#offcanvas-nav-primary .uk-nav>li:last-child{
  margin-bottom: 0;
}
#offcanvas-nav-primary .uk-nav>li>a{
  font-size: 16px;
}
.slide{
  padding: 30px 0;
}
section h2{
  display: flex;
  font-size: 40px;
  font-weight: 300;
}
section h2 .number{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  background: #3B6DB5;
  font-size: 30px;
  border-radius: 5px;
  font-weight: 900;
  color: #ffffff;
  margin-right: 15px;
}
.note{
  font-style: italic;
  font-size: 14px;
  text-align: center;
}
a span.note{
  display: block;
  width: 100%;
  padding-top: 10px;
  color: #111111;
  line-height: 1.2;
}
[uk-lightbox] a{
  color: #111111 !important;
  text-decoration: none !important;
}

.img{
  width: 100%;
  height: 450px;
  position: relative;
  perspective: 1000px;
}
.img a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}
.img img{
  display: block;
  max-width: 100%;
  max-height: calc( 100% - 60px);
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  left: 50%;
  bottom: 60px;
  border-radius: 10px;
  transform: translateX(-50%);
  transition: all 1s ease;
}
.img .laptop{
  width: auto;
  max-width: 74%;
  z-index: 2;
}
.img .phone{
  width: auto;
  max-width: 17%;
  z-index: 1;
}
.img.active .laptop{
  left: 0;
  transform: rotateY(-8deg);
  transform-origin: center right;
}
.img.active .phone{
  left: 80%;
}
.img .screen-1-1,
.img .screen-1-2,
.img .screen-1-3{
  width: auto;
  height: auto;
  bottom: 60px;
  transform: translateX(-50%);
}

.img .screen-1-1{
  max-width: 100%;
  transform: translateX(50%);
  left: auto;
  right: 50%;
  z-index: 1;
}
.img .screen-1-2{
  max-width: 50%;
  z-index: 2;
}
.img .screen-1-3{
  max-width: 50%;
  z-index: 2;
}
.img.active .screen-1-1{
  transform: rotateY(-15deg) translateX(0) scale(.9);
  right: 0;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, .25);
  transform-origin: center right;
}
.img.active .screen-1-2{
  transform: rotateY(-15deg) scale(.9);
  left: 17%;
  bottom: 30%;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, .25);
  transform-origin: center right;
}
.img.active .screen-1-3{
  transform: rotateY(-15deg);
  box-shadow: 20px 20px 40px rgba(0, 0, 0, .25);
  transform-origin: center right;
  left: 0;
}
.img .screen-auto-proc{
  transform: translateX(-50%) scale(.65);
}
.img.active .screen-auto-proc{
  transform: translateX(-50%) scale(1);
}
.img.active .setting-tab-1{
  transform: translateX(-50%) rotateY(-15deg);
  box-shadow: 20px 20px 40px rgba(0, 0, 0, .25);
  transform-origin: center right;
}
.img.active .screen-3-1-1{
  transform: rotateY(-15deg)  scale(.9);
  bottom: 25%;
  left: 0;
}
.img.active .screen-3-1-2{
    transform: rotateY(-15deg) scale(.6);
    bottom: 2%;
    left: -41%;
}
.img.active .screen-3-2-1{
  transform: rotateY(-15deg)  scale(.9);
  bottom: 46%;
  left: 0;
}
.img.active .screen-3-2-2{
    transform: rotateY(-15deg) scale(.9);
    bottom: 20%;
    left: -20%;
}
/*#descriptions .img{
  position:relative;
  left: 800px;
  transition: all 600ms ease;  
}
#descriptions .text{
  position:relative;
  left: -800px;
  transition: all 600ms ease;
}
.img{
  overflow: hidden;
}*/
.img.active .screen-smart-1{
  transform: rotateY(-15deg) scale(.8);
  bottom: 50%;
  left: 0;
}
.img.active .screen-smart-2{
  left: -25%;
  transform: rotateY(-15deg) scale(.8);
}
.img.active .screen-6-4-2{
  bottom: 20%;
}
.img.active .screen-6-4-2{
  left: 0;
  transform: rotateY(-15deg);
  z-index: 4;
}
.img.active .screen-6-4-3{
    left: 12.5%;
    transform: rotateY(-15deg);
    bottom: 30%;
    z-index: 3;
}
.img.active .screen-6-4-4{
    left: 25%;
    transform: rotateY(-15deg);
    bottom: 40%;
    z-index: 2;
}
.img.active .screen-7-1{
    transform: rotateY(-15deg) scale(.8);
    bottom: 23%;
    left: 15%;
}
.img.active .screen-7-2{
  transform: rotateY(-15deg) scale(.8);
  bottom: 7%;
  left: 0;
}
.img.active .screen-7-3{
    transform: rotateY(-15deg) scale(.9);
    bottom: 48%;
    left: 0;
}
.img.active .screen-7-4{
  transform: rotateY(-15deg) scale(.9);
  left: -15%;
}

.img.active .screen-7-6-1{
    transform: rotateY(-15deg) scale(.7);
    bottom: 58%;
    left: 0;
}
.img.active .screen-7-6-2{
    transform: rotateY(-15deg) scale(.7);
    bottom: 9%;
    left: -36%; 
}
.img.active .screen-7-6-3{
    transform: rotateY(-15deg) scale(.65);
    bottom: 9%;
    left: 36%;
}
.img.active .screen-7-6-4{
    transform: rotateY(-15deg) scale(.55);
    bottom: -1%;
    left: -29%;
}

.img.active .screen-7-7-1{
    transform: rotateY(-15deg) scale(.7);
    bottom: 58%;
    left: 0;
}
.img.active .screen-7-7-2{
    transform: rotateY(-15deg) scale(.65);
    bottom: 9%;
    left: -33%;
}
.img.active .screen-7-7-3{
    transform: rotateY(-15deg) scale(.65);
    bottom: 11%;
    left: 44%;
}
.img.active .screen-7-7-4{
    transform: rotateY(-15deg) scale(.6);
    bottom: -7%;
    left: -41%;
}

.img.active .screen-7-8-1{
    transform: rotateY(-15deg) scale(.9);
    bottom: 28%;
    left: 0;
}
.img.active .screen-7-8-2{
    transform: rotateY(-15deg) scale(.9);
    bottom: 8%;
    left: -20%;
}

.img.active .screen-7-9-1{
    transform: rotateY(-15deg) scale(.9);
    bottom: 8%;
    left: -20%;
}
.img.active .screen-7-9-2{
    transform: rotateY(-15deg) scale(.9);
    bottom: 28%;
    left: 0;
}

.img.active .screen-7-10-1{
  transform: rotateY(-15deg);
  bottom: 25%;
  left: 0;
}
.img.active .screen-7-10-2{
        transform: rotateY(-15deg) scale(.6);
    bottom: 0;
    left: -41%;
}

.img.active .screen-9-1-1{
  transform: rotateY(-15deg);
  bottom: 25%;
  left: 0;
}
.img.active .screen-9-1-2{
    transform: rotateY(-15deg) scale(.6);
    bottom: 2%;
    left: -41%;
}

.uk-accordion.settings-list>:nth-child(n+2){
  margin-top: 10px;
}



[uk-lightbox] a:first-child{
  z-index: 5;
}
footer{
  font-size: 14px;
  padding: 20px 70px 20px 0;
  background: #3B6DB5;
  color: #ffffff;
}
footer a,
footer a:hover{
  color: #ffffff;
}

@media screen and (max-width: 1199px){
  .fp-slides,
  .fp-scrollable .fp-slide{
    height: auto !important;
  }

  .fp-overflow{
    max-height: none !important;
  }
}
@media screen and (max-width: 450px){
  .img{
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    max-height: 450px !important;
    position: relative;
    perspective: 1000px;
  }  
}