@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;700;900&display=swap');
            
footer {border-top: 1px solid #bebebe;}
footer >.kcont:nth-child(1) {padding:30px 0;}
footer>div>.kcont {padding:5px 0;}
.logo {text-decoration:none;}
footer h2 {text-align:left; background: var(--or);display:inline-block}
.f-item {width:40%;margin-top:50px;padding-left:8%;position:relative;}
.f-col1 {width:50%}
.f-col2 {width:47%;}
.f-item:before {display:inline-block;content:"";top:0;left:0;margin-right:15px;width:40px;height:40px;background-size:contain!important;padding: 20px;background-repeat: no-repeat;position:absolute;}
.f-item:nth-child(1):before {background:url(/img/f-map.svg)}
.f-item:nth-child(2):before {background:url(/img/f-phone.svg)}
.f-item:nth-child(3):before {background:url(/img/f-mes.svg)}
.f-item:nth-child(4):before {background:url(/img/f-email.svg)}
.f-item, .f-item .h-tel {font-size:14px!important;line-height:18px!important}
.f-item h3 {font-size:18px}
.f-item a {margin-right: 15px;}
.f-li {margin-bottom:20px}
.b08-item img {width: 100%;object-fit: cover;}
.f-li a, .f-li  {text-decoration:none;font-size: 20px;color:#fff}
.f-li img {margin-right:10px;margin-bottom: -5px;display:none}
.btn, .btn1 {cursor:pointer}
.boxes {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,0.9);}
.boxes #m_form {max-width: 570px;width: 100%;max-height: 90vh;overflow: auto;background: var(--color);border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;z-index: 9999;position: relative;}
.boxes #m_form {margin: 150px auto 0 auto;}
.m_form {max-width: 390px;width: calc(100% - 30px);text-align: center;margin: 0 auto;padding: 20px 0;}
.close:before {display: block;content: "";width: 25px;height: 3px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) rotate(-45deg);}
.close:after {display: block;content: "";width: 25px;height: 3px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) rotate(45deg);}
.close {display: block;width: 25px;height: 25px;position: absolute;z-index: 3;right: 10px;top: 10px;cursor: pointer;}
.m_f_head {font-size: 32px;line-height: 35px;margin: 10px 0 25px 0;color:#fff; display:block}
.b12-item {display:flex}
.b12-item0 .btn {
padding: 7px 10px;
width: 150px;
margin: 10px auto 0 auto;
background: var(--or);
border: 2px solid transparent;
}
.b12-item0:hover .btn {
margin-top: 10px;
background: #fff;
border-color: var(--or);
}
.b12-item0:hover {
border-color: var(--or);
}
.b12-item img {
width: 100%;
object-fit: cover;
}
.b12-item h3 {
margin-top: 10px;
}
.b12-item0 {background: var(--fon-grey);
padding: 20px;
border-radius: 4px;
transition: background 0.3s ease-in;
text-align: center;
width: 100%;
border: 2px solid transparent;}
.rabota {position:relative;width: 50%;margin-bottom: 40px;}
.rabota div {color:var(--or);border-bottom:4px solid var(--or);font-size:100px;display: inline-block;line-height: 90px;margin-right:15px;width: 77px;text-align: center;}
.rabota p {font-size: 16px;margin: 0px;font-weight: 600;padding:0 5px;display: inline-block;}
.kw-col01 {font-size: 16px;}
.block11 {max-width: 900px;
margin: 0 auto;}
.block10 form {padding: 40px;color: #fff;font-size: 25px;line-height: 25px;margin: 0;}
.block10 h4 {color:var(--or);margin-top: 0;font-size: 28px;margin-bottom: 20px;}
.itc-slider__indicators {position: absolute;right: 0;bottom: -40px;left: 0;z-index: 15;display: flex;justify-content: center;margin: 0 15%;padding-left: 0;list-style: none;}
.itc-slider__indicator {flex: 0 1 auto;box-sizing: content-box;width: 30px;height: 5px;margin-right: 3px;margin-left: 3px;text-indent: -999px;background-color: #000;background-clip: padding-box;border-top: 15px solid transparent;border-bottom: 15px solid transparent;cursor: pointer;}
.itc-slider__indicator_active {background-color: var(--or);}
.arrow-left-3 {transform: rotate(180deg);}
.b8-icon { padding: 10px;background-color: #f8f8f8;margin: 25px 0;}
.b8-icon1>div>div {color: var(--or);font-size: 15px;font-weight: 700;}
.b8-icon1 svg {margin-right:10px;}
*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.b8-item {-webkit-box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.56);border-radius: 4px;padding: 45px;margin-bottom: 40px;}
.b8-item .text {font-weight: 300;}
.b8-item h5 {margin:0}
.b8-item h4 {font-weight: 500;text-decoration: underline;margin: 10px 0;}
.b8-container button {padding: 5px;background: transparent;border: 0;margin: 0;width: 50px;height: 50px;position: absolute;top: 45%;}
.itc-slider__btn_prev {left: -50px;}
.itc-slider__btn_next {right: -50px;}
.b8-container button:active {bottom:0;margin:0;}
.b8-container button svg {width:25px;height:25px;}
.b8-container {max-width: 100%;width:40%}
.b8-col2 {max-width:100%; width:55%}
.itc-slider__item {/*display: flex;justify-content:center;align-items:center;*/}
.itc-slider__item img {width: 100%;height: 100%;object-fit: cover;}
.itc-slider {position: relative;}
.itc-slider__wrapper {overflow: hidden;}
.itc-slider__items {display: flex;transition: transform 0.5s ease;will-change: transform;counter-reset: slide;}
input, textarea{max-width:250px;border: 1px solid #bebebe;border-radius: 10px;font-size: 16px;padding: 17px 35px;font-weight: 500;margin-bottom:20px}
.kwiz {box-shadow: 1px 1px 30px 1px rgba(74,63,53,.2);padding: 50px 70px;border-radius: 4px;}
.bottom__container {max-width: 1200px;margin: auto;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.progress {width: 100%;height: 10px;position: relative;border-radius: 5px;overflow:hidden;background-color: #ecedf5;}
.progress__inner {position: absolute;top: 0;border-radius: 5px;height: 100%;left: 0;width: 1%;background-color: var(--or);transition:.4s width linear}
.navigation {display: flex;align-items: center;margin:0 auto}
.navigation__btn {display: flex;align-items: center;justify-content: center;margin:0 5px;border-radius:4px;padding:15px 5px;font-size:14px;line-height:16px;cursor:pointer}
.niceCheck span {color:#000;}
.navigation__btn--left{background: var(--fon-grey);font-weight:300}
.navigation__btn--right{background: var(--or);color:#1E201E;font-weight:700;}
h3.quiz__question{font-weight:900;letter-spacing:1px;margin-top: 0;font-size: 34px;margin-bottom: 50px;width:100%;}
.container {display: flex;height: 400px;width: 100%;align-items: center;justify-content: center;padding: 15px 10px;}
.answer:first-of-type{margin-right:15px;}
.answer__input {appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 1px;height: 1px;position: absolute;outline:none !important;}
.answer__label {display: block;border-radius: 0px;padding: 15px;line-height: 56px;font-size: 15px;text-align:center;font-weight: 600;background: var(--fon-grey);border-radius: 4px;}
.answer {display: inline-block;margin-right:10px;}
.answer img {height:100px;object-fit:contain;width:100%}
.answer.last label div {margin:50px 0}
.quiz__step {text-align: center;}
.answer__input:checked + .answer__label{box-shadow:1px 1px 30px 1px rgba(31, 28, 27, 0.38);background:#fff}
.answer__char {line-height: 24px;display: inline-block;width: 26px;text-align: center;font-size: 13px;border-radius: 4px;color: #c8cae0;border: 1px solid #c8cae0;font-weight: 600;vertical-align: middle;margin-right: 15px;}
.quiz__inner {display: flex;flex-wrap: wrap;justify-content: center;}
.quiz__step:not(.quiz__step--current){visibility:hidden;opacity:0;display:none;}
.navigation__btn--disabled {opacity: 0.4;}
.submit__container {margin-top: 25px;}
.submit {background-color: #5861af;line-height: 50px;display: inline-block;border-radius: 25px;padding: 0 15px;font-size: 13px;text-decoration: none;color: #fff;letter-spacing: 1px;box-shadow: 0px 6px 11px rgba(88,97,175, 0.6);min-width: 130px;font-weight: 700;text-transform: uppercase;}
.thanks__tick {line-height: 50px;width: 50px;font-size: 25px;color: #fff;background-color: #5861af;border-radius: 50%;display: inline-block;text-align: center;}
.thanks__title {font-weight: 900;letter-spacing: 1px;margin-top: 15px;text-align: center;font-size: 40px;}
.thanks{text-align:center;}
 body {font-family: Montserrat;font-style: normal;font-size: 16px;line-height: 20px;color: #1E201E;}
a {color: #1E201E;}
section {padding:60px 0}
.flex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.nowrap {flex-wrap:nowrap!important;}
.kcont {width:100%;max-width:1200px;margin:0 auto;}
.logo {max-width:250px;align-items: center;justify-content: flex-start;}
.logotxt {margin-left:20px;}
.h-right{display:flex; align-items: center}
.btn {border-radius: 4px;font-weight: 500;font-size: 16px;line-height: 17px;padding: 15px 40px;display:block;text-align:center}
.btn1 {border-radius: 4px;font-weight: 500;font-size: 18px;line-height: 17px;padding: 15px 40px;display:block;text-align:center;border: 0;width: 100%;}
button.btn {border: 0;width: 100%;font-size:18px}
.h-tel {font-size: 24px;line-height: 29px;text-decoration-line: underline;color:#1E201E;position:relative;}
.niceCheck input {width: auto;margin-right: 10px;}
.niceCheck {display: flex;justify-content: flex-start;text-align: left;font-weight: 300;font-size: 12px;line-height: 16px;margin-top: 20px;}
.forma {margin-top: 40px;}
.answer input {border:0!important;padding:0!important}
.quiz__summary footer.bottom.displaynone {display:none}
.h-col3 {padding:0 40px 0 20px}
.h-icon a {margin-right: 10px;}
header ul {margin:10px 0 0 0;padding:0;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.08)}
header li {list-style:none;padding:10px}
header li:hover a {color:var(--or)}
.btn:hover {box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);transform: scale(1.01);-webkit-transform: scale(1.01);-o-transform: scale(1.01);-moz-transform: scale(1.01);}
.btn-black:hover {background:var(--or);color:#000!important}
.btn-color:hover {background:var(--color);color:var(--or)!important}
.li:before {content:"";display:inline-block;width:20px;height:20px;border-radius:20px; background: url(/img/check.png);margin-right: 10px;background-size: contain;}
.li {font-size: 16px;margin: 15px 0;font-weight: 400;}
header ul a {text-decoration:none}
.block01 {background:var(--fon-grey);padding:40px 0 60px 0;}
h1 {font-size: 45px;font-weight: 700;margin-bottom: 10px;line-height: 1.2;}
h2 {text-align:center;margin-bottom:60px;font-size:1.8rem}
h3 {margin-top:0;}
 .b07-container div div h3 a {text-decoration:none}
.zag-title {font-weight: 600;font-size: 20px;padding: 5px 0px;margin:30px 0}
.zag-title span {background: var(--or)}
.b01-col1 .btn {margin-top: 50px;max-width: 230px;}
.btn-color {background:var(--or);}
.btn-color2 {background:var(--color);}
.btn-black {background: #1E201E;color: #FFF!important}
.grid {grid-template-columns:repeat(2, 1fr);/*grid-template-rows:repeat(3, 1fr);*/gap:20px;display:grid!important;}
.grid3 {grid-template-columns:repeat(3, 1fr);gap:20px;display:grid!important;}
.grid4 {grid-template-columns:repeat(4, 1fr);gap:20px;display:grid!important;}
.grid6 {grid-template-columns:repeat(6, 1fr);gap:20px;display:grid!important;}
.b02-item {padding:30px; background: var(--fon-grey)}
.b02-item.which {background: var(--or)}
.b02-cost>div {margin-bottom:10px;}
.b02-item img {width:180px!important;}
.b02-col1 {width:calc( 100% - 200px );padding-right:20px;align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;float:left;height:100%}
    .b02-item {display:flex;}
    
    .b02-item > .flex {height: 100%;display:block!important}
.b02-item img {object-fit:contain}
.b02-cost {margin-top:20px;align-items:flex-end;width:100%}
.txt {font-weight:300}
.kw-col01 {width:30%}
.displaynone {display:none!important}
.b05-item {color: #000;border-radius: 15px;position: relative;height: 100%;box-shadow: 0 15px 30px rgba(0,0,0,.2);background: #fff;}
.b05-item0 {padding: 50px 30px;}
.b05-item h3 {margin: 0 0 40px 0;}
.b05-li {font-weight: 300;margin-bottom: 10px;border-bottom: 1px solid #bebebe;
padding-bottom: 10px;}
.b05-item0 .btn {margin-top:50px;}
.b06-item img {width: 100%;object-fit: cover;height:200px}
.b06-item0 {background: var(--fon-grey);padding: 20px;border-radius: 4px;transition: background 0.3s ease-in;text-align:center;width:100%;border:2px solid transparent}
.b08-item0 .btn {border:2px solid var(--color);color:#fff}
.b08-item0:hover .btn {background:#fff;color:var(--color)}
.b06-item0:hover {border-color:var(--or)}
.b06-item0:hover div  {}
.b06-item0:hover .btn {margin-top: 10px;background:#fff;border-color:var(--or)}
.b06-item0 .btn {padding: 7px 10px;width: 150px;margin: 10px auto 0 auto;background:var(--or);border:2px solid transparent}
.b06-item h3 {margin: 10px 0;}
.b06-price {color:var(--color);font-weight: 700;}
.b06-item, .b08-item {display: flex;}
.b08-item0 {background: var(--fon-grey);;padding: 20px;border-radius: 4px;transition: background 0.3s ease-in;text-align: center;width: 100%;border:2px solid transparent;}
.b08-item0:hover {border-color:var(--color)}
.b08-item h3 {margin-top:10px;}
.consult {padding-left: 7.25rem;background-position: 50%;box-sizing: border-box;display: flex;justify-content: center;min-height: 430px;padding: 1em;position: relative;}
.span-bg {bottom: 0;left: 0;opacity: .5;position: absolute;right: 0;top: 0;z-index: 2;background-color: #000;}
.consult img {border: none;bottom: 0;box-shadow: none;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;-o-object-fit: cover;object-fit: cover;outline: none;padding: 0;position: absolute;right: 0;top: 0;width: 100%;z-index:1;}
.consult .kcont {z-index:5;}
.consult h3{font-size: 2rem;visibility: visible;animation-name: fadeInUp;color: #fff;line-height: 3rem;margin:0}
.consult div {color: #fff;}
.block07, .block04 {padding:0;margin:0}
.block07 .flex, .block04 .flex {align-items:center;}
.consult .b07-container {padding:50px 0}
.consult form {max-width: 320px;background: #fff;padding: 30px;border-radius: 4px;}
.itc-slider__items {counter-reset: slide;}
.b05-li span:nth-child(2) {color:var(--or);}
.itc-slider__item {flex: 0 0 100%;max-width: 100%;counter-increment: slide;height: 350px;position: relative;}
.b01-col2 {width:40%;display: flex;align-items: flex-end;}
 .b01-col2 img {width: 100%;height: auto;object-fit: contain;}   
 .kcont {padding:0 10px}
 .b06-item0 .btn, .b12-item0 .btn {position: absolute;bottom: 20px;left: 20px;right: 20px;}
    .b06-item0, .b12-item0 {position:relative;}
    .b06-price {padding-bottom:50px;}
    .b12-item h3 {padding-bottom:30px;}
  @media (max-width:340px) { 
      .b07-container div div h3 a {
    font-size: 25px!important;}
  }  
 @media (max-width:1030px) {
     .b02-item > .flex {display: flex!important;height: auto;}
     .b02-item {display:block!important;position:relative}
     .b08-item0 {position:relative;}
    .b08-item0 .btn {position: absolute;bottom: 20px;left: 20px;width: calc( 100% - 40px )!important;PADDING-LEFT:0!important;padding-right:0!important}
    .b08-item h3 {margin-bottom: 70px;}
    .kcont {padding:0!important;}
    footer .h-right {justify-content:center;
 }
 @media (max-width: 1130px) and (min-width: 851px) {
.h-center.onmob_none {
    display: none!important;
}
     
 }
@media (max-width:1030px) and (min-width:851px) {
    .b07-container div div:nth-child(2), .b07-container div div:nth-child(4) {margin:20px 0!important;}
    .b07-container div div h3 a {font-size:3rem!important;}
 /*   .b07-container>div {width:calc( 100% - 380px );}*/
     .b02-item > .flex {margin-bottom: 70px;}
    .b02-cost {position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc( 100% - 60px );}
    .grid4  {grid-template-columns: repeat(2, 1fr);}
    .grid6 {grid-template-columns: repeat(3, 1fr);width:100%}
    .kwiz .container {height:auto;}
    .f-item {width: 100%;margin-bottom: 30px;padding-left: 10%;position: relative;margin-top:20px;}
    .f-col1 {display: flex;
    align-items: center;}
    .b07-container > div { width: calc( 100% - 380px); }
    .b07-container h3 span {font-size:3rem!important;}
    h3.quiz__question {line-height:30px;}
    .logo img {width: 50px;
    object-fit: contain;}
    .logotxt {margin-left: 10px;}
    .callme {width:140px;}
    .h-center.onmob_none {display:none!important;}
    h2 {line-height: 1.8rem;}
    .block05 .grid3 {grid-template-columns: repeat(2, 1fr)}
    .b02-col1 {
    width: 100%!important;
    order: 2!important;
    padding-right: 0!important;
    padding-bottom: 60px;
}
.b02-item img {
    height: 150px;
}.h-col3 {
    padding: 0 20px 0 10px;
}
}
@media (max-width:359px) {
    .b07-container div div h3 a {
    font-size: 25px!important;
    color: #ff8700!important;
}
.consult h3 {font-size: 1.5rem;line-height: 1.5rem;
}
.b07-container div div:nth-child(2), .b07-container div div:nth-child(4) {
    font-size: 18px!important;
    margin: 10px 0 10px 0!important;
}
.consult form {
    max-width: 320px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 4px;
}
}
@media (max-width:407px) { 
    .b8-icon.grid4 {grid-template-columns: repeat(1, 1fr)!important;padding-left: 30%;}
}
@media (max-width:850px) and (min-width:360px) {
    .b07-container div div h3 a {font-size:30px!important;color:#ff8700!important}
    .b07-container div div:nth-child(2),.b07-container div div:nth-child(4) {font-size:18px!important;margin: 20px 0 20px 0!important;}
}
@media (max-width:850px) {
    #item5 .kcont {
    max-width: 380px;
}
    .b07-container a {color: #ff8700!important;}
    .block01 .flex {justify-content: space-between!important;
    text-align: left!important;
}
.head05.onmob_yes {padding-top:10px!important}
    section .flex, .b02-col1 {
    
    justify-content: center!important;
    text-align: center!important;
}
.b8-icon1, .rabotas.flex {text-align:left!important;}
.b8-icon.grid4 {width:auto!important;}
.b05-li.flex {
    
    justify-content: space-between!important;
    text-align: center!important;
}
    .consult div {text-align:center;}
    .consult form {margin: 0 auto;}
    .head05.onmob_yes {
    display: flex!important;
    justify-content: space-between;
    border-top:1px solid #bebebe;
    margin-top:10px;
    padding-top:10px;
}
.head05 .h-icon a {
    margin-right: 20px;
}
.head05 .h-icon a:nth-child(4) {
    margin-right: 0px!important
}
    .zag-title span {display:inline-block;}
    .kcont {max-width:650px;}
    .boxes #m_form {width:90%;margin-top:100px;}
    .b02-item img, .kw-col01, .b8-col2, .rabota, .f-col1, .f-col2, .b01-col2 {width:100%;max-width:100%;}
    .b8-container {width:80%;margin:0 auto;}
    .b8-item, .kwiz { -webkit-box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 56%)!important;}
    .f-col1 {order:2;}
    .forma {margin-top:0;}
    footer >.kcont:nth-child(1) {padding: 30px 0 0 0;}
    .consult h3 {line-height:2rem;}
    .consult .b07-container {padding:30px 0;}
    
    .b07-container div div h3 {color:#ff8700!important}
    .f-col2 {padding-left:20px;max-width: 300px;
    margin: 30px auto 0 auto;}
    footer .kcont {padding:15px;}
    footer .h-right {padding-top:15px}
    .rabota {display:flex;align-items:center}
    .onmob_none {display:none!important;}
    .logo img {width: 40px;object-fit: cover;height: auto;}
    .grid, .grid3, .grid4 {grid-template-columns: repeat(1, 1fr);}
    .grid6, .kwiz .grid4, .b8-col2 .grid4  {grid-template-columns: repeat(2, 1fr);width:100%}
    .f-item {margin-top:0; margin-bottom:30px;width:100%;padding-left:50px}
    .b01-col2 img {width: 80%;object-fit: cover;height: auto;margin:0 auto}
    body, html {overflow-x:hidden;}
    section {overflow-x:hidden;margin:0!important;}
    body {font-size: 14px;line-height: 18px;}
    .h-col3 {padding:0}
    .h-tel {font-size: 20px;line-height: 20px;}
    .h-hour {font-size: 10px}
    .logotxt {margin-left: 5px;font-size:12px!important}
    .logotxt span {font-size:12px!important;line-height:14px}
    section {padding: 30px 20px!important;}
    .block01 {padding: 0px 0 30px 0;}
    h1 {font-size: 40px;line-height: 1;margin: 10px 0;}
    .zag-title {font-size: 18px;margin: 20px 0;line-height:20px;}
.b01-col1 .btn {margin-top:20px;}
.b01-col1 .btn,.btn {max-width:100%; width:100%;padding-left:0;padding-right:0}.b02-col1 {width:100%;order:2;padding-right:0}
.li {margin: 5px 0;}
.b01-col2 {text-align:center;margin-top:20px}
h2 {line-height:1.8rem}
.b02-col1 .btn {margin-top:20px;}
footer .logo, footer .h-center{width:50%}
.b02-cost {font-size:16px!important;}
h3.quiz__question {line-height:25px;font-size:25px;margin-top:0}
.kwiz {padding:20px;}
.kwiz .container {padding:0;height:auto}
.answer:first-of-type,  .answer{margin-right: 0;}
.answer label div {line-height:14px;}
.kwiz .btn {color:#000!important;}
.itc-slider__item {height:200px;}
.b8-col2 {padding-top:50px;}
.b8-item {padding:25px;}
.b8-icon:nth-child(1) svg {width:25px;height:25px;}
.b8-icon svg {width:30px;height:30px;}
.rabota1 {order:1;}
.rabota2 {order:2;}
.rabota3 {order:3;}
.rabota4 {order:4;}
header {padding: 0 10px 10px 10px!important;}
.burger{width: 35px;position: relative;margin-right:7px}
.menu-burger__header {
        position: relative; /* задаем относительное позиционирование */
        width: 30px; /* определяем размеры блока */
        height: 35px;
        display: block;
    }
.menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before{
    height: 2px;
    width: 100%;
    position: absolute;
    background: #000;
    margin: 0 auto;
}
.menu-burger__header span{top: 16px;}
.menu-burger__header:after, .menu-burger__header:before{content: '';}
.menu-burger__header:after{bottom: 5px;}
.menu-burger__header:before{top: 5px;}
.header__nav {display: none;}
.menu-burger__header.open-menu span {opacity:0; transition: 0.5s; }
.menu-burger__header.open-menu:before {transform: rotate(38deg);top: 16px;transition: 0.4s;}
.menu-burger__header.open-menu:after {transform: rotate(-38deg);bottom: 16px;transition: 0.4s;}
.onmob_yes {display:block!important;}
header .open-menu ul {margin: 0;border-top: 0;}
.header__menu li a {color:#fff;}
.header__menu li {
    list-style: none;
    margin: 0px 0px 20px 20px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.header__nav.open-menu {
    left: 0;
    display:block
}
.header__menu {
    position: fixed;
    left: 0;
    width: 70%;
    height: 100%;
    overflow: auto;
    background-color: var(--color);
    padding-top: 40px;
    transition: all 0.3s ease 0s;
}
.header__nav {
 display:none;
    position: absolute;
    top: 48px;
    background: rgb(245, 246, 246);
    width: 100%;
    box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
    left: -100%;
    transition: all 0.4s ease;
}


}