* {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-decoration: none;    
}

html,
body{
  
  width: 100vw;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: Roboto;
  /* display: flex;
  flex-direction: column;
  flex-grow: 1; */
  scroll-behavior: smooth;
  background: #fff;
  overflow-x: hidden;

}

img:not(.slider-img) { 

  width: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;

}

.lazy { min-height: 100vh; }

.desktop .section { min-height: 80vh;}

a { position: absolute; display: block; }
.relative { position: relative; }

.footer {
  margin-bottom: -6px;
}

.mobile-auth-btns .btn {

  width: 100%;
  height: 33%;
  cursor: pointer;

}

.mobile-auth-btns .btn-1 { top: 0; }
.mobile-auth-btns .btn-2 { top: 33%; }
.mobile-auth-btns .btn-3 { bottom: 0; }

.s-1 .signin { bottom: 39%; width: 22%; }
.s-1 .signup { bottom: 25%; width: 33%; }
.s-1 .more { bottom: 11%; width: 65%; }

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

  /* body { overflow: hidden; } */
  .mobile, #owl-carousel-2 { display: none; }
  .desktop { display: block; overflow: hidden; }

  .fp {
    
    height: 100vh;
    object-fit: contain;

  }

  #btn-first,
  #btn-last,
  #btn-help {

    right: 9%;
    margin: auto;
    width: 35%;
    height: 12%;

  }

  #btn-first { bottom: 25%; }
  #btn-last { bottom: 13.7%; }
  #btn-help { bottom: 2.5%; right: 6%; }

  #btn-third {

    left: 5.5%;
    bottom: 10%;
    margin: auto;
    width: 26%;
    height: 10%;

  }

  #btn-calendar {

    right: 39%;
    bottom: 8%;
    margin: auto;
    width: 14%;
    height: 12%;
    
  }

  #btn-catalog {

    left: 10.5%;
    bottom: 7%;
    margin: auto;
    width: 14%;
    height: 12%;
    
  }

  #btn-final {

    bottom: 11%;
    right: 0;
    left: 0;
    margin: auto;
    width: 37%;
    height: 13%;

  }

  .slider-examples {

    margin-top: 8%;
    width: 100vw;
    min-height: 54vw;
    height: 100vh;
    padding-top: 14.5%;
    background-image: url('../images/slider/slider-background.svg');
    background-position: top left;
    background-size: cover;
    
  }

  .owl-carousel { padding-left: 4%; }
  .owl-carousel a{ display: block; }
  
  .slider-img { max-width: 21vw;}

}

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

  .mobile { display: block; }
  .desktop, #owl-carousel-1 { display: none; }

  .slider-examples-mobile {
    
    margin-top: 6%;
    padding-top: 6.5%;
    background-image: url(../images/slider/slider-background-mobile.svg);
    background-position: top left;
    background-size: cover;
    padding-bottom: 18%;

  }

  #owl-carousel-2 {
    transform: scale(1.4);
    transform-origin: left;
    position: relative;
  }

  .slider-background-text {
    margin-bottom: 18%;
  }

  #m-btn-first {

    left: 0;
    right: 0;
    bottom: 6%;
    margin: auto;
    width: 100%;
    height: 18%;
  
  }

  #m-btn-last {
    
    left: 0;
    right: 0;
    bottom: 41.3%;
    margin: auto;
    width: 100%;
    height: 9%;

  }

}