body {
    overflow-x: hidden;
}

.t216__logo {
    width: 204px;
}

.uc-gallery .t994__item-wrapper {
    /*width: 75vw !important;*/
}

.uc-gallery .t994__slider {
    /*height: 100vh;*/
    /*background-color: orange;*/
}

.uc-gallery .t994__width-wrapper {
    height: 100%;
}

.uc-gallery li.t-slds__item {
    /*background-color: green;*/
    width: 50vw;
}

.uc-gallery .t994__item-wrapper {
    width: 100% !important;
}

.uc-gallery .t994__slidecontainer {
    width: 100%;
    overflow: initial;
}

.uc-gallery .t994__gallery {
    margin-left: -20vw;
}

.uc-gallery .t944__loaders-container {
    margin-right: 30vw;
}

.uc-gallery .t-slds__wrapper {
    width: 100%;
}

.uc-gallery .t994__textwrapper {
    padding-right: 200px;
}

.uc-cover-with-logo img {
    width: 10vw;
}


/*@media screen and (min-width: 1024px)  {*/
/*    .uc-mirror-cover .t941__cover-wrap {*/
/*        transform: scale(-1, 1) skew(-30deg, 0) !important;*/
/*        left: -15% !important;*/
/*        transform-origin: center center !important;*/
/*    }*/
    
/*    .uc-mirror-cover .t941__cover_flipped {*/
/*        left: -45vw;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 960px) {*/
/*    .uc-mirror-cover .t941__wrapper {*/
/*        flex-direction: column-reverse;*/
/*    }*/
/*}*/

/*
* {
  box-sizing: border-box;
}

body {
  max-width: 1440px;
  margin: auto;
}
*/

.slider-wrapper {
    position: relative;
    margin: 5vh 5vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


.slide-arrow {
    border: unset;
    background-color: unset!important;
    display: flex;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 100ms;
    box-shadow: unset !important;
    margin: 3vw;
}

.slide-arrow:hover,
.slide-arrow:focus {
  opacity: 1;
}

#slide-arrow-prev {
    /*left: 0;*/
    /*padding-left: 0.25rem;*/
    border-radius: 0 2rem 2rem 0;
    left: 35%;
    
    padding: 0!important;
}

#slide-arrow-next {
    /*right: 0;*/
    /*padding-left: 0.75rem;*/
    border-radius: 2rem 0 0 2rem;;
    right: 35%;
    padding: 0!important;
}

.slide {
    aspect-ratio: 1/1;
    /*height: 50%;*/
    border-radius: 50%;
}


.slide:nth-child(1) {
    /*background-color: #49b293;*/
    background-image: url("https://static.tildacdn.com/tild6265-6131-4263-b931-363563653732/avatar-t3.png");
    
    object-fit: cover;
    background-position: center;
    width: 100%;
    max-width: 100%;
    /* padding-bottom: 100%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.slide:nth-child(2) {
  background-color: #b03532;
}

.slide:nth-child(3) {
  background-color: #6a478f;
  margin: 0;
}

.slide:nth-child(4) {
  background-color: #da6f2b;
}

.uc-custom-slider #slide-arrow-next >  svg   {
    transform: rotate(180deg);
}

.uc-custom-slider #slide-arrow-prev >  svg   {
    transform: rotate(180deg);
}
.uc-custom-slider .t-width {
    display: flex;
    justify-content: center;
    
}


.slides-container {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    margin: auto !important;
    /* aspect-ratio: 1 / 1; */
    /*height: 90vh;*/
    padding-left: 0 !important;
    /* aspect-ratio: 1 / 1; */
    /*height: 90vh;*/
    padding-left: 0 !important;
    max-height: 90vh;

}

@media screen and (min-width: 768px) and (orientation: landscape) {
    .temp-wrapper {
    padding: 100px 0 !important;
}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {

.slides-container {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    margin: auto !important;
    max-height: 1050px;
    padding-left: 0 !important;

}

.slide {
    margin: 0 10%;
    /*max-width: 40%;*/
}


}

.folio-card {
    width: 100%;
    /*height: 100%;*/
    flex: 1 0 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-start;*/
    /*flex-wrap: wrap;*/
    transition: transform 330ms ease-in-out;
}

.folio-card p {
    /*height: 100%;*/
    /*width: 100%;*/
    padding: 20px 0;
    /*margin: auto;*/
    text-align: center;
    color: #ebebeb;
}

.folio-card .t-name {
    margin: 1.5rem auto 0.5rem auto;
    color: #ebebeb;
}

body {
  background-color: #eee;
}


/*----------*\
   #LAYOUT
\*----------*/



.temp-wrapper {
    margin: 20px;
    /*height: 100%;*/
    padding: 1vh 0;
}

@media all and (min-width: 480px) {
  .temp-wrapper {
    width: 50%;
    margin: 40px auto;
  }

  .temp-wrapper--wide {
    width: 100%;
  }

  .temp-wrapper--wider {
    width: 100%;
  }
  
    .px { transform: scale(1.0); }
}

@media all and (min-width: 768px) {
  .temp-wrapper {
    width: 33.33337%;
  }

  .temp-wrapper--wide {
    width: 66.66667%;
  }

  .temp-wrapper--wider {
    width: 100%;
  }
  .px { transform: scale(1.5); }
}

@media all and (min-width: 1024px) {
  .temp-wrapper {
    width: 25%;
  }

  .temp-wrapper--wide {
    width: 50%;
  }

  .temp-wrapper--wider {
    width: 75%;
  }

  .px { transform: scale(1.9); }

}





/*------------*\
   #IPHONE X
\*------------*/



.px {
    position: relative;
    padding: 6% 7%;
}

.px video {
    height: 100%;
}

.px--ls {
  padding: 3.3% 3%;
}

.px__body {
    position: absolute;
    top:    0;
    right:  1%;
    bottom: 0;
    left:   1%;
    background: linear-gradient(to top, #e5e5e5 0%, #f7f7f9 10%, #eeeef0 90%);
    border-radius: 14%/7%;
    box-shadow: inset 0 0 3px 1px #000
}

.px--ls > .px__body {
    top:    1%;
    right:  0;
    bottom: 1%;
    left:   0;
    border-radius: 7%/14%;
}

.px__body:before {
    content: '';
    position: absolute;
    top:     .7%;
    right:  1.4%;
    bottom:  .7%;
    left:   1.4%;
    background-color: #000;
    border-radius: 13%/7%;
    box-shadow: 0 0 3px #000
}

.px--ls > .px__body:before {
    top:    1.4%;
    right:   .7%;
    bottom: 1.4%;
    left:    .7%;
    border-radius: 7%/13%;
}

.px__body:after {
    content: '';
    position: absolute;
    top:    1%;
    right:  2.3%;
    bottom: 1%;
    left:   2.3%;
    background-color: #000;
    box-shadow: inset 0 0 10px 2px #fff;
    border-radius: 13%/6.5%;
}

.px--ls > .px__body:after {
    top:    2.3%;
    right:  1%;
    bottom: 2.3%;
    left:   1%;
    border-radius: 6.5%/13%;
}

.px__body__cut {
    position: absolute;
    z-index: 2;
    top:   3%;
    left: 50%;
    width: 50%;
    height: 3.5%;
    background-color: #000;
    border-radius: 0 0 10% 10%/80%;
    transform: translate3d(-50%,0,0);
}

.px--ls .px__body__cut {
    top: 50%;
    left: 3%;
    width: 3.5%;
    height:  50%;
    border-radius: 0 80% 80% 0/10%;
    transform: translate3d(0,-50%,0);
}

.px__body__speaker, .px__body__camera, .px__body__sensor {
    position: absolute;
    z-index: 2;
    background-color: #222;
    transform: translate(-50%,-50%);
}

.px__body__speaker {
    top:  4%;
    left: 50%;
    width: 12%;
    height:  .8%;
    border-radius: 5px;
}

.px--ls .px__body__speaker {
    top:  50%;
    left: 4%;
    width:    .8%;
    height: 12%;
}

.px__body__camera {
    top:   4%;
    left: 36%;
    width:  3.5%;
    height: 1.7%;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 1px #000;
}

.px--ls .px__body__camera {
    top:  64%;
    left:  4%;
    width:  1.7%;
    height: 3.5%;
}

.px__body__sensor {
    top:   4%;
    left: 61%;
    width:  2.2%;
    height: 1.1%;
    border-radius: 50%;
    background-color: #2a4a73;
    box-shadow: inset 0 0 2px 1px #000;
}

.px--ls .px__body__sensor {
  top:  39%;
  left:  4%;
  width:  1.1%;
  height: 2.2%;
}

.px__body__mute, .px__body__up, .px__body__down, .px__body__right {
  position: absolute;
  background-color: #b5b8ba;
  box-shadow: inset 0 5px 5px -3px rgba(0,0,0,.5), inset 0 -5px 5px -3px rgba(0,0,0,.5);
  transform: translate(0,-50%);
}

.px--ls .px__body__mute, .px--ls .px__body__up, .px--ls .px__body__down, .px--ls .px__body__right {
  box-shadow: inset 5px 0 5px -3px rgba(0,0,0,.5), inset -5px 0 5px -3px rgba(0,0,0,.5);
  transform: translate(-50%,0);
}

.px--ls .px__body__right {
  background-color: #f4f6f6;
}

.px__body__mute {
  top: 14.7%;
  left: -.7%;
  width: .7%;
  height: 4%;
  border-radius: 1px 0 0 1px;
}

.px--ls .px__body__mute {
  top: auto;
  left:  14.7%;
  bottom: -.7%;
  width: 4%;
  height: .7%;
  border-radius: 0 0 1px 1px;
}

.px__body__up, .px__body__down {
  left: -1%;
  width:  1%;
  height: 7.5%;
  border-radius: 2px 0 0 2px;
}

.px--ls .px__body__up, .px--ls .px__body__down {
  bottom: -1%;
  width:  7.5%;
  height: 1%;
  border-radius: 0 0 2px 2px;
}

.px__body__up {
  top: 25%;
}

.px--ls .px__body__up {
    top: auto;
    left: 25%;
}

.px__body__down {
    top: 34%;
}

.px--ls .px__body__down {
    top: auto;
    left: 34%;
}

.px__body__right {
    top:   25%;
    right: -1%;
    width:  1%;
    height: 7.5%;
    border-radius: 0 2px 2px 0;
}

.px--ls .px__body__right {
      top:  -1%;
      right: auto;
      left: 25%;
      width:  7.5%;
      height: 1%;
      border-radius: 2px 2px 0 0;
}

.px__screen {
    position: relative;
    z-index: 1;
}

.px__screen__ {
    position: relative;
    padding-bottom: 218%;
    background-color: #888;
    border-radius: 10%/5%;
    box-shadow: 0 0 10px #000;
}

.px--ls .px__screen__ {
  padding-bottom: 46%;
  border-radius: 5%/10%;
}

.px__screen__frame {
    position: absolute;
    top:    0;
    right:  0;
    bottom: 0;
    left:   0;
    overflow: hidden;
    border-radius: inherit;
    background-size: cover;
    background-position: center center
}

.px__screen__frame > .fa {
  position: absolute;
  top:  50%;
  left: 50%;
  font-size: 5em;
  transform: translate(-50%,-50%);
}



@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vw;
  }
}



@media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min--moz-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2)
{  
    /*
    * {
        background-color: red;
    }*/
    .uc-mv .t996__wrapper, .uc-vsoc .t996__wrapper {
        /*height: unset;*/
        /*height: auto;*/
        height: 100vh;
    }
    
    .uc-mv .t996__inner-wrapper {
        /*left: unset;*/
        right: inherit;
        transform: scale(1);
    }
    
    .uc-vsoc .t996__inner-wrapper {
        left: inherit;
        transform: scale(1);
    }
    
    .uc-advances, .uc-fields, .uc-team /*.uc-contacts*/ {
        min-height: unset;
    }
    
    .t123 {
        min-height: unset;
    }
    
    .uc-advances .t490, .uc-fields .t498, .uc-team .t524, .uc-contacts .t718 {    
        transform: scale(1);
        /*padding: 5%;*/
    }
    
    .uc-team .t524 .t-section__descr {
        max-width: 560px;
    }
    
    .slides-container {
        /*max-height: 40vh;*/
    }
    
    .t-rec_pt_135 {
        height: inherit;
    }
    
    .t795 {
        transform: scale(1);
    }
    
    .folio-card .t-name {
        transform: scale(1);
        1.5rem auto 0.5rem auto;
    }
    
    .folio-card p {
        font-size: inherit;
    }
    
    .t216__descr {
        font-size: inherit;
        max-width: 700px;
    }
    
    .t216__title {
        font-size: xx-large;
    }
    
    .t134 {
        padding: 0;
        transform: scale(1);
    }    
    
    .slide {
      margin: auto;
    }
    
    .t-descr_xs, .t216__descr, .t-descr {
        font-size: 16px;
    }
    
    .t-descr_xl {
      font-size: 20px;
      line-height: 1.4;
    }
    
    .t216__logo {
    width: 102px;
    }
    /** {*/
        /*background-color: red;*/
    /*}*/
    
    /*.uc-mv, .uc-vsoc {*/
    /*    height: 100vh;*/
    /*    width: 100vw;*/
    /*}*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all {

}

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

    .uc-mv .t996__wrapper, .uc-vsoc .t996__wrapper {
        height: 50vh;
    }
    
    .t-title_md {
        font-size: 48px; 
    }
    .uc-mv .t996__inner-wrapper {
        /*left: unset;*/
        max-width: 400px;
        right: -30% !important;
        transform: scale(1.35);
    }
    
    .uc-vsoc .t996__inner-wrapper {
        left: -30% !important;
        transform: scale(1.35);
        max-width: 400px;
    }
    
    .uc-advances, .uc-fields, .uc-team /*.uc-contacts*/ {
        min-height: 50vh;
    }
    
    .t123 {
        min-height: 70vh;
    }
    
    .uc-advances .t490, .uc-fields .t498, .uc-team .t524, .uc-contacts .t718 {    
        transform: scale(1.35);
        padding: 5%;
    }
    
    .uc-team .t524 .t-section__descr {
        /*max-width: 840px;*/
    }
    
    .slides-container {
        /*max-height: 40vh;*/
    }
    
    .t-rec_pt_135 {
        height: 15vh;
    }
    
    .t795 {
        transform: scale(1.35);
    }
    
    .folio-card .t-name {
        transform: scale(1.35);
        margin: 3rem auto 1.5rem auto;
    }
    
    .folio-card p {
        font-size: xx-large;
    }
    
    .t216__descr {
        font-size: 48px;
        max-width: 1000px;
    }
    
    .t216__title {
        font-size: 92px;
    }
    
    .t134 {
        padding: 3rem 1.5rem;
        transform: scale(1.35);
    }
}