ul.listBox{display: flex; flex-wrap: wrap; justify-content: center; margin:0; padding:0; list-style: none;}
ul.listBox>li{width:24%;  display: flex;  margin:0 0.5% 20px 0.5%; flex-direction: column;}
ul.listBox>li a{display: flex;width: 100%;  padding:8px;  border-radius: 6px; background:#eef2fa;  flex-direction: column; color:#111; }
ul.listBox>li a:hover{background:#dde2ec;  color:#111; }
ul.listBox>li h3{display: block; margin:0; font-size:14px;}
ul.listBox>li .img img{width: 100%; border-radius:5px; height:140px; object-fit: cover; object-position: center;}
ul.listBox>li  .prices{display: flex; justify-content: space-between;}
ul.listBox>li  .prices>span.price{width:40%;}
ul.listBox>li  .listBox-price{font-size: 16px;}
ul.listBox>li  .listBox-sku{color:#5a5a5a;  font-size: 12px; padding:5px 0;} 

ul.listBox>li  .listBox-price small{font-weight:normal; font-size: 12px; color:#555}

@media (max-width: 639px)
{
    ul.listBox>li{width:49%; }
}

aside ul.listAside{display: flex; flex-wrap: wrap; justify-content: center; margin:0 0 20px 0 !important; padding:0; list-style: none;} 
aside ul.listAside>li{width:100%;  display: flex;  margin:0 0 20px 0;  flex-direction: column; border:none !important}
aside ul.listAside>li a{display: flex;width: 100%;  padding:8px; justify-content: center;  border-radius: 6px; background:#eef2fa;  flex-direction: row; color:#111; }
aside ul.listAside>li a:hover{background:#dde2ec;  color:#111; }

aside ul.listAside>li h3{display: block; font-weight: normal; margin:0; font-size:12px;}
aside ul.listAside>li .img{width:40%; margin:0 10px 0 0; flex-shrink: 0;}
aside ul.listAside>li .img img{width: 100%; border-radius:5px; height:70px; object-fit: cover; object-position: center;}

aside ul.listAside>li  .listBox-price{font-size: 14px; font-weight: bold; width: 100%; text-align: center;}
aside ul.listAside>li  .listBox-price small{font-weight:normal; color:#555}

ul.list{margin:0; padding:0; list-style:none; width:100%;}
ul.list.presents{margin:20px 0; padding:20px; list-style:none; width:100%; border:2px #ddd  solid;}
ul.list>li{width:100%; display: flex; justify-content: space-between; font-size:14px; position:relative; overflow:hidden; padding:20px 0; margin:0; border-top:1px #a3a3a3 solid;}
ul.list>li:first-child{margin-top:0; border-top:none; border-top:0px;}

ul.list>li .logo{padding:0 10px 0 0; width:110px; text-align:center; cursor:pointer;flex-shrink:0;}
ul.list>li .logo strong{font-size:12px;}
ul.list>li .logo .img{width:100px; height:100px;  margin:0 10px 5px 0; display:inline-block; border-radius:50px; border:3px #e5e5e5 solid; background-repeat:no-repeat;}
.logo .img.mod1{ background-size:70%; background-position:center;}
.logo .img.mod2{ background-size:cover; background-position:center top;}
.logo .img.mod3{ background-size:90%; background-position:center center;}
.logo .img.mod4{ background-size:cover; background-position:center;}
.logo .img.mod5{ background-size:contain; background-position:center; border:none; border-radius:0;}



ul.list>li .logo img{max-height:100px;}
ul.list>li .logo a{text-decoration:none;}
ul.list>li .logo a:hover{text-decoration:underline;}
ul.list>li .logo span strong{display: block; max-width: 100%; text-align: center;}

ul.list>li i.season{position:absolute; left:0; top:5px; text-shadow:0 0 3px #fff; font-size:28px; z-index:10;}
ul.list>li i.season.as{font-size:22px;}
ul.list>li i.season.fa-snowflake{color:#3470cb;}
ul.list>li i.season.fa-sun{color:#f98100;}



ul.list>li .logo a.site{display:block; font-size:11px; padding:5px 0;}
ul.list>li .logo a.site:hover{text-decoration:underline; color:#da3b44;}


ul.list>li .stuff{width:100%;}




ul.list.listSto,ul.list.listTires{padding-left:200px;}
.tagsList{padding-right:260px !important;}

ul.list>li{overflow:hidden;}



i.fa-viber{color:#59267c}
i.fa-telegram{color:#0099e5}

i.fa-whatsapp-square{color:#20B038 }

ul.phones li.times{position:absolute; right:-25px; top:-40px; color:#fff; font-size:32px; transition:0.3s; cursor:pointer; display:block; width:20px; height:20px;}
ul.phones li.times:hover{color:#da3b44;}


ul.list>li h3, ul.list .item_name{margin-top:0; font-weight:600; line-height:1.4; padding:0 20px 0 0;  font-size:16px; margin-bottom:10px; }

ul.list>li h3 a, ul.list>li .item_name a{text-decoration: none; color:#359; transition:0.3s;}
ul.list>li h3 a:hover, ul.list .item_name a{color:#da3b44;}
ul.list>li h3 span, span.kasper, ul.list .item_name span{font-size:11px; color:#A0A0A0;   display:block; font-weight: 400;} .user_info .post h3 span{display:block;}

span.kasper{margin:-10px 0 10px 0; }

ul.list>li .h3{padding:0 20px 0 0; font-size:18px; margin-bottom:10px; }
ul.list>li .h3 a{color:#359;}

ul.list>li .description{position:relative; width:100%; display: flex; flex-wrap:nowrap;}

ul.list>li .description .img{width:240px; flex-shrink: 0; height:180px; position:relative;}

ul.list>li .description .img a{display: flex; width:240px; flex-shrink: 0; height:180px; justify-content: center;  position: relative;}

ul.list>li .description .img picture{display: flex; justify-content: center; align-items: center; background:#d3d3d3; }
ul.list>li .description .img img{width:240px;  border-radius:10px;  flex-shrink: 0; height:180px; object-fit: cover; object-position: center; display: block;}
ul.list>li .description .img i{position: absolute; left: 0px;top: 0px; font-size: 12px; display: block; padding:4px; background:rgba(0,0,0,0.5); border-radius:0 0 5px 0;  color:#fff;}

.photoSlider a{position:relative;}
.photoSlider a img{position:absolute; left:0; top:0; z-index:1; }
.photoSlider a img:first-child{ z-index: 10;}

.photoSlider_pags{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; z-index: 20;}
.photoSlider_pags span{display: flex; width: 100%; position:relative;}

.photoSlider_pags span:after{content:""; display: block; bottom:-10px;  left:2%; position:absolute;  width: 96%; border-radius: 3px; height:6px; background:#ddd;}
.photoSlider_pags span:hover:after, .photoSlider_pags span.current:after{background:#e38600}


ul.list>li .description .img a:first-child{display:flex;}

ul.list>li .description p.part_txt{font-style: italic; color:#555; margin:0 0 5px 0;}
ul.list>li li.dop{color:#555; }
ul.list>li li.dop i{margin-right:3px;}
.oem_list a{white-space: nowrap}




ul.list>li .minGallery {width:172px; flex-shrink: 0; position: relative; margin:0 10px 0 0;}
ul.list>li .minGallery a{display: flex; justify-content: center; padding:5px; background:#fff; border:1px #d3d3d3 solid;  position: relative;}
ul.list>li .minGallery picture{display: flex; justify-content: center; align-items: center; background:#d3d3d3; }
ul.list>li .minGallery img{max-width:100%; max-height:120px; display: block;}
ul.list>li .minGallery i{position: absolute; left: 6px;top: 6px; font-size: 11px; display: block; padding:4px; background:rgba(0,0,0,0.5); border-radius:0 0 5px 0;  color:#fff;}


ul.list>li h3{display: flex; align-items: center;}
ul.list>li h3 i.season{position: relative; left: 0; top: 0; margin-right:5px;}

ul#posts_list.list>li .description{flex-wrap:nowrap; }
ul#posts_list.list>li .description .params{width:100%;}



ul.list>li .description .params{min-width:220px; width:100%;   padding:0  0 0 20px; justify-content: space-between;}
ul.list>li .description .params li{padding:5px 0; font-size:12px; border-top:1px #ddd solid;display: flex; justify-content: space-between;}
ul.list>li .description .params li:first-child{border-top:none;}

ul.list>li .description .params li:last-child{justify-content: flex-end;}

ul.list>li .description .params li strong:last-child{text-align: right; padding:0 0 0 20px;}

ul.list>li .description .params.min{width:150px; min-width:150px; padding:0;}

.prices{min-width:120px; flex-shrink: 0;padding:0  0 0 30px;}
.prices span{display:flex; align-items: center; justify-content: center; font-size:16px; color:#9D9D9D; text-align:left;}
.prices span.small{font-size: 12px;}

.prices .newPart{width: 100%; padding:2px; color:#fff; font-size:11px; text-align: center; background:#7aac4e;}

.prices>span.price{font-size:18px; text-shadow:0 0 3px rgba(0,0,0,0.2);position:relative;  font-weight:700; color:#fff; margin-bottom:10px;  background:#da3b44; height:40px; width: 100%; max-width: 90px; line-height:40px; text-align:center; }
.prices>span.price:before{content:""; display: block; box-sizing: border-box;  width:40px; height:40px; border:20px transparent solid; border-right:20px #da3b44 solid; position: absolute; left: -40px; top: 0;}
.prices>span.price:after{content:""; display: block; box-sizing: border-box;  width:10px; height:10px; border-radius:5px; background:#fff; position: absolute; left: -10px; top:15px;}
.prices>span.price small{font-weight: 300; font-size: 11px; padding-left: 5px;} 

.prices>span.price.priceGray{background:#878787;}
.prices>span.price.priceGray:before{border-right:20px #878787 solid; }


button.showPhone{display:block; height:40px; margin:0; border-radius:20px; font-size:12px; text-align:center; transition:0.3s;   font-weight:normal; border:1px #ddd solid; background:#ddd; color:#000; z-index:10;}
ul.list>li .description .params button.showPhone{width:100%; }






ul.list>li .tin{display:block; }
ul.list>li .tin>a{display:inline-block; border-radius:5px; vertical-align:top; text-decoration:none; border:1px #ddd dotted; padding:4px; margin:0 5px 5px 0;}

ul.list.duo ul.bar{right:0;}
ul.bar{margin:20px 0 0 0; padding:0; list-style:none; width:100%; text-align:right;}
ul.bar li{display:inline-block; cursor:pointer; font-size:12px; margin:0 0 0 30px; color:#9D9D9D;}
ul.bar li:hover, ul.bar li:hover a, ul.bar li.bold{color:#000;}
ul.bar li a{text-decoration:none; color:#9D9D9D; }
ul.bar i.fa{font-size:14px; position:relative; bottom:-1px; left:0; margin-right:4px;}
ul.bar a{text-decoration:none !important;}

ul.list>li a{text-decoration:underline;} 





ul.list>li .txt{padding:10px 0 40px 0;}


button.showPhone.tr{position:absolute; right:0; top:15px;}










@media only screen and (max-width: 639px), only screen and (max-device-width: 639px)
{
button.showPhone.tr{position:relative; margin:5px 0; right:0; top:0px;}
ul.list.noPhone>li:after{display:none;}
ul.list.listSto,ul.list.listTires{padding-left:0px;}
.tagsList{padding-right:0px !important;}


ul.list>li {flex-wrap: wrap; padding:15px;}
ul.list>li:first-child{margin-top:0; border-top:none; border-top:0px;}

ul.list>li .logo{width:80px; padding:0; text-align:center;}
ul.list>li .logo strong{font-size:10px;}
ul.list>li .logo .img{width:60px; height:60px;  margin:0 10px 5px 10px; display:inline-block; border-radius:30px; border:3px #e5e5e5 solid; background-repeat:no-repeat;}

ul.list>li i.season,ul.list>li i.season.as{font-size:26px;}
ul.list>li i.season.as.fa-sun-o{top:18px;}



ul.list>li .description{flex-wrap: wrap;}
ul.list>li .description .params{width:100%; padding:20px 0 0 0}
ul.list.duo ul.bar{right:0;}
ul.bar{right:0px; bottom:0px; display:block; width:100%; position:relative; margin:10px 0 0 0; text-align:right;} 
ul.bar li{display:inline-block; cursor:pointer; font-size:12px; margin:0 0 0 30px; color:#9D9D9D;}
ul.bar li:hover, ul.bar li:hover a{color:#000;}
ul.bar li a{text-decoration:none; color:#9D9D9D; }
ul.bar i.fa{font-size:14px; position:relative; bottom:-1px; left:0; margin-right:4px;}	

ul.bar li{max-width:200px !important; overflow:hidden; height:16px;}


ul.list .rate{font-size:10px;}


.prices span{font-size:12px;}

ul.list>li h3{font-size:16px;}



.page_sto ul.list>li{flex-wrap: nowrap;}
.page_sto ul.list>li .txt{display:none;}



ul.list>li>a>.price{margin-right:0;}

.page_tires ul.list li .stuff{order:1; padding-bottom:10px;}
.page_tires ul.list li .logo{order:2; width:50%;}
.page_tires ul.list>li .logo img{max-height:200px;}
.page_tires ul.list li .prices{order:3; position: relative; right:0; top:0;}

.page_motors ul.list li .logo, .page_services ul.list li .logo, .page_avtorazborka ul.list li .logo, .page_find ul.list li .logo, .parts ul.list li .logo{display:none;}

.page_motors  ul.list>li ul.media.lm, .page_avtorazborka  ul.list>li ul.media.lm{float:none;}


#content_a ul.list>li .description .img{width:180px; height:135px;}
#content_a ul.list>li .description .img img{width:180px; height:135px;}
}






.people{padding:10px 10px 10px 80px; line-height:1.7;  text-decoration:none; border:1px #E8E8E8 solid; min-height:100px; overflow:hidden; margin:5px 0px; border-radius:8px; float:left; width:100%; position:relative;}
.people h3{font-weight:normal; margin:0; line-height: 1;}
.people a.nick{font-size:18px; font-weight:400; line-height: 1;}

.people a.block{float:left; width:100%; font-size:12px;}

.people .avatar{max-width:60px; max-height:80px; overflow:hidden; position:absolute; left:10px; top:10px;  }
.people .avatar img{width:60px;}

.people .avatar2{max-width:90px; max-height:80px; overflow:hidden; margin-right:10px;float:left; position:relative;}
.people .avatar2 img{width:90px;}


.people .city{margin-top:5px; display:block;}
.people img.brand{width:80px; height:80px; position:absolute; right:10px; top:0px;}

.people img.master{max-width:60px; max-height:80px; position:absolute; right:10px; top:10px;}

.people .fl{max-width:500px; padding-bottom:50px;}
.people ul.phones{position:absolute; right:10px; top:5px; width:170px; height:90px; overflow:hidden;}

.people .txt{float:left; margin:7px 0; position:relative; line-height:1.3; width:500px; max-height:120px; overflow:hidden;}
.people .txt:after{content:""; background:url(../images/white_gradient.png) repeat-x left bottom; width:100%; height:20px; top:100px; left:0px; position:absolute;}

.people.wheels:first-child{margin-top:10px; border-top:none;}
.people.wheels{width:740px; margin:0 20px; border-radius:0; border:none; border-top:2px #E8E8E8 dotted;}
.people.wheels ul.phones{height:120px;}



.post{float:left; width:100%;  position:relative; padding:10px 0px 40px 0px; margin:10px 0; border-top:1px #ccc dotted;}
.post:first-child{padding-top:0px; border-top:none;}
.post .avatar{width:80px; text-align:center; line-height:100%; float:left; position:relative; z-index:3;}
.post .avatar img{width:60px; border-radius:3px; margin:-2px 0px 10px 0px;}
.post .txt{width:100%; position:relative; z-index:1; padding-left:90px;}
.post .txt p a{text-decoration:underline;}
.post .txt .fl{margin-right:10px; position:relative; bottom:-3px;}
.post .txt .fl img{max-height:180px;}

.post .txt.forum{width:735px;}
.post .txt.forum h3{font-size:18px;}

.post h3{margin-top:5px; font-weight:normal; font-size:24px; margin-bottom:10px; line-height:120%;}
.post h3 span{font-size:11px; color:#A0A0A0; line-height:110%; display:none;} .user_info .post h3 span{display:block;}





table.forums span.editor{top:-8px;}


.post .bar{float:left; width:100%;}
.post .bar .date{float:left;}

.people .events>a, .people .events>span{float:left;  margin-left:0; margin-right:20px;}


.events{position:absolute; width:765px;  right:0px; bottom:10px; width:100%; line-height:1.6;}
.events>a, .events>span{display:block; transition:0.3s; font-size:12px; text-decoration:none; margin-left:20px; color:#9D9D9D; border-radius:4px; padding:1px 8px; float:right; height:22px; text-decoration:none; position:relative;}
.events>a:hover, .events>span:hover{color:#000;}
.events i.fa{font-size:14px; position:relative; bottom:-1px; left:0; margin-right:4px;}
.pointer{cursor:pointer; position:relative;}

.events span.edit, .events span.delete{display:none;}
.post:hover .events span.edit, .post:hover .events span.delete, .fullPost:hover .events span.edit, .fullPost:hover .events span.delete {display:block !important;}



ul.list>li .discont i{color:#da3b44; }

div.edit{float:left; width:100%; text-align:center; margin:-21px 0 20px 0; background: font-size:0; padding:4px 0; border-top:1px #E5E5E5 solid; background:#FBFBFB;}
div.edit span{margin:0 12px; display:inline-block; text-align:left; font-size:12px; font-weight:bold; padding:2px 8px; border-radius:5px; cursor:pointer; color:#000;}
div.edit span:hover{color:#fff; background:#7D7D7D;}
div.edit span.del:hover{background:#da3b44;}
div.edit span.add:hover{background:#2d9d14}