﻿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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, 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; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
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 { -webkit-text-size-adjust: none; }
body { font-family: 'PT Sans Narrow', Arial, Tahoma, sans-serif; background: #fff; line-height: 24px; font-size: 20px; font-weight: 400; color: #141414; }

* { outline: none; }

b,
strong { font-weight: 700; }

a { color: #053d7f; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { text-decoration: none; }

h1,
h2,
h3 { font-size: 24px; font-weight: bold; text-transform: uppercase; }

h1 { color: #053d7f; margin-bottom: 30px; }
h2 { color: #053d7f; }
h3 { color: #212121; }

p { margin-bottom: 20px; }
p:last-child { margin-bottom: 0 !important; }

input,
select { font-family: 'PT Sans Narrow', Arial, Tahoma, sans-serif; font-size: 20px; border: 1px solid #141414; padding: 7px 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input:focus,
select:focus { border-color: #cc4025; }

.logo { width: 304px; height: 98px; background: url("../images/logo.png") no-repeat; }

header,
.content { width: 1024px; margin: 0 auto; }

.wrap { width: 100%; }
.wrap.shadow { Margin-bottom: 40px; padding-top: 40px; border-top: 1px solid #f1f1f1; background: #f7f7f7; background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%); background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); }

.info { float: left; width: 100%; border: 2px solid #064da0; border-radius: 15px; color: #053d7f; padding: 20px; background: url("../images/info.png") no-repeat calc(100% - 20px) 50%; margin-top: 30px; }
.info p { margin-bottom: 10px; }
.info p.title { font-size: 28px; }

.left_info {float: left;margin-top: 15px;}
.right_info {float: right;margin-right: 65px;}
.right_info .contacts {margin-top: 0;}
.right_info .contacts {margin-right: 19px;}
.page_main .col .photo p.street { margin-top: 10px; }
header { height: 167px; }
  header .logo { float: left; margin: 34px 0 0 20px; background-position: 0 0; }
   .contacts { margin-right: 25px;float: right; color: #053d7f; line-height: 20px; text-align: right; font-weight: 700; margin-top: 15px; }
   .contacts:first-child { margin-right: 0; }
   .contacts p { margin-bottom: 3px; }
   .contacts p.title { font-size: 14px; word-wrap: normal; }
   .contacts p.number { font-size: 20px; }
   .contacts p.number:after { content: ""; float: right; width: 21px; height: 21px; background: url("../images/phone.png") no-repeat; margin: 2px 0 0 10px; }

nav { width: 100%; height: 72px; background: #064da0; color: #fff; }
  nav a { float: left; font-size: 26px; line-height: 20px; height: 72px; color: #fff; text-decoration: none; padding: 16px 15px 0 15px; vertical-align: top; border-right: 1px solid #064da0; }
  nav a:hover { background: #0863c5; }
  nav a.active { background: #0863c5; }
  nav a div { float: left; }
  nav a p { margin-bottom: 6px; }
  nav a p:last-child { clear: both; float: left; font-size: 14px; }
  nav a:before { float: left; content: ""; width: 20px; height: 72px; background-image: url("../images/menu.png"); background-repeat: no-repeat; margin-right: 15px; }
  nav a.main:before { width: 33px; background-position: 0 0; margin-top: 1px; }
  nav a.cat:before { width: 28px; background-position: -33px 0; margin-top: 0px; }
  nav a.service:before { width: 33px; background-position: -61px 0; margin-top: 3px; }
  nav a.about:before { width: 33px; background-position: -94px 0; margin-top: 2px; }
  nav a.article:before { width: 43px; background-position: -127px 0; margin-top: 2px; }

.slider { height: 263px; background: #fefefe; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; background: url("../images/slider_back.jpg") no-repeat; background-position: center center; }
  .slider .item { width: 100%; }
  .slider .item .rat { display: inline-block; height: 40px; background: url("../images/rating.png"); }
  .slider .item .rat.rat_1 { width: 41px; }
  .slider .item .rat.rat_2 { width: 82px; }
  .slider .item .rat.rat_3 { width: 123px; }
  .slider .item .rat.rat_4 { width: 164px; }
  .slider .item .rat.rat_5 { width: 205px; }
  .slider .item .photo { float: left; display: table; width: 300px; height: 263px; margin-left: 60px; font-size: 20px; font-weight: 700; }
  .slider .item .photo p { margin-bottom: 10px; }
  .slider .item .photo img { display: inline-block; }
  .slider .item .offer { float: right; display: table; width: 584px; height: 263px; margin-right: 60px; color: #cf470f; font-size: 24px; line-height: 28px; }
  .slider .item .offer img { display: inline-block; }
  .slider .item .offer p { margin-bottom: 10px; }
  .slider .item .photo .tab,
  .slider .item .offer .tab { display: table-cell; vertical-align: middle; text-align: center; }

.page_main { margin-bottom: 40px; overflow: hidden; }
  .page_main .about { float: left; width: calc(100% - 396px); }
  .page_main .filter { float: right; width: 356px; background: #064da0; color: #fff; border-radius: 15px; overflow: hidden; }
  .page_main .filter .title { background: #053d7f; color: #fff; padding: 10px 20px; text-transform: uppercase; }
  .page_main .filter .wrap { padding: 20px 15px 10px 15px; }
  .page_main .filter .wrap .item { margin: 0 0 10px 0; display: flex; }
  .page_main .filter .wrap .item input,
  .page_main .filter .wrap .item select { width: 100%; }

  .page_main .filter .wrap .item input[type="submit"] { cursor: pointer; color: #fff; border-color: #cc4025; background: #fb874d; background: -moz-linear-gradient(top,  #fb874d 0%, #f16228 100%); background: -webkit-linear-gradient(top,  #fb874d 0%,#f16228 100%); background: linear-gradient(to bottom,  #fb874d 0%,#f16228 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb874d', endColorstr='#f16228',GradientType=0 ); }
  .page_main .filter .wrap .item input[type="submit"]:hover { opacity: 0.8; }

  .page_main .filter .wrap .item.one div { margin: 0 5px; flex: 0 1 100%; }
  .page_main .filter .wrap .item.two div { margin: 0 5px; flex: 0 1 50%; }
  .page_main .filter .wrap .item.three div { margin: 0 5px; flex: 0 1 33.3333%; }

  .page_main .col { width: 497px; float: left; margin-top: 40px; }
  .page_main .col_r { float: right; }
  .page_main .col p { margin-bottom: 10px; }
  .page_main .col .street,
  .page_main .col .number { font-size: 24px; color: #064da0; }
  .page_main .col .number { font-weight: 700; }
  .page_main .col .number:before { content: ""; float: left; width: 21px; height: 21px; background: url("../images/phone.png") no-repeat; margin: 2px 10px 0 0; }
  .page_main .col p.street { font-size: 20px; margin-top: 32px; }
  .page_main .col p.street:first-child { margin-top: 15px; }
  .page_main .col .plus { width: 100%; text-align: center; margin: 60px 0 45px 0; }
  .page_main .col .promo { float: left; width: 100%; font-size: 18px; margin-top: 30px; text-align: center; line-height: 22px; padding-top: 120px; background: url("../images/promo.png") no-repeat center 0; overflow: hidden; }
  .page_main .col .promo.guarantee { background: url("../images/guarantee.png") no-repeat center 0; }
  .page_main .col .m_col { width: 243px; float: left; overflow: hidden; }
  .page_main .col .m_col.m_col_r { float: right; }
  .page_main .col  .point { margin-top: 10px; display: block; width: 243px; float: left; text-align: center; color: #064da0; overflow: hidden; }
  .page_main .col  .point .title { font-size: 24px; }
  .page_main .col  .point img { max-width: 100%; }
  .page_main .col  .point .text { font-size: 18px; line-height: 22px; }
  .page_main .col  .photo { margin: 15px 5px; }
  .page_main .col  .photo img { width: 100%; border: 2px solid #064da0; border-radius: 15px; overflow: hidden; }
  .bortop { border-top: 2px solid #064da0; }

.selection { font-size: 0; margin-bottom: 40px; }
  .selection h2,
  .selection h3 { margin-bottom: 20px; }
  .selection a { font-size: 20px; text-decoration: none; font-weight: 700; }
  .selection .title { text-align: left; }
  .selection .item { vertical-align: top; text-align: center; display: inline-block; color: #212121; border: 2px solid #fff; border-radius: 15px; margin: 3px; padding-bottom: 12px; background-repeat: no-repeat; }
  .selection .item:before { content: ""; display: inline-block; margin-top: 2px; background-repeat: no-repeat; }
  .selection .item:hover { border-color: #064da0; }
  .selection .more { width: 100%; text-align: right; margin-top: 20px; }
  .selection .more .all { font-size: 16px; }
  .selection .more .all:hover { opacity: 0.6; }
  .selection .more .all:after { content: ""; float: right; width: 8px; height: 12px; background: url("../images/more.png") no-repeat; margin: 6px 0 0 10px; }

  .selection.cars .item { width: 92px; }
  .selection.cars .item:before { width: 71px; height: 71px; background-image: url("../images/cars.png"); }
  .selection.cars .item.toyota:before { background-position: -0px 0; }
  .selection.cars .item.ford:before { background-position: -71px 0; }
  .selection.cars .item.hundai:before { background-position: -142px 0; }
  .selection.cars .item.woksvagen:before { background-position: -213px 0; }
  .selection.cars .item.nissan:before { background-position: -284px 0; }
  .selection.cars .item.kia:before { background-position: -355px 0; }
  .selection.cars .item.audi:before { background-position: -426px 0; }
  .selection.cars .item.bmw:before { background-position: -497px 0; }
  .selection.cars .item.chevrolet:before { background-position: -568px 0; }
  .selection.cars .item.citroen:before { background-position: -639px 0; }
  .selection.cars .item.honda:before { background-position: -710px 0; }
  .selection.cars .item.land_rover:before { background-position: -781px 0; }
  .selection.cars .item.mazda:before { background-position: -852px 0; }
  .selection.cars .item.mersedes:before { background-position: -923px 0; }
  .selection.cars .item.mitsubisi:before { background-position: -994px 0; }
  .selection.cars .item.opel:before { background-position: -1065px 0; }
  .selection.cars .item.peugeot:before { background-position: -1136px 0; }
  .selection.cars .item.skoda:before { background-position: -1207px 0; }
  .selection.cars .item.lada:before { background-position: -1278px 0; }

  .selection.moto .item { width: 106px; }
  .selection.moto .item:before { width: 90px; height: 70px; background-image: url("../images/motos.png"); background-size: auto 60px; }
  .selection.moto .item.aermacchi:before { background-position: -2px 0; }
  .selection.moto .item.aprilia:before { background-position: -96px 0; }
  .selection.moto .item.bmw:before { background-position: -190px 0; }
  .selection.moto .item.ducati:before { background-position: -285px 0; }
  .selection.moto .item.harley:before { background-position: -379px 0; }
  .selection.moto .item.honda:before { background-position: -473px 0; }
  .selection.moto .item.ktm:before { background-position: -568px 0; }
  .selection.moto .item.suzuki:before { background-position: -663px 0; }
  .selection.moto .item.yamaha:before { background-position: -759px 0; }

  .selection.accumulators .item { width: 140px; padding-top: 120px; background-image: url("http://actor64.ru/uploads/posts/2022-11/1669445426_accumulators.png"); }
  .selection.accumulators .item.afa { background-position: -6px 0; }
  .selection.accumulators .item.alphaline { background-position: -152px 0; }
  .selection.accumulators .item.banner { background-position: -298px 0; }
  .selection.accumulators .item.bolk { background-position: -442px 0; }
  .selection.accumulators .item.bosh { background-position: -588px 0; }
  .selection.accumulators .item.cene { background-position: -736px 0; }
  .selection.accumulators .item.delker { background-position: -882px 0; }
  .selection.accumulators .item.delta { background-position: -1028px 0; }
  .selection.accumulators .item.duglas { background-position: -1173px 0; }
  .selection.accumulators .item.ecostart { background-position: -1320px 0; }
  .selection.accumulators .item.europlus { background-position: -1466px 0; }
  .selection.accumulators .item.exclusive { background-position: -1611px 0; }
  .selection.accumulators .item.exide { background-position: -1757px 0; }
  .selection.accumulators .item.fireball { background-position: -1904px 0; }

  .product {width: 100%;margin-bottom: 20px;}
  .product_title { font-weight: bold; font-size: 20px;margin-bottom: 10px; }
  .product_image { background: #e8e8e8;padding: 10px 10px 5px 10px; float: left;margin-right: 40px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
  .product_image img{ width: 300px;  }
  .product_text{float: left;}
  .product_price{float: right;margin-top: 20px;}
  .product_price .price{ font-weight: bold; font-size: 21px;}
  .product_price .button_order{ cursor:pointer;font-weight: bold; font-size: 24px; color:#fff; border-color: #cc4025; background: #fb874d; background: -moz-linear-gradient(top,  #fb874d 0%, #f16228 100%); background: -webkit-linear-gradient(top,  #fb874d 0%,#f16228 100%); background: linear-gradient(to bottom,  #fb874d 0%,#f16228 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb874d', endColorstr='#f16228',GradientType=0 ); padding: 7px 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
  .product_price .button_order:hover { opacity: 0.8; }
  
  .clear{clear:both;}
footer { width: 100%; background: #064da0; overflow: hidden; padding: 40px 0; color: #fff; font-size: 14px; line-height: 18px; }
  footer p { margin-bottom: 10px; }
  footer .copyright { float: left; width: calc(100% - 344px); }
  footer .logo { float: right; background-position: 0 -98px; }
  #order{display:none;}
  #order_form{width: 350px; margin: 0 auto; text-align: center;font-size:19px;}
  #order_form .manage_right {float: right;font-size: 13px;}

.links_category {border:2px solid #064da0; border-radius: 10px; padding: 10px;}
.links_category li {float: left; padding: 6px 5px; }
.links_category li a {text-decoration: none; background: #064da0;box-sizing: border-box; padding: 0px 8px;border-radius: 5px;color:#fff;}
.links_category li a:hover, .links_category li a.active {background: linear-gradient(to bottom,  #fb874d 0%,#f16228 100%);color:#fff;}