@media (min-width: 200px) {
html, body {
font-family: Arial,"Helvetica Neue",Helvetica,"Segoe UI Symbol",sans-serif;
}
.navbar {
position: relative;
padding: .5rem .5rem;}
/*.col-lg-4 {
width: 100%;
}*/
.nav-item, .form-group, .btn-city-choose, .btn-cart {
margin-top: 0.25rem;
}
.btn{
vertical-align: baseline;
}
.btn-cart{
position: relative;
margin-right: 0 !important;
}
form.pull-xs-right, #main-nav .dropdown {
position: relative;
margin-left: 0.2rem;
}
nav a.nav-item:first-child {
display: none;
}
form.pull-xs-right {
left: 0%;
}
#main-nav .form-control {
display: inline-block;
width: 200px;
}
form.pull-xs-right:before, form.pull-xs-right:after {
display: none;
}
.table th, .table td {
padding: .2rem;
}
td > form > .form-control, td > form > .btn {
padding: .2rem; min-width: 2.5rem;
}
.table thead th {
vertical-align: unset;
background: white;
}
.table.parts td:nth-child(3) {
word-break: break-all;
}
.btn-city-choose {
position: relative;
font-size: 1.5em;
}
.nav-pills .nav-link:nth-child(2),
.nav-pills .nav-link:nth-child(3),
.nav-pills .nav-link:nth-child(4),
.nav-pills .nav-link:nth-child(5),
.nav-pills .nav-link:nth-child(6) {
position: relative;
font-size: 0.9em;
} /*end @media (min-width: 200px)*/

@media (min-width: 544px) {
.navbar {
position: relative;
padding: .5rem 1rem;
}
.nav-item, .form-group, .btn-city-choose, .btn-cart {
margin-top: 0;
}
.btn{
vertical-align: middle;
}
form.pull-xs-right:before, form.pull-xs-right:after {
display: inline-block;
white-space: pre;
}
nav a.nav-item:first-child{
display: block;
width: 240px;
height: 50px;
margin-bottom: 2.8rem;
}
.table.parts td:nth-child(3) {
word-break: normal;
}
form.pull-xs-right {
position: absolute;
top: 48%;
left: 10%;
}
.btn-cart{
position: absolute;
top: 47%;
right: 0;
}
#main-nav .form-control {
width: 300px;
}
#main-nav .dropdown {
position: absolute;
}
.nav-pills .nav-link:nth-child(2),
.nav-pills .nav-link:nth-child(3),
.nav-pills .nav-link:nth-child(4),
.nav-pills .nav-link:nth-child(5),
.nav-pills .nav-link:nth-child(6) {
position: relative;
left: 0%;
font-size: 0.9em;
}
.btn-city-choose {
position: absolute;
font-size: 1.6em;
top: .5rem;
left:  50%;
}
.btn-city-choose:before {
font-family: FontAwesome;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
content: "";
vertical-align: baseline;
}
} /*end @media (min-width: 544px)*/

@media (min-width: 768px) {
.col-lg-4 {
width: 50%;
}
.table th, .table td {
padding: .75rem;
}
#main-nav .form-control {
width: 400px;
}

nav a.nav-item:first-child {
margin-bottom: 3rem;
}

form.pull-xs-right {
position: absolute;
top: 46%;
left: 15%;
}
.btn-cart{
top: 45%;
}

form.pull-xs-right:after {
position: absolute;
top: -155%;
left: 33%;
/*content:"\1F4DE (3852)504-559 Барнаул\A\1F4DE (3812)700-200 Омск";*/
white-space: pre;
color: white;
}

.nav-pills .nav-link:nth-child(2),
.nav-pills .nav-link:nth-child(3),
.nav-pills .nav-link:nth-child(4),
.nav-pills .nav-link:nth-child(5),
.nav-pills .nav-link:nth-child(6) {
position: relative;
left: 4%;
font-size: 1em;
}
.nav-pills .nav-link:nth-child(2):before{content:"📂 ";}
.nav-pills .nav-link:nth-child(3):before{content:"📣 ";}
.nav-pills .nav-link:nth-child(4):before{content:"💁 ";}
.nav-pills .nav-link:nth-child(5):before{content:"📑 ";}
.nav-pills .nav-link:nth-child(6):before{content:"🚚 ";}

.btn-city-choose a:first-child{
  border-radius: 5px 0 0 5px;
}
.btn-city-choose a:last-child{
  border-radius: 0 5px 5px 0;
}
.btn-city-choose {
font-size: 1.6em;
top: .5rem;
left: 40%;
}
.btn-city-choose:before {
font-family: Arial,"Helvetica Neue",Helvetica,"Segoe UI Symbol",sans-serif;
font-size: .5em;
vertical-align: middle;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: 0px;
content: "Вы просматриваете\Aналичие в городе:";
}
}/*end @media (min-width: 768px)*/

@media (max-width: 991px) {
th>.hidden-sm-down {display: none !important;}
}
@media (min-width: 544px) {
th>.hidden-md-up {display: table-header-group !important;}
}
@media (min-width: 768px) {
th>.hidden-md-up {display: none !important;}
}


@media (min-width: 992px) {
.col-lg-4 {
width: 33.33333%;}
td > form > .form-control, td > form > .btn {
padding: .375rem .75rem;}
.table.parts {max-width: 825px;}
/*#main-nav {background: url(/assets/img/banner_discount.svg) no-repeat 75% 0%;}*/

nav a.nav-item:first-child {
margin-bottom: 3.25rem;
}

form.pull-xs-right {
left: 30%;
top: 44%;
}
.btn-cart{
top: 43%;
}
form.pull-xs-right:before {
position: absolute;
top: -155%;
left: 5.5%;
font-size: 1.2em;
white-space: pre;
text-align: center;
color: white;
}
form.pull-xs-right:after {
position: absolute;
top: -95%;
left: 10%;
/*content:"\1F4DE (3852)504-559 Барнаул  • \1F4DE (3812)700-200 Омск";*/
white-space: pre;
text-align: center;
color: white;
}

#main-nav .form-control {
width: 400px;
}
.nav-pills .nav-link:nth-child(2),
.nav-pills .nav-link:nth-child(3),
.nav-pills .nav-link:nth-child(4),
.nav-pills .nav-link:nth-child(5),
.nav-pills .nav-link:nth-child(6) {
position: relative;
left: 15%;
}
.btn-city-choose {
font-size: 1.6em;
top: .5rem;
left: 30%;
}
.btn-city-choose:after {
position: absolute;
padding-left: 1rem;
font-size: 1rem;
white-space: pre;
text-align: justify;
font-weight: normal;
color: white;
content:"\1F4DE (3852)504-559 Барнаул\A\1F4DE (3812)700-200 Омск";
}
} /*end @media (min-width: 992px)*/

@media (min-width: 1200px) {
.nav-pills .nav-link:nth-child(2),
.nav-pills .nav-link:nth-child(3),
.nav-pills .nav-link:nth-child(4),
.nav-pills .nav-link:nth-child(5),
.nav-pills .nav-link:nth-child(6) {
position: relative;
left: 22%;
}
.btn-city-choose {
font-size: 1.6em;
top: .5rem;
left: 25%;
}
.btn-city-choose:after {
position: absolute;
left:100%;
font-size: 0.95rem;
white-space: pre;
text-align: center;
font-weight: normal;
color: white;
content:"Запчасти для грузовиков\A\1F4DE (3852)504-559 Барнаул  • \1F4DE (3812)700-200 Омск";
}
}/*end @media (min-width: 1200px)*/

/*global CSS*/

html, body {
height: 100%;
font-family: Arial,"Helvetica Neue",Helvetica,"Segoe UI Symbol",sans-serif;}

body {
line-height: normal;
/*padding: 1rem;*/
background-color: black;
/*background: linear-gradient(to top, darkgray, black) fixed;*/
/*image centers on its midline, plus or minus its half-width, plus or minus half container width*/
/*background-image: url(/assets/img/isuzu-elf-bg-l.jpg), url(/assets/img/isuzu-elf-bg-r.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right, left;*/
}

/* keep it for new year */
/*
body:after{
content:"";
background-image: url(/assets/img/new_year/snow-transparent.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
opacity: 0.6;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: -2;
}
body:before{
content:"";
background-image: url(/assets/img/new_year/new_year_tree.png), url(/assets/img/new_year/christmas-tree.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left, bottom right;
background-size: calc((100% - 1140px)*.5) auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
position: fixed;
z-index: -1;
}
*/
/*victory day*/
/*
body:before {
content:"";
background-image: url(/assets/img/victory_day/carnation.png), url(/assets/img/victory_day/george_ribbon_sideways.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center right, center left;
background-size: calc((100% - 1140px)*.5) auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
position: fixed;
z-index: -1;
}*/

@media (min-width: 200px) {
body:before{
background-size: calc((100% - 576px)*.5) auto;}
}
@media (min-width: 544px) {
body:before{
background-size: calc((100% - 576px)*.5) auto;}
}
@media (min-width: 768px) {
body:before{
background-size: calc((100% - 720px)*.5) auto;}
}
@media (min-width: 992px) {
body:before{
background-size: calc((100% - 940px)*.5) auto;}
}
@media (min-width: 1200px) {
body:before{
background-size: calc((100% - 1140px)*.5) auto;}
}
@media (min-width: 1634px) {
body:before{
background-size: calc((100% - 1140px)*.5) auto /*,247px auto - new year*/;}
}

@media (min-width: 1994px) {
body:before{
background-size: /*421px*/ auto, /*247px */ auto;}
}

/*end congrats*/

.container a:not(.no_external_icon)[href*="//"]:not([href*="truck-market.su"]):not([href*="трак-маркет.рф"]):not([href*="xn----7sbbuwcm2afnj.xn--p1ai"]):after {
/*content: url(/assets/img/icon_external_link.svg);*/
font-family: FontAwesome;
font-size: smaller;
content: "\f08e";
margin: 0 0 0 5px;
}

div.container {
background-color: #fff;
min-height: calc(100% - 56px);
padding-top: 1rem;
padding-bottom: .5rem;
border-radius: .25rem;
box-shadow: 0px 0px 1rem .25rem rgba(183,183,183,0.5)/*, 0px 0px 1rem .125rem rgba(67,67,67,0.25) inset;*/
}

div.container > h1 {
display: inline-block;
border-radius: .5rem .5rem 0 0;
background: linear-gradient(to bottom, hsla(200,9%,90%,0.45), rgba(255,255,255,0));
padding-left: .5rem;
padding-right: .5rem;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

div.col-md-9 > form.row {
margin-top: 1.5rem;
}

header.navbar {
background-color: #2477b8;
border-radius: .25rem;
margin-bottom: 0 !important;
}
header.navbar:before{
content: "";
position: absolute;
width: 100%;
height: calc(100% - .5rem);
left: 0rem;
bottom : .5rem;
border-radius: .25rem;
z-index: -1;
box-shadow: 0px -0px 1rem .25rem rgba(183,183,183,0.5);
}

.nav-sidebar.catalog li >a {
border-radius: .25rem;}

.nav-sidebar.catalog li:not(.active) > a:hover {
background-color: #eceeef;
text-decoration: none;
transition: background-color .3s;}

.nav-pills .nav-link {
background: rgba(245,245,245,.3);
padding-left: .5em !important;
padding-right: .5em !important;
padding-top: .125em  !important;
padding-bottom: .125em  !important;
color: white;
}

.nav-link.active {
background-color: rgba(245,245,245,.773) !important;
color: #2f529f !important;
}

.nav-link:hover {
/*background-color: #eceeef !important;*/
color:  #2f529f !important;
transition: background-color .3s, color .3s;
}

.nav-pills .nav-item + .nav-item {
 margin-left: .3rem;
}

nav > .dropdown {
position: absolute;
top: 0;
right: 0;
margin-top: .5rem;
margin-right: 1rem !important;}
}
#main-nav .dropdown {
border-radius: .25rem;
}
#main-nav .dropdown-toggle:before {
/*border-radius: .25rem;*/
font-family: FontAwesome;
content: "\f007\00a0 ";
}
.nav-item .dropdown-toggle {
padding-top: .5rem  !important;
padding-bottom: .5rem  !important;
/*border-radius: .25rem;*/
background: rgba(245,245,245,.3);
padding-left: .5em !important;
padding-right: .5em !important;
color: white;
}
.nav-item .dropdown-toggle:hover {
background-color: #eceeef !important;
color:  #2f529f !important;
transition: background-color .3s, color .3s;
}

nav a.nav-item:first-child{
background: url(/assets/img/logo_main.svg) no-repeat;
/*background-color: rgba(255,255,255,.843) !important;*/
background-color: rgba(0,0,0,.43) !important;
background-size: contain;
color: rgba(0,0,0,0) !important;
border-radius: .25rem;
font-size: 0;
float: none;
margin-left: 0.2rem;
/*top: .6rem;*/
}

.nav-link.active:first-child:hover{
background-color: white;
color: rgba(0,0,0,0) !important;
cursor: pointer;
transition: background-color .3s;
}

.btn-cart{
background-color: rgb(217, 83, 79);
transition: background-color .3s;
margin-right: 1rem !important;
color: white;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.btn-cart:hover{
text-shadow: none;
color: #2f529f;
}
.btn-success-outline{
background-color: rgb(92, 184, 92);
transition: background-color .3s, box-shadow .3s, color .3s;
}

div.form-group {
font-size: 0;
margin-bottom: 0;
white-space: nowrap;
}

#main-nav .form-control:focus {
border-color: red;
box-shadow: 0px 0px .25rem red inset;
}

#main-nav .form-control {
/*backdrop-filter: blur(5px);*/
background-color: rgba(43, 43, 43, .557);
border-color: black;
border-radius: .25rem;
/*width: 400px;*/
padding: .5rem;
padding-top: calc(.5rem - 1px);
padding-bottom: calc(.5rem - 1px);
line-height: normal;
color:  white;}

#main-nav input.header-search::placeholder {
font-style: italic; color: #d4d4d4;}
#main-nav input.header-search::-webkit-input-placeholder {
font-style: italic; color: #d4d4d4;}
#main-nav input.header-search::-moz-placeholder{
font-style: italic; color: #d4d4d4; opacity: 1;}
#main-nav input.header-search:-ms-input-placeholder {
font-style: italic; color: #d4d4d4;}
#main-nav input.header-search:-moz-placeholder {
font-style: italic; color: #d4d4d4; opacity: 1;}

#main-nav  .header-search-button {
background-color: rgba(228, 0, 0, 255);
/*border: 1px solid #ccc;*/
border-left: 0;
color: white;
width: 65px;
padding: .5rem;
padding-top: calc(.5rem - 1px);
padding-bottom: calc(.5rem - 1px);
margin-left: .25rem;
line-height: normal;
}

div.clearfix > button {
text-shadow: 0px 0px 2.5px white, 1px, 1px 0px white;
background: rgba(255,255,255,0.6);
}

div.clearfix > a.navbar-brand {
background: url(/assets/img/logo_main.svg) no-repeat;
display: inline-block;
width: 192px;
height: 40px;
/*background-color: rgba(255,255,255,0.8) !important;*/
background-color: rgba(0,0,0,.43) !important;
background-size: contain;
color: rgba(0,0,0,0) !important;
font-size: 0;
border-radius: .25rem;
/*float: none;*/
padding: 0;
margin-top: 0;
margin-bottom: 0.25rem;
margin-left: 0.2rem;}

/*IE 11 hack*/
.parts input[name="count"] {min-height: 38px;}

.table.parts td:nth-child(2) {
hyphens: auto;
line-break: loose;
}
.table.parts td:nth-child(4), .table.parts td:nth-child(5){
width: auto;
white-space: nowrap;
}

/*WebKit hack till it supports line-break and/or hyphens*/
@supports not ((line-break: loose) or (hyphens: auto)){
.table.parts td:nth-child(2) {
word-break: break-all;}
}

/*Here come stylish arrows -- shouldn't appear in smallest screen sizes though*/

@media (min-width: 544px) {
.breadcrumb {
padding: 0;
overflow: hidden;}

.breadcrumb > li {
position: relative;
display: inline-block;
float: left;
padding: .75rem 0 .75rem 36px;
border-radius: .25rem 0 0 .25rem; /*when viewport shrinks and things move to new lines their left should look round, too*/
}

.breadcrumb > li + li:before {
content: ""; padding: 0;}

.breadcrumb > li:first-child {
padding-left: 1rem;
border-radius: .25rem 0 0 .25rem;}

.breadcrumb > li:last-child {
margin-right: 24px;}

.breadcrumb > li:after {
content: "";
display: inline-block;
width: 0;
height: 0;
color: rgb(236, 238, 239);
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 22px solid;
position: absolute;
top: 0;
left: 100%;
z-index: 2;
}

.breadcrumb > li> a:after{
content: "";
display: inline-block;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 23px solid rgba(66, 66, 22, .3);
position: absolute;
top: 0;
left: 100%;
/*clip: rect(2px, auto, 46px, auto);*/
z-index: 1;
}

.breadcrumb > li:hover > a {text-decoration: none;}
.breadcrumb > li {transition: background-color .3s;}
.breadcrumb > li:after {transition: border-left-color .3s;}

.breadcrumb > li:nth-last-child(5) { background: hsl(200,18%,81%);}
.breadcrumb > li:nth-last-child(5):after { border-left-color: hsl(200,18%,81%);}
.breadcrumb > li:nth-last-child(5):hover { background: hsl(200,20%,88%);}
.breadcrumb > li:nth-last-child(5):hover:after { border-left-color:hsl(200,20%,88%);}

.breadcrumb > li:nth-last-child(4) { background: hsl(200,15%,83%);}
.breadcrumb > li:nth-last-child(4):after { border-left-color: hsl(200,15%,83%);}
.breadcrumb > li:nth-last-child(4):hover { background: hsl(200,22%,90%);}
.breadcrumb > li:nth-last-child(4):hover:after { border-left-color: hsl(200,22%,90%);}

.breadcrumb > li:nth-last-child(3) { background: hsl(200,13%,86%);}
.breadcrumb > li:nth-last-child(3):after { border-left-color: hsl(200,13%,86%);}
.breadcrumb > li:nth-last-child(3):hover { background: hsl(200,25%,91%);}
.breadcrumb > li:nth-last-child(3):hover:after { border-left-color: hsl(200,25%,91%);}

.breadcrumb > li:nth-last-child(2) { background: hsl(200,11%,88%);}
.breadcrumb > li:nth-last-child(2):after { border-left-color: hsl(200,11%,88%);}
.breadcrumb > li:nth-last-child(2):hover { background: hsl(200,22%,92%);}
.breadcrumb > li:nth-last-child(2):hover:after { border-left-color: hsl(200,22%,92%);}

.breadcrumb > li:nth-last-child(1) { background: hsl(200,9%,90%);}
.breadcrumb > li:nth-last-child(1):after { border-left-color: hsl(200,9%,90%);}
.breadcrumb > li:nth-last-child(1):hover { background: hsl(200,19%,95%);}
.breadcrumb > li:nth-last-child(1):hover:after { border-left-color: hsl(200,19%,95%);}
} /*@media end*/

.carousel-control.right,  .carousel-control.left {
background-image: none;}
.carousel-control.right:hover {
background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.3) 100%);}
.carousel-control.left:hover {
background-image: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0001) 100%);}

.carousel-control .icon-prev, .carousel-control .icon-next {
font-size: 70px;}
.carousel-control {
text-shadow: 0 0px 4px rgba(0,0,0,0.6);}

a[data-toggle="modal"], a.lightbox {display: inline-block; position: relative; cursor: zoom-in;}

/*a[data-toggle="modal"]:after, a.lightbox:after {
content: url(/assets/img/magnify.svg);
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.8));}*/

a[data-toggle="modal"]:after, a.lightbox:after {
/*content: "\1F50D";*/
font-family: FontAwesome;
content: "\f00e";
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
color: rgb(255,255,255);
opacity: 0.5;
text-shadow: 0 0 4px rgba(0,0,0,0.6);
font-size: 56px;
}

/*a[data-toggle="modal"]:before, a.lightbox:before {
content: "+";
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
margin-left: -7px; margin-top: -6px;
color: rgb(255,255,255);
opacity: 0.5;
text-shadow: 0 0 3.5px rgba(0,0,0,0.75);
font-size: 26px;}*/

/*IE11*/
a:link, a:visited, a:hover, a:active {text-decoration: none;}

.parts img.thumbnail:not([src$="no-img.jpg"]) {
width: auto;
height: auto;
cursor: zoom-in;}

div.text-xs-center  > a.pull-xs-left {
margin-top: 0;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.33333;
border-radius: .3rem;
float: none  !important;
}

.btn-city-choose {
padding-left: .5rem;
padding-right: .5rem;
padding-top: .125rem;
padding-bottom: .125rem;
background: rgba(248, 229, 56, 1);
display: flex;
margin-left: 0.2rem;
font-weight: bold;
color: black;
border-width: 0px;
border-radius: .25rem;
/*animation: huerotate 30s linear infinite;*/
}
@keyframes huerotate {
0% {
 -webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
100% {
-webkit-filter: hue-rotate(360deg);
 filter: hue-rotate(360deg);
}
}
.btn-city-choose:before {
display: inline-block;
text-align: justify;
/*content: url(/assets/img/russia_map_simplified.svg);*/
/*font-family: FontAwesome;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
content: "";*/
white-space: pre;
font-weight: normal;
margin-right: 0.2em;}

#imgLightbox > .modal-lg {
width: auto;
margin-left: 1rem;
margin-right: 1rem;
/*IE11 hack*/
max-width: calc(100% - 2rem);
/*end ie hack*/
display: inline-block;}

#imgLightbox
{text-align: center;}

.modal-header {
text-align: left;}

@media (min-width: 204px) /*<-small picture minus padding*/ {
#responsive_pic_big {display:none;}
#responsive_pic_sm {display:inline;}
}
@media (min-width: 992px) {
#responsive_pic_big {display:inline;}
#responsive_pic_sm {display:none;}
}