/*
   NOBELE
   MAIN CSS (version 2)
   2023 - 2024
*/

 
/*
transition: all 0.2s ease-in-out;
*/

:focus {
outline: 0;
}
* {
        outline: 0;
}
* {
        margin: 0;
        padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  /*--mcolor: #D53839;*/
  --mcolor: #FEF8E9;
  --lcolor: #E9E0CB;
  --bcolor: #302F2F;
}


html {
  /*font-size: calc(1vw / 14.4);*/
  font-size: 1px;
  height: 100%;
}




header, nav, section, article, aside, footer {
        display: block;
}
body { 
        color: var(--bcolor);
        font-family: 'Inter', sans-serif;
        background-color: #fff;
        font-style: normal;
        font-weight: 400;
        font-size: 15rem;
        line-height: 22rem;
        min-width: 320px;
        padding-top: 137px;
		padding-top: 135px;
        /*padding-top: 167px; - бегущая строка*/ 
        margin: 0;
}
body * {
        -webkit-font-smoothing: antialiased !important;
        text-rendering: optimizelegibility;
}

a {
  transition: all 0.2s ease-in-out;
  color: var(--bcolor);
}
a:hover {
  text-decoration: none;
}


h1,h2,h3,h4,h5,h6 {
  margin: 0;
  color: var(--bcolor);
  line-height: normal;
  font-weight: 600;
}

h1 {
  font-size: 100rem;
  line-height: 98rem;
  letter-spacing: -0.05em;
  margin-bottom: 30rem;
}
h2 {
font-weight: 600;
font-size: 32rem;
line-height: 42rem;
letter-spacing: -0.02em;
}
h3 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 1em;
}
h4 {
  font-size: 18rem;
  line-height: 24rem;
letter-spacing: -0.01em;
margin-bottom: 30rem;
}

p {
 padding-bottom: 1.4em;
}

ol,ul {
  margin-left: 10px;
}
.cls {
        clear: both;
}
.cls:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}
.hide {
  display: none;
}
.posr {
  position: relative;
}

footer {
   background-color: var(--bcolor);
   color: #fff;
   padding: 26px 0;
   font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  
letter-spacing: -0.01em;
}

.footer_logo {
  background-image: url("../images/Nobele.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: block;
  width: 126rem;
  height: 30rem;
}
.footer_menu a {
  color: #fff;
  font-weight: 700;
  font-size: 32rem;
  line-height: 36rem;
  background-image: url("../images/menu.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 25rem auto;
  padding-right: 32rem;
}
.footer_menu div {
  margin-bottom: 28rem;
}

footer .col1,
footer .col2 {
  align-self: stretch;
  position: relative;
  /*background-color: #f0f;*/
  height: 660rem; 
}

footer .col1.invcol {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

footer .footer_social {
  position: absolute;
  bottom: 0;
  height: auto;
}
footer .footer_social a {
  margin-right: 4px;
  left: 0;
}
footer .adres {
  margin-bottom: 97rem;
  /*padding-top: 400px;*/
}
footer .phone {
  /*position: absolute;*/
  /*bottom: 0;*/
}
footer .email {
  position: absolute;
  bottom: 0;
  color: white;
}  
footer .copy {
  position: absolute;
  bottom: 10px;
  text-align: right;
  font-size: 12rem;
  line-height: 18rem;
  right: 0
}
footer .links {
  color: white;
  display: block;
  margin-bottom: 10px;
}
.mt30 {
  margin-top: 30rem;
}

/*footer bottom*/
.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.sitecontent {
  flex: 1;
}


.but{
  display: inline-block;
  border: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all  ease 0.3s;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  /*width: 280px;*/
  padding: 0 0px;
  text-align: center;
  text-decoration: none;

font-weight: 700;
background-color: transparent;
border: 1px solid var(--bcolor);
border-radius: 66px;
font-size: 12px;
line-height: 15px;
color: var(--bcolor);
letter-spacing: 0.01em;
text-transform: uppercase;
/*min-width: 118px;*/
height: 40px;
line-height: 37px;
padding-left: 20rem;
padding-right: 20rem;
}

.but:hover,
.but.active,
.pagination li.active .but {
   color: #fff;
   background-color: var(--bcolor);
   text-decoration: none;
}
.but:focus {
border: 1px solid var(--bcolor);
}

/*PROD*/

body.index {
  background-color: var(--mcolor);
  padding-top: 196px;
}
.header_fixed {
  position: fixed;
  top: 0;
  color: #fff;
  width: 100%;
  z-index: 777;
  /*background-color: #fff;*/
   transition: all 0.2s ease-in-out;
}

/*body.caseinpage {
  padding-top: 0px;
}
body .stikiempty {
  height: 135px;
}*/

.header_fixed .topsection {
  height: 55px;
  background-color: #302F2F;
}
.header_fixed .botsection {
  background-color: #fff;
  border-bottom: 1px solid var(--lcolor);
  padding: 25px 0 20px;
}


body.index .botsection,
body.page404 .botsection,
body.about .botsection
 {
  background-color: var(--mcolor);
}
body.page404
 {
  background-color: var(--mcolor);  
}

.header_fixed .menu {
  display: flex;
  align-items: center;
  height: 55px;
  position: relative;

}
.header_fixed .menu a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  margin-right: 40px;
  background-image: url("../images/menu.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px 10px;
  padding-right: 16px;
}

.header_fixed  ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    }
.submenu_block {
  background-color: var(--bcolor);
          position: absolute;
        z-index: 999;
        left: 0;
        top: 55px;
        background-image: url("../images/menu.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 120% auto;
        background-size: 120% auto;
        width: 65.69343065632%; /*col4*/
        min-height: calc(100vh - 55px);
  display: none;
  animation: scroll 20s linear infinite;
  /*max-height: 80vh;*/
}



.submenu_block .wrap {
  margin: 0 3.8%;
}
.menu_more span {
  background-image: url("../images/arrow_big.svg");
  background-repeat: no-repeat;
  background-position: right 2px;
  background-size: auto 100%;
  display: inline-block;
  width: 32rem;
  height: 20rem;
}
.mobin_menu {
  margin-top: 35px;  
}
.mobin_menu a {
  font-size: 26rem;
  margin-bottom: 25rem;
  text-decoration: none;
}

.submenu_block_white {
  background-image: none;
  z-index: 9999;
  background-color: #fff;
  color: var(--bcolor) ;
  left: -2000px;
  display: block;
  height: calc(100vh - 55px);
  overflow-y: auto;
  transition: all 0.2s ease-in-out;
}
.submenu_block_white.active {
  left:0;
}

.noscroll {
  overflow: hidden;
}


.overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000000; 
  opacity: 0.5;
  z-index: 990;
  height: 100vh;
  display: none;
}
.subform_block {
  background-color: rgba(120,20,150,0.1);
  background-color: #fff;
          position: absolute;
        z-index: 999;
        right: 0;
        top: 55px;
        width: 34.98343065632%;
        /*width: 505px;*/
        min-height: calc(100vh - 55px);
        padding: 30rem 2.45% 50rem 2.856%;
  display: none;
  color: var(--bcolor);
  /*display: flex;*/
  justify-content: space-between;
  flex-direction: column;
}

.subform_block {
   
}
.ffl-label {
  font-weight: 400;
  font-size: 15rem;
  line-height: 22rem;
  display: block;
}
.form_item input {
   border: 0;
   border-bottom: 1px solid #000;
   padding: 20rem 0;
   font-weight: 600;
font-size: 18rem;
line-height: 24rem;
   font-family: 'Inter', sans-serif;
   
}
.form_item .input100 {
   width: 100%;  
   margin-bottom: 50rem;
   margin-bottom: 6%;
} 
.form_item textarea {
   font-family: 'Inter', sans-serif;
   border: 0;
   width: 100%;
   border-bottom: 1px solid #000;
   padding: 20rem 0;
   font-weight: 600;
font-size: 18rem;
line-height: 24rem;
margin-bottom: 50rem;
}
.custom_chk {
  margin-bottom: 50rem;
  margin-bottom: 0;
}
.form_item.submit {
  margin-top: 22%;
  margin-top: 0%;
  text-align: center;
}

.subform_block_wrap {
  /*background-color: rgba(120,120,150,0.1);;*/
  /*height: 800px;*/
}

.custom_chk {

}
.subform_block_wrap .flxv {
height: 78vh; 

}

.subform_block .title {
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
color: var(--bcolor);
margin-bottom: 7%;
}

#antispam {
  display: none;
}
.submenu_block .wrap .col2 {
  width: 50%;
  margin-left: 0%;
}
.submenu_block .wrap .col2:last-child {
  padding-left: 4%;
}  
.submenu_block .title {
  font-weight: 500;
font-size: 26px;
line-height: 36px;
margin-top: 30rem;
margin-bottom: 50rem;
}
.submenu_block a {
  color: white;
  /*text-decoration: none;*/
  margin-bottom: 20rem;
  display: block;
}
a.megamenu:hover .submenu_block{
        display: block; 
    }

.submenu_block.submenu_block_white a {
  color: var(--bcolor);
}    


.close {
  background-image: url("../images/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 65rem;
  top: 35rem;
}
.close2 {
  background-image: url("../images/close2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 35rem;
  top: 35rem;
}


.topsection .wrap {
  display: flex;
  justify-content: space-between;
}
.social {
  display: flex;
  align-items: center;
  height: 55px;
}
.social .tg{
  margin-top: 5px;
 margin-right: 5px;
}
.social .wt {
  margin-top: 5px;
}
.social .phone {
  background-image: url("../images/phone.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 22px 22px;
  padding-right: 28px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 16px;
  color: #fff;
  text-decoration: none;
}
.botsection .wrap {
  display: flex;
  justify-content: space-between; 
}


.botsection .send {
  background-image: url("../images/send.svg");
  background-repeat: no-repeat;
  background-position: right top 10rem;
  background-size: 27rem auto;
  text-decoration: none;
  font-weight: 700;
  font-size: 32rem;
  line-height: 36rem;
  letter-spacing: -0.01em;
  color: var(--bcolor);
  padding-right: 38rem;  
}

.botsection .logo {
  height: 95rem;
  transition: all 0.2s ease-in-out;
}
.botsection .logo img {
  height: 100%;
  /*width: auto;*/
}
.header_fixed.scrolled .botsection .logo {
  height: 35px;
  /*width: 148px;*/
}
.botsection .wrap a.logo {
  text-align: left;
  display: block;
  /*background-color: #052f;*/
}

.index_first {
  background-image: url("../images/img_company.png");
  background-repeat: no-repeat;
  background-position: left top 46rem;
  /*min-height: 100vh;*/
  background-size: 403rem auto;
}

.index_vh100 {
  /*min-height: calc(100vh-167px);*/
  height: calc(100vh - 197px);
}


.index_title {
  color: var(--bcolor);
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  padding-top: 38rem;
}

.fx {
  position: relative;
  background-image: url("../images/fx.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px 16px;
}

.index_first {
  /*height: 100vh;*/
}


.leftline {border-left: 1px solid var(--lcolor);}
.rightline {border-right: 1px solid var(--lcolor);}
.bottomline {border-bottom: 1px solid var(--lcolor);}
.topline {border-top: 1px solid var(--lcolor);}

.index_stat {
  padding-top: 247rem;
  padding-top: 107rem;
  padding-top: 57rem;
  /*padding-top: 10%;*/
  padding-bottom: 101rem;
  padding-bottom: 70rem;
  padding-bottom: 30rem;
}
.intro {
  position: relative;
  padding-bottom: 40rem;
  font-weight: 600;
font-size: 32rem;
line-height: 42rem;
letter-spacing: -0.02em;
color: var(--bcolor);
}
.introbut {
  position: absolute;
  bottom: 40rem;
  right: 0;
}

.trand_title {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  padding-bottom: 100rem;
}

.trand_title  span {
  padding-right: 22rem;
    background-image: url("../images/arrdown.svg");
  background-repeat: no-repeat;
  background-position: right top 2rem;
  background-size: 16rem 16rem;
}

.index_trand {
   padding-top: 40rem;
}
.index_trand a {
   color: var(--bcolor);
}
.trand_items_toggle {
  margin-bottom: 40rem;
}
.trand_items {
  padding-bottom: 150rem;
}

.index_data {
  background-color: #fff;
  padding-top: 28rem;
}

.index_data .title {
  
}

.index_data_nums {
  padding-top: 155rem;
}

.index_data_nums p {
  margin: 0;
  padding : 0;
}

.index_data_nums .nums {
  font-weight: 700;
  font-size: 160rem;
  line-height: 182rem;
  letter-spacing: -0.07em;
}
.index_data_nums .text {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;
}

.index_data_nums_line {
  padding-top: 40rem;
  margin-bottom: 28rem;
}

.index_data_bg {
  background-image: url("../images/img_index2.png");
  background-repeat: no-repeat;
  background-position: right top -32rem;
  background-size: 400rem auto;
  padding-top: 611rem;
}

.index_data_maintext {
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
letter-spacing: -0.02em;
padding-top: 90rem;
position: relative;
}

.index_about_but {
  position: absolute;
  bottom: 40rem;
}
.index_about_but.but {
  min-width: 80px;
}
.index_data_bg_but {
  margin-top: 30rem;
}

.index_data_after {
  height: 150rem;
}

.index_do {
  padding-top: 32rem;
  padding-top: 150rem;
  padding-bottom: 150rem;
}


.grid4.case_list {
  grid-row-gap: 80rem;
}

.case_item {
  border-top: 1px solid var(--bcolor);
  padding-top: 18rem; 
  height: 295rem;
  position: relative; 
}
.case_item .item_date {
  margin-bottom: 18rem;
}
.case_item .item_title a {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
letter-spacing: -0.01em;
text-decoration-line: underline;
color: var(--bcolor);
}

.case_item .item_title a:hover {
  text-decoration: none;
}


.blog .case_item .item_title a {
font-size: 32rem;
line-height: 44rem;
}

.case_item_with_view {

}

.case_item_with_view .case_item .item_date {
  display: flex;
  justify-content: space-between;
}

.fview {
  background-image: url("../images/view.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px 20px;
  padding-left: 25rem;
}

.case_item .item_text {
  position: absolute !important;
  bottom: 0;
  width: 100%;
}

.with_paralax .service_main div.but_arrow {
  position: absolute !important;  
}

.case_baner {
  background-image: url("../images/banner.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 200%;
  padding: 20rem;
  position: relative;
  color: white;
  
}

.scroll1 {
  animation: scroll 20s linear infinite;
}
.scroll2 {
  animation: scroll 25s linear infinite;
}
.scroll3 {
  animation: scroll2 20s linear infinite;
  background-position: bottom left;
}

@keyframes scroll {
  0% {
    background-position: bottom right;
  }
  50% {
    background-position: bottom right -100px;
  }
  100% {
    background-position: bottom right;
  }  
}

@keyframes scroll2 {
  0% {
    background-position: bottom left;
  }
  50% {
    background-position: bottom left -100px;
  }
  100% {
    background-position: bottom left;
  }  
}


/*.section_case_list .case_alfa {
  grid-column: 1 / 3;

}
*/




.case_baner .item_title {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
letter-spacing: -0.01em;
color: white;
padding-right: 25%;
}

.case_baner a.but {
  position: absolute;
  bottom: 20rem;
  border: 1px solid #fff;
  color: #fff;
}

.case_baner a.but:hover {
  border: 1px solid #fff;
  background-color: #fff;
  color: var(--bcolor);
}

.case_item.case_baner {
  position: relative;
  padding-left: 30rem;
  padding-right: 30rem;
}
.case_baner_title {
  font-weight: 600;
  font-size: 100rem;
  line-height: 98rem;
  letter-spacing: -0.05em;
}
.case_baner_text {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  position: absolute;
  bottom: 30rem;
}
.case_baner.col1 {
  padding-top: 30rem;
}
.case_baner.col1 .case_baner_text {
  bottom: 20rem;
}
.case_baner.col1 .case_baner_title {
  font-weight: 600;
  font-size: 62rem;
  line-height: 42rem;
}

.index_do_img {
  background-image: url("../images/img_do.png");
  background-repeat: no-repeat;
  background-position: left top 155rem;
  background-size: 375rem auto;
}


.index_money {
  background-color: #fff;
  padding-top: 16rem;
}
.index_money_nums {
  /*padding-top: 55px;*/
}

.index_money_nums .nums {
  font-weight: 700;
  font-size: 160rem;
  line-height: 182rem;
  letter-spacing: -0.07em;
}
.index_money_nums .text {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;
}
.index_money_block1 {
  margin-bottom: 102rem;
}
.index_money_block2 {
  text-align: right;
  border-bottom: 1px solid var(--bcolor);
  padding-bottom: 35rem;
}
.index_money_intro {
  padding-top: 30rem;
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
letter-spacing: -0.02em;
}
.index_money_outtext {
  padding-top: 40rem;
  padding-bottom: 20rem;
}
.index_money_outtext a {
  margin-top: 10rem;
}
.toright {
  text-align: right;
}

.index_slider_wrap {
  background-color: #fff;  
}
.index_slider {
  padding-top: 30rem;
  padding-bottom: 20rem;
}


.index_slider_header {
  border-bottom: 1px solid var(--bcolor);
  /*margin-bottom: 33rem;*/
  padding-bottom: 28rem;

}

.soonnob {
  margin-top: 15rem;
}

.index_slider_top {
  margin-top: 33rem;
  padding-top: 28rem;
  border-top: 1px solid var(--bcolor);
}

.swiper-button-prev {
  background-image: url("../images/sleft.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 60rem;
  height: 60rem;
  right: 70rem;
  left: auto;
  top: 50rem;
  top: 0rem;
}
.swiper-button-next {
  background-image: url("../images/sright.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 60rem;
  height: 60rem;
  right: 0;
  top: 50rem;
  top: 0rem;
}

.swiper_index {
  margin-top: 140rem;
  margin-top: 0;
}
.swiper_index {
 
}

.swiper-slide {
      width: 80%;
      background-color: #fff;
      height: 480rem;
      padding-top: 30rem;
      padding-bottom: 30rem;
}
.swiper_index .swiper-slide{
  display: flex;
  justify-content: space-between; 
}
.swiper_index .index_slide_title {
  /*width: 44%;*/
  font-weight: 600;
font-size: 32rem;
line-height: 44rem;
letter-spacing: -0.02em;
}
.swiper_index .index_slide_title a {
  color: var(--bcolor);
}
.swiper_index .index_slide_info {
  margin-top: 70rem;
  width: 33.5%;
}
.swiper_index .index_slide_info .text {
  position: relative;
  margin-bottom: 20rem;
}
.swiper_index .index_slide_info .proc{  
  position: absolute;
  right: 0;
  top: -10px;
  font-weight: 500;
  font-size: 26rem;
  line-height: 36rem;
  letter-spacing: -0.02em;
}

.progress2, .animated-progress { 
  border-radius: 15px;
  background-color: transparent;
  border: 1px solid var(--bcolor);
}

.animated-progress span {
  /*height: 100%;*/
  display: block;
  transition: 0.3s ease;
  width: 0;
/*  color: rgb(255, 251, 251);
  line-height: 30px;
  position: absolute; 
  text-align: end;
  padding-right: 5px;*/

  height: 12px;
  border-radius: 15px;
  background-color:var(--bcolor);
}

/*.progress-bar2 {
  height: 12px;
  border-radius: 15px;
  transition: 0.3s linear;
  transition-property: width;
  width: 0%;
}

.progress-moved .progress-bar2 {
  background-color:var(--bcolor);
  animation-duration: 3s;
  animation-name: progress;
  width: 75%;
} 

@keyframes progress {
  0% {
    width: 0%;
  }
 
  100% {
    width: 100%;
  }
}
*/



.index_download {
  padding: 105rem 0 120rem;
}
.download {
  background-image: url("../images/download.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 70rem auto;
  width: auto;
  height: 102rem;
  display: block;
  padding-top: 102rem;
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;  
  margin-bottom: 40rem; 
}
.download:hover {
  background-image: url("../images/downloadh.svg");
}
.download_link {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;
}

body.index .section_contact { 
  background-color: #fff;
}
.section_contact {
  background-color: #F4F4F4;
  color: var(--bcolor);
  padding: 135rem 0;
}

.section_contact .title {
  position: relative;
  font-weight: 600;
  font-size: 100rem;
  line-height: 98rem;
  text-align: center;
  letter-spacing: -0.05em;
}
.section_contact .bottext {
  position: relative;
  font-weight: 600;
  font-size: 32rem;
  line-height: 42rem;
  text-align: center;
  letter-spacing: -0.05em;
  margin: 40rem 0;
}
.section_contact .title .clogo {
  background-image: url("../images/clogo.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;  
  width: 145rem;
  height: 145rem;
  position: absolute;
  top: -70rem;
  left: 37%;
}
.section_contact.price_ur .title .clogo {
   left: 55%;
}
.section_contact_social {
  width: 596rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; 
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;
  margin-top: 80rem;
}
.price_ur .section_contact_social {
 margin-top: 0;
}

@keyframes rotate360 {
  from {
    -ms-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  animation: rotate360 32s linear infinite;
}





.service {
  margin-bottom: 80rem;  
}
.section_service_list {
  border-top: 4px solid var(--bcolor);
}

.service_list_head {
  padding-top: 25rem;
  padding-bottom: 25rem;
}
.service_list_head .title {
  font-weight: 600;
 font-size: 32rem;
 line-height: 42rem;
 letter-spacing: -0.02em;
 padding-right: 60%;
}
.service_list_head .letter {
text-align: right;
letter-spacing: -0.05em;
font-weight: 600;
font-size: 100rem;
line-height: 85rem;
color: #FF753A;
}

.coldiv {
  background-image: url("../images/dv.gif");
  background-repeat: repeat-y;
  background-position: center top;
}

.service .service_list_head {
  display: flex;
  justify-content: space-between; 
}

.service_list_body {

}

.service_list_item {
  padding: 25rem 0;
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  position: relative;
  border-top: 1px solid var(--bcolor);
}
.service_list_item a { 
  text-decoration: none;
}
.service_list_item a:hover { 
  text-decoration: underline;
}

.service_list_item a.but { 
  text-decoration: none;
}
.service_list_item a.but {
  position: absolute;
  bottom: 20rem;
  right: 0rem;
}


.service_list_item:last-child {
  border-bottom: 1px solid var(--bcolor);
}

.service_link {
  background-image: url("../images/arrow_right.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 20px 20px;
  padding-right: 35px;
}
.service_link.opened {
  background-image: url("../images/arrow_down.svg");
}
.service_link_data {
  padding-top: 25rem;
  font-weight: 500;
  font-size: 15rem;
  line-height: 22rem;
  margin-bottom: 40rem;
}
.service_link_data ul {
  list-style-image: url(../images/sli.svg);
  padding-left: 7rem;
}
.service_link_data ul li {
  margin-bottom: 14rem;
  padding-left: 12rem;
}
.service_link_data a {
  text-decoration: underline;
}

.case_filter {
  background-color: #F4F4F4;
}
.case_filter a{
  margin-right: 10rem;
  margin-top: 25rem;
}

.case_filter .wrap {
  position: relative;
}
.case_filter .wrap .close2 {
  right: 0;
}
.case_filter_direct {
  border-bottom: 1px solid var(--bcolor);
  padding-top: 25rem;
  padding-bottom: 25rem;
}
.case_filter_razdel {
   padding-top: 0rem;
  padding-bottom: 25rem; 
}

.show_filter {
  background-image: url("../images/filter.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40 auto;
  display: block;
  width: 40px;
  height: 40px;
}
.show_filter:hover {
  background-image: url("../images/filterh.svg");
}

.case_filters {
  background-color: #F4F4F4;
}

.case {
  margin-bottom: 80rem;
}
.section_case_list {
  padding-top: 30rem;
}
.section_case_pages {
  margin-top: 80rem;
}

/*.section_case_list .row {
  margin-left: -2.919708029%;
  margin-left: -2.919708029%;
  margin-left: -2%;
}*/


.section_case_pages {

}
.pagination {
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  text-align: center;
}
.pagination ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.pagination ul li {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-left: 7rem;
  margin-right: 7rem;
  padding-left: 0;
}

.pagination ul li a.page {
  padding-left: 0rem;
  padding-right: 0rem;
  width: 40px;
  height: 40px;
  display: block;
}



.case_alfa .item_title a {
  font-weight: 600;
font-size: 32rem;
line-height: 44rem;
}




.blog_head {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.blog_head .links {
  margin-top: 60rem;
}
.blog_head .links a {
  margin-left: 10rem;
}


.bread {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20rem;
}
.bread a {
  margin-right: 10rem;
  margin-bottom: 10rem;
}
.gohome {
  background-image: url("../images/home.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 40px auto;
  width: 40px;
  height: 40px;
  display: block;
  margin-top: 30rem;
  margin-bottom: 25rem;
}
.gohome:hover {
  background-image: url("../images/homeh.svg");
}

.bread .gohome {
  margin-top: 0rem;
  margin-bottom: 0rem;  
}


.scroll {
  background-image: url("../images/scroll.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65rem auto;
  width: 65rem;
  height: 65rem;  
}

.casein_primer {
  margin-bottom: 30rem;
}

.casein h1 {
  font-size: 52rem;
  line-height: 60rem;
  padding-right: 10%;
  letter-spacing: -0.02em;
}

.casein.small_h1 h1 {
  font-size: 35rem;
  line-height: 42rem;

}


.slideblock.sticky  {
  top: 135px !important;
}


.casein .leftcol {
  background-color: #FEF8E9;
  padding-top: 30rem;
  padding-bottom: 30rem;
  position: relative;
  border-bottom: 1px solid #E9E0CB;
}

.casein .leftcol .scroll {
  position: absolute;
  right: 35rem;
  bottom: 30rem;
}
.casein .rightcol {
  /*background-color: #00F8E9;*/
  border-left: 1px solid #E9E0CB;
  border-bottom: 1px solid #E9E0CB;
}


.casein_table {
  padding-top: 4rem;  
}
.casein_table_row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E9E0CB;
  padding: 25rem 0 ;
;
}
.casein_table_row:last-child {
  border-bottom: 0;
}
.casein_table_row .coll {
  
}
.casein_table_row .colr {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
text-align: right;
}



.casein_categ {
  margin-top: 34rem;
}
.casein_categ a,
.casein_res span {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
display: block;
max-width: 295rem;
}
.casein_res {
  margin-top: 30rem;  
}
.casein_res img {
  margin-bottom: 10rem;
}
.casein_social {
  margin-top: 40rem; 
  background-color: #fff;
  border-radius: 50px;
  display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    align-items: center;
  width: calc(210rem + 90px);

  padding: 8rem 8rem 8rem 16rem;
  font-size: 12px;
  line-height: 18px;
}
.casein_social a {
  margin-left: 10rem;
  height: 40rem;
  width: 40rem;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 40rem auto; 
  border-radius: 100%;
  background-color: var(--mcolor);   
} 
.casein_social a img {
  width: 100%;
  height: auto;
} 

.casein_social a.soc_fb {
  background-image: url("../images/case_fb.svg");
} 
.casein_social a.soc_fb:hover {
  background-image: url("../images/case_fbh.svg");
} 
.casein_social a.soc_tw {
  background-image: url("../images/case_tw.svg");
} 
.casein_social a.soc_tw:hover {
  background-image: url("../images/case_twh.svg");
} 
.casein_social a.soc_in {
  background-image: url("../images/case_in.svg");
} 
.casein_social a.soc_in:hover {
  background-image: url("../images/case_inh.svg");
} 
.casein_social a.soc_open {
  background-image: url("../images/case_open.svg");
} 
.casein_social a.soc_open:hover {
  background-image: url("../images/case_openh.svg");
} 

.casein_social a.soc_link {
  background-image: url("../images/case_link.svg");
} 
.casein_social a.soc_link:hover {
  background-image: url("../images/case_linkh.svg");
} 



.casein_intro {
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
margin: 70rem 0;
}
.casein_block {
  margin-bottom: 80rem;
}

.casein_itog_block {
  margin-bottom: 30rem;
}

.itog_text {
  padding: 18rem 28rem;
  background-color: #FEF8E9;
}
.itog_text p {
  padding: 0;
}
.itog_text h4 {
  margin-bottom: 12rem;
}
.casein_itog_block .itog_text {
  padding: 40rem;
}


ul {
  list-style-image: url(../images/oli.svg);
  padding-left: 7rem;
}
ul li {
  margin-bottom: 14rem;
  padding-left: 12rem;
}

.fullheightblock .casein_avtor {
  position: absolute;
  bottom: 110px;
  bottom: 30px;
}
.casein_avtor .avatar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 18rem;
  line-height: 24rem;
  font-weight: 600;
}
.casein_avtor .avatar img {
   width: 50rem;
   height: 50rem;
   border-radius: 100%; 
   margin-right: 20rem ;
}



.maincontent h2 {
  font-size: 26rem;
  line-height: 36rem;
  margin-bottom: 30rem;
}

/*.casein_block h2 {
  font-size: 26rem;
  line-height: 36rem;
  margin-bottom: 30rem;
  margin-top: 80rem;
}*/

.casein_block h2 {
  font-size: 18rem;
  line-height: 36rem;
  margin-bottom: 30rem;
  margin-top: 80rem;
  letter-spacing: -0.01em;
}

.casein_block h2:first-child {
  margin-top: 0;
}

.maincontent h4,
.maincontent p>strong {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-bottom: 30rem;
}

.maincontent hr {
  border: 0;
  margin-bottom: 80rem;
}

.maincontent ul {
  margin-bottom: 30rem;
}

.maincontent .ul_disabled ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.maincontent .ul_disabled ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.infobox {
  background-color: var(--bcolor);
  margin-left: -5.45%;
  margin-right: -5.467%;
  padding-left: 5.45%;
  padding-right:5.467%;
  padding-top: 20rem;
  padding-bottom: 20rem;
  color: #fff;
}
.infobox a {
  color: #fff;
  text-decoration: none;
  font-size: 18rem;
line-height: 24rem;
display: block;
background-image: url("../images/plus.svg");
background-repeat: no-repeat;
background-position: right center;
}

.infobox .infobox_text {
  padding: 30rem 0;
}
.infobox .infobox_text {
}

.infobox .infobox_text a {
  text-decoration: underline;
  background-image: none;
}
.infobox .infobox_text a:hover {
  text-decoration: none;
}
.infobox .infobox_text  ol {
  padding-left: 7rem;
}
.infobox .infobox_text  li {
  margin-bottom: 14rem;
  padding-left: 12rem;
}


.service_first {
  background-image: url("../images/service_main.png");
  background-repeat: no-repeat;
  background-position: left top 46rem;
  /*min-height: 100vh;*/
  background-size: 403rem auto;
  background-size: 503rem auto;
  background-color: var(--mcolor);
  position: relative;
  padding-top: 30rem;
}

.service_first .twocol.full,
.page404 .full
 {
  height: calc(100vh - 137px);
  height: calc(100vh - 165px);
}

.service_first .twocol.prc80
 {
  height: calc(75vh - 137px);
  height: calc(75vh - 165px);
}

.service_first_intro .title {
  font-weight: 400;
  font-size: 15rem;
  line-height: 22rem;
}


.service_first_priceintro .title {
font-weight: 500;
font-size: 26rem;
line-height: 138%;
letter-spacing: -0.02em;
}

/*.service_first .bread {
  margin-top: 30rem;
}*/

.service_first .casein_social {
  position: absolute;
  bottom: 30rem;
}

.service_first h1 {
  margin-top: 30rem;
  -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.service_first .col4 {
  position: relative;
}

.service_first .col4 .scroll {
  position: absolute;
  right: 35rem;
  bottom: 30rem;
}

.service_first_intro {
  padding-bottom: 30rem;
}

.columnalign {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.service_main_intro {
  font-weight: 600;
  font-size: 52rem;
  line-height: 60rem;
  margin: 150rem 0;

font-size: 38rem;
line-height: 48rem;


}

.service_main_wedo {
  margin-bottom: 150rem;
}



.service_main_data {
  background-color: var(--mcolor);
  padding-top: 28rem;

  background-image: url("../images/img_index2.png");
  background-repeat: no-repeat;
  background-position: right top -32rem;
  background-size: 400rem auto;
  /*padding-top: 611rem;*/
}

.service_main_data .bottomline {
  padding-bottom: 30rem;
}

.service_main_outtro {
font-weight: 500;
font-size: 26rem;
line-height: 36rem;
  margin: 150rem 0;
}

.case_logo_item .item_bg {
  height: 195px;
  background-color: #F4F4F4;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.case_logo_item .title {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-top: 20rem;
}

.case_logo_item .item_bg img {
  max-width: 90%
  }


.service_main_price {
  margin: 150rem 0;
}
.service_main_price_table {

}
.price_item {

  font-size: 18rem;
line-height: 24rem;
 font-weight: 600;
 border-top: 1px solid var(--bcolor);
 padding: 30rem 0;
}
.price_item:last-child {
 border-bottom: 1px solid var(--bcolor);

}
.price_link {
  display: flex;
  justify-content: space-between;
  align-items: center; 
  cursor: pointer;
}
.price_link .name {
  background-image: url("../images/arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center right 2px;
  background-size: 20rem 20rem;
  padding-right: 35rem;
}

.price_link.opened .name {
  background-image: url("../images/arrow_down_o.svg");
  background-repeat: no-repeat;
  background-position: center right 2px;
  background-size: 20rem 20rem;
  padding-right: 35rem;
}
.service_price_item_h3 {
  font-weight: 600;
  font-size: 24rem;
  line-height: 22rem;
  padding: 50rem 0;
}

.service_price_item_h3:first-child {
  padding-top: 13rem;
}

.price_item_data {
  position: relative;
  font-weight: 400;
font-size: 15rem;
line-height: 22rem;
 padding-top: 30rem;
}
.price_item_data a.but {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
.price_intro {
  padding-bottom: 15rem;
}
.price_intro ul {
  list-style-image: url(../images/sli.svg);
  padding-left: 7rem;
  margin-bottom: 20rem;
}
.price_intro ul:last-child {
  list-style-image: url(../images/oli.svg);
}
.price_text {
  padding-top: 15rem;
}

.service_main_price_table .price {
 color: #FF753A;
}



.service_main_calc {
  margin-bottom: 150rem;
}
.service_main_calc .title {
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
letter-spacing: -0.02em;
margin-bottom: 60rem;
}
.service_main_calc .num {
 font-weight: 500;
font-size: 26rem;
line-height: 36rem;
}
.service_main_calc_list {

}
.calc_item {
  background-color: var(--bcolor);
  color: white;
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
padding: 25rem;
height: 195rem;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.calc_item a {
  color: white;
}


.service_main_servlist {
  background-color: var(--mcolor);
  padding: 30rem 0 125rem;
  background-image: url("../images/img_company.png");
  background-repeat: no-repeat;
  background-position: left top 160rem;
  margin-bottom: 30rem;
  /*background-size: 20px auto;*/
  background-size: 450rem auto;
}

.servlist {
  columns: 2 428rem;
  column-gap: 39rem;
  padding-top: 125rem;
  column-fill: balance-all;
}

.servlist_top {
  padding-top: 125rem;  
}

.servlist_item {
  padding: 25rem 0 ;
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;  
  border-bottom: 1px solid var(--bcolor);
}
.servlist_item:last-child {
  /*border-top: 1px solid var(--bcolor);*/
}
.servlist_item:first-child {
  border-top: 1px solid var(--bcolor);
}

.why {
  margin-bottom: 150rem;
}
.why_item {

}
.why_item .num {
  color: #FF753A;
  font-weight: 600;
  font-size: 100rem;
  line-height: 98rem;
margin-bottom: 30rem;
}
.why_item .title {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
margin-bottom: 15rem;
}
.why_item .text {

}

.but_arrow {
  background-image: url("../images/arrow_big.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  width: 20rem;
  height: 20rem;
  position: absolute;
  bottom: 25rem;
  right:25rem; 
}

.service_main_cases_text {
  border-bottom: 1px solid var(--bcolor);
  border-top: 1px solid var(--bcolor);
  margin-top: 40rem;
  padding: 30rem 0;
}


.service_main_faq {
  margin: 150rem 0;
}

.faq_list {

}
.faq_item {
    padding: 30rem 0;
    border-top: 1px solid var(--bcolor);

}
.faq_item:last-child {
    border-bottom: 1px solid var(--bcolor);
}
.faq_link {
    background-image: url("../images/faq0.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 65rem;
    font-weight: 600;
font-size: 18rem;
line-height: 24rem;
cursor: pointer;
}
.faq_link.opened {
    background-image: url("../images/faq1.svg");
  }
.faq_item_data {
  margin-left: 26.234%;
  width: 47.65%; 
  padding: 60rem 0 40rem;
}
.faq_item_data p {
  border-left: 1px solid #FF753A;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 7.919708029%;
}


.service_main_review {
  margin-bottom: 150rem;
}

.review_item {
 position: relative;
 font-weight: 600;
font-size: 32rem;
line-height: 44rem;
}
.review_link span.bb {
  text-decoration: none;
  position: absolute;
}
.review_link {
  display: block;
}
.review_link .star {
  background-image: url("../images/star.svg");
  background-repeat: no-repeat;
  background-position: center top 4rem;
  background-size: 35rem auto;
  display: inline-block;
  width: 70rem;
  height: 35rem;
}
.review_link .arrow {
 background-image: url("../images/arrow_review.svg");
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 30rem auto;
  display: block;
  width: 30rem;
  height: 30rem;
  position: absolute;
  right: 0;
  top: 28rem;
}

.review_item {
    padding: 20rem 0;
    border-top: 1px solid var(--bcolor);

}
.review_item:last-child {
    border-bottom: 1px solid var(--bcolor);
}

.service_main_more_text {
  font-size: 12px;
  font-size: 15rem;
  padding-bottom: 150rem;
}

.service_main_more_text h2{
  margin-bottom: 35rem;
  margin-top: 10rem;
}

.service_main_more {
  border-bottom: 1px solid var(--lcolor);
}

.service_main_more_text_side2 {
  display: none;
}

.showmore {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
}
.showmore {
  position: absolute !important;
  bottom: 0;
  width: 100%;
text-align: center;
}
.showmore:hover {
  text-decoration: none;
  }


.service_inside_bg {
  background-image: url("../images/serv_inside.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 55% auto;
}

.service_inside h1 {
  margin-bottom: 280rem;
}

.service_inside_intro {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
margin: 30rem 0 100rem;
}  

.service_inside_block h2 {
  margin-bottom: 30rem;
}


.fullheightblock {
  height: calc(100vh - 137px);
  position: relative;
}
/*.scrollpanel {
  height: 200px;
overflow: auto;
}*/

/*.sinner { position: relative; height: auto; }
.sfull { height: 100%; }*/



.fullheightblock .casein_social {
 position: absolute;
 bottom: 30rem;
}


.fullheightblock .casein_introblock {
  position: absolute;
 bottom: 110rem;
 bottom: 30rem;
}


.casein_introblock .casein_categ {
  margin-bottom: 50rem;
}



.service_inside_block_stat {
  margin: 100rem 0;
  background-color: var(--mcolor);

    padding: 25rem 35rem 73rem 35rem;
}

.stattop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 72rem;
}

.block_stat_item {
  font-weight: 600;
font-size: 100px;
line-height: 98px;
  letter-spacing: -0.05em;
  width: 50%;
  height: 276rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service_inside_block_stat .nums {

}
.service_inside_block_stat .text {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: -0.01em;
}
.block_stat_item_line {
  border-left: 1px solid var(--bcolor);
  padding-left: 30rem;
}

.statbot {
font-weight: 500;
font-size: 20rem;
line-height: 28rem;
}
.statbot p {
  padding-bottom: 0;
}

.service_inside h2 {
  font-size: 26rem;
  line-height: 36rem;
  margin-bottom: 30rem;
}
.service_inside h3 
{
  font-size: 18rem;
  line-height: 24rem;
}

.service_inside_block_price,
.service_inside_block_calc,
.service_inside_block_logos,
.service_inside_block {
  margin-bottom: 100rem;
}
/*.service_inside_block_price h2,
.service_inside_block_calc h2 {
  margin-bottom: 30rem;
}*/

.service_inside_block_calc .title {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
letter-spacing: -0.02em;
margin-bottom: 30rem;
}

.service_inside_block .service_main_more_text {
  padding-bottom: 0;
}

.price_site {
   display: flex;
/*   justify-content: space-between;
   justify-content: center;
   flex-direction: column;*/
   align-items: center;
   margin-bottom: 30rem;
}
.price_site a {
  text-decoration: none;
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;
text-align: center;
width: 50%;
border-bottom: 1px solid #E9E0CB;
border-top: 1px solid #E9E0CB;
padding: 42rem 0;
}
.price_site a:first-child {
 border-right: 1px solid #E9E0CB; 
}
.price_site a.active,
.price_site a:hover
 {
 background-color: var(--bcolor);
 color: white;
}

.price_block {
  margin-bottom: 150rem;
}

.price_block_ur {
border-top: 1px solid #E9E0CB;
padding-top: 30rem;

}
.price_block_ur h2 {
  font-weight: 600;
font-size: 100px;
line-height: 98px;
padding-right: 15%;
margin-bottom: 150rem;
}

.price_block_ur_item {
  background-color: var(--mcolor);
  padding: 25rem 30rem;
}
.price_block_ur_item .num {
 color: #FF753A;
 font-weight: 600;
font-size: 100px;
line-height: 98px;
text-align: center;
margin-bottom: 40rem;
}
.price_block_ur_item .text {
margin-bottom: 60rem;
}
.price_block_ur_item .price {
 color: #FF753A;
 font-weight: 500;
font-size: 26rem;
line-height: 36rem;
}



.page404 .full {
  position: relative;
}
.main404title {
  position: absolute;
  bottom: 15rem;
  left: 30rem;
  font-weight: 700;
font-size: 160px;
line-height: 194px;
letter-spacing: -0.07em;

}

.page404 .full p {
  margin-top: 30rem;
  font-weight: 600;
font-size: 32rem;
line-height: 42rem;
}


.contact_block {
  margin: 100rem 0;
}
.contact_block .row .col1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
      justify-content: center;
      flex-direction: column;
}
.contact_block .title {
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
margin-bottom: 1em;
}
.contact_info_block {
  margin-bottom: 150rem;
}
.contact_info_block h2 {
  margin-bottom: 30rem;
}
.att {
  opacity: 0.5;
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;
}
.rek_item {
  padding: 25rem 0;
  border-bottom: 1px solid var(--lcolor);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rek_item .data {
  font-weight: 600;
}
.rek_item:last-child {
  border-bottom: 0
  }

  .item_top {
    height: 140rem;
    margin-bottom: 40rem;
  }
  .att {
    height: 140rem;
    margin-bottom: 60rem;
  }

.about_fisrt_block {
  background-color: var(--mcolor);
}  

.about_fisrt_block {

}
.about_main_title {
  font-weight: 600;
font-size: 32rem;
line-height: 42rem;
margin-bottom: 1em;
}
.about_main_intro {
  margin-bottom: 150rem;
}

.about_fisrt_block_bg {
  text-align: center;
  align-items: center;
    justify-content: center;
}
.about_fisrt_block_bg img {
  width: 100%;
  max-width: 1400px;
  height: auto;
  
}

.about_fisrt_block_intro1 {
  margin: 150rem 0;
}

.about_fisrt_block_intro1 a {
  font-weight: 500;
}

.logo_big {
  width: 100%;
  height: auto;
  padding-top: 30rem;
  text-align: center;
}

.logo_big img {
  width: 100%;
  max-width: 1400px;
  height: auto;
}

.logo_big_text {
  margin-top: 80rem;
  padding-bottom: 136rem;
  font-weight: 600;
font-size: 18rem;
line-height: 24rem;

}

.about_team_text {
  font-weight: 500;
font-size: 26rem;
line-height: 36rem;

}

.about_team_block {
margin-top: 30rem;
margin-bottom: 100rem;

}

.team_item .foto {
  margin-bottom: 30rem;
}
.team_item .name {
  margin-bottom: 30rem;
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
}

.about_case_list {
  margin-top: 100rem;
  padding-bottom: 100rem;
}


.service_center_block {
  margin-bottom: 100rem;
}

.service_center .service_first {
  margin-bottom: 100rem;
}

.service_center h2 {
  margin-bottom: 30rem;
}

.service_center_logos {
  margin-top: 150rem;
}

.service_center_block .servlist {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 700px;
}

.wrap_more {  
  height: 300px;
  overflow: hidden;
  position: relative;
}
.wrap_more.active {  
  height: auto;
  overflow: auto;
}
.wrap_more .fader{
  background-image: url("../images/more.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  height: 138px;
  width: 100%;
  position: absolute !important;
  bottom: 0;
  left: 0;
}



.hover-underline-animation span {
  display: inline-block;
  position: relative;
  color: var(--bcolor);
}

.hover-underline-animation span::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: var(--bcolor);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover span::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


.parallax-window {
  min-height: 400px;
  /*background: transparent;*/
}


.forminput {
  border-radius: 10px;
  background: #F4F4F4;
  padding: 12rem 20rem;
  border:0;
  color: var(--bcolor);
  font-size: 26rem;
  font-style: normal;
  font-weight: 500;
  line-height: 36rem; 
  letter-spacing: -0.52px;
}

.calc_block  {
  margin-left: -5.45%;
  margin-right: -5.467%;

}

.cacltext {
  margin-bottom: 10rem;
}
.calc_field {
 border-bottom: 1px solid #E9E0CB;
 padding-left: 5.45%;
 padding-right: 5.467%;
 padding-top: 30rem;
 padding-bottom: 30rem;
}

.ddcustom {
  /*height: 158rem;*/
}

.calcitog_w {
  background-color: var(--bcolor);
  color: #fff;
 padding: 30rem 0;
   padding-left: 5.45%;
 padding-right: 5.467%;
}

#summa {
  width: 220rem;
  background-image: url("../images/rub.svg");
  background-repeat: no-repeat;
  background-position: right 20rem top 20rem;
  margin-right: 22rem;
  background-size:  auto 19rem;
  text-align: right;
  padding-right: 40rem;
}
#ksumma {
  width: 170rem;
  background-image: url("../images/kop.svg");
  background-repeat: no-repeat;
  background-position: right 20rem top 23rem;  
  background-size:  auto 16rem;
}

#date1 {
  width: 174rem;
}
#date2 {
  width: 174rem;
}

.calc_g1 {
  float: left;
  margin-right: 22rem;
}

.calc_row2 {
  clear: both;
}

.calc_row2 label {
  margin-right: 11rem;
  font-size: 26rem;
font-style: normal;
font-weight: 500;
}



.calc_label {
  margin-bottom: 10rem;
  color: #fff;
}
.calc_itog {
  font-size: 52rem;
  line-height: 52rem;
font-style: normal;
font-weight: 600;
}
.calc_itog span {
  margin-left: 12rem;
  opacity: 0.2;
}
.calc_itog_footer {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 30rem;
  padding-top: 30rem;
}
.calc_xitem {
}
.calc_value {
font-size: 26rem;
font-style: normal;
font-weight: 500;
line-height: 36rem;
}

.calc_value span {
  margin-left: 5rem;
  opacity: 0.2;
}


.calc_summ {
  background-color: #F4F4F4;
   padding-left: 5.45%;
 padding-right: 5.467%;  
 padding-top: 30rem;
}
.calc_summ_title {
  font-size: 18rem;
font-style: normal;
font-weight: 600;
line-height: 24rem;
}




.service_main>div {
  background-color: #fff;
}
 
.service_main_wedo.paralax_parent {
  margin-bottom: 100vh;
  margin-bottom: 0;
}

.service_main_wedo.paralax_parent {
  padding-bottom: 150rem;
}


.with_paralax .service_main div {
  z-index: 10;
  /*background-color: #fff;*/
  position: relative;
}


.with_paralax .service_main .paralax {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--mcolor);
  padding-top: 197px;
  padding-top: 350rem;
  padding-bottom: 20%;
  width: 100%;
  /*padding-bottom: 150rem;*/
}

.with_paralax .service_main .price_block {  
  margin-bottom: 0rem; 
  padding-top: 150rem; 
}

.with_paralax .service_main .paralax2 {
  position: fixed;
  top: 0;
  left: 0;    
  padding-top: 150rem;
  padding-top: 350rem;
  padding-bottom: 20%;
  background-color: var(--mcolor);
  z-index: -2;
  z-index: 0;
  width: 100%;
}

.service_main_servlist.paralax2 {
  background-position: left top calc(160rem + 350rem);
}

 
.with_paralax .service_main .ankor2 {
  position: relative;
  height: 1px;
  height: 100vh;
  z-index: 100;
  width: 1px; 
}

.with_paralax .service_main .with_paralax .service_main .wrap.why {
  z-index: 10
}

.with_paralax .service_main .service_first,
.with_paralax .service_main .service_main_servlist  {
  background-color: var(--mcolor);
}

.with_paralax .service_main .section_contact  {
  background-color: #F4F4F4;
}
.with_paralax .service_main_data .wrap.bottomline {
  padding-bottom: 30rem;
}

.with_paralax .service_main .wrap {
  margin: 0;
  padding: 0 var(--grid_margin);
}


.with_paralax .service_main .wrap.index_download {
  margin: 0 ;
  padding: 105rem var(--grid_margin) 120rem;
}


.with_paralax .service_main .wrap.why {
  padding-bottom: 150rem;
  padding-top: 30rem;
}



.with_paralax .service_main .wrap.mt30 {
  margin: 0;
  padding-top: 30rem;
}

.with_paralax .service_main .service_main_price,
.with_paralax .service_main .service_main_faq {
  margin: 0;
  padding: 150rem 0;
}
.with_paralax .service_main .service_main_calc,
.with_paralax .service_main .service_main_review 
 {
  margin: 0;
  padding-bottom: 150rem;
}
/*.with_paralax .service_main .service_main_servlist {
  margin-bottom: 0;
  padding: 30rem 0 155rem;
}
*/





/**
 * 1. The `reverse` animation direction plays the animation backwards
 *    which makes it start at the stroke offset 100 which means displaying
 *    no stroke at all and animating it to the value defined in the SVG
 *    via the inline `stroke-dashoffset` attribute.
 * 2. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround (https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart/#part-4-internet-explorer-strikes-back).
 */
.circle-chart__circle {
  transform: rotate(-90deg); /* 2, 3 */
  transform-origin: center; /* 4 */
  opacity: 0;
}
.circle-chart__circle.anim {
  animation: circle-chart-fill 2s reverse; /* 1 */ 
  opacity: 1;
}

/**
 * 1. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 2. Scaling mirrors the circle to make the stroke move right
 *    to mark a positive chart value.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround (https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart/#part-4-internet-explorer-strikes-back).
 */
.circle-chart__circle--negative {
  transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}

.circle-chart__info {
  opacity: 0;
  transform: translateY(0.3em);
}

.circle-chart__info.anim {
  animation: circle-chart-appear 1s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}



@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.circle-chart__subline1 {
  font-size: 14rem;
}

.index_slide_row1 {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding:0 var(--grid_margin);
}
.index_slide_row2 {
  width: 40%;
  display: flex;
  flex-direction: column;
   justify-content: center;  
  padding-right:var(--grid_margin);
}

.diag {
  margin-top: 0rem;
  max-height: 450rem;
}


.pop_toggler {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--bcolor);
border-radius: 30rem;
width: 360rem;
height: 40rem;
position: relative;
transition: all 0.2s ease-in-out;
}

.pop_toggler a {
font-weight: 700;
font-size: 12rem;
line-height: 40rem;
letter-spacing: 0.01em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: blue;
padding: 0 40rem;
z-index: 100;
width: 180rem;
}

.pop_toggler a.act {
/*background-color: #302F2F;*/
/*color: white;*/

}

.tgl {
transition: all 0.2s ease-in-out;  
  position: absolute;
  border-radius: 50px;

width: 180rem;
height: 38rem;
background-color: #302F2F;
z-index: 0;
}


.pop_toggler .but1 {
  color: #302F2F;
}
.pop_toggler .but2 {
  color: white;
}
.pop_toggler.first .but1 {
  color: white;
}
.pop_toggler.first .but2 {
  color: #302F2F;
}



.pop_toggler .tgl{
  left: auto;
   translate: 100% 0px;
}
.pop_toggler.first .tgl {
  left: auto;
  translate: 0px 0px;
}

.tgl_block {
  display: none;
}
.tgl_block.active {
  display: grid;
}



.index_casework {
  margin-top: 40rem;
  padding-bottom:40rem;
}


.index_casework .case_logo_item .item_bg {
  background-color: #Fff;
}

.index_casework_p {
  margin-top: 15rem;
font-weight: 500;
font-size: 26rem;
letter-spacing: -0.02em;
margin-bottom: 100rem;
}



/**
 * Back to top
 */
#backtop
{
    position: fixed;
    bottom: 30rem;
    right: 30rem;
    display: block;
    cursor: pointer;
    display: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    transition: all 600ms;
border-radius: 66px;
padding: 11px 15px; 
width: 97px;
height: 40px;
background-color: var(--bcolor);
 background-image: url("../images/up.svg");
 background-repeat: no-repeat;
 background-position: center center;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: white;
padding-left: 45rem;
z-index: 99;
}

#backtop.active {
  display: block;
}

#backtop:hover
{
    text-decoration: none;
    background-color: #FF753A;
    transition: all 600ms;
}




.dropdown-el_org_home {
}

.calc_g1_home label {
  display: inline-block;
  width: 50%;
  font-size: 20rem;

}

.calc_g1_home_bb {
  margin-bottom: 20rem;
}

.calc_g1_home .calc_row2 label {

}

 /* Customize the label (the container) */
.radiocontainer {
  display: block;
  position: relative;
  padding-left: 35rem;
  /*margin-bottom: 35rem;*/
  margin-top: 30rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
  background-color: #FF753A;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 

/* БЕГУЩАЯ СТРОКА 2025*/
.marquee{text-align:left;width:100%;overflow:hidden;white-space: nowrap;background-color:#302F2F;}
.marquee span { display:inline-block;width:100%;text-indent:0;animation: marquee 20s linear infinite;font-family: 'Inter', sans-serif;font-size: 16rem; margin-bottom:10px;}
.marquee span:hover{animation-play-state: paused}
@keyframes marquee {
0%  { transform: translate(100%, 0); }
100% { transform: translate(-100%, 0); }
}
@media only screen and (max-width: 440px) {
.marquee span{padding-left:0;animation: marquee 15s linear infinite;}

@keyframes marquee {
0%  { transform: translate(100%, 0); }
100% { transform: translate(-350%, 0); }
}
}




.case_item_readmore h4 {
  color: white;
}

.case_item_readmore a {
  color: white;
  font-weight: 600;
  font-size: 15rem;
}

.case_item_readmore .case_baner_text {
  position: relative;
  bottom: auto;
}

.case_item_readmore.case_baner {
background-size: auto 500%;
}

.price_item_data a {
  z-index: 999;
}