@font-face {
    font-family: 'PT Sans Narrow';
    src: url('/fonts/google-fonts/ptsansnarrow.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PT Sans Narrow';
    src: url('/fonts/google-fonts/ptsansnarrow-text.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/google-fonts/opensans-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/google-fonts/opensans-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*@import "https://webfonts.ru/import/ptsans.css";@import "https://webfonts.ru/import/osans.css";*/
*{margin:0;padding:0;}
html{overflow-x:hidden;}
body{font-size:10px!important;width:100%;}
#page_header{background:url('../img/banner-bg.webp') center no-repeat;padding-bottom:2px;background-size:cover}
i {display:none!important;}
#mobmenu {width:100%;display:none; position:fixed;top:65px;}
.menu  {text-align:right!important;}
#mobmenu li {display:block;
    background-color: rgba(0,0,0,0.92);
    margin: 0% auto;
    width:50%;
    font-size:1.8rem;
}
#mobmenu li span{color:#fff;transition:0.4s ease;}
#mobmenu img {margin-left: -5px;height:100%; width:auto;vertical-align: bottom;}
#mobmenu li a {width: 100%; height: 100%; display: block;font-size: 41px;}
.nav ul#mmenu {padding:0 0 10px 0;}
#dmenu {margin: 1px auto;}
@media screen and (max-width:350px){
#mobmenu li a {font-size: 36px;}
#mobmenu img {    height: 35px; }
    
}
@media screen and (max-width:800px){#page_header{padding-bottom:20px;background:url('../img/banner-bg.webp') center no-repeat;background-size:100% 290px}
#dmenu{display:none;}
    i {color: white;position:fixed;z-index:9999;left:2px;top: 4px;font-size:5rem;display:inline-block!important;}
}
.nav{position:fixed;width:100%;z-index:9999;background-color:#34495e;border-bottom:5px solid #f1c40f; padding:10px;}
.nav ul{padding:0;text-align:center;float:none;margin:0 auto;}
.nav li{margin:1px 5%;padding:0;list-style:none;display:inline-block;}
@media (max-width:800px){.nav li{font-size:0.65rem;}
}
.nav li span{color:#f1c40f;transition:0.4s ease;}
.nav a{text-decoration:none;font-family:'PT Sans Narrow', sans-serif;font-size:2em;color:#fff;line-height:100%;transition:0.4s ease;}
.nav a:hover{color:#f1c40f;}
.nav a span:hover{color:#fff;}
.promo{margin-top:80px;background-color:rgba(0, 0, 0, 0.5);}
@media screen and (max-width:800px){.promo{margin-top:60px;}
}
.item-page object{background-color:rgba(255, 255, 255, 0.8);}
.item-page div{color:#fff;}
.item-page{margin:-505 auto;text-align:left;margin-top:1px;width:45%;float:left;}
.item-page img{width:90%;}
@media screen and (max-width:800px){.item-page{display:none}
}
.item-page p{color:#fff;}
.item-page h2{text-align:left;font-family:'open sans', sans-serif;font-weight:bold;color:#fff;font-size:2.7em;line-height:0.9em;padding-top:50px;}
.item-page1{display:none;margin:-505 auto;text-align:left;margin-top:50px;float:left;}
@media screen and (max-width:800px){.item-page1{margin-top:10px;display:inline-block;width:100%;height:auto;/*height:150px;margin-top:55px;width:110px;*/}
}
.item-page1 img{width:100%;height:auto;}
.contacts{float:right;width:570px;text-align:right;padding-top:5px;padding-bottom:35px;color:#fff;font-family:'PT Sans Narrow', sans-serif;font-size:3.5em;}
@media screen and (max-width:1024px){.contacts{width:450px;padding-right:7px;padding-bottom:20px;}
}
@media screen and (max-width: 920px){
   .contacts{ padding-right: 0px;
    font-size: 3.2em;}
    .menu, .nav    {display:flex;flex-direction:column;align-items:center;}
    .nav ul#mmenu {
    padding: 0;
    margin: 0;
    width: 80%;
    justify-content: center;
    gap: 16px;
}
}
@media screen and (max-width: 880px){
   .contacts{
    font-size: 3em;}
}
@media screen and (max-width: 860px){
   .contacts{
    width:400px;
    font-size: 2.8em;}
}
@media screen and (max-width: 820px){
   .contacts{
    width:380px;
    font-size: 2.6em;}
}
@media screen and (max-width:800px){.contacts{display:none;width:55%;padding-bottom:1px;font-size:1.5em;}
}
.contacts h2{text-align:right;font-family:'open sans', sans-serif;font-weight:bold;color:#fff;font-size:0.75em;line-height:0.9em;padding-top:50px;padding-bottom:10px;}
.contacts a{color:#fff;text-decoration:none;}
.contacts h2 span{text-align:right;font-family:'open sans', sans-serif;font-weight:bold;color:#fff;padding-top:0px;}
.contacts .tel{font-size:1.0em;}
.contacts .tel span, span{color:#fff;}
.promo-content{margin:0 auto;}
@media screen and (max-width:980px){
    .promo-content{width:97%;}
}
.promo h1{text-align:center;font-family:'open sans', sans-serif;font-weight:bold;color:#fff;font-size:3.8em;line-height:0.9em;padding-top:25px;}
.promo p a{text-decoration:none;}
.promo h1 span{font-size:0.63157894736842105263157894736842em;font-weight:normal;}
.promo p{text-align:right;padding-top:135px;padding-bottom:35px;font-family:'PT Sans Narrow', sans-serif;font-size:1.8em;}
.promo p .tel{font-size:1.5em;}
.promo p .tel span, p span{color:#fff;}
@media screen and (max-width:800px){#poputchik h2{margin-top:-10px;}
}
#advantage{background:#ECECEC;border-bottom:1px solid #000;}
#advantage h2, #soundpr h2, #price h2, #feedback h2, #contacts h2{text-align:center;font-family:'PT Sans Narrow', sans-serif;font-size:3.5em;margin-top:5px;color:#000;}
#price h2{color:#fff;}#feedback h2{color:#fff;}
h2 a {text-decoration: none;}
.adv-content, .spr-content{margin-bottom:10px;}
.adv-content .icon{margin:0 auto;margin-top:10px;width:160px;height:160px;background-image:url('/img/icons.png');}
.noise .icon{background-position:-336px 0;}
.result .icon{background-position:-167px 0;}
.special h3, .noise h3, .result h3,
.special p, .noise p, .result p{text-align:center;}
.special h3, .noise h3, .result h3,
.spr-text h3, .spr-video h3,
.him h3, .hiw h3{font-family:'open sans', sans-serif;font-weight:bold;font-size:1.8em;color:#34495e;margin-top:20px;}
.special p, .noise p, .result p{font-family:'PT Sans Narrow', sans-serif;font-size:1.8em;padding:0 35px;color:#000;}
.spr-text h3, .spr-video h3, .him h3, .hiw h3{font-size:2.1em;}
.spr-text p{font-family:'PT Sans Narrow', sans-serif;font-size:2.1em;color:#000;}
.spr-video h3, .him h3, .hiw h3{text-align:center;}
.video-container{margin-top:25px;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#soundpr{background:#f1f3f3;border-bottom:1px solid #000;}
.him h3, .hiw h3{color:#e74c3c;}
.how-content{margin-top:25px;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);}
.how-content img{margin:0 auto;padding:15px;display:block;max-width:100%;height:auto;}
.how-content p{font-family:'open sans', sans-serif;font-size:1.6em;color:#000;padding:0 15px 15px 15px;}
#feedback{background-size:100% auto;background:url('/img/feedback.jpg') center;background-size:cover;-wedkit-background-size:cover;-moz-background-size:cover;height:700px;}
#price{background-size:100% auto;background:url('/img/feedback.jpg') center;background-size:cover;-wedkit-background-size:cover;-moz-background-size:cover;height:auto;padding-bottom:40px;}
#price .feed-content .hiw{padding:0px;}
#price .how-content{box-sizing:border-box;padding:10px;}
.feed{height:230px;margin-top:25px;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
@media (max-width:800px){.feed{font-size:0.7rem;}
}
.feed-icon{background-image:url('/img/caricon.png');margin:15px 15px 0 15px;width:64px;height:64px;float:left;}
.bmw .feed-icon{background-position:-70px 0;}
.hyun .feed-icon{height:50px;background-position:-140px -5px;}
.toy .feed-icon{height:50px;background-position:-210px -5px;}
.lada .feed-icon{height:50px;background-position:-280px -5px;}
.kia .feed-icon{height:50px;background-position:-350px -5px;}
.feed p{font-family:'PT Sans Narrow', sans-serif;font-size:1.6em;color:#000;padding:30px 15px 15px 15px;}
.recall{text-align:center;margin-top:35px;text-decoration:none;background:#27ae60;border-radius:10px;font-family:'PT Sans Narrow', sans-serif;font-size:1.9em;color:#fff;padding:10px 0 15px 0;box-shadow:inset 0 -5px 0 0 rgba(0, 0, 0, 0.5);transition:0.4s ease;}
.recall:hover{box-shadow:none;background:#2ecc71;}
#contacts{background:#f1f3f3;border-bottom:1px solid #000;}
#contacts .abr-text{font-family:'PT Sans Narrow', sans-serif;font-size:2.1em;margin-top:5px;color:#000;}
#contacts p{font-family:'PT Sans Narrow', sans-serif;font-size:1.8em;margin-top:30px;color:#7f8c8d;}
#contacts p span{font-family:'open sans', sans-serif;font-size:1em;font-weight:bold;color:#000;}
.map iframe{max-width:150%;width:110%;height:320px;margin-top:35px;}
.cont-content{margin-bottom:50px;}
footer
{
	background: #34495e;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer .left
{
	float: left;
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.8em;
}
footer .left span
{
	display: initial;
}
@media screen and (max-width: 800px){
   .map {
    padding-left: 0px;
    padding-right: 0px;}

    .map iframe{max-width:100%;width:110%;height:320px;margin-top:0px;
    padding-left: 2px;
    padding-right: 2px;}
    i {
    color: white;
    position: fixed;
    z-index: 9999;
    left: 2px;
    top: 4px;
    font-size: 3rem;
    display: inline-block!important;
}
}
@media screen and (max-width: 768px){
    
footer .left
{    font-size: 1.6em;
	margin-left:-12px;
	margin-right:-20px;
}


footer .left span
{
	display: none;
}
}
@media screen and (max-width: 410px){
#mmenu {padding-left:12%;}
    #mobmenu li {

    width: 60%;

}
}
@media screen and (max-width: 360px){
footer .left
{ 
	
	margin-right:-30px;
}
}
	footer .right
{
	float: right;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.4em;
	color: rgba(255, 255, 255, 0.06);
}	
@media screen and (max-width: 600px)
{
	footer
{
	padding-top: 15px;
	padding-bottom: 15px;
}
footer .right
{
    margin-right: -15px;
}	
}
@media screen and (max-width:1200px){body{font-size:85%;}
#feedback{height:700px;}
}
@media screen and (max-width:992px){body{font-size:85%;}
.special p, .noise p, .result p{padding:0;}
#feedback{height:820px;}
.feed{height:180px;}
}
@media screen and (max-width:768px){body{font-size:85%;}
.special p, .noise p, .result p{padding:0;}
#feedback{height:1500px;}
.feed{margin-top:20px;height:170px;}
}
@media screen and (max-width:570px){body{font-size:80%;}
.promo h1{font-size:1.6em;}
.promo h1 span{font-size:0.7em;}
.promo p{font-size:1.6em;}
.feed{margin-top:15px;height:120px;}
#feedback{height:1000px;}
#feedback h2{color:#fff;}
.recall{margin-top:20px;}
.special p, .noise p, .result p{padding:0 35px;}
}
@media screen and (max-width:460px){.nav li{margin:2px 2%;}
/*.nav a{font-size:1.9em;}*/
#feedback{height:1190px;}
.feed{margin-top:15px;height:160px;}
}
@media screen and (max-width:340px){.nav li{margin:2px 0.5%;}}
@media screen and (max-width:300px){.special p, .noise p, .result p{padding:0;}
#feedback{background:#edede3;height:2100px;}
.feed{height:290px;}
}

#poputchik h2, #auto h2{font-size: 24px;padding: 40px 0px;}
.menu    {display:inline-block;}
.menu li {display:block;
/*width: max-content;*/
margin: 8px auto;}
.menu li:last-of-type{margin: -5px auto 15px;}
/*@media screen and (max-width:460px){.menu li{margin:1px 2%;}}*/
.home {position:absolute;
display: inline;
       left:5px;
       top:5px;
       z-index:9999;
}
@media screen and (max-width:800px){.home{display:none;}}

#ptable {border-collapse: collapse; color:white;font-size:12px}
#ptable TD, #ptable TH {text-align:center;
    padding: 4px; /* Поля вокруг содержимого таблицы */
    border: 1px solid white; /* Параметры рамки */
   }
  #mptable {
    border-collapse: collapse;
    color: white;
    font-size: 12px;
    width: auto;
    margin: 0 auto;
    max-width: calc(100vw - 30px);
}
@media screen and (max-width:510px){
  #mptable {

    font-size: 10px;
 
}}
@media screen and (max-width:440px){
  #mptable {

    font-size: 9px;
 
}}
@media screen and (max-width:390px){
  #mptable {

    font-size: 8px;
 
}}
@media screen and (max-width: 360px){
.promo-content {
    width: 99%;
}}
@media screen and (max-width:350px){
  #mptable {

    font-size: 7px;
 
}}
#mptable TD, #mptable TH {text-align:center;
    padding: 0px; /* Поля вокруг содержимого таблицы */
    border: 1px solid white; /* Параметры рамки */
    word-wrap: break-word;
    min-width: 11.5vw;
   }
     .viberbottom{
   z-index:9999; display:none;
}
@media screen and (max-width: 800px) {
    .viberbottom{
    display:block;
    position:fixed;
    z-index:9999;
    left:30px;
    top: calc(100% - 120px);
}
}
#ModalOpenGreen {z-index: 200002 ;font-size: 5.2rem!important;}
#ModalOpenGreen > div {width:calc(85% - 130px); left:-130px; top: calc(100% - 330px);}
#ModalOpenGreen a {line-height: 1.4!important;}
.close {
 background: #cc3300;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #990000; }

.Window1 {
 position: fixed;
 font-family: 'Open Sans', sans-serif;
 font-size: 2.9rem;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
 width: 100%;
 height: 100%;
}
 .Window1 a {
	font-weight: bold;
    line-height: 0.8;
    color: #fff;
    text-decoration: none;
    transition: .5s ease;
 
}
.Window1:target {
 display: block;
 pointer-events: auto;
}
 .Window1 > div {
 
 width: 34%;
 position: relative;
 margin: 6% 34%;
 padding: 1% 1% 1%;
 border-radius: 10px;
 background: #00bcd4;
 box-shadow: 0px 0px 20px 2px;
}
@media screen and (max-width: 1680px) {
.Window1 > div {
  width: 38%;
 margin: 7% 38.5%;
}
}
@media screen and (max-width: 1600px) {
.Window1 > div {
  width: 39.5%;
 margin: 8% 40.8%;
}
}
@media screen and (max-width: 1440px) {
.Window1 > div {
  width: 47%;
 margin: 9% 45%;
}
}
@media screen and (max-width: 1280px) {
    .Window1 > div {
    width: 50%;
    margin: 9% 47%;
    }
}
@media screen and (max-width: 1024px) {
    .Window1 > div {
        width: 63%;
margin: 11.3% 34%;	   
    }
}
@media screen and (max-width: 800px) {
    .Window1 > div {
        width: 41%;

    }
}
 @media screen and (max-width: 768px) {
    .Window1 > div {
        width: 42%;
    }
}
@media screen and (max-width: 767px) {
#ModalOpenGreen {font-size: 4.7rem!important;}}
@media screen and (max-width: 713px) {
#ModalOpenGreen {font-size: 4.2rem!important;}
#ModalOpenGreen > div {
 
    left: -105px;

}
}
@media screen and (max-width: 659px) {
#ModalOpenGreen {font-size: 3.7rem!important;}
#ModalOpenGreen > div {
    
    left: -100px;
    top: calc(100% - 275px);
}
}
@media screen and (max-width: 605px) {
#ModalOpenGreen {font-size: 3.2rem!important;}
#ModalOpenGreen > div {
    
left: -78px;
    top: calc(100% - 260px);
}
}

.close1 {
 
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -30px;
 
}
@media screen and (max-width: 550px) {
#ModalOpenGreen {font-size: 2.7rem!important;}
#ModalOpenGreen > div {
    
left: -70px;
    top: calc(100% - 255px);
}
.close1 {
  right: -25px;

 top: -21px;
 
}
}
@media screen and (max-width: 496px) {
    #ModalOpenGreen {font-size: 2.2rem!important;}
    #ModalOpenGreen > div {
    left: -55px;
    top: calc(100% - 245px);
}
}
@media screen and (max-width: 442px) {
    #ModalOpenGreen {font-size: 3.4rem!important;}
    #ModalOpenGreen > div {
    width: 90%;
    left: -30%;
    top: calc(100% - 245px);
}
}
@media screen and (max-width: 392px) {
    #ModalOpenGreen {font-size: 2.9rem!important;}}
@media screen and (max-width: 341px) {
    .close1 {
    right: -20px;}
    #ModalOpenGreen {font-size: 2.6rem!important;}}