.pop-up {
position: fixed;
background-color: #ffffff;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: none;
overflow: auto;
}
@media only screen and (min-width: 400px) {
.pop-up {
background-color: #ffffffdd;
}
}
.pop-up.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pop-up__shadow {
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
}
@media only screen and (min-width: 400px) {
.pop-up__shadow {
pointer-events: all;
}
}

.pop-window {
background-color: #ffffff;
padding: 100px 20px;
width: 100%;
height: 100vh;
}
@media only screen and (min-width: 400px) {
.pop-window {
width: 400px;
position: relative;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
border-radius: 25px;
padding: 50px 35px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.pop-window__close {
height: 20px;
width: 20px;
right: 20px;
position: absolute;
top: 30px;
cursor: pointer;
}
@media only screen and (min-width: 400px) {
.pop-window__close {
right: 35px;
}
}
.pop-window__close:before {
height: 22px;
right: 8px;
width: 2px;
background-color: #25b5fd;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pop-window__close:after {
height: 22px;
right: 8px;
width: 2px;
background-color: #25b5fd;
content: "";
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pop-window__title {
font-family: "Sansation","Open Sans",system-ui,-apple-system,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
color: #3e3e3e;
letter-spacing: 0.02em;
text-align: center;
}
@media only screen and (min-width: 400px) {
.pop-window__title {
text-align: left;
padding-right: 30px;
}
}
.pop-window__content {
margin-top: 25px;
padding-bottom: 120px;
}
@media only screen and (min-width: 400px) {
.pop-window__content {
padding-bottom: 0;
}
}
.pop-window__cell + .pop-window__cell {
margin-top: 15px;
}
.pop-window__politic {
font-size: 12px;
margin-top: 10px;
}
.pop-window__politic a {
color: #25b5fd;
-webkit-transition: .2s;
transition: .2s;
}
.no-touch .pop-window__politic a:hover {
color: #cccccc;
}
.pop-window__input {
height: 60px;
width: 100%;
border: 0;
border-radius: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
background-color: #e6f7ff;
outline: 0;
letter-spacing: .04em;
-webkit-transition: .2s;
transition: .2s;
}
.pop-window__input.error-input {
background-color: #ffe6e6;
}
.pop-window__btn {
height: 60px;
line-height: 60px;
font-size: 16px;
background-color: #25b5fd;
border-radius: 5px;
width: 100%;
color: #fff;
font-weight: 500;
letter-spacing: .04em;
-webkit-transition: .2s;
transition: .2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

}
.no-touch .pop-window__btn:hover {
background-color: #222;
}


@media only screen and (min-width: 769px) {
.mark-sec {
padding-top: 80px;
padding-bottom: 100px;
}
}
.mark-sec__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
@media only screen and (min-width: 750px) {
.mark-sec__list {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1000px) {
.mark-sec__list {
grid-gap: 30px;
}
}

.footer-left__logo img{
    height: 55px;
}

.main-slider__left-sec {
    background: linear-gradient(90deg,#fff 70%,#ffffff00 100%);
}

.mark-sec__item {
display: block;
background-color: #ffffff;
border-radius: 20px;
padding: 20px;
-webkit-transition: .2s;
transition: .2s;
}
.no-touch .mark-sec__item:hover {
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.mark-sec__item img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}

.all-service-btns {
margin-top: 50px;
margin-bottom: 50px;
}

.all-service-btns a {
height: 50px;
line-height: 50px;
font-size: 16px;
background-color: #25b5fd;
border-radius: 5px;
width: 250px;
color: #fff;
font-weight: 500;
letter-spacing: .04em;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}

.no-touch .all-service-btns a:hover {
background-color: #222;
}

.reviews-sec {
background-image: url("/assets/images/components/reviews/bg.webp");
}

/* TABLE */

 
.table-pr {border-collapse: collapse; font-family: helvetica}
.td-pr, .th-pr {border:  1px solid;
padding: 10px;
min-width: 100px;
background: white;
box-sizing: border-box;
text-align: left;
color: #000;
font-size: 14px;
font-family: "Montserrat","Open Sans",system-ui,-apple-system,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
background-color: #fff;

}
.table-container-pr {
position: relative;
max-height:  300px;
width: 500px;
overflow: scroll;
}

.thead-pr .th-pr {

text-align: center;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
background: hsl(20, 50%, 70%);
}
.th-pr a{

font-size: 16px;
color: #e31e25;
}
.th-pr p {
font-size: 16px;
color: #000;
}
.th-pr a:hover {

color: #25b5fd;
}

.thead-pr .th-pr:first-child {

left: 0;
z-index: 3;
}

.tfoot-pr {
position: -webkit-sticky;
bottom: 0;
z-index: 2;
}

.tfoot-pr .td-pr {
position: sticky;
bottom: 0;
z-index: 2;
background: hsl(20, 50%, 70%);
}

.tfoot-pr .td-pr:first-child {
z-index: 3;
}

.tbody-pr {
overflow: scroll;
height: 200px;
}

.tr-pr > :first-child {
position: -webkit-sticky;
position: sticky; 
background: #E5F4FC;
left: 0; 
}

.flex_otziv_video {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}


/* avtoexpert */

 .grid3 * {
box-sizing: border-box;
}
.grid3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 30px;
row-gap: 30px;
padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
.grid3 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.grid3 {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.grid3 {
grid-template-columns: 1fr;
}
}


.work * {
box-sizing: border-box;
}
.work{
display: grid;
grid-template-columns: auto 95%;
column-gap: 1px;
row-gap: 30px;
padding: 20px 0;
}
.work p{
display: grid;
grid-template-columns: auto 90%;
column-gap: 5px;
row-gap: 5px;
padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
.work{
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.work{
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.work{
grid-template-columns: 1fr;
}
}


.plus * {
box-sizing: border-box;
}
.plus{
display: grid;
grid-template-columns: auto 40%;
column-gap: 30px;
row-gap: 30px;
padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
.plus{
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.plus{
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.plus{
grid-template-columns: 1fr;
}
}


.zakaz * {
box-sizing: border-box;
}
.zakaz {
display: grid;
grid-template-columns: 40% auto;
/* column-gap: 30px; */
row-gap: 30px;
padding: 20px 0;
}
.no-ref img{

  max-width: 90%;
}
@media (max-width: 600px) {
  .no-ref img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
.zakaz{
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.zakaz {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.zakaz {
grid-template-columns: 1fr;
}
}


.number {

width:100%;
padding: 12px;
display: table;
}
.number .icon {
display: table-cell;
vertical-align: top;
width: 100px;
padding: 0 30px 0 0;
text-align:center;
}
.number .icon i,
.number .icon img {
font-size:32px;
color: #BDE1FF;
transition: all .4s;
width: 64px;
height: 64px;
}
.number h6 {
color: #337AB7;
font-size:20px;
margin:10px 0;
}

.number-list {
width:100%;
padding: 12px;
display: table;
}
.number-list .icon {
display: table-cell;
vertical-align: top;
width: 100px;
padding: 0 10px 0 0;
text-align:center;
}
.number-list .icon i,
.number-list .icon img {
width: 40px;
height: 40px;
}
.number-list h6 {
font-size:20px;
margin: 0 auto;
}

.dotted-col {
list-style: none;

}
.dotted-col .price {
margin-bottom: 5px;
border-bottom: 2px #404B51 dotted;
font-size: 26px;
line-height: 1;
font-size: 20px;
}
.dotted-col .price  span:nth-child(odd) {
padding-right: 6px; 
color: #404B51;
}
.dotted-col .price span:nth-child(even) {
float: right; 
padding-left: 6px;
color: #4D9CC7;
font-size: 20px;
}
@media (max-width: 400px) {
  .dotted-col .price {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .dotted-col .price span:nth-child(even) {
    font-size: 16px;
  }
}
.dotted-col span {
background: white;
position: relative;
bottom: -7px;
}

.ramka {
padding: 20px;
border:  4px solid rgba(245, 245, 245, 1);
border-radius: 20px;
}

.inner-width{
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0 20px;
overflow: hidden;
}
.services-container{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.service-box{
max-width: 33.33%;
padding: 10px;
text-align: center;
cursor: pointer;
}

.service-icon {
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-top: 16px;
}

.service-icon img{
border-radius: 50%;
border: 5px #E4EAED solid;
box-shadow: 0 0 10px #444;
}

.service-title{
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}
.service-desc{
font-size: 14px;
}

@media screen and (max-width:960px) {
.service-box{
max-width: 45%;
}
}

@media screen and (max-width:768px) {
.service-box{
max-width: 50%;
}
}

@media screen and (max-width:480px) {
.service-box{
max-width: 100%;
}
}

.section-col {
position: relative;
width: 100%;
border: 1px solid #4C7385;
border-top: none;
text-align: center;
margin: 60px auto;
}

.section h3 {
position: relative;
margin-top: -14px;
display: inline-block;
letter-spacing: 4px;
}

.top-border{
position: absolute;
height: 1px;
width: 14%;
background-color: #4C7385;
}

.right {
right: 0;
}

.left {
left: 0;
}

@media (max-width: 685px) {
.top-border {	
width: 18%;
}
}

.section-col p {
width: 91%;
margin: 20px auto 40px auto;
line-height: 30px;
}

.section-col a {
outline: 0;
display: inline-block;
padding: 10px;
margin-bottom: 40px;
width: 240px;
max-width: 20%;
background-color: #325F73;
color: #fff;
font-size: 22px;
letter-spacing: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}


.section-col a:hover {
background-color: #4C7385;
}

.section-col a:link, .section-col a:visited, .section-col a:link:hover, .section-col a:visited:hover {
text-decoration: none;
color: #fff;
}

@media (max-width: 500px) {
.top-border {	
display: none;
}
.section-col {
border-top: 1px solid #4C7385;
}
.section-col h3 {
margin: 20px 6px;
}
}

ol {
list-style: decimal;
}

/* pod kluch */

.top-line {
background-color: #3e3e3e;
display: none;  
} */

.buttonsvyaz{
background:#A52A2A;
border:2px solid #d5a738;
}
.window .politic a{
color:#A52A2A;
}
.window .politic a:after{
color:#A52A2A;
}
.window .submit{
background:#A52A2A;
border: 2px solid #d5a738;
}
.submit:disabled:hover{
background:#A52A2A;
color: #fff;
}
#window1 .submit{
background:#A52A2A;
border: 2px solid #d5a738;
}
.files-save{
border: 2px solid #A52A2A;
}
.half-sec{
color:#d5a738;
}
.social-net-sec a i{
color:#d5a738;
}
.middle-head-sec{
background: #ffffff;
}
.middle-head-sec .mobile-btn{
background:#d5a738;
}
.middle-head-sec .mobile-btn span, .middle-head-sec .mobile-btn:before, .middle-head-sec .mobile-btn:after{
background:#ffffff;
}
.middle-head-sec .contain-adres .icon-sec{
background:#4d9cc7;
}
.top-line .half-sec span,.top-line .social-net-sec span{
color:#cfcfcf; 
}
.middle-head-sec .contain-adres a{
color:#333333;
}
.middle-head-sec .contain-adres a:hover{
color:#d5a738;
}
.main-menu .contact-head-section-mobile .contain-adres .icon-sec{
background:#333999;
}
.main-menu .contact-head-section-mobile .contain-adres a{
color:#ffffff;
}
.main-menu .contact-head-section-mobile .contain-adres span{
color:#ffffff;
}
.menu-wrapper{
background: #000000;
}
.menu-wrapper .sub_top_menu{
background: #000000;
}
.main-menu .mobile-close:before,.main-menu .mobile-close:after{
background:#ffffff;
}
.menu-wrapper span{
color:#ffffff;
}
.menu-wrapper a:hover span{
color:#4d9cc7;
}
.menu-wrapper .active span{
color:#4d9cc7;
border-bottom: 2px solid #4d9cc7;
}
.menu-wrapper .call-btn{
background:#de1818;
}
.menu-wrapper .call-btn:hover{
background:#4d9cc7;
}

.slider-section .route{
background:transparent;
}
.slider-section .route:hover{
background:transparent;
}
.slider-section .slide-item .slider-btn{
background:#A52A2A;
border: 2px solid #d5a738;
}

footer{
background:#292929;
}

footer .contain-adres .icon-sec{
background:#696969;
}

footer .contain-adres span{
color:#cccccc;
}

footer .contain-adres a{
color:#cccccc;
}

footer .contain-adres a:hover{
color:#e67e6a;
}

footer .copyright span{
color:#cccccc;
}

.grid * {
box-sizing: border-box;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30px;
row-gap: 30px;
padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.grid {
grid-template-columns: 1fr;
}
}

/* Ball li */

 .ball {
list-style: none;
margin: 0;
}
.ball li {
width: 100%;
text-decoration: none;
display: inline-block;
padding-left: 25px;
/* height: 44px; */
 line-height: 27px;
font-size: 20px;
position: relative;
transition: .3s linear;
}
.ball p {
max-width: none;
}
.ball li:before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background: #01589e;
position: absolute;
left: -30px;
top: 7px;
}
.ball li {position: relative; padding-top: 20px;}
.ball li:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #01589e;
position: absolute;
top: 29px;
left: -30px;
z-index: 2;
transition: .4s ease-in-out;
}
.ball li:hover:before {left: -20px;}

.margin_ol li {
margin: 5px 0px;
font-size: 16px;
}
@media (max-width:991px) {
.form-callback__btn-form-form  {
margin-top: 25px;
}
} 

/* form call-back */

.form-callback__cell-form [type=text].error-input-form {
  background-color: #ffe6e6;
  }
  .form-callback__cell-form {
  position: relative;
  }
  .form-callback__cell-form [type=text] {
  height: 60px;
  width: 100%;
  border: 0;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  background-color: #cae9fa;
  outline: 0;
  letter-spacing: .04em;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  }
  .form-callback__cell-form [type=text]:valid+label {
  margin-top: -40px;
  font-size: 12px;
  color: #25b5fd;
  }
  
  .form-callback__cell-form [type=text]:focus+label {
  margin-top: -40px;
  font-size: 12px;
  color: #25b5fd;
  }
  
  .form-callback__cell-form+.form-callback__cell-form {
  margin-top: 25px;
  }
  
  @media only screen and (min-width: 992px){
  .form-callback-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: initial;}
  }
  @media only screen and (min-width: 992px){
  .form-callback__cell-form [type=text] {
  width: 350px;}
  }
  @media only screen and (min-width: 992px){
  .form-callback__btn-form , .form-callback__cell-form+.form-callback__cell-form {
  margin-top: 0;
  margin-left: 30px;}
  }
  @media only screen and (min-width: 992px){
.form-callback__btn-form {
    height: 60px;
    line-height: 60px;
    margin-top: 0;
    margin-left: 30px;
    width: 200px;}
}
@media only screen and (min-width: 500px){
.form-callback__btn-form {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
}
  .form-callback__cell-form label {
  position: absolute;
  left: 20px;
  line-height: 60px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  font-size: 16px;
  letter-spacing: .04em;
  pointer-events: none;
  top: 0;
  }
  
  .form-callback__cell-form .error-message-form {
  position: absolute;
  left: 20px;
  bottom: -22px;
  letter-spacing: .04em;
  font-size: 13px;
  color: #f95961;
  opacity: 0;
  }
  .mark-sec-form {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fbfbfb;
  }


 .warnings-form
{
  position:relative;background-image:url(../../../images/components/warnings/finger-down.png);
  background-repeat:no-repeat;background-position:top 100px right 300px
}
.warnings-form::before
{
  width:300px;
  height:1000px;
  background-image:url(../../../images/components/warnings/car1.png);
  background-position:top left;
  -webkit-filter:blur(.7px);
  filter:blur(.7px);
  left:0;
  top:50px;
  opacity:.2
}
.warnings-form::after,
.warnings-form::before,
.warnings__content-form::before
{
  content:"";
  background-repeat:no-repeat;
  background-size:contain;
  position:absolute
}
.warnings-form::after
{
  width:750px;
  height:110%;
  background-image:url(../../../images/components/warnings/car2.png);
  background-position:top right;
  right:0;top:100px;
  display:none
}
.warnings__content-form
{
  padding-top:50px;
  padding-bottom:50px;
  position:relative
}
.warnings__content-form::before
{
  width:160px;
  height:50px;
  background-image:url(../../../images/components/warnings/pattern-before.svg);
  background-position:center;
  left:20px;
  top:-25px
}
.warning-content__title-form
{
  font-family:"Sansation","Open Sans",system-ui,-apple-system,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight:700;
  font-size:25px;
  line-height:30px;
  max-width:950px;
  position:relative
}
.car-detail-form img,
.warning-content__title-form::after
{
  display:none
}
.causes__title-form span,
.diagnostic__title-form span,
.form-callback__cell-form 
.no-touch-form [type=text]:hover+label,
.qwiz-content__title-form span,
.service-sec__title-form span,
.warning-content__title-form span,
.warning-form__title-form span
{
  color:#25b5fd
}
.warning-content__list-form {
    margin-top: 30px;
     /* max-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center; */
    
} 
 .warning-list-form {
    /* display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px; */
    
    
}  
 .item-warning-form {
    position: relative;
    padding-bottom: 50px;
    
    flex: 0 1 25%;
} 
.item-warning__number-form {
    font-weight: 500;
    font-size: 35px;
    line-height: 65px;
    opacity: 0.8;
  
    text-align: center;
} 
 .item-warning__text-form {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.5;
    margin-top: 25px;
    text-align: center;
} 
 .item-warning__rating-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
} 
 .item-warning__rating-form svg {
    height: 30px;
    width: 30px;
    display: block;
    fill: #e5e5e5;
} 
 .item-warning__rating-form svg.level-up-form {
    fill: #f95961;
}
.item-warning__rating-form svg + svg {
    margin-left: 3px;
}
.form-warning-form {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 50px 0 80px;
  background-color: #e5f4fc;
}
.form-warning__content-form {

}

.warning-form__title-form {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    max-width: 730px;
}
.warning-form__subtitle-form {
    max-width: 620px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
}
.warning-form__form-form {
    margin-top: 50px;
}
.form-callback__btn-form {
  
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  background-color: #25b5fd;
  border-radius: 5px;
  
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 5px;
  
}
.form-callback__btn-form svg {
    height: 18px;
    width: 18px;
    display: block;
    margin-right: 5px;
    fill: none;
    stroke: #fff;
}

.wrapper-form {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 1381px){
.wrapper-form {
    padding-left: 0;
    padding-right: 0;}
}

@media (max-width: 1000px){
.form-callback-form {
    display: -ms-grid;
    display: grid;
   
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;}
}

@media (max-width: 1000px){
  .form-callback__cell-form+.form-callback__cell-form {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1000px){
.form-callback__btn-form {
  margin-top: 15px;
    -ms-grid-column-span: 2;
    grid-column: span 2;}
}

@media only screen and (max-width: 500px){
.form-callback {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;}
}

@media only screen and (min-width: 769px){
.warning-form__title-form {
    font-size: 30px;
    line-height: 40px;}
}

/* form */

 .wrapper-form {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 1381px){
.wrapper-form {
    padding-left: 0;
    padding-right: 0;}
} 

@media only screen and (max-width: 992px){
.warning-list-form {
    grid-column-gap: 50px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 769px){
.warning-list-form {
    /* -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr); */
  }
}
@media only screen and (max-width: 769px){
  .item-warning-form {
      /* -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); */
      flex: 0 1 100%;
    }
  }
@media only screen and (min-width: 500px){
.warning-list-form {
    display: flex;
    justify-content: center;
    /* align-items: center; */
}
}

/*  */
.causes__title-form {
  font-family: "Sansation", "Open Sans", system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #3e3e3e;
  letter-spacing: 0.02em;
  max-width: 970px;
}

.causes__grid-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  margin-top: 50px;
}
.causes-content__item-form {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
}
.causes-item-form {
  position: relative;
}
.causes-item__img-form {
  left: 40px;
  top: 40px;
  /* margin-bottom: 20px; */
}
.causes-item__title-form {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.causes-item__text-form {
  font-size: 14px;
  line-height: 22px;
  opacity: 0.5;
}

@media only screen and (min-width: 769px){
.causes__title-form 
{
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 992px){
.causes__grid-form 
{
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 30px;
  }
}

@media only screen and (min-width: 769px){
.causes-item-form 
{
    padding-left: 180px;
  }
}
  @media only screen and (max-width: 769px){
.causes-content__item-form 
{
    padding: 30px;
  }
}  

@media only screen and (min-width: 769px){
.causes-item__img-form 
{
    position: absolute;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 769px){
.causes-item__img-form img {
    width: 100px;
    height: 100px;}
}
.causes-item__img-form img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  display: block;
}

/*  */

.shema-form {
  padding-bottom: 50px;
  background-color: #fbfbfb;
}
 /* [data-aos=fade-right] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  -webkit-transition-duration: 1000ms;
  -o-transition-duration: 1000ms;
  transition-duration: 1000ms;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
} */
.shema__title-form {
  font-family: "Sansation", "Open Sans", system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #3e3e3e;
  letter-spacing: 0.02em;
}
.shema__subtitle-form {
  font-size: 18px;
  margin-bottom: 20px;
  width: 450px;
  margin-top: 15px;
}
.shema__grid-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 10px;
  counter-reset: myCounter;
}
.shema__item-form {
  padding: 20px;
}
.shema__item-bigT-form {
  padding: 20px;
}
.shema-item-form {
  background-color: #ffffff;
  border-radius: 20px;
  position: relative;
}
.shema-item--dark-form {
  background-color: #e5f4fc;
}
.shema-item-form::before {
  counter-increment: myCounter;
  content: "0" counter(myCounter);
  letter-spacing: 0.02em;
  position: absolute;
  opacity: 0.4;
  right: 20px;
  font-size: 30px;
  font-weight: 500;
  top: 5px;
}


/*  */


/*  */
.shema-item__img-form {
  display: none;
}
.shema-item__img-bigT-form {
  display: none;
}
.shema-item__img-form img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.shema-item__img-bigT-form img {
  height: 100%;
  width: 70%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.shema-item__name-form {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media (max-width:400px) {
  .shema-item__name-form {
    width: 240px;
  }
}
.shema-item__text-form {
  font-size: 14px;
  line-height: 22px;
  opacity: 0.5;
}
@media only screen and (min-width: 769px){
.shema-item--dark-form::after {
    width: 90px;
    height: 76px;
    content: "";
    top: 80px;
    left: 10px;
    position: absolute;
    background-image: url(../../../images/components/shema/routes.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 50;
  }
}
@media only screen and (min-width: 1381px){
.shema-item__img-form {
    position: absolute;
    left: 60px;
    top: 0;
    display: block;
    width: 230px;
    height: 230px;}
}
@media only screen and (min-width: 1381px){
  .shema-item__img-bigT-form {
      position: absolute;
      left: 60px;
      top: 0;
      display: block;
      width: 230px;
      height: 230px;}
  }
@media only screen and (min-width: 769px){
.shema__item-form {
    padding: 50px;
    padding-left: 100px;}
}
@media only screen and (min-width: 769px){
  .shema__item-bigT-form {
      padding: 50px;
      padding-left: 100px;}
  }
@media only screen and (min-width: 1381px){
.shema__item-form {
    padding-left: 320px;}
}
@media only screen and (min-width: 1381px){
  .shema__item-bigT-form {
      padding-left: 240px;}
  }
@media only screen and (min-width: 992px){
.shema__grid-form {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 30px;
    grid-column-gap: 30px;}
}
@media only screen and (min-width: 769px){
.shema__subtitle-form {
    margin-bottom: 50px;}
}
@media only screen and (min-width: 769px){
.shema__title-form {
    font-size: 45px;
    line-height: 50px;}
}

@media only screen and (min-width: 769px){
.shema-form {
    padding-top: 30px;}
}
@media only screen and (min-width: 769px){
  .shema-item-form::before {
      font-size: 40px;
      left: 20px;
      right: initial;
      top: 23px;}
  }

/*  */
.quizsection-form {
  width: 100vw;
    margin-left: calc(-50vw + 50%);
  background-color: #e5f4fc;
  padding: 50px 0 50px;
}
.qwiz-content__title-form {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  max-width: 550px;
}
@media only screen and (min-width: 769px){
.qwiz-content__title-form {
    font-size: 30px;
    line-height: 40px;}
}
.qwiz-content__title-form span {
  color: #25b5fd;
}
.qwiz-content__text-form {
  margin-top: 20px;
  max-width: 550px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.qwiz-content__btn-form {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background-color: #25b5fd;
  border-radius: 5px;
  width: 250px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}
.qwiz-content__img-form {
  display: none;
}
@media only screen and (min-width: 1381px){
.qwiz-content__img-form {
    position: absolute;
    display: block;
    right: -100px;
    top: -50px;
    pointer-events: none;
    height: calc(100% + 200px);
    -webkit-filter: blur(1px);
    filter: blur(1px);}
}

@media (max-width:770px) {
  .causes__grid-form {
    margin-top: 0px;
  }
}

.form-group{
  background:#e4e4e4;
  padding:20px;
  display:flex;
  border-radius:4px;
  margin-bottom:30px;
}

.form-group .form-control{
  height:45px;
  width:100%;
  padding-left:20px;
  border-radius:4px;
  border:none;
}

.btn-primary{
  width:290px;
  margin-left:20px;
  background: #4d9cc7;
  border-radius:4px;
  border:none;
  cursor:pointer;
  letter-spacing: 0.04em;
  font-weight: 800;
  text-align: center;
  color:#fff;
}

.btn-primary:hover{
  background:#196188;
}


@media only screen and (max-width: 500px) {
  .form-group{
      display:block;
  }
  .btn-primary{
      margin-left:0px;
      margin-top:10px;
      width:100%;
      height:45px;
  }
}


.g-recaptcha {
    margin-top: 15px;
    margin-bottom: 15px;
}

.footer-bottom__develop svg {
    top: 0;
}


.gis-wig-et {
  margin-left: 50px;
  width: 70px;
}

@media only screen and (max-width: 1381px) {
  .gis-wig-et {
    margin-left: 15px;
    margin-top: 20px;
  }
}

.gis-wig-et img {
  width: 70px;
  display: block;
  margin-bottom: 3px;
}

.no-touch .gis-wig-et a {
  transition: 0.2s;
}

.no-touch .gis-wig-et a:hover {
  opacity: 0.5;
}

.rating-gis {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.rating-gis svg {
  height: 13px;
  width: 13px;
  fill: #ffb31e;
}

.right-header__social {
  height: auto;
}

.right-header__location {
  position: relative;
  cursor: pointer;
}

.mobile-head__location {
  position: relative;
}

.popup-selector-mobile {
  position: fixed;
  left: 50%;
  top: 50%;
  height: fit-content;
  transform: translate(-50%,-50%);
  width: 80%;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  z-index: 2;
  background-color: #ffffff;
  display: none;
}

.popup-selector-mobile.show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.popup-selector-mobile a {
  display: block;
  width: fit-content;
  color: #25b5fd;
  font-size: 19px;
  line-height: 20px;
  margin: 3px auto;
}



.popup-selector {
  position: absolute;
  right: -20px;
  top: 100%;
  width: max-content;
  margin-top: 10px;
  min-width: calc(100% + 40px);
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  z-index: 2;
  background-color: #ffffff;
  display: none;
}

.popup-selector.show {
  display: block;
}

.popup-selector a {
  display: block;
  width: fit-content;
  color: #25b5fd;
  font-size: 16px;
  line-height: 18px;
}

.popup-selector-mobile a.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.right-header__contacts span {
  border-bottom: 1px solid #292929;
}

.right-header__contacts span:hover {
  color: #25b5fd;
  transition: .2s;
  border-bottom: 1px solid #25b5fd;
}


.popup-selector a:hover {
  color: #292929;
}

.popup-selector a.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.popup-selector a + a {
  margin-top: 10px;
}

.form-callback__cell-form [type=text].error-input {
  background:#facaca;
}