.main-slider-frontpage{
  position:relative;
}

.main-slider-frontpage__wrapper{
  margin:0 auto;
  max-width:var(--grid-container-max-width);
  padding:0 .5rem;
  position:relative;
}
@media screen and (min-width:425px){
  .main-slider-frontpage__wrapper{
    margin:0;
    margin-left:calc((100vw - min(100%, var(--grid-container-max-width)))/2 + .5rem);
    max-width:none;
    overflow:hidden;
    padding:0;
  }
}
@media screen and (min-width:576px){
  .main-slider-frontpage__wrapper{
    margin-left:calc((100vw - min(100%, var(--grid-container-max-width)))/2 + 1rem);
  }
}
@media screen and (min-width:768px){
  .main-slider-frontpage__wrapper{
    margin:0 auto;
    max-width:var(--grid-container-max-width);
    padding:0 .5rem;
  }
}

.main-slider-frontpage__slider{
  position:relative;
}

.main-slider-frontpage__slide{
  height:460px;
  position:relative;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__slide{
    height:360px;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__slide{
    height:460px;
  }
}

.main-slider-frontpage__content{
  position:absolute;
  top:0;
  width:100%;
  z-index:2;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__content{
    height:100%;
  }
}

.main-slider-frontpage__card{
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-width:100%;
  padding:1.25rem;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__card{
    background:none;
    gap:initial;
    height:100%;
    justify-content:space-between;
    max-width:60%;
    padding:1.5rem;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__card{
    max-width:50%;
    padding:2.5rem;
  }
}

.main-slider-frontpage__text-block{
  color:#5a556e;
  display:flex;
  flex-direction:column;
  gap:.625rem;
}
.main-slider-frontpage__text-block.main-slider-frontpage__text-block--white{
  color:#fff;
}
.main-slider-frontpage__text-block.main-slider-frontpage__text-block--blue{
  color:#15a8f1;
}
.main-slider-frontpage__text-block.main-slider-frontpage__text-block--orange{
  color:#f60;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__text-block{
    flex:1;
    justify-content:center;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__text-block{
    gap:.875rem;
  }
}

.main-slider-frontpage__title{
  font-family:var(--font-medium);
  font-size:1.75rem;
  line-height:112%;
  max-width:90%;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__title{
    font-size:2.125rem;
    max-width:100%;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__title{
    font-size:3rem;
    margin-bottom:.875rem;
  }
}

.main-slider-frontpage__description{
  font-family:var(--font-light);
  font-size:.875rem;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__description{
    font-size:1rem;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__description{
    font-size:1.125rem;
  }
}

.main-slider-frontpage__btn{
  width:100%;
}
@media screen and (min-width:576px){
  .main-slider-frontpage__btn{
    width:-moz-fit-content;
    width:fit-content;
  }
}

.main-slider-frontpage__btn .component-button{
  font-size:.625rem;
  margin:0;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__btn .component-button{
    font-size:inherit;
  }
}

.main-slider-frontpage__btn .component-button__item_big{
  padding:11px 24px;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__btn .component-button__item_big{
    padding:14px 30px;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__btn .component-button__item_big{
    padding:14px 38px;
  }
}

.main-slider-frontpage__image-wrapper{
  height:100%;
  overflow:hidden;
  width:100%;
}

.main-slider-frontpage__desktop-image,.main-slider-frontpage__mobile-image{
  border-radius:.625rem;
  display:block;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:bottom;
     object-position:bottom;
  width:100%;
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__desktop-image,.main-slider-frontpage__mobile-image{
    -o-object-position:right;
       object-position:right;
  }
}

.main-slider-frontpage__mobile-image{
  border-radius:.625rem;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__mobile-image{
    display:none;
  }
}

.main-slider-frontpage__desktop-image{
  display:none;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__desktop-image{
    display:block;
  }
}

.main-slider-frontpage .tns-nav{
  align-items:center;
  bottom:.5rem;
  bottom:2rem;
  display:flex;
  flex-direction:row;
  gap:.4rem;
  justify-content:center;
  margin:0 1rem;
  position:absolute;
  z-index:10;
}
@media screen and (min-width:768px){
  .main-slider-frontpage .tns-nav{
    bottom:2.75rem;
    right:8rem;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage .tns-nav{
    bottom:3.75rem;
    right:9rem;
  }
}

.main-slider-frontpage .tns-nav button{
  background-color:rgba(0,0,0,.4);
  border:none;
  border-radius:50%;
  cursor:pointer;
  height:8px;
  margin:0;
  padding:0;
  transform:scale(.5);
  transition:all .3s ease-in;
  width:8px;
}

.main-slider-frontpage .tns-nav .tns-nav-active{
  background-color:transparent;
  border:2px solid #15a8f1;
  box-sizing:border-box;
  transform:scale(1);
}

.main-slider-frontpage__slider-controls{
  bottom:1rem;
  position:absolute;
  right:1.5rem;
}
@media screen and (min-width:768px){
  .main-slider-frontpage__slider-controls{
    bottom:1.5rem;
    right:1.5rem;
  }
}
@media screen and (min-width:1200px){
  .main-slider-frontpage__slider-controls{
    bottom:2.5rem;
    right:2.5rem;
  }
}

.main-slider-frontpage__slider-control{
  background-color:#fff;
  border:none;
}

.main-slider-frontpage__slider-control:before{
  color:#252525;
}
.main-slider-frontpage__slider--loading{
  max-height:460px;
  overflow:hidden;
  position:relative;
}
.main-slider-frontpage__slider--loading .main-slider-frontpage__slide{
  display:none;
  opacity:0;
  transition:opacity .3s ease;
}
.main-slider-frontpage__slider--loading .main-slider-frontpage__slide:first-child{
  display:block;
  opacity:1;
}
.main-slider-frontpage__slider--ready{
  opacity:1;
}
.main-slider-frontpage__slider--ready .main-slider-frontpage__slide{
  display:block;
  opacity:1;
}
.main-slider-frontpage__slider{
  transition:opacity .3s ease;
}
.main-slider-frontpage__slider:not(.main-slider-frontpage__slider--ready){
  opacity:0;
}
.main-slider-frontpage__slider.main-slider-frontpage__slider--ready{
  opacity:1;
}
.main-slider-frontpage__slider--loading+.main-slider-frontpage__slider-controls,.main-slider-frontpage__slider--loading~#main-slider-frontpage__nav{
  opacity:0;
  visibility:hidden;
}

.main-slider-frontpage__slider--ready+.main-slider-frontpage__slider-controls,.main-slider-frontpage__slider--ready~#main-slider-frontpage__nav{
  opacity:1;
  transition:opacity .3s ease;
  visibility:visible;
}
.main-slider-frontpage__slider--error{
  opacity:1;
}
.main-slider-frontpage__slider--error .main-slider-frontpage__slide{
  display:block;
  opacity:1;
}
.main-slider-frontpage--initialized #main-slider-frontpage__nav,.main-slider-frontpage--initialized .main-slider-frontpage__slider-controls{
  opacity:1;
  transition:opacity .3s ease;
  visibility:visible;
}