.project-button1-spb {
    padding-top: 16px;
}
.t-input-subtitle {
    color: white !important;
}
@media  screen and (max-width:1200px) {
    button {
    
    height: 56px !important;
}
   form button {
    
    width: 100% !important;
}

}
.big-text {
  
  font-stretch: 125%;
  
  }
  .big-text-hover{
  
  font-stretch: 125%;
  
  }
  .big-text-hover:hover {
  color: #FFB800;
  }
  

  .underline {
  text-decoration-line: underline;
  }
  .t702__wrapper {
      background: linear-gradient(132.25deg, rgba(210, 231, 255, 0.279264) 1.18%, rgba(27, 30, 36, 0.3) 85.32%, rgba(62, 65, 70, 0) 85.33%), #0F1015 !important;
      color: white !important;
    }
     .t-input, .t-select {
      background: white !important;
      height: 44px !important;
     overflow: hidden;
    }
    .t-input-block {
        
        height: 44px !important;
    }
     .t-title, .t-input-title, .t-checkbox__control, .t702__form-bottom-text {
      color: white !important;
     
    }
    .t-checkbox__indicator {
         background-color: white !important;
 
    }
    .t-input-group_cb {
        padding-top: 0px !important;
         margin-bottom: 4px !important;
        margin-top: -16px !important;
    }
#rec452136238 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 99999999999999999999999999999999999999999999999999;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  #rec465016043 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  z-index: 999999999999999999999999999999999999999999999999999;
  
  }
  #rec465015544 {
  opacity: 0;
  }
  #rec461786064 {
  z-index: 99;
  }
  .big-text {
  
  font-stretch: 125%;
  
  }
  .big-text-hover{
  
  font-stretch: 125%;
  
  }
  .big-text-hover:hover {
  color: #FFB800;
  }
  
  #rec455520734 {
  position: relative;
  top: 804px;
  }
  #rec456765249 {
  position: relative;
  bottom: 24px;
  }
  .underline {
  text-decoration-line: underline;
  }
  #rec450556442 {
  z-index: 99999999999999999999999999999;
  owerflow: hidden;
  }
 .big-text {
  
  font-stretch: 125%;
  
  }
  .big-text-hover{
  
  font-stretch: 125%;
  
  }
  .big-text-hover:hover {
  color: #FFB800;
  }
  

  .underline {
  text-decoration-line: underline;
  }

  @media  screen and (max-width:1200px) {
  ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  }
  
  
  }
  
  
  .catalog-slider-card, .catalog-slider-card-spb {
  width: 100%;
  height: 100%;
  text-align: center;
  
  
  }
  .catalog-slider-card-click {
    position: absolute;
    z-index: 999999;
    
    background: linear-gradient(139.46deg, rgba(210, 231, 255, 0.279264) 5.46%, rgba(27, 30, 36, 0.3) 100.74%, rgba(62, 65, 70, 0) 100.75%), rgba(15, 16, 21, 0.9);
    cursor: auto;
  
  top:0px;
  }
  
  * {
  padding: 0;
  margin: 0;
  }
  option {
  text-align: center;
  text-align: -webkit-center;
  }
  a {
  text-decoration: none;
  }

  
  
  
  
  
  
  .red {
  color: red;
  
  }     
  
  .display-none {
    display: none;
  }
  .none {
    display: none;
  }
  
  
  
  
  
  
  
  * {
  padding: 0;
  margin: 0;
  }
  .t-checkbox__control {
  margin-top: 8px;
  }
  @media screen and (max-width:1200px) and  (orientation: portrait) {
  .form-before-click {
  height: 100%;
  }
  .form-after-click {
  height: 120%;
  }
  .form2, .form2-spb {
height: 100vh;
  }
  }
 
  @media screen and (max-width:1200px) {
   
  
  input {
  border: none;
  color: #383838;
  }
  
  
  textarea {
  border-radius: 4px;
  }
  
  .flexy {
  display: flex;
  }
  }
  
 
  
  @media screen and (min-width:1200px) {
  
  .footer-text-bottom {
      margin-bottom: 16px;
  }
 
  input {
  border: none;
  color: #383838;
  }
  
  
  textarea {
  border-radius: 4px;
  }
  .myfooter {
       
        height: 280px !important;
       } 
  
  ::placeholder {
  background-color: white;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #acacac;
  text-align: center;
  text-align:-webkit-center;
  }
  
  }
  .t-checkbox__indicator {
  
  width: 16px;
  height: 16px;
  
  border: 2px solid #D9D9D9;
  border-radius: 2px;
  
  }
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;       
  background-image: url('https://springstorm.xyz/petrovichPhotos/mobile-arrow.svg');
  background-repeat: no-repeat;
  text-align: center;
  text-align: -webkit-center;
  
  
  }
  @media  screen and (max-width:1200px) {
  select {
  
  background-position:  100% bottom;
  
  
  
  }
  }
  @media  screen and (min-width:1200px) {
  select {
  
  background-position:  98% 70%;
  
  
  
  }
  }
    @media screen and (orientation: portrait) {
  
  .catalog-slider-card, .catalog-slider-card-spb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  
  }
  .catalog-slider-card-img, .catalog-slider-card-img-spb {
  width: 100vw;
  height: 74vh;
  object-fit: contain;
  
  
  
  
   }
   .popupslider, .popupslider-spb {
  
    height: 74vh;
  
  }
  }
  
  @media screen and (orientation: landscape) {
  
  
  
  .catalog-slider-card-img, .catalog-slider-card-img-spb {
  object-fit: cover;
   height: 100%;
  
  
   }
   .popupslider, .popupslider-spb {
  
  height: 74vh;
  
  }
  
  }
  @media  screen and (min-width:1200px) {
  .catalog-slider-card-start, .catalog-slider-card-start-spb {
   width: 100%;
   height: 100%;
   
   cursor: pointer;
  }
  .slider-card-about {
  background-color: white;
  display: flex;
  height: auto;
  width: 100%;
  
  }
  
  .catalog-slider-cross, .catalog-slider-cross-spb {
  position: absolute;
  top: 80px;
  display: flex;
  justify-content: right;
  width: 100%;
  z-index: 999999999999999999999999999999999999999;
  }
  
  .slider-cross, .slider-cross-spb {
    position: fixed;
    right: 96px;
    z-index: 999999999999999999999999999999999999999;
  
  cursor: pointer;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
  padding: 16px;
  }
  .back-to-catalog {
    position: absolute;
    top: 80px;
  margin-left: 192px;
    z-index: 99999;
  display: flex;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  }
  .back-to-catalog-text 
  {padding-left: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  }
  .popupslider, .popupslider-spb {
    position: relative;
    width: 100%;
    height: 74vh;
  overflow: hidden;
  }
  .popupslider__control {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
  
    text-align: center;
    height: 48px;
    transform: translateY(-50%);
                z-index:9999;
                border-radius: 50%;
  }
  .popupslider__control::before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 48px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
  }
  
  
  .popupslider__control[data-slide=prev] {
    left: 80px;
    
  }
  
  .popupslider__control[data-slide=next] {
    right: 96px;
    
  }
  
  .slider-project {
  width: 648px;
  height: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  margin-right: 14%;
  
  margin-left: 192px;
  }
  .slider-project-header {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin: 16px 0 32px 0;
  color: #383838;
  
  }
  .project-name, .project-name-spb {
  text-transform: uppercase;
  }
  .slider-project-text, .slider-project-text1 {
  font-family: 'Roboto Flex';
  
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #383838;
  }
  
  .project-button, .project-button-spb {
  width: 225px;  
  margin-top: 56px;
  }
  .slider-button, .slider-button-spb {
  margin-bottom: 20px;
  width: 175px;
  height: 44px;
  border: none;
  background: #EB192B;
  border-radius: 2px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  }
  .slider-button:hover, .slider-button-spb:hover {
  background: #383838;
  }
  .slider-button:active, .slider-button-spb:active{
  background: #FFFFFF;
  border: 2px solid #383838;
  color: #383838;
  }
  .inred {
  
  height: 44px;
  }
  }
  
  @media  screen and (max-width:1200px) {
  .catalog-slider-card-start, .catalog-slider-card-start-spb {
   width: 100%;
   height: 100%;
   
   cursor: pointer;
  }
  
  .slider-card-about {
  
  background-color: white;
  
  width: 100%;
  
  
  z-index: 1;
  }
  
  .catalog-slider-cross, .catalog-slider-cross-spb {
  position: absolute;
  top: 72px;
  display: flex;
  justify-content: right;
  width: 100%;
  
  }
    .slider-cross, .slider-cross-spb {
        position: fixed;
        z-index: 999999999999999999999999999999999999999;
  
  cursor: pointer;
        width: 16px;
        height: 16px;
        background-color: white;
        border-radius: 50%;
  
  right: 16px;
  padding: 6px;
    }
    .back-to-catalog {
        position: absolute;
      
      padding: 16px;
        z-index: 99999;
  display: flex;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
    }
    .back-to-catalog-text 
  {padding-left: 12px;
    font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  }
  .popupslider, .popupslider-spb {
    position: relative;
    width: 100%;
    overflow: hidden;
  
  }
  .popupslider__control {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
  
    text-align: center;
    height:30px;
    transform: translateY(-50%);
                z-index:9999;
                border-radius: 50%;
  }
  .popupslider__control::before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 48px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
  }
  
  
    .popupslider__control[data-slide=prev] {
        left: 16px;
        
    }
  
    .popupslider__control[data-slide=next] {
        right: 16px;
        
    }
  
    .slider-project {
  width: 90%;
  height: auto;
  margin: 16px 5% 0 5%;
  
  background-color: white;
  
         }
  .slider-project-header {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  color: #383838;
  
  }
  .project-name, .project-name-spb {
  text-transform: uppercase;
  }
  .slider-project-text {
  font-family: 'Roboto Flex';
  
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #383838;
  }
  .slider-project-text1 {
    font-family: 'Roboto Flex';
  padding-bottom: 24px;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #383838;
  }
  .project-button, .project-button-spb {
  display: none;
  }
  .slider-button, .slider-button-spb {
    margin: 20px 5% 20px 5%;
  width: 90%;
  height: 48px;
  border: none;
  background: #EB192B;
  border-radius: 2px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  
  }
  .inred {
    margin: 0 5%;
  height: 44px;
  width: 90%;
  }
  }
  .popupsliderwrapp {
    width: 100%;
  
  
  
  top: 0px;
  background-color: white;
  }
  
  .popupslider__wrapper {
  height: 100%;
  }
  .popupslider__container {
  
    height: 100%;
  }
  
  .popupslider__items {
    display: flex;
    transition: transform .5s ease;
    height: 100%;
  }
  
  .popupslider_disable-transition {
    transition: none
  }
  
  .popupslider__item {
   
    flex: 0 0 100%;
    max-width: 100%;
    user-select: none;
    background: linear-gradient(139.46deg, rgba(210, 231, 255, 0.279264) 5.46%, rgba(27, 30, 36, 0.3) 100.74%, rgba(62, 65, 70, 0) 100.75%), rgba(15, 16, 21, 0.9);
    height: 100%;
  }
  .orderNew, .orderNew-spb {
  cursor: pointer;
  }
  
  .popupslider__control_hide {
    display: none
  }
  
  
  .popupslider__control:focus,
  .popupslider__control:hover {
  
    text-decoration: none;
    outline: 0;
    background: rgba(0, 0, 0, .3)
  }
  
  
  
  .popupslider__control[data-slide=prev]::before {
   
    background-image: url("https://springstorm.xyz/petrovichPhotos/btn.svg")
  }
  
  .popupslider__control[data-slide=next]::before {
    background-image: url("https://springstorm.xyz/petrovichPhotos/btn2.svg")
  }
  .popupslider__indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0
  }
  
  .popupslider__indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5);
    background-clip: padding-box;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
  }
  
  .popupslider__indicators li.active {
    background-color: rgba(255, 255, 255, .9)
  }