@font-face {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('../fonts/Inter-Regular.ttf') format('truetype');
 }
 @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  }
  @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
     src: url('../fonts/Inter-Bold.ttf') format('truetype');
   }
   @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
    }



html, body{
   min-height: 100%;
   margin: 0;
   padding: 0;
   font-family: 'Inter';
}
ul{
   display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
}

*, *::before, *::after {
   box-sizing: border-box;
   outline: 0;
   font-family: 'Inter';
}

.wrap-1200{
   display: flex;
   position: relative;
   width: 100%;
   max-width: 1260px;
   margin: 0 auto;
   padding: 0 30px;
}
.wrap-1200.column{
   flex-direction: column;
}
body.header-fix{
   margin-top: 130px;
}
@media (max-width:1050px){
   body.header-fix{
      margin-top: 100px;
   }
}
header{
   display: flex;
   position: relative;
   justify-content: center;
   margin-top: 30px;
   height: 100px;
   transition: top 0.5s;
}
.header-fix header{
   height: 60px;
   background-color: #FFFFFF;
   position: fixed;
   top: -80px;
   z-index: 1;
   margin: 0 auto;
   width: 100%;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
header.show{
   top: 0px;
}
@media (max-width:1050px){
   header{
      margin-top: 0;
   }
   .menu-open header{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      width: 100%;
      background-color: #ffffff;
   };
}
#logo{
   font-size: 0;
   margin-right: 40px;
}
.empty-space{
   display: flex;
   flex-grow: 1;
}
button, .a-button {
   display: block;
   justify-content: center;
   font-size: 14px;
   border: none;
   padding: 0 33px;
   color: #ffffff;
   background-color: #6FCF73;
   font-weight: 700;
   border-radius: 50px;
   transition-duration: 0.3s;
   text-transform: uppercase;
   cursor: pointer;
   height: 50px;
}
.a-button {
	text-decoration:none;
	text-align: center;
	line-height:50px;
}
button:hover, .a-button:hover {
   background: #50AE55;
}
button.grey, a.grey, a.grey:active, a.grey:visited{
   color: #50AE55;
   background-color: #F8F8F8;
}
button.grey:hover, a.grey:hover{
   background-color: #ebebeb;
}
header button, header .a-button{
   font-size: 12px;
   height: 40px;
   border-radius: 40px;
}
header .a-button{
	line-height: 40px;
}
header .phone{
   display: flex;
   align-items: center;
   text-decoration: none;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.03em;
   color: #000000;
   margin-right: 30px;
   transition-duration: 0.3s;
}
header .phone:hover{
   opacity: 0.7;
}
header .phone .phone-icon{
   width: 21px;
   height: 21px;
   fill: #000;
   margin-right: 9px;
}
header .wrap-1200{
   align-items: center;
}
nav.menu a{
   margin: 0 20px;
   color: #000000;
   text-decoration: none;
   font-size: 14px;
   font-weight: 600;
   transition-duration: 0.3s;
}
nav.menu a svg{
   margin-bottom: 1px;
   stroke: #000;
}
@media (max-width:1050px){
   header .section-decor{
      height: 60px;
      min-height: 60px;
      position: fixed;
      top: 100px;
   }
   .header-fix header .section-decor{
      top: 60px;
   }
   nav.menu{
      order: 1;
      width: 100%;
   }
   .header-order-btn{
      order: 2;
      font-size: 14px;
      height: 50px;
      min-height: 50px;
   }
	header .a-button {
		line-height: 50px;
	}
   header .empty-space{
      order: 3;
      width: calc(100% - 60px);
      margin-bottom: 30px;
      margin-top: 30px;
      border-bottom: 1px solid #B6B6B6;
   }
   header .phone{
      position: relative;
      order: 4;
      font-size: 20px;
      margin-right: 0;
   }
   .head-login-btn{
      order: 5;
      margin: 30px;
      width: calc(100% - 60px);
      font-size: 14px;
      height: 50px;
      min-height: 50px;
   }
   nav.menu a{
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 40px;
   }
   nav.menu li:last-child a{
      margin-left: 17px;
   }
   nav.menu a svg{
      margin-left: 5px;
   }
}
nav.menu a:hover{
   color: #50AE55;
}
nav.menu>li{
   position: relative;
}
nav.menu a:hover svg{
   margin-bottom: 1px;
   stroke: #50AE55;
}
.header-menu-wrap{
   display: flex;
   flex-grow: 1;
   align-items: center;
}
.header-menu-wrap .section-decor{
   display: none;
}
@media (max-width:1050px){
   .header-menu-wrap{
      position: relative;
      display: none;
      flex-direction: column;
      width: 100%;
      position: fixed;
      top: 100px;
      left: 0;
      background:#ffffff;
      height: calc(100vh - 100px);
      z-index: 1000;
      overflow: auto;
      padding-top: 60px;
   }
   .header-fix .header-menu-wrap{
      top: 60px;
      height: calc(100vh - 60px);
   }
   .menu-open .header-menu-wrap{
      display: flex;
   }
   nav.menu ul{
      flex-direction: column;
   }
   .header-menu-wrap .section-decor{
      display: flex;
   }
}
.mobile-gamburger{
   display: none;
}
@media (max-width:1050px){
   .mobile-gamburger{
      display: flex;
      margin-left: auto;
      height: 40px;
      width: 40px;
      background: #F8F8F8;
      border-radius: 50%;
      justify-content: center;
      align-items: center;
   }
   .mobile-gamburger .open{
      display: flex;
   }
   .mobile-gamburger .close{
      display: none;
   }
   .menu-open .mobile-gamburger .open{
      display: none;
   }
   .menu-open .mobile-gamburger .close{
      display: flex;
   }
}
.menu .submenu_ul{
   display: none;
   position: absolute;
   flex-direction: column;
   background: #ffffff;
   border: 1px solid #E5E5E5;
   z-index: 10;
   top: 70px;
}
@media (max-width:1050px){
   .menu .submenu_ul{
      position: relative;
      top: 0;
      width: 100%;
      border: none;
      border-top: 1px solid #E5E5E5;
      margin-bottom: 30px;
   }
}
.menu .submenu_ul.open{
   display: flex;
}
.menu .submenu_ul a{
   display: block;
   margin: 0;
   padding: 10px 20px;
}
@media (max-width:1050px){
   .menu .submenu_ul a{
      margin: 0 30px !important;
      padding: 10px 0;
      border-bottom: 1px solid #E5E5E5;
   }
}
.menu .submenu_ul a:hover{
   background: #F7F7F7;
}



.main-promo{
   display: flex;
   position: relative;
   width: 100%;
   padding-top: 30px;
   overflow-x: hidden;
}
@media (max-width:1050px){
   .main-promo{
      padding-top: 0;
   }
}
.fon-gray{
   display: flex;
   position: absolute;
   top: 30px;
   left: 0;
   z-index: -1;
   background-color: #F8F8F8;
   height: 560px;
   width: calc(50% + 500px);
}
@media (max-width:1050px){
   .fon-gray{
      display: none;
   }
   .main-promo-container{
      background-color: #F8F8F8;
      padding: 0 30px 40px 30px;
   }
   .p-320-0{
      padding: 0;
   }
}
.main-promo .fon-img{
   display: block;
   position: absolute;
   width: 588px;
   height: 682px;
   top: -30px;
   left: calc(50% + 160px);
   background-image: url('../img/img_fon.png');
   z-index: 1;
}
@media (max-width:1050px){
   .main-promo .fon-img{
      display: none;
   }
}
.main-promo .fon-img::after{
   position: absolute;
   top: 210px;
   left: 28px;
   content: '';
   width: 48px;
   height: 48px;
   background-color: #6FCF73;
   border-radius: 50%;
}
.main-promo h1{
   position: relative;
   font-size: 49px;
   font-weight: 800;
   color: #000000;
   line-height: 56px;
   margin-top: 84px;
   margin-bottom: 0;
}
@media (max-width:1050px){
   .main-promo h1{
      margin-top: 30px;
      font-size: 38px;
      line-height: 44px;
   }
}
.main-promo h1 span{
   font-size: 42px;
   font-weight: 400;
   line-height: 48px;
}
@media (max-width:1050px){
   .main-promo h1 span{
      font-size: 25px;
      line-height: 29px;
   }
}
.main-promo h1 span.main-promo-onlain{
   position: absolute;
   bottom: 11px;
   font-weight: 700;
   font-size: 20px;
   color: #50AE55;
}
.main-promo .about-text{
   padding-left: 23px;
   border-left: 4px solid #e6e6e6;
   font-size: 16px;
   color: #5c5c5c;
   margin-top: 38px;
   width: 100%;
   max-width: 685px;
}
@media (max-width:1050px){
   .main-promo .about-text{
      font-size: 14px;
      line-height: 1.3;
      margin-top: 20px;
   }
}
.main-promo .main-promo-form{
   display: flex;
   position: relative;
   width: 100%;
   height: 500px;
   background-color: #ffffff;
   padding: 80px 100px;
   margin-top: 64px;
   flex-direction: column;
}
@media (max-width:1050px){
   .main-promo .main-promo-form{
      height: unset;
      padding: 30px;
      margin-top: 0;
   }
}
.main-promo-form-container{
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 610px;
}
@media (max-width:1050px){
   .main-promo-form-container{
      max-width: unset;
   }
}
.main-promo-form-title{
   font-size: 25px;
   font-weight: 700;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #000000;
}
@media (max-width:1050px){
   .main-promo-form-title{
      font-size: 18px;
      text-align: center;
   }
}
.select-wrap{
   display: flex;
   width: 100%;
   height: 50px;
   position: relative;
   background: #F7F7F7;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
   border-radius: 5px;
   margin-top: 24px;
}
.select-wrap label{
   position: absolute;
   top: 15px;
   left: 20px;
   color: #5C5C5C;
   font-size: 16px;
}
.select-wrap select{
   position: absolute;
   height: 50px;
   width: 100%;
   font-size: 16px;
   color: #000000;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   background-image: url('../img/chevron-down.png');
   background-repeat: no-repeat;
   background-position: top 21px right 20px;
   border: none;
}
.select-wrap #select-service{
   padding-left: 84px;
}
.select-wrap #select-level{
   padding-left: 70px;
}
.select-wrap #select-urgency{
   padding-left: 94px;
}
.main-promo-form-btn{
   margin-top: 46px;
   width: 100%;
}
@media (max-width:1050px){
   .main-promo-form-btn{
      margin-top: 30px;
      margin-bottom: 30px;
   }
}
.main-promo-form-cost-wrap img{
   width: 83px;
   height: 67px;
   margin-left: 16px;
}
@media (max-width:1050px){
   .main-promo-form-cost-wrap img{
      width: 60px;
      height: auto;
      margin-left: 16px;
   }
}
.main-promo-form-cost{
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 247px;
   left: 813px;
}
@media (max-width:1050px){
   .main-promo-form-cost{
      position: relative;
      top: unset;
      left: unset;
   }
}
.main-promo-form-cost-wrap{
   display: flex;
   font-size: 60px;
   font-weight: 700;
   align-items: center;
}
@media (max-width:1050px){
   .main-promo-form-cost-wrap{
      flex-direction: column;
      font-size: 38px;
   }
}
.main-promo-form-cost-value{
   display: flex;
   align-items: flex-start;
}
.main-promo-form-cost-value span.of-cost-coins {
   font-size: 32px;
   margin-top: 8px;
}
@media (max-width:1050px){
   .main-promo-form-cost-value span.of-cost-coins{
      font-size: 22px;
      margin-top: 5px;
   }
}
.main-promo-form-cost-label{
   font-size: 16px;
   color: #5C5C5C;
}
@media (max-width:1050px){
   .main-promo-form-cost-label{
      text-align: center;
   }
}
.reviews-slider{
   display: flex;
   width: 100%;
   height: 467px;
}
.reviews-slider-wrap{
   margin-top: 30px;
}
@media (max-width:1050px){
   .reviews-slider-wrap{
      width: calc(100% + 40px);
      margin-left: -20px;
   }
}
.reviews-slider-wrap .slick-arrow{
   display: none;
}
.reviews-slider-item-wrap{
   padding: 6px 10px 15px 10px;
}
.reviews-slider-item{
   display: flex;
   padding: 30px;
   flex-direction: column;
   background: #FFFFFF;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   width: 100%;
}
.reviews-slider-item-text{
   display: block;
   color: #5C5C5C;
   font-size: 14px;
   line-height: 150%;
   letter-spacing: -0.03em;
   margin-top: 20px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;  
   overflow: hidden;
}
.reviews-slider-item-header{
   display: flex;

}
.reviews-slider-item-header img{
   min-width: 46px;
   width: 46px;
   height: 46px;
}
.reviews-slider-social{
   width: 20px;
   height: 20px;
   min-width: 20px;
}
.reviews-slider-info{
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   padding: 0 14px;
}
.reviews-slider-info-name{
   font-size: 16px;
   font-weight: 600;
   line-height: 21px;
   letter-spacing: -0.03em;

}
.reviews-slider-data{
   display: flex;
   align-items: center;
   font-size: 0;
}
.reviews-slider-data svg.orange{
   width: 15px;
   height: 14px;
   fill: #FDB433;
}
.reviews-slider-data svg.grey{
   width: 15px;
   height: 14px;
   fill: #aaaaaa;
}
.reviews-slider-data span{
   font-size: 12px;
   color: #808080;
   line-height: 18px;
   margin-left: 8px;
   margin-top: 2px;
}

.samples-slider-item-wrap{
   padding: 5px 10px 15px 10px;
   height: 300px;
   transition-duration: 0.5s;
}
.samples-slider-item{
   display: flex;
   justify-content: center;
   background: #FFFFFF;
   border-radius: 5px;
   padding: 5px;
   transition-duration: 0.5s;
}
.samples-slider img{
   transition-duration: 0.5s;
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.samples-slider .slick-list{
   height: 290px;
}


.samples-slider{
	max-width: 1300px;
	margin: 0 auto;
   max-height: 100%;
   width: 100%;
   margin-bottom: 10px;
}
.slider{
 max-width:600px;margin: 20px auto;
} 
#samples-slider-prev,
#samples-slider-next{
   display: flex;
   position: absolute;
   width: 48px;
   height: 48px;
   background-color: #6FCF73;
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   top: 255px;
   left: 30px;
   z-index: 10;
   transition-duration: 0.3s;
}
@media (max-width:1050px){
   #samples-slider-prev,
   #samples-slider-next{
      display: none;
   }
}
#samples-slider-prev:hover,
#samples-slider-next:hover{
   background: #50AE55;
}
#samples-slider-next{
   left: unset;
   right: 30px;
}
.project__next img, .project__prev img{
  width:50px;
  height:20px;
}
.samples-slider img {
  max-width: 166px;
  width: 100%;
  border:1px solid #fff;

}
@media (max-width:1050px){
   .samples-slider .slick-active.slick-center img{
      width: 150%;
      max-width: 240px;
   }
}

.slick-slide {
padding-top:20px;
}
.slick-center {
  padding-top:0;
}
.slick-center img {
  max-width:300px;
}
.samples button, .samples .a-button {
   margin: 20px auto 100px auto;
   width: 313px;
}
@media (max-width:1050px){
   .samples button, .samples .a-button {
      margin-bottom: 50px;
      width: 100%;
      max-width: 313px;
   }
}
.slick-dots button{
   font-size: 0;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   padding: 0;
   margin: 0 11px;
   background: #E0E0E0;
}
.slick-dots .slick-active button{
   background: #50AE55;
}
.slick-dots{
   justify-content: center;
   margin-top: 15px;
}






.section-decor{
   display: flex;
   position: relative;
   width: 100%;
   height: 70px;
   overflow: hidden;
}
@media (max-width:1050px){
   .section-decor{
      width: calc(100% + 60px);
      margin-left: -30px;
   }
}
.section-decor span{
   display: flex;
   position: absolute;
   top: -80px;
   left: 0;
   width: 100%;
   height: 97px;
   background: rgba(135, 135, 135, 0.1);
   filter: blur(50px);
}
.reviews-slider-description{
   display: flex;
   justify-content: center;
   color: #50AE55;
   font-weight: 700;
   font-size: 13px;
}
.reviews-slider-title{
   display: flex;
   justify-content: center;
   color: #000000;
   font-weight: 700;
   font-size: 25px;
   margin-top: 8px;
}
@media (max-width:1050px){
   .reviews-slider-title{
      font-size: 18px;
      text-align: center;
   }
}
.section-title{
   margin: 0 0 20px 0;
   padding: 0;
   color: #000;
   font-size: 49px;
   font-weight: 800;
   text-align: center;
}
@media (max-width:1050px){
   .section-title{
      font-size: 30px;
      line-height: 115%;
   }
}
.section-description{
   display: flex;
   justify-content: center;
   font-size: 16px;
   margin-bottom: 50px;
   color: #5C5C5C;
}
@media (max-width:1050px){
   .section-description{
      font-size: 14px;
      line-height: 130%;
      margin-bottom: 20px;
   }
}
.brands{
   display: flex;
   width: 100%;
   height: 259px;
   background: #F8F8F8;
}
@media (max-width:1050px){
   .brands{
      height: unset;
   }
}
.brands-title{
   display: flex;
   justify-content: center;
   margin-top: 70px;
   font-weight: 700;
   color: #000000;
   font-size: 13px;
}
@media (max-width:1050px){
   .brands-title{
      margin-top: 50px;
   }
}
.brands-title span{
   color: #50AE55;
}
.brands-container{
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   height: 104px;
}
@media (max-width:1050px){
   .brands-container{
      flex-direction: column;
      height: unset;
   }
}
.brands-container img{
   opacity: 0.4;
}
@media (max-width:1050px){
   .brands-container img{
      margin-top: 45px;
   }
   .brands-container img:last-child{
      margin-bottom: 30px;
      margin-top: 25px;
   }
}
.benefits{
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 520px;
   padding: 40px 30px 40px calc(50% + 100px);
   background-color: #50AE55;
   background-image: url('../img/fon2.png');
   background-repeat: no-repeat;
   background-position: top 0 right calc(50% + 400px);
}
@media (max-width:1050px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 470px center;
      padding-top: 544px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:768px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 470px center;
      padding-top: 544px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:600px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 525px center;
      padding-top: 370px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:520px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 482px center;
      padding-top: 300px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:399px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 480px center;
      padding-top: 280px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:370px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 512px center;
      padding-top: 262px;
      height: unset;
      background-size: 100% auto;
   }
}
@media (max-width:340px){
   .benefits{
      padding: 40px 30px 40px 30px;
      background-position: bottom 505px center;
      padding-top: 242px;
      height: unset;
      background-size: 100% auto;
   }
}
.benefits-container{
   display: flex;
   flex-direction:column;
}
@media (max-width:1050px){
   .benefits-container{
      align-self: center;
   }
}
.benefits-title{
   font-size: 25px;
   font-weight: 700;
   color: #ffffff;
   line-height: 1.3;
   max-width: 435px;
   margin-bottom: 20px;
}
@media (max-width:1050px){
   .benefits-title{
      font-size: 18px;
      margin-bottom: 14px;
   }
}
.benefits-row{
   display: flex;
   margin: 10px 0;
}
.benefits-row svg{
   margin-top: 2px;
   margin-right: 25px;
   width: 25px;
   min-width: 25px;
}
.benefits-text{
   color: #ffffff;
   font-size: 16px;
   font-weight: 600;
}
@media (max-width:1050px){
   .benefits-text{
      font-size: 14px;
   }
}
.work{
   padding-top: 100px;
}
@media (max-width:1050px){
   .work{
      padding-top: 50px;
   }
}
.work-container{
   display: flex;
   justify-content: space-evenly;
}
@media (max-width:1050px){
   .work-container{
      flex-direction: column;
   }
}
.work-item{
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 315px;
}
@media (max-width:1050px){
   .work-item{
      width: 100%;
   }
   .work-item svg{
      display: block;
      margin: 0 auto;
   }
}
.work-item-title{
   margin: 40px 0 20px 0;
   font-weight: 700;
   font-size: 18px;
}
@media (max-width:1050px){
   .work-item-title{
      text-align: center;
   }
}
.work-item-text{
   color: #5c5c5c;
   font-size: 14px;
   line-height: 21px;
   text-align: center;
}
.writing{
   padding-top: 100px;
}
.writing-container{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
}
@media (max-width:1050px){
   .writing-container{
      flex-direction: column;
   }
}
.writing-item{
   display: flex;
   flex-direction: column;
   margin-top: 50px;
   width: 44%;
}
@media (max-width:1050px){
   .writing-item{
      width: 100%;
      margin-top: 40px;
   }
}
.writing-title{
   display: flex;
   font-weight: 700;
   font-size: 18px;
   line-height: 23px;
   color: #000000;
   justify-content: center;
   margin-bottom: 30px;
}
@media (max-width:1050px){
   .writing-title{
      text-align: left;
      justify-content: flex-start;
      margin-bottom: 20px;
   }
}
.writing-title svg{
   width: 20px;
   height: 20px;
   min-width: 20px;
   margin-right: 22px;
}
.writing-text{
   color: #5c5c5c;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
}
@media (max-width:1050px){
   .writing-text{
      font-size: 14px;
      text-align: left;
      justify-content: flex-start;
   }
}
.user-review{
   padding-top: 140px;
}
.user-review-fon{
   background: #F8F8F8;
   padding: 112px 0 100px;
   position: relative;
}
.user-review-fon .wrap-1200{
   position: unset;
}
@media (max-width:1050px){
   .user-review-fon{
      padding: 90px 0 50px;
   }
}
.user-review-avatar{
   display: flex;
   position: absolute;
    top: -50px;
    left: calc(50% - 50px);
   width: 100px;
   height: 100px;
}
@media (max-width:1050px){
   .user-review-avatar{
      top: -65px;
      left: calc(50% - 65px);
      width: 130px;
      height: 130px;
   }
}
.user-review-text{
   display: flex;
   flex-direction: column;
   justify-content: center;
   max-width: 1080px;
   font-size: 17px;
   line-height: 24px;
   color: #5c5c5c;
   text-align: center;
   font-weight: 600;
   letter-spacing: -0.04em;
   margin: 0 auto;
}
@media (max-width:1050px){
   .user-review-text{
      font-weight: 600;
      font-size: 14px;
      line-height: 150%;
      text-align: center;
      letter-spacing: -0.02em;
   }
   .mobile-hide{
      display: none;
   }
}
.user-review-text span{
   color: #000000;
   font-size: 16px;
   font-weight: 700;
}
.user-review-mail{
   display: flex;
   margin-top: 40px;
   font-weight: 800;
   color: #D3D3D3;
   font-size: 49px;
   letter-spacing: -0.03em;
   justify-content: center;
}
@media (max-width:1050px){
   .user-review-mail{
      font-weight: 800;
      font-size: 30px;
      line-height: 115%;
   }
}
.services{
   display: flex;
   margin-top: 100px;
   padding-bottom: 100px;
}
@media (max-width:1050px){
   .services{
      margin-top: 50px;
   }
}
.services-container{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
}
@media (max-width:1050px){
   .services-container{
      flex-direction: column;
   }
}
.services-icon{
   display: flex;
   height: 75px;
   justify-content: center;
}
.services-title{
   display: flex;
   flex-direction: column;
   font-weight: 700;
   font-size: 18px;
}
.services-item{
   display: flex;
   flex-direction: column;
   width: 44%;
   align-items: center;
   margin-top: 60px;
}
@media (max-width:1050px){
   .services-item{
      width: 100%;
      margin-top: 40px;
   }
   .services-item:first-child{
      width: 100%;
      margin-top: 20px;
   }
}
.services-text{
   display: flex;
   justify-content: center;
   margin-top: 20px;
   text-align: center;
   color: #5C5C5C;
}
@media (max-width:1050px){
   .services-text{
      margin-top: 10px;
      font-size: 14px;
      line-height: 1.3;
   }
}
.goals-green{
   display: flex;
   font-weight: 700;
   color: #50AE55;
   font-size: 13px;
   line-height: 17px;
   text-align: center;
   justify-content: center;
}
.goals-title{
   display: flex;
   font-weight: 700;
   font-size: 25px;
   line-height: 33px;
   letter-spacing: -0.03em;
   justify-content: center;
   margin-top: 8px;
}
@media (max-width:1050px){
   .goals-title{
      font-size: 18px;
      line-height: 130%;
   }
}
.goals-description{
   display: flex;
   justify-content: center;
   font-size: 16px;
   line-height: 1.3;
   color: #5c5c5c;
   margin-top: 30px;
   text-align: center;
   max-width: 988px;
   align-self: center;
}
@media (max-width:1050px){
   .goals-description{
      font-size: 14px;
      margin-top: 20px;
   }
}
.goals-container{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
@media (max-width:1050px){
   .goals-container{
      flex-direction: column;
   }
}
.goals-item{
   display: flex;
   flex-direction: column;
   width: calc(50% - 30px);
   margin-top: 50px;
}
@media (max-width:1050px){
   .goals-item{
      width: 100%;
      margin-top: 30px;
   }
}
.goals-item-title{
   font-weight: 700;
   font-size: 16px;
}
@media (max-width:1050px){
   .goals-item-title{
      font-size: 14px;
   }
}
.goals-item-text{
   display: flex;
   text-align: justify;
   font-size: 16px;
   color: #5c5c5c;
   margin-top: 25px;
   text-indent: 20px;
}
@media (max-width:1050px){
   .goals-item-text{
      font-size: 14px;
   }
}
.process{
   display: flex;
   margin-top: 100px;
   flex-direction: column;
   align-items: center;
   margin-bottom: 100px;
}
@media (max-width:1050px){
   .process{
      margin-top: 50px;
      margin-bottom: 50px;
   }
}
.process-title{
   display: flex;
   justify-content: center;
   font-size: 25px;
   color: #000000;
   font-weight: 700;
   letter-spacing: -0.03em;
}
@media (max-width:1050px){
   .process-title{
      font-size: 18px;
   }
}
.process-scroll{
   display: flex;
   overflow-x: auto;
   width: 100%;
   padding: 30px 0;
   max-width: 1060px;
   justify-content: center;
}
@media (max-width:1050px){
   .process-scroll{
      justify-content: flex-start;
   }
}
.process-container{
   display: flex;
   width: 1000px;
   min-width: 1000px;
   justify-content: space-between;
}
@media (max-width:1050px){
   .process-container{
      width: 1200px;
      min-width: 1200px;
      padding: 0 100px;
   }
}
.process-item-title{
   display: flex;
   font-weight: 600;
   font-size: 16px;
   margin-top: 30px;
   justify-content: center;
}
.process-item.arrow{
   padding-top: 70px;
}
.process button, .process .a-button{
   margin-top: 70px;
   width: 313px;
}
@media (max-width:1050px){
   .process button, .process .a-button{
      margin-top: 30px;
   }
}
footer{
   display: flex;
   width: 100%;
   background-color: #5C5C5C;
   padding: 100px 0;
   flex-direction: column;
   align-items: center;
}
@media (max-width:1050px){
   footer{
      padding: 50px 0;
   }
}
.footer-links{
   display: flex;
   width: 100%;
   max-width: 1110px;
   padding: 0 30px;
   flex-wrap: wrap;
   justify-content: center;
   font-size: 14px;
   line-height: 21px;
   color: #c8c8c8;
}
@media (max-width:1050px){
   .footer-links{
      text-align: center;
   }
}
.footer-links a{
   font-size: 14px;
   line-height: 21px;
   color: #c8c8c8;
   text-decoration: none;
   margin: 0 5px;
   letter-spacing: -0.03em;
}
@media (max-width:1050px){
   .footer-links a{
      display: contents;
   }
}
.footer-links a:hover{
   text-decoration: underline;
}
footer .phone{
   display: flex;
   margin-top: 50px;
   align-items: center;
   color: #ffffff;
   text-decoration: none;
   font-size: 25px;
   line-height: 30px;
   letter-spacing: -0.03em;
   text-transform: uppercase;
   font-weight: 700;
   transition-duration: 0.3s;
}
@media (max-width:1050px){
   footer .phone{
      font-size: 16px;
      line-height: 19px;  
      margin-top: 30px;
   }
}
footer .phone span{
   color: #6FCF73;
}
footer .phone svg{
   width: 29px;
   height: 29px;
   fill: #ffffff;
   margin-right: 20px;
}
@media (max-width:1050px){
   footer .phone svg{
      width: 18px;
      height: 18px;
   }
}
footer .phone:hover{
   opacity: 0.7;
}
.footer-mail{
   display: flex;
   margin-top: 20px;
   font-size: 16px;
   line-height: 19px;
   letter-spacing: -0.03em;
   color: #6FCF73;
   font-weight: 700;
   text-decoration: none;
}
@media (max-width:1050px){
   .footer-mail{
      font-size: 14px;
      line-height: 17px;
   }
}
.footer-mail:hover{
   text-decoration: underline;
}
.footer-accept{
   font-size: 14px;
   color: #ffffff;
   line-height: 1.5;
   margin-top: 20px;
}
.footer-accept-img{
   display: flex;
   margin-top: 10px;
}
.footer-nav{
   display: flex;
   margin-top: 50px;
}
@media (max-width:1050px){
   .footer-nav{
      flex-direction: column;
      align-items: center;
      font-size: 14px;
      line-height: 36px;
      letter-spacing: -0.03em;
   }
}
.footer-nav li a{
   color: #ffffff;
   text-decoration: none;
   letter-spacing: -0.03em;
}
.footer-nav li a:hover{
   text-decoration: underline;
}
.footer-nav li{
   margin: 3px 10px;
}
.footer-copyrigth{
   margin-top: 20px;
   font-size: 11px;
   line-height: 150%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}

/* animation  */
section.animation{
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   opacity: 1;
   transform-style: preserve-3d;
   top: 0;
}
section{
   transform: translate3d(0px, 0px, 0px) scale3d(0.9, 0.9, 0.9) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   opacity: 1;
   transform-style: preserve-3d;
   transition-duration: 0.6s;
   top: -50px;
}

.rtw-form, .rtw-flex-form > form {
   display: flex;
   width: 100%;
   max-width: 818px;
   padding: 22px 30px 0 30px;
   margin: 0 auto;
   flex-direction: column;
   align-items: center;
}

.rtw-form-title{
   font-weight: 800;
   font-size: 35px;
   line-height: 115%;
   text-align: center;
   letter-spacing: -0.02em;
   color: #000000;
   margin-bottom: 33px;
}
@media (max-width:768px){
   .rtw-form-title{
      font-size: 30px;
      margin-bottom: 20px;
   }
}
.rtw-form-title-info{
   color: #5C5C5C;
}
.rtw-form-title-info2{
   color: #5C5C5C;
   font-size: 25px;
   margin-top: 24px;
}
.select-wrap #select-revision-urgency{
   padding-left: 157px;
}
.input-wrap-label{
   font-weight: 700;
   font-size: 25px;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   margin-bottom: 27px;
}
@media (max-width:768px){
   .input-wrap-label{
      padding-left: 0;
   }
}
@media (max-width:370px){
   .input-wrap-label{
      padding-left: 0;
      font-size: 20px;
   }
}
.input-wrap-label span{
   font-size: 12px;
   text-transform: uppercase;
   color: #6FCF73;
}
.input-wrap{
   display: flex;
   margin-top: 27px;
   width: 100%;
   flex-direction: column;
}
.input-wrap textarea{
   background: #F6F6F6;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
   border-radius: 5px;
   resize: none;
   width: 100%;
   padding: 14px 20px;
   font-size: 16px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   height: 150px;
}
.upload-container{
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-top: 37px;
}
.upload-title{
   font-weight: bold;
   font-size: 25px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   margin-bottom: 35px;
   text-align: center;
}
.upload-area{
   display: flex;
   position: relative;
   flex-direction: column;
   width: 100%;
   background: #F6F6F6;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
   border-radius: 5px;
}
@media (max-width:768px){
   .upload-area{
      background-color: #ffffff;
      border: none;
   }
}
.upload-area input{
   display: none;
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0;
   background-color: red;
}
.upload-area-text{
   display: flex;
   width: 100%;
   text-align: center;
   font-size: 18px;
   line-height: 130%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   margin-top: 34px;
   text-align: center;
   justify-content: center;
}
.upload-area svg{
   position: absolute;
   top: 27px;
   left: 97px;
}
@media (max-width:768px){
   .upload-area-text,
   .upload-area svg{
      display: none;
   }
}
.upload-area-btn{
   margin: 33px auto 35px auto;
   background: #6FCF73;
   border-radius: 54px;
   width: 165px;
   height: 50px;
   cursor: pointer;
   font-weight: bold;
   font-size: 14px;
   line-height: 17px;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #FFFFFF;
   justify-content: center;
   align-items: center;
   /*z-index: 2;*/ 
   transition-duration: 0.3s;
}
.upload-area-btn > span {
	line-height: 50px;
}
@media (max-width:768px){
   .upload-area-btn{
      margin-top: 0;
      margin-bottom: 27px;
   }
}
.upload-area-btn:hover{
   background: #50AE55;
}
.files-block-header{
   display: flex;
   margin-top: 19px;
}
@media (max-width:768px){
   .files-block-header{
      display: none;
   }
}
.files-block-header .files-block-date,
.files-block-header .files-block-name{
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #8D8D8D;
}
.files-block-header .files-block-date{
   width: 210px;
}
.files-block-row{
   display: flex;
   margin-top: 13px;
   align-items: center;
   flex-wrap: wrap;
}
.files-block-row .files-block-date{
   width: 179px;
   font-weight: bold;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #474747;
}
@media (max-width:768px){
   .files-block-row .files-block-date{
      width: 100%;
      margin-bottom: 5px;
   }
}
.files-block-row .files-block-name{
   display: flex;
   flex-grow: 1;
   align-items: center;
}
@media (max-width:768px){
   .files-block-row .files-block-name{
      width: calc(100% - 110px);
      margin-bottom: 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      margin-right: 10px;
      justify-content: space-around;
   }
}
.files-block-row .files-block-name svg{
   margin-right: 10px;
   min-width: 20px;
}
@media (max-width:768px){
   .files-block-row .files-block-name svg{
      top: 4px;
      position: relative;
   }
}
.files-block-name a{
   color: #474747;
   text-decoration: none;
}
.files-block-name a:hover{
   text-decoration: none;
   color: #50AE55;
}
.files-block-row .files-block-delet{
   cursor: pointer;
   fill: #646464;
   transition-duration: 0.3s;
}
.files-block-row .files-block-delet:hover{
   fill: #FF0000;
}
.mt-40{
   margin-top: 40px !important;
}
.mt-60{
   margin-top: 60px !important;
}
.mb-60{
   margin-bottom: 60px !important;
}
#select-performance{
   padding-left: 187px;
}
#select-level-support{
   padding-left: 152px;
}
#friend{
   padding-left: 208px;
}
.wrap-mail{
   display: flex;
   width: 100%;
   max-width: 560px;
}
@media (max-width:768px){
   .wrap-mail{
      flex-wrap: wrap;
   }
   .wide-320{
      width: 100%;
   }
   .preview-first-input.mt-60 {
	   margin-top:0 !important;
   }
}
.input-wrap-mail{
   display: flex;
   margin-right: 25px;
   background: #F7F7F7;
   border: 1px solid #E5E5E5;
   border-radius: 5px;
   flex-grow: 1;
   padding-left: 20px;
   align-items: center;
   height: 50px;
   position:relative
}
@media (max-width:768px){
   .input-wrap-mail{
      margin-bottom: 30px;
   }
}
.wrap-passw {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.wrap-passw .input-wrap-mail {
	width:320px;
	margin-bottom:20px;
}
.input-wrap-styled{
   display: flex;
   background: #F7F7F7;
   border: 1px solid #E5E5E5;
   border-radius: 5px;
   flex-grow: 1;
   padding-left: 20px;
   align-items: center;
   height: 50px;
   width: 100%;
   margin-top: 24px;
   position:relative
}
.input-wrap-styled label{
	padding-right:10px;
   color: #696969;
}
.input-wrap-styled.no-fon{
   background-color: transparent;
}
.input-wrap-styled .value{
   margin-left: 7px;
}
.input-wrap-mail input,
.input-wrap-styled input{
   background-color: transparent;
   border: none;
   display: flex;
   flex-grow: 1;
   padding: 0 10px 0 4px;
   font-size: 16px;
   overflow-x:hidden
}
.input-wrap-mail label{
   font-size: 16px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #696969;
}
.contact-information{
   font-size: 14px;
   line-height: 180%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   margin-top: 53px;
   margin-bottom: 55px;
   padding: 0 30px;
}
.contact-information a{
   font-weight: 700;
   color: #5C5C5C;
   transition-duration: 0.3s;
}
.contact-information a:hover{
   cursor: pointer;
   color: #50AE55;
}
.row-cost{
   display: flex;
   margin-top: 21px;
   align-items: center;
}
@media (max-width:370px){
   .row-cost{
      flex-direction: column;
   }
}
.row-cost-label{
   font-weight: bold;
   font-size: 25px;
   line-height: 130%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #5C5C5C;
}
.row-cost-value{
   display: flex;
   font-weight: bold;
   font-size: 60px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #000000;
   margin-left: 21px;
}
@media (max-width:768px){
   .row-cost-value{
      font-size: 48px;
   }
}
@media (max-width:370px){
   .row-cost-value{
      margin-left: 0;
   }
}
.row-cost-value span.of-cost-coins{
   font-weight: bold;
   font-size: 25px;
   line-height: 130%;
   text-align: center;
   letter-spacing: -0.03em;   
   color: #000000;
   padding-top: 12px;
}
@media (max-width:768px){
   .row-cost-value span{
      padding-top: 10px;
   }
}
.mt-50{
   margin-top: 50px;
}
.rtw-form-title-green{
   font-weight: 700;
   font-size: 18px;
   line-height: 115%;
   text-align: center;
   letter-spacing: -0.02em;
   margin-top: 14px;
   color: #50AE55;

}
.accept-payments{
   display: flex;
   align-items: center;
   font-size: 16px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   margin: 40px 0 28px 0;
   flex-direction: column;
}
.accept-payments svg{
   margin-top: 16px;
}
.rtw-form-title2{
   font-weight: bold;
   font-size: 25px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #5C5C5C;
}
.rtw-form-navigation{
   display: flex;
   width: 100%;
}
.mb-15{
   margin-bottom: 15px;
}
.rtw-form-navigation a{
   font-weight: bold;
   font-size: 16px;
   line-height: 115%;
   letter-spacing: -0.02em;
   text-decoration-line: underline;
   color: #5C5C5C;
   transition-duration: 0.3s;   
}
.rtw-form-navigation a:hover{
   color: #50AE55;
}
.order-list-header{
   display: flex;
   width: 100%;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #8D8D8D;
   padding: 0 25px;
}
@media (max-width:768px){
   .order-list-header{
      display: none;
   }
}
.order-body{
   display: flex;
   width: 100%;
   padding: 16px 25px 25px 25px;
   flex-direction: column;
   background: #F6F6F6;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
   border-radius: 5px;
   margin-top: 24px;
   font-weight: normal;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #474747;

}
.order-list-header-1{
   display: flex;
   width: 210px;
}
.order-list-header-2{
   display: flex;
   width: 210px;
}
.order-body-top{
   display: flex;
   min-height: 56px;
   padding-bottom: 16px;
   border-bottom: 1px solid #E5E5E5;
   margin-bottom: 22px;
   align-items: center;
   flex-wrap: wrap;
}
.order-body-top button{
   height: 40px;
}
@media (max-width:768px){
   .order-body-top form{
	   width:100%;
   }
   .order-body-top button, 
   .order-body-top .a-button{
      width: 100%;
      margin-top: 20px;
   }
}
.order-body-number, .order-body-service{
	color: #474747;
	text-decoration:none
}
.order-body-number:hover, .order-body-service:hover{
	color:#50AE55
}
.order-body-number{
   display: flex;
   width: 210px;
   font-weight: bold;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
}
.order-body-service{
   display: flex;
   width: 210px;
}
.order-body-status{
   display: flex;
   flex-grow: 1;
}
@media (max-width:768px){
   .order-body-number{
      margin-bottom: 15px;
   }
   .order-body-service{
      width: unset;
   }
   .order-body-status{
      width: unset;
      justify-content: flex-end;
   }
}
.order-body-bottom{
   display: flex;
   align-items: center;
}
@media (max-width:768px){
   .order-body-bottom{
      flex-direction: column;
      align-items: flex-start;
   }
}
.order-body-bottom svg{
   margin-right: 7px;
}
.order-body-messages{
   display: flex;
   align-items: center;
}
.order-body-bottom a{
   display: flex;
   align-items: center;
   font-weight: normal;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;   
   color: #474747;
   transition-duration: 0.3s;
   text-decoration: none;
   margin-right: 70px;
}
@media (max-width:768px){
   .order-body-bottom a{
      margin-bottom: 22px;
   }
   .order-body-bottom a:last-child{
      margin-bottom: 0;
   }
}
.order-body-bottom a:last-child{
   margin-right: 0;
}
.order-body-bottom a:hover{
   color: #50AE55;
}
.order-body-messages span{
   display: flex;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #C8C8C8;
   font-weight: bold;
   font-size: 10px;
   line-height: 130%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #FFFFFF;
   justify-content: center;
   align-items: center;
   margin-left: 3px;
   align-self: self-start;
}
.order-body-messages span.red{
   background: #FF6A6A;
}
.order-body-files span{
   font-weight: 700;
   color: #C8C8C8;
   margin-left: 8px;
}
.order-body-files span.gray{
   color: #474747;
}
.mb-0{
   margin-bottom: 0;
}
.mw-468{
   max-width: 468px;
}
.textarea-text{
   border: 1px solid #E5E5E5;
   background:#F7F7F7;
    box-sizing: border-box;
    border-radius: 5px;
    resize: none;
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #5C5C5C;
	word-break: break-word;
}
.row-url-btn{
   display: flex;
   width: 100%;
   position: relative;
   align-items: center;
   justify-content: center;
}
@media (max-width:768px){
   .row-url-btn{
      flex-direction: column;
   }
}
.row-url-btn a{
   position: absolute;
   left: 0;
   font-weight: bold;
   font-size: 16px;
   line-height: 115%;
   letter-spacing: -0.02em;
   text-decoration-line: underline;
   color: #5C5C5C;
   transition-duration: 0.3s;   
}
.row-url-btn a:hover{
   color: #50AE55;
}
@media (max-width:768px){
   .row-url-btn a{
      position: relative;
      margin-bottom: 30px;
   }
}
.message-item{
   display: flex;
   flex-direction: column;
   width: 100%;
}
.message-item-header{
   display: flex;
   position: relative;
   background: #F5F7F7;
   padding: 15px 36px 15px 21px;
   align-items: center;
}
.orange{
   background: #F2B919;
}
.dark{
   background: #233947;
}
.green{
   background: #50AE55;
}
.color-red {
	color: #FF6A6A;
}
.color-green {
	color:#6bd06f
}
.message-item-header-icon{
   display: flex;
   width: 40px;
   min-width: 40px;
   height: 40px;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   margin-right: 27px;
}
.message-item-header-title{
   display: flex;
   flex-grow: 1;
   font-weight: bold;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #474747;
}
.message-item-header-title span{
   color: #B0B0B0;
   margin-left: 5px;
}
.message-item-header-date{
   font-size: 16px;
   line-height: 130%;
   letter-spacing: -0.03em;
   color: #B0B0B0;
}
@media (max-width:768px){
   .message-item-header-date{
      position: absolute;
      right: 14px;
      bottom: 11px;
      font-size: 10px;
   }
}
.message-item-body{
   font-size: 16px;
   line-height: 200%;
   letter-spacing: -0.03em;
   color: #5C5C5C;
   padding: 18px 33px 20px 88px;
}
@media (max-width:768px){
   .message-item-body{
      padding: 18px 22px 20px 22px;
   }
}
.title-block2{
   font-weight: bold;
   font-size: 25px;
   line-height: 130%;
   text-align: center;
   letter-spacing: -0.03em;
   color: #000000;
   margin-top: 20px;
}
#select-send-to{
   padding-left: 87px;
}
.mt-0{
   margin-top: 0 !important;
}
.btn-add-files{
   display: flex;
   position: relative;
   width: 115px;
   align-items: center;
   font-weight: bold;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: -0.03em;
   text-decoration-line: underline;
   color: #474747;
   margin-top: 22px;
   overflow: hidden;
   cursor: pointer;
}
.btn-add-files svg{
   margin-right: 11px;
}
.btn-add-files:hover{
   color: #50AE55;
}
.btn-add-files a#btn-add-files-input{
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

div.of_error_txt {
	display:none;
	position:absolute;
	right:10px;
	bottom:4px;
	color:#f71700;
	font-family:open_sansregular;
	font-size:13px
}
textarea.error + div.of_error_txt,input.error + div.of_error_txt {
	display:block
}

#canvasloader_container {
	overflow:visible;
	position:fixed;
	top:50%;
	left:50%;
	z-index:100000
}

#download_button_link {
	height:40px;
	line-height:40px
}

textarea.error {
	border-color:#FF6A6A
}

.jsconfirmblock_wrapper,.jqconfirmblock_wrapper {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(255,255,255,0.7);
	top:0;
	left:0;
	z-index:10001
}
.jsconfirmblock,.jqconfirmblock {
	display:block;
	width:280px;
	min-height:50px;
	margin:auto;
	padding:30px 20px 20px 20px;
	position:fixed;
	left:0;
	right:0;
	top:30%;
	background-color:#fff;
	box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
	-webkit-box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
	-moz-box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
	border:1px solid #d9dddf;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	z-index:10002
}
@media screen and (max-height:750px) {
	.jsconfirmblock,.jqconfirmblock {
	top:10%
}
}
@media screen and (max-height:510px) {
	.jsconfirmblock,.jqconfirmblock {
	top:0
}
}

.js_cfb_wide {
	display:block;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.jsconfirmblock .jsconfirmblockclose,.jqconfirmblock .jqconfirmblockclose {
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	right:1px;
	top:1px;
	cursor:pointer;
	z-index:10003;
	background-image:url(../images/sprite.svg);
	background-repeat:repeat-x;
	background-position:-211px -70px
}
.jsconfirmblock .jsconfirmblockclose.jscbcdal,.jqconfirmblock .jqconfirmblockclose.jscbcdal {
	right:20px;
	top:20px
}
.jsconfirmblock .jsconfirmblockclose:hover,.jqconfirmblock .jqconfirmblockclose:hover {
	opacity:0.7
}
.jsconfirmblock .jsconfirmblockmsg,.jqconfirmblock .jqconfirmblockmsg {
	text-align:center;
	font-family:open_sansregular;
	font-size:23px;
	font-weight:400;
	color:#383838
}
.jsconfirmblock .jsconfirmblockmsg h3,.jqconfirmblock .jqconfirmblockmsg h3 {
	text-align:center;
	font-size:1.7em
}
.jsconfirmblock .jsconfirmblockbuttons,.jqconfirmblock .jsconfirmblockbuttons,.jsconfirmblock .jqconfirmblockcontrols,.jqconfirmblock .jqconfirmblockcontrols {
	display:block;
	width:100%;
	height:55px;
	padding:20px 0 5px 0;
	cursor:auto;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	text-transform:inherit;
	text-align:center
}
.jsconfirmblock .yes-btn,.jsconfirmblock .no-btn,.jsconfirmblock .ok-btn,.jqconfirmblock .yes-btn,.jqconfirmblock .no-btn,.jqconfirmblock .ok-btn {
	text-align:center;
	display:inline-block;
	min-width:90px;
	padding:10px 10px 10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1;
	background-color:#e33100;
	border:none;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	position:relative;
	cursor:pointer;
	font-family:open_sansregular;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px
}
.jsconfirmblock .yes-btn,.jqconfirmblock .yes-btn,.jsconfirmblock .ok-btn,.jqconfirmblock .ok-btn {
	background-color:#233947
}
.jsconfirmblock .yes-btn:hover,.jqconfirmblock .yes-btn:hover,.jsconfirmblock .ok-btn:hover,.jqconfirmblock .ok-btn:hover {
	background-color:#7fa453
}
.jsconfirmblock .yes-btn:active,.jqconfirmblock .yes-btn:active,.jsconfirmblock .ok-btn:active,.jqconfirmblock .ok-btn:active {
	margin-top:0;
	background-color:#233947
}
.jsconfirmblock .yes-btn,.jqconfirmblock .yes-btn {
	float:left
}
.jsconfirmblock .ok-btn,.jqconfirmblock .ok-btn {
	float:none;
	margin:0 auto
}
.jsconfirmblock .no-btn,.jqconfirmblock .no-btn {
	background-color:#6bd06f;
	float:right
}
.jsconfirmblock .no-btn:hover,.jqconfirmblock .no-btn:hover {
	background-color:#62bd65
}

#msgs_row_bl {
	width:1000000px;
	max-height:120px;
	padding:0 0 10px 10px;
	position:fixed;
	bottom:10px;
	right:0;
	background:transparent;
	overflow:hidden;
	z-index:40
}
div.msgs_det_bl {
	max-width:100%;
	max-width:398px;
	height:99px;
	margin:10px 2020px 20px 0;
	padding:5px 33px 5px 5px;
	font-family:open_sansregular;
	font-size:18px;
	color:#474d51;
	border:none;
	word-wrap:break-word;
	float:right;
	position:relative;
	bottom:0;
	background-color:RGBA(255,239,187,0.8);
	-moz-box-shadow:0 0 16px rgba(0,0,0,.09);
	-webkit-box-shadow:0 0 16px rgba(0,0,0,.09);
	box-shadow:0 0 16px rgba(0,0,0,.09);
	-webkit-transition:2s;
	-moz-transition:2s;
	-o-transition:2s;
	transition:2s
}
div.msgs_det_bl:hover {
}
div.msgs_det_bl div.msgs_text_bl {
	width:100%;
	height:100%;
	overflow:hidden
}
div.msgs_det_bl div.msgs_text_bl a,div.msgs_det_bl div.msgs_text_bl a:visited {
	display:block;
	width:inherit;
	height:inherit;
	color:#484e51;
	padding:23px 22px 23px 87px
}
div.msgs_det_bl div.msgs_text_bl:before {
	content:'';
	display:block;
	width:40px;
	height:38px;
	position:absolute;
	left:20px;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	background-image:url("../images/sprite.svg");
	background-repeat:no-repeat;
	background-position:-143px -111px
}
div.msgs_det_bl div.msgs_text_bl a:hover {
	color:#484e51;
	text-decoration:underline
}
div.msgs_det_bl div.msgs_kr_del {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	background-image:url("../images/sprite.svg");
	background-repeat:no-repeat;
	background-position:-112px -76px
}
div.msgs_det_bl div.msgs_kr_del:hover {
	opacity:0.6;
	transition:0
}
div.msgs_det_bl div.msgs_kr_del:active {
	opacity:1;
	top:11px;
	right:11px
}
@media screen and (max-width:768px) {
	div.msgs_det_bl {
	max-width:350px
}
}
@media screen and (max-width:530px) {
	div.msgs_det_bl {
	max-width:320px
}
}

/*<Thankyou>*/
.thankyou-page h1, h2 {
	text-align: center;
}
.thankyou-page h2, a {
	color:#5C5C5C;
}
.thankyou-page a {
	font-weight:700;
	size:16px;
	line-height:29px;
}
/*</Thankyou>*/

/* <Payments> */

.pp_pay_button,
.pp_pay_button:visited {
	display: inline-block;
    
	padding-left: 63px;
    padding-right: 63px;
    font-size: 14px;
    line-height: 14px;
    padding: 19px 63px;
	
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
.pp_pay_button:hover {
    
}
.pp_pay_button:active {
    
}
.payment_pay_bl .pp_pay_button {

}
.pp_accept_pp_wr {
	margin: 30px 0 0;
}
.pp_a_icons {
	text-align:center
}
.pp_a_icons > div {
	display:inline-block;
	width:100px;
	height:60px;
	margin:7px;
}
.pp_a_icons > div.cards_t_img {
	width:73px;
}
.pp_a_txt {
	font-size: 15px;
	font-weight:100;
	color: #778289;
	text-align:center
}
#card-errors {
	font-size: 15px;
	font-weight:100;
}
/* </Payments> */

/* THE LAST STRING!!! */
#preload {
	display:none
}