@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,500,700,900&subset=cyrillic-ext');
body{margin:0px; display:flex; flex-direction:column; align-items: flex-start;padding:0px;  background-image:url(/sites/clubs/1820/files/bg-top.png); background-color:#fff; background-repeat:no-repeat; background-position:center top; background-attachment:fixed;  overflow-x:hidden; font-family: 'Roboto', sans-serif;  font-size:12px; line-height:1.4; color:#111;}
*{box-sizing:border-box;}
a{color:#000;}
a:hover{color:#da3b44;}
a:active{color:#9a2229;}

.wrap{margin:0 auto; display: flex; flex-direction: column; width:100%; max-width:1140px; }
.wrapRow {flex-direction: row;}
header, section, footer,nav{display: flex; width:100%;}

.mobile{display: none;}
.noMobile{display: flex;}

header .wrap .header-row{flex-direction:row; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;align-items: center;}
header .wrap {flex-direction:column; justify-content: space-between;  position:relative}

header .wrap{width: 100%; background:#e31d27; padding:30px 40px; height:110px; display: flex; justify-content:space-between;  flex-direction:column;}

header a.logo{display: flex; font-family:"Roboto Condensed"; font-weight:700;  text-align:left; text-transform: uppercase; flex-direction: column;color:#fff; text-decoration:none;}
header a.logo strong{font-weight: 900; font-size:36px; }
header a.logo span{font-size:14px;}

header ul.phones{margin:0; padding:0; display: flex; list-style:none; color:#fff; font-weight: 700;}
header ul.phones li{display: flex; align-items: center; padding-left:30px; text-align: left;}
header ul.phones li a{color:#fff; font-size: 28px; text-decoration: none;  }
header ul.phones li a small{font-size:18px;}
header ul.phones li a i{transform:rotate(-45deg)}
header ul.phones li span{padding-left:10px; text-transform:uppercase; line-height:12px;}

.submenu{display: flex; width: 100%; justify-content: flex-end; background:rgba(0,0,0,0.15);align-items: flex-end; position:absolute; right: 0; top: 0; }
.submenu ul{display: flex; overflow:hidden; flex-direction:row; list-style: none; margin:0; padding:0; }
.submenu ul li{padding:0px;}
.submenu ul li a{color:#fff; padding:5px 15px; display: flex; text-decoration:none;}
.submenu ul li a:hover{background:#fff; color:#9a2229}

.jobtime{width: 80px; text-align: center; color:#fff; display: flex; flex-direction: column;  cursor:pointer;}
.jobtime i{font-size:32px; color:#fff;}

.userPic{width: 80px; text-align: center;color:#fff; display: flex; flex-direction: column;  cursor:pointer;}
.userPic i{font-size:32px; color:#fff;}

nav{margin:0 0 30px 0;}
nav .wrap{width:100%; height:70px; display: flex; justify-content: space-between; background:#fff; border:1px solid #d9d9d9; }

nav ul li{text-align: center;}
nav ul li a{display: block; height:70px; display: flex; width: 100%;  align-items: center; justify-content: center; text-decoration: none;}

nav ul.min{ background:#ebebeb; width:50px; flex-shrink:0; display: flex; margin:0; padding:0; list-style: none;}
nav ul.min li{width:50%;}
nav ul.min li a{font-weight: 600;}
nav ul.min li a i{margin:0 4px 0 0 ;}
nav ul.min li:last-child{width:50px; flex-shrink: 0;}

nav ul.menu{display: flex; margin:0; padding:0; list-style: none; width:100%;}
nav ul.menu li{width:50%; border-left:1px solid #d9d9d9; }
nav ul.menu li:first-child{border-left: none;}
nav ul.menu li a{font-weight: 600; font-size: 14px;}
nav ul.menu li a i{width:44px; height:44px; margin-right:5px; background-size:contain; background-position:center;}

nav ul.menu li a i.i1{background-image:url('https://idriver.by/sites/clubs/1820/files/porshen.png')}
nav ul.menu li a i.i2{background-image:url('https://idriver.by/sites/clubs/1820/files/moto.png')}
nav ul.menu li a i.i3{background-image:url('https://idriver.by/sites/clubs/1820/files/dostavka.png')}
nav ul.menu li a i.i4{background-image:url('https://idriver.by/sites/clubs/1820/files/shop-by-car.png')}


.sideBarSection .wrap{display: flex; justify-content: space-between;}
.sideBarSection aside{width: 270px; flex-shrink:0; min-height:300px; padding-bottom:300px; }


aside .place{position:sticky; top:10px; height:520px;margin:0 30px 0 0; background:#fff; border:1px solid #d9d9d9;}
aside form{display: flex; flex-direction: column; height:100%;}
 form .row{border-top:1px #d9d9d9 solid;padding:20px 20px; height:100%; display: flex; flex-direction: column;}
 form .row span{font-weight: 700; padding:0 0 10px 0; display: block; }
 form .row input, aside form .asi_name{height:45px; outline: none; padding:0px 20px; line-height:45px; font-size: 14px; border:1px solid #d9d9d9; border-radius:22px; width:100%;}
 form .row:first-child{border-top:none; }

 form .row button{margin:0 auto; transition: 0.3s; cursor:pointer; width:160px; text-transform: uppercase; border:none; background:#e31d27; color:#fff; font-weight: bold; height:45px; border-radius:22px;}
 form .row button:hover{background:#333;}

.asi_name:after{top:20px;}
.asi_cleaner{top:14px;}
.asi.asi_open .asi_stuff{top:28px; border: 1px #d9d9d9 solid; border-top:none; border-radius:0 0 22px 22px;}
.asi.asi_open .asi_stuff input{margin:7px 0;}
.asi_open .asi_name{border-radius:22px 22px 0 0;}


.minInfo{padding:30px 0; width:100%;}
.minInfo ul{width:100%;display: flex; padding:0; margin:0; list-style: none; border:1px solid #d9d9d9;}
.minInfo ul li{width: 35%; height:55px; font-weight:500; border-left:1px solid #d9d9d9; display: flex; align-items: center; padding-left:35px; }
.minInfo ul li:first-child{border-left:none;}
.minInfo ul li i{color:#e31d27; margin:0 10px 0 0; font-size:24px;}

section{width:100%;}
.caption{border-bottom:1px #d9d9d9 solid; margin-bottom:30px;  display: flex; justify-content: center; width:100%;}
.caption h1{margin:0 auto; border-bottom:2px #e31d27 solid; font-weight: 500; margin-bottom:-1px; font-size:25px; padding:5px 0;}

article{width: 100%; min-height:700px;}

#parts{background:url("https://idriver.by/sites/clubs/1820/files/bg-choose-category.png") no-repeat center bottom; padding-bottom:200px;}


.tableWeights{display: flex; margin:0; padding:30px 0; list-style: none; flex-wrap:wrap; justify-content: space-between;}
.tableWeights li{width:50%; padding:20px 30px 20px 0; display: flex; border-bottom: 1px #ddd solid;}
.tableWeights li .img{width:100px; flex-shrink: 0;}

.tableWeights li .info{width:100%; padding-left:20px; display: flex; flex-wrap: wrap;}
.tableWeights li .info strong{width:78%; padding-right:20px;}
.tableWeights li .info .price{width:22%; padding:4px; height:24px; background:#e31d27; color:#fff; text-align: center; border-radius: 3px;}
.tableWeights li .info p{width: 100%;}

ul.brands{display: flex; margin:0; padding:0; list-style: none; flex-wrap: wrap; justify-content: center; text-align: center;}
ul.brands li{width:120px; border-radius:3px; background:#fff; border:1px #d9d9d9 solid; margin:10px; }
ul.brands li a{display: block;padding:10px; text-decoration: none;}
ul.brands li img{max-width:100px; max-height:100px;}
ul.brands li span{display: block; font-weight:600; padding:0 0 5px 0; font-size: 16px;}

ul.cat-list {display: flex;font-size: 0;list-style: none; flex-wrap: wrap; justify-content: space-between;}
ul.cat-list li {width: 32%;font-size: 18px;display: inline-block;vertical-align: top;}
ul.cat-list li a {color: #000;display: block; font-size: 12px; padding: 5px 3px;}
ul.cat-list li.liter {width: 100%;font-size: 28px;font-weight: bold;color: #7a7a7a;display: block;margin-top: 5px;padding-top: 35px;}

ul.product-list{display: flex; list-style: none; margin:0; padding:0; flex-direction:column;}
ul.product-list li a{padding:10px; text-decoration: none; display: flex; margin:10px 0; border:1px #d9d9d9 solid; background:#fff; }
ul.product-list li img{width:200px; height:160px; object-fit: contain; object-position: center; }

ul.product-list li .info{padding:0 0 0 20px; display: flex; flex-direction: column;}
ul.product-list li .info span{display: block; padding:5px 0; border-bottom:1px #d9d9d9 solid;}
ul.product-list li .info span:last-child{border-bottom:none;}
ul.product-list li .info span.price{color:#e31d27; font-size: 24px;}

ul.product-list li .info h2{margin:0 0 10px 0;}

ul.product-list li a:hover{border:1px #e31d27 solid; color:#111; text-decoration:none;}

ul.models{display: flex; margin:0; padding:0; list-style: none; flex-wrap: wrap; justify-content: center; text-align: center;}
ul.models li{width:160px; border-radius:3px; background:#fff; border:1px #d9d9d9 solid; margin:10px; }

ul.models li a{display: block;padding:10px; text-decoration: none;}
ul.models li span{display: block; font-weight:500; font-size: 16px;}

.shortSilver{padding:40px 0; background:#ebebeb;}

.lastProducts{padding:50px 0;}

ul.paginator{display:block; padding:20px 0; margin:0; list-style:none; text-align:center; font-size:0;}
ul.paginator li{display:inline-block; vertical-align:top; margin:5px;}
ul.paginator li a,ul.paginator li span{display:block; padding:5px 11px; color:#000; transition:0.3s; font-size:16px;text-decoration:none; border:1px #ddd solid; border-radius:3px;}
ul.paginator li a:hover, ul.paginator li.active a{color:#fff; background:#e31d27  ;border:1px #e31d27  solid;}

.fullProduct{}
.fullProduct .stuff{display: flex;}
.fullProduct .stuff .stuffLeft{width:60%; list-style:none; margin:0; padding:0 30px 0 0; border-right:1px #d9d9d9 solid; }
.fullProduct .stuff .gallery {width: 100%; list-style:none;   padding:0; display:flex;flex-wrap:wrap;justify-content: space-between;}
.fullProduct .stuff .gallery li{width:30%;margin-bottom: 10px; }
.fullProduct .stuff .gallery li:first-of-type{width:100%;}
.fullProduct .stuff .gallery li img{width:100%; }

.fullProduct .stuff .info{width: 40%; padding:0 0 0 30px ;  margin:0; list-style: none;}
.fullProduct .stuff .info li {display: block; align-items:center; display: flex;  font-size:14px; padding:7px 0; border-bottom:1px #d9d9d9 solid;}
.fullProduct .stuff .info li>*{width:100%;}
.fullProduct .stuff .info li span.price{color:#e31d27; font-size: 24px;}
.fullProduct .stuff .info li span:last-child{font-weight:bold;}

#breadcrumbs{display: flex; width:100%; list-style:none; padding:10px 0;}
#breadcrumbs li{ position: relative; display: flex; align-items: center;}
#breadcrumbs li:after{content:""; display: block; width:6px; height:6px; margin:0 10px; border-radius: 50%; background:#e31d27;}

#modalContent{position: fixed; left: 50%; top: 50%; width: 0px; opacity:0; height: 0px; z-index:9999; overflow:hidden; transition:opacity 0.3s ; display: flex;}
#modalContent.show{position: fixed; left: 0;opacity:1; top: 0; width: 100%; height: 100%; z-index:9999; display: flex;}
#blacker{position: absolute; z-index:10; background:rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%;}
#modalContent .cart2order{width:90%;  padding:30px; font-size:18px; text-align: center;  box-shadow:0 0 20px rgba(0,0,0,0.7); position: relative;  z-index:20;  display: flex; flex-direction: column; max-width: 500px; margin:auto; display: flex; background:#fff;  border-radius: 20px;}

ul.productShort{display: flex; justify-content:space-between; margin:0; padding:0; list-style: none; flex-wrap: wrap;}
ul.productShort li{width:170px; margin:10px 0;  }
ul.productShort li a{display: flex; flex-direction: column; padding:10px; text-align: center; background:#fff; border:1px #d9d9d9 solid; border-radius:3px; text-decoration: none;}
ul.productShort li img{width:100%; height:160px; object-fit: cover; object-position: center;}
ul.productShort li a h2{display: block; height:60px;  text-align: center; padding:5px 0; font-size: 12px;}
ul.productShort li a span.price{padding:5px 10px; background:#e31d27; color:#fff; border-radius: 3px; font-size: 16px;}
.blog{padding:50px 0;}

ul.posts{display: flex;  margin:0; padding:0; list-style: none; flex-wrap: wrap;}
ul.posts li{width:48%; height:200px; border:1px #d9d9d9 solid; margin:10px 1%; background:#fff;}
ul.posts li a{display: flex; width:100%; text-decoration: none; }
ul.posts li a img{width:60%; height:200px; object-fit: cover; object-position: center;}
ul.posts li a>div{display: flex; justify-content: center; padding:20px; text-align: center; align-items: center; flex-direction: column;}


footer{padding:10px 0; margin-top:50px; border-top:1px solid #d9d9d9; }
footer .row{display: flex; padding:20px 0; }
footer .row .col{width:25%;}
footer .row .col2{width:50%; text-align: center;}
footer .row .col:last-child{text-align: right;}
footer .row .col strong{padding:7px 0; display: inline-block; font-size: 14px; border-bottom:1px #e31d27 solid;}
footer .row .col ul{display: flex; padding:20px 0; margin:0; list-style: none; flex-direction: column;}
footer .row .col ul li{padding:3px 0;}

.social a{font-size:24px; }
footer .row:last-child{border-top:1px solid #d9d9d9; }
img{max-width:100%;}

select,input {
	font-size: 13px;
    font-weight: 400 !important;
    font-family: Roboto;
    width: 100%;
	margin: 5px 0px;
	padding: 12px 20px 11px 20px;
	border-radius:         25px;
	height: 45px; outline:none; 
}
textarea, input{
background: #fff;
}

textarea:focus,	input:focus{
background: #fff;
}

textarea,input{
border: 1px solid #d9d9d9;
}

textarea:focus,	input:focus {
border: 1px solid #e31d27;
}

textarea, input {color: #101f29;}
select {border-color: #d9d9d9;}

#slider{position: relative; }
#slider a{position: absolute; left: 0; width: 100%; height: 50%; z-index: 10;}
#slider a:first-child{top:0;}
#slider a:last-child{bottom:0;}
.button, .btn {
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.6;
    font-weight: 600;
    text-transform: uppercase;
    padding: 13px 38px 10px 38px;
    margin: 5px 0px;
    border-radius: 20px;
    transition: all 0.2s ease-in;
    background: #d9121f;
    outline: none;
}

.button:hover, .btn:hover{	color: #fff; background: #333;}








@media (max-width: 970px)
{
body{zoom:0.7}
}



@media (max-width: 700px)
{
body{zoom:0.6}
}

button.mobMenu{display:none;}

@media (max-width: 700px)
{
    .mobile{display: flex;}
    .noMobile{display: block;}


    .tableWeights{display: flex; flex-direction:column;}
.tableWeights li{width:100%; }
.tableWeights li .img{width:100px; flex-shrink: 0;}



body:before{content:""; width:100%; height:46px; background:#e31d27;  z-index:150;  position: fixed; left: 0; top: 0;}
button.mobMenu{transition:1s; z-index:150; font-size:14px; display:block;position:fixed; top:15px; left:0px; outline:none; color:#fff; padding:0; background:none; border:none; }
button.mobMenu#mobMenu2{left:auto; right:0; text-align:left;}
button.mobMenu#mobMenu2 span{margin-left:0; margin-right:10px;}
button.mobMenu span{ transition:0.1s; display:inline-block; vertical-align:middle; position:relative; width:22px; height:2px; background:#fff; bottom:-5px;margin-left:10px;}
button.mobMenu span:after{transition:0.5s; content:"";width:22px; height:2px; background:#fff; position:absolute; left:0; top:-6px;}
button.mobMenu span:before{transition:0.5s; content:"";  width:22px; height:2px; background:#fff; position:absolute; left:0; top:-12px;}


body.parts button.mobMenu#mobMenu{color:#000;}
body.parts button.mobMenu#mobMenu span:after{transform:rotate(-45deg);background: #000;;}
body.parts button.mobMenu#mobMenu span:before{transform:rotate(45deg); top:-6px;background:#000;}
body.parts button.mobMenu#mobMenu span{background:none;}

body.menu button.mobMenu#mobMenu2{color:#000;}
body.menu button.mobMenu#mobMenu2 span:after{transform:rotate(-45deg);background: #000;;}
body.menu button.mobMenu#mobMenu2 span:before{transform:rotate(45deg); top:-6px;background:#000;}
body.menu button.mobMenu#mobMenu2 span{background:none;}

body{zoom:1}
.wrap{margin:0 auto; width:95%; max-width:640px; }

aside{position: fixed; width: 100%; height: 100%; left: -100%; transition:0.3s; top:0; z-index:50;}
body.parts aside{left:0; padding:30px 0; height:auto; max-height:100%; overflow-y: auto; }


header .wrap{flex-direction: column; justify-content: center; padding:20px 10px; height:auto; }

header a.logo{display: flex; font-family:"Roboto Condensed"; margin-top:20px; font-weight:700;  text-align:left; text-transform: uppercase; flex-direction: column;color:#fff; text-decoration:none;}

header a.logo strong{font-weight: 900; font-size:26px; }
header a.logo span{font-size:11px;}

header ul.phones{flex-direction: column; margin-top:30px;}
header ul.phones li{margin:5px 0;}
header ul.phones li a{color:#fff; font-size: 18px; text-decoration: none;  }
header ul.phones li a small{font-size:12px;}
header ul.phones li span{font-size: 10px;}

nav{position: fixed; width: 100%; height: 100%; right: -100%; transition:0.3s; top:0; z-index:50;}
body.menu nav{right:0}

nav .wrap{height:auto; display: auto; justify-content: center; flex-direction: column; }

nav ul li a{display: block; height:60px; display: flex; align-items: center; justify-content: center; text-decoration: none;}
nav ul li.mobile a{height:30px;}
nav ul.min{ background:#ebebeb; width:100%; flex-direction: column; }
nav ul.min li{width:100%;}
nav ul.min li a{font-weight: 600;}

nav ul.min li:last-child{width: 100%;}

nav ul.menu{flex-direction: column; width:100%;}
nav ul.menu li{width:100%; border-left: none;border-bottom:1px solid #d9d9d9; }
nav ul.menu li:first-child{border-left: none;}


.minInfo{padding:20px 0; width:100%;}
.minInfo ul{width:100%;display: flex; flex-direction: column; padding:0; margin:0; list-style: none; border:1px solid #d9d9d9;}
.minInfo ul li{width: 100%; height:55px; font-weight:500; border-left:none;border-top:1px solid #d9d9d9; display: flex; align-items: center; padding-left:35px; }
.minInfo ul li:first-child{border-left:none; border-top:none;}
.minInfo ul li i{color:#e31d27; margin:0 10px 0 0; font-size:24px;}


footer .row{display: flex; padding:20px 0; flex-direction: column; }
footer .row .col{width:100%;text-align: center;}
footer .row .col2{width:100%; text-align: center;}
footer .row .col:last-child{text-align: center;}
footer .row .col strong{padding:7px 0; display: inline-block; font-size: 14px; border-bottom:1px #e31d27 solid;}
footer .row .col ul{display: flex; padding:20px 0; margin:0; list-style: none; flex-direction: column;}
footer .row .col ul li{padding:3px 0;}

ul.posts{flex-direction: column;}
ul.posts li{width:90%; max-width:400px; height:auto; border:1px #d9d9d9 solid; margin:10px auto; background:#fff;}
ul.posts li a{display: flex; flex-direction: column; width:100%; text-decoration: none; }
ul.posts li a img{width:100%; height:180px; object-fit: cover; object-position: center;}
ul.posts li a>div{display: flex; width: 100%; justify-content: center; padding:10px; text-align: center; font-size:14px; align-items: center; flex-direction: column;}
ul.posts li a>div h2{font-size:14px;}

ul.cat-list {display: flex; flex-direction: column;}
ul.cat-list li {width: 100%;font-size: 18px;display: inline-block;vertical-align: top;}


ul.product-list li img{width:100px; height:80px; object-fit: cover; object-position: center; }

ul.product-list li .info{padding:0 0 0 20px; display: flex; flex-direction: column;}
ul.product-list li .info span{display: block; padding:5px 0; border-bottom:1px #d9d9d9 solid;}
ul.product-list li .info span:last-child{border-bottom:none;}
ul.product-list li .info span.price{color:#e31d27; font-size: 18px;}

.asi_open .asi_name{background:#fff; }
.asi.asi_open{width: 96%; left:2%;}

.fullProduct .stuff{flex-direction: column;}
.fullProduct .stuff .gallery {width:100%; max-width:400px;  list-style:none; margin:0 auto; padding:0 0 20px 0; border-bottom:1px #d9d9d9 solid;  border-right:none;  display:flex;flex-wrap:wrap;justify-content: center;}
.fullProduct .stuff .gallery li{width:23%;margin:0 1% 10px 1%; }
.fullProduct .stuff .gallery li:first-of-type{width:90%; margin:0 10%;}
.fullProduct .stuff .gallery li img{width:100%; }

.fullProduct .stuff .stuffLeft{width: 100%; padding:0; border-right:none;}

.fullProduct .stuff .info{width: 100%; padding:0;  margin:0; list-style: none;}
.fullProduct .stuff .info li {display: block; align-items:center; display: flex;  font-size:14px; padding:7px 0; border-bottom:1px #d9d9d9 solid;}

header .wrap {flex-direction:row; flex-wrap: wrap; justify-content: space-between;}
header .wrap a.logo{width: 60%;  margin:20px 20%; text-align:center;}
header ul.phones li{padding-left:0;}
.fullProduct .stuff .gallery li:first-of-type{width: 100%; margin:0;}
header ul.phones{margin-top:0;}
.userPic{width: 60px;}
.jobtime{width: 60px;}


.lastProducts {
    padding: 30px 0;
    }
}


@keyframes chat {
    0% {
      transform: scale(1.5);
      border: 1px solid #20B038;
      opacity: 0.1;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
      border: 2px solid #43d8545c;
    }
  }



.chat {
    display: flex;
    color:#20B038;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: none;
    position: fixed;
    right: 3%;
    bottom: 5%;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    font-weight: 600;
    text-decoration: none;
    z-index: 11;
  }
  
  .chat i.fab{font-size:38px;}

  .chat__puls {
    display: block;
    animation-name: chat;
    opacity: 1;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: reverse;
    animation-play-state: running;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
    left: 0;
  }