@font-face {font-display:swap;font-family:'ag';src:url('../fonts/AvantGardeCTT.otf') format("opentype");}


*{outline:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {font-size:100%;}
body {font-family:arial;width:100%;box-sizing:border-box;background-color:#fff;}

.agg {font-family:'agg';}
.ag {font-family:'ag';}
.bbg {background-color:#60cf20;color:#fefefe;}

.fixcall {position:fixed;bottom:0px;width:100%;display:flex;align-items:center;vertical-align:middle;z-index:997;text-align:center;}
.fixcall .vib {width:50%;height:44px;background-color:#60cf20;padding-top:10px;}
.fixcall .wa {width:50%;height:44px;background-color:#60cf20;padding-top:10px;}

.topline {display:none;font-weight:bold;text-align:right;}
.bline {width:100%;margin-bottom:55px;}
.bline .text {font-size:1em;line-height:3em;text-align:center;vertical-align:middle;}
.bline .text a {color:#fff;}

.nav .box {width:94%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 auto;}
.nav .box .nav__logo {text-align:left;}
.nav .box .nav__logo a {text-decoration:none;}
.nav .box .nav__logo .logo1 {color:#000;font-size:1.8rem;}
.nav .box .nav__logo .logo2 {color:#60cf20;font-size:0.7rem;padding-bottom:0.1em;margin-left:1px;}
.nav .box .nav__logo .logo3 {color:#000;font-size:0.8rem;margin-left:1px;}
.nav .box .nav__space {margin:0px auto 0px auto;}
.nav .box .nav__btn {color:#333;cursor:pointer;font-size:54px;text-align:right;z-index:999;}
.nav .box .nav__menu {display:none;z-index:998;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000d;}
.nav .box .nav__menu ul {padding:1rem 0;list-style-type:circle;}
.nav .box .nav__menu a {color:#fff;margin-bottom:8%;text-decoration:none;}
.nav .box .nav__menu .fmenu {display:block;padding:1rem 0px 1rem 1rem;}
.nav .box .nav__menu .fmenu li a {font-size:1rem;line-height:2em;}
.nav .box .nav__menu .fmenu .drop-menu {text-align:left;z-index:998;background-color:#0000;margin:0;}
.nav .box .nav__menu .fmenu .drop-menu li a {padding:0 0 4% 8%;text-transform:none;font-size:1em;line-height:2em;}
.nav .box .nav__menu .fmenu .drop-menu li:hover {cursor:pointer;}
.nav .box .nav__view {display:block;}

.cars {width:90%;margin:2rem auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px;}
.cars .block {display:flex;flex-direction:column;position:relative;}
.cars .block .params {display:none;background-color:#0339;color:#fff;width:100%;height:100%;z-index:990;position:absolute;text-align:center;vertical-align:middle;}
.cars .block .params .year {font-size:2rem;line-height:2em;text-align:center;}
.cars .block .params .year {font-size:1.5rem;line-height:2em;text-align:center;}
.cars .block:hover .params {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.cars .block .model {height:25px;margin:0;padding:1rem 0 0 0 ;text-align:center;vertical-align:middle;font-size:1.3rem;}
.cars .block img {width:100%;margin:0;padding:0;}
.cars .block .price {height:25px;margin:0;padding:0.4rem 0 0 0;text-align:center;vertical-align:middle;font-size:1.3rem;}

.seo {color:#5b5b5b;}
.seo .box {width:94%;margin:1rem auto;line-height:1.2em;}
.seo .box a {color:#5b5b5b;}
.seo .box img {float:right;}
.seo .box h1 {font-size:1.8rem;padding:0.7em 0;}
.seo .box h2 {font-size:1.4rem;padding:0.7em 0;}
.seo .box h3 {font-size:1rem;line-height:1.2em;padding:2em 0 0 0;}
.seo .box p {padding:0.5em 0;}
.seo .box ul{padding:0.6em 3em;list-style:outside;}
.seo .box ol{padding:0.6em 3em;list-style:decimal;}

/*.features {padding:1em 0;}
.features .box {width:94%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;background-color:#f5f2ec;}
.features .box .feature {max-width:300px;display:flex;margin:1rem 0;vertical-align:top;}
.features .box .feature img {margin:0 1rem;}
.features .box .feature .block {display:flex;flex-direction:column;}
.features .box .feature .block .title {display:block;font-size:1rem;padding:1em 0 0.5em 0;}
.features .box .feature .block span {display:block;color:#76888d;font-size:0.7rem;line-height:0.8rem;text-align:left;}
.features .box .feature .block span a {color:#76888d;}*/

.call {background-image:url("../images/bg-call-size3.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.call .box {width:94%;margin:0 auto;text-align:center;display:block;color:#fff;padding:5% 0;}
.call .box .title {width:80%;margin:0 auto;padding:0.2em 0 0 0;font-size:2rem;line-height:1.3em;text-align:center;}
.call .box .phone {width:80%;margin:0 auto;padding:0.5em 0;font-size:1.7rem;line-height:0.9em;text-align:center;}
.call .box .phone a {color:#fff;}
.call .box .text {width:90%;max-width:570px;margin:0 auto;padding:1rem 0;font-size:1rem;line-height:1.2em;}

.footer {background-color:#f7f7f7;}
.footer .box {width:94%;max-width:1170px;margin:0 auto;padding:1rem 0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;color:#76888d;background-color:#f7f7f7;}
.footer .box .block {font-size:1rem;text-align:center;vertical-align:top;}
.footer .box .block .title {font-size:1.6em;text-align:center;margin:1rem auto;color:#5b5b5b;}
.footer .box .block .feature {font-size:0.85em;line-height:1.5em;}
.footer .box .block .text {font-size:0.8em;line-height:1.3em;text-align:left;padding-bottom:1rem;}
.footer .box .block a {line-height:1.8em;text-decoration:none;color:#76888d;text-align:left;}
.footer .box .block a:hover {color:#22b8f0;}



@media screen and (min-width:576px) {
html {font-size:140%;}
.nav .box .nav__menu .fmenu li a {font-size:1.3em;line-height:2.5em;}
}

@media screen and (min-width:768px) {
html {font-size:100%;}
.fixcall {display:none;}
.topline {display:block;}
.topline .box {width:94%;max-width:748px;margin:0 auto;padding:5px 0;}
.topline .box div {display:inline-block;vertical-align:middle;line-height:1.3em;}
.topline .box .set {padding-left:10px;}
.topline .box .phone {font-size:1.3em;}
.topline .box a {text-decoration:none;color:#fff;}
.topline .box .set img {vertical-align:middle;padding-left:0.8rem;}

.nav .box {max-width:748px;padding:1rem 0;}
.nav .box .nav__logo .logo3 {display:none;}
.nav .box .nav__view {display:block;}
.nav .box .nav__btn {display:none;}
.nav .box .nav__menu {display:block;position:static;width:100%;height:100%;background-color:#fff;font-size:0.7rem;}
.nav .box .nav__menu ul {padding:0;list-style-type:none;}
.nav .box .nav__menu .fmenu {display:flex;padding:1rem 0px;flex-direction:row;justify-content:flex-end;}
.nav .box .nav__menu .fmenu li a {font-size:0.75rem;line-height:1em;color:#333;text-decoration:none;text-transform:uppercase;padding:0 0 0 2.2em;}
.nav .box .nav__menu .fmenu li a:hover {cursor:pointer;color:#60cf20;}
.nav .box .nav__menu .fmenu .drop-menu {display:none;position:absolute;top:82px;z-index:998;width:220px;background-color:#fffe;text-align:left;padding:12px;}
.nav .box .nav__menu .fmenu .drop-menu li a {text-transform:none;font-size:0.8rem;line-height:2.5em;}
.nav .box .nav__menu .fmenu .drop-menu li:hover {cursor:pointer;}
.nav .box .nav__menu .menu__service-btn:hover .drop-menu {display:block;}

.cars {max-width:748px;justify-content:space-between;}
.cars .block {width:48%;}
.seo .box {max-width:748px;}
.seo .box h3 {font-size:1.5rem;}
.features .box {max-width:748px;}
.call {background-image:url("../images/bg-call-size2.jpg");}
.call .box .title {font-size:3.8rem;}
.call .box .phone {font-size:3.5rem;}
.call .box .text {font-size:1.2rem;}
.footer .box .block {font-size:1.5rem;}
.bline {margin:0;}
}

@media screen and (min-width:992px) {
.topline .box {max-width:950px;}
.nav .box {max-width:950px;}
.nav .box .nav__menu .fmenu li a {font-size:0.9rem;}
.cars {max-width:950px;}
.cars .block {width:48%;}
.seo .box {max-width:950px;}
.features .box {max-width:960px;flex-direction:row;justify-content:space-around;}
.call {background-image:url("../images/bg-call-size1.jpg");}
.footer .box {max-width:950px;justify-content:space-between;flex-wrap:nowrap;}
.footer .box .block {max-width:310px;font-size:1rem;padding:1rem 1rem;}
}

@media screen and (min-width:1200px) {
.topline .box {max-width:1170px;}
.nav .box {max-width:1170px;}
.cars {max-width:1170px;}
.cars .block {width:32%;}
.seo .box {max-width:1170px;}
.features .box {max-width:1170px;}
.call {background-image:url("../images/bg-call.jpg");}
.footer .box {max-width:1170px;}
}