#rec276684261 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20000;
}

.scrolled a {
  color: black !important;
}

#record276684261 #rec276684261 {
  position: relative;
  z-index: 0;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1620215422904"] .tn-atom {
    color: black !important;
    border-color: black !important;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1620215422904"] {
    color: black ;
}

.scrolled {
    background-color: rgba(255, 255, 255, 1);
}

#rec276684261.scrolled  .tn-elem[data-elem-id="1612294234190"] .tn-atom {
  background-color: #C5C5C5;
}

.scrolled .black-menu .tn-atom{
    opacity: 1 !important;
    transition: all 1.6s;
}

.hide-menu{
   transition: all 1.6s;
}

.scrolled .hide-menu{
    opacity: 0;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1612295412233"] .tn-atom {
  border-color: black;
   transition: all 1.6s;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1612296107602"] .tn-atom {
  color: black;
   transition: all 1.6s;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1612296182932"] .tn-atom {
  color: black;
   transition: all 1.6s;
}

#rec276684261.scrolled .tn-elem[data-elem-id="1612296184764"] .tn-atom {
  color: black;
   transition: all 1.6s;
}

.show-element {
    height: auto ;
    opacity: 1 ;
}

.click-btn .tn-atom {
    opacity: 1 !important;
}

.btn-product-one-step-1,
.btn-product-one-step-2,
.btn-product-one-step-3,
.btn-product-one-step-4,
.next-btn,
.prev-btn{
    cursor: pointer;
}

.tn-atom__tip img {
  max-width: 127px;
  margin: 0 !important;
  float: left;
}

.tn-atom__tip .tn-atom__tip-text {
  max-width: 140px;
  float: left;
}


.t396 .tn-atom__tip {
  padding: 0 !important;
}


#form279316333 .t-input-group_nm {
  display: inline-block;
  width: 200px;
}

#form279316333 .t-input-group_in {
  display: inline-block;
  width: 200px;
  margin-left: 17px;
  margin-right: 17px;
}

#form279316333 .t-input-group_ph {
  display: inline-block;
  width: 200px;
}


#form279316333 .t-input-group_ta {
  display: inline-block;
  width: 100%;
  max-width: 417px;
}

#form279316333 .t-form__errorbox-middle{
  display: inline-block;
  width: 0;
  margin-left: 17px;
}

#form279316333 .tn-form__submit {
  display: inline-block;
  position: relative;
    top: -17px;
}


.hide-element {
  transition: all 1.6s;
  transform: translateY(-200px);
  opacity: 0 !important;
}

#rec276768203, #rec277975722, #rec277976519, #rec277977100, #rec277977517, #rec276791244, #rec276791251, #rec278501923, #rec279316333 {
  transition: all 1.6s;
}


div.t450__right_social_links_item:nth-child(3) > a:nth-child(1) > svg:nth-child(1) {
  display: none !important;
}


div.t450__right_social_links_item:nth-child(3) > a:nth-child(1) {
  background: url("https://static.tildacdn.com/tild3632-6337-4637-a566-653762366336/Layer_18.png");
  width: 29px;
  height: 30px;
  display: block;
}

.t450__burger_bg {
  background-color: transparent !important;
}

.scrolled-menu .t450__burger span {
  background-color: black !important;
}


 @media (max-width: 1350px) {
     
    #rec276684261 .tn-elem[data-elem-id="1612296107602"] {
      display: none;
    }
    
    #rec276684261 .tn-elem[data-elem-id="1612296182932"] {
      display: none;
    }
    #rec276684261 .tn-elem[data-elem-id="1612296184764"] {
        display: none;
    }
}



 @media (max-width: 1600px) and ( min-width: 1200px ){
  
    
.tn-elem__2793163331612941789219 {
    width: 660px !important;
}

.swiper-container {
    max-width: 660px !important;
}

.tn-elem__2793700361612979694667 {
    left: 600px !important;
}

.tn-elem__2793700361612979646064 {
    left: 600px !important;
}

.tn-elem__2793700361612979320840 {
    left: 600px !important;
}

.tn-elem__2793700361612979692567 {
    left: 453px !important;
}

.tn-elem__2793700361612979644233 {
    left: 453px !important;
}

.tn-elem__2793700361612979312566 {
    left: 453px !important;
}

.tn-elem__2793700361612979688963 {
    left: 251px !important;
}

.tn-elem__2793700361612979642506 {
    left: 251px !important;
}

.tn-elem__2793700361612979303017 {
    left: 251px !important;
}

.tn-elem__2793700361612979649664 {
    left: 82px !important;
}

.tn-elem__2793700361612979591929 {
    left: 82px !important;
}

.tn-elem__2793700361612979295927 {
    left: 82px !important;
}

.tn-elem__2785019231613311430111 {
    left: 447px !important;
}

.tn-elem__2785019231613311449054 {
    left: 447px !important;
}

.tn-elem__2785019231613311399025 {
    left: 114px !important;
}

.tn-elem__2785019231613311439117 {
    left: 114px !important;
}


.tn-elem__2785019231612900470085 {
    left: 938px !important;
}

.tn-elem__2785019231612326191612 {
    left: 1150px !important;
}

.tn-elem__2785019231613311357890 {
    left: 821px !important;
}


.tn-elem__2785019231613311375373 {
    left: 821px !important;
}

.tn-elem__2785019231613311366956 {
    left: 1165px !important;
}

.tn-elem__2785019231613311383558 {
    left: 1165px !important;
}

.tn-elem__2767912441612597876040
left: -296px !important;
top: 131px !important;
width: 2000px !important;
}

}

 @media (max-width: 1200px){
   
    #form279316333 .t-input-group_nm {
      display: block;
      width: auto;
    }
    
    #form279316333 .t-input-group_in {
      display: block;
      width: auto;
      margin-left: 0;
      margin-right: 0;
    }
    
    #form279316333 .t-input-group_ph {
      display: block;
      width: auto;
    }
    
    #form279316333 .t-input-group_ta {
      display: block;
      width: auto;
      max-width: 100%;
    }
    
    #form279316333 .t-form__errorbox-middle {
      display: block;
      width: auto;
      margin-left: 0;
    }
    
    #form279316333 .tn-form__submit {
      display: block;
      top: 0;
    }
}



@media (max-width: 960px){
    .t450__burger_container {
      top: 0px !important;
      right: 10px !important;
    }
    
  .swiper-slide__item-img img {
  
    max-width: 110px !important;
  }

.swiper-slide__item-img {
  margin-right: 10px;
}

.swiper-container {
  padding-bottom: 60px !important;
}
#form279316333 .tn-form__submit {
    margin-top: 40px !important;
}

.tn-elem__2793700361613322797706 {
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
}


#rec276690530 .tn-elem[data-elem-id="1614695184146"]{
    width: 100%  !important;
    max-width: 250px  !important;
    padding-right: 0 !important;
}


#rec276690530 .tn-elem[data-elem-id="1612325881683"] .tn-atom {
  display: block !important;
}

#form279316333 .t-input-group_in {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


}


@media (max-width: 480px) {
  .t450__burger_container {
    right: 2px !important;
  }
  .swiper-container {
  padding-bottom: 90px !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 20px;
}
.swiper-button-next, .swiper-button-prev {
    top: 89%;
}


}

@media (max-width: 370px) {
    .swiper-slide__item-img img {
  
    max-width: 100px !important;
  }
  .swiper-slide__item-text {
    font-size: 7px !important;
}
}

.t450__rightside {
  text-align: center;
}

.t450__right_social_links_item {
  margin-right: 15px !important;
}

.t450__list_item {
  position: relative;
}

.t450__rightcontainer {
  position: relative;
}

.t450__rightcontainer::before {
  content: "";
  position: absolute;
  left: -25px;
  top: -12px;
  width: 300px;
  height: 1px;
  background: white;
}

.t450__list_item::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 14px;
  width: 15px;
  height: 4px;
  background: white;
}


.swiper-pagination-bullet-active {
  background: #1771F1 !important;
}



#rec282470817 .t702__form-bottom-text a::before,
#rec282470015 .t702__form-bottom-text a::before{
  content: "";
  background: url("https://static.tildacdn.com/tild6437-3937-4432-b562-336364373634/check-mark_1.png");
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 20px;
  position: relative;
  top: 6px;
}

#rec282470817 .t702__form-bottom-text a,
#rec282470015 .t702__form-bottom-text a{
  display: flex;
  text-align: left;
  font-size: 12px;
}

#rec282470817 .t702__form-bottom-text a:hover,
#rec282470015 .t702__form-bottom-text a:hover{
  opasity:0.6;
}


#form279316333 .tn-form__submit {
top: 50px;
}