html,
body {
height: 100%;
}
#wrap {
min-height: 100%;
background: url('/img/bg-bottom.png') 0 bottom repeat-x;
margin-bottom: -127px;
}
.cover {
margin: 0 auto 0; /*margin снизу по высоте футера!*/
padding: 0 0 157px; /*padding снизу по высоте футера!*/
}
body {
min-width: 1040px;
background: url('/img/bg-top.png') 0 0 repeat-x;
}
a:visited {
color: #6b9ac8;
}
.holder {
width: 1000px;
padding: 0 20px;
margin: 0 auto;
}
h3,
.h3,
h1,
.h1 {
font: bold 25px Arial;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
}
h3 a,
.h3 a {
font-size: 16px;
font-weight: normal;
color: #4f5358;
text-transform: none;
}
h2,
.h2 {
font-size: 20px;
font-weight: normal;
color: #000;
text-transform: uppercase;
margin: 0;
}
.bold {
font-weight: bold;
}
h6,
.h6 {
font-size: 16px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin: 0 0 12px;
}
.gray {color: #4f5358;}
.red {color: #dc2125;}
.italic {
font-style: italic;
}
.t-16 {font-size: 16px;}
.t-19 {font-size: 19px;}
.t-20 {font-size: 20px;}
/*==========================всякие элементы===========================*/
/*--------------- radio button ------------------*/
.radio-button {
display: inline-block;
line-height: 26px;
padding-left: 35px;
position: relative;
height: 26px;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
.radio-button p {
border-bottom: 1px dashed;
line-height: 16px;
padding-top: 5px;
color: #0060bf;
}
.radio-button:hover p,
.radio-button:hover,
.radio-button.active p {
border: none;
color: #000;
text-decoration: none;
}
.radio-button .radio-bg {
display: block;
position: absolute;
left: 0;
top: 0;
}
.radio-bg {
display: inline-block;
width: 26px;
height: 26px;
background: url('/img/radio-bg.png') 0 0 no-repeat;
}
.radio-bg .center {
display: block;
opacity: 0;
width: 100%;
height: 100%;
background: url('/img/radio-active.png') 0 0 no-repeat;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.radio-button:hover .radio-bg .center,
.radio-button.active .radio-bg .center {
opacity: 1;
}
/*--------------- end radio -------------------*/
/*-------------------------Select-gray------------------------------*/
.select-block {
position: relative;
}
.select-block .s-title {
font-size: 11px;
color: #000;
line-height: 14px;
margin: 4px 0 0 0;
}
.gray-select {
height: 39px;
border: 1px solid #c2d2dd;
background: #fff;
box-shadow: 0 12px 18px -6px #e3e9ee inset;
line-height: 39px;
font-size: 18px;
color: #000;
padding: 0 23px 0 0;
cursor: pointer;
position: relative;
}
.gray-select a.top,
.gray-select a.down {
display: block;
width: 24px;
height: 21px;
background: url('/img/select-button.png') 0 0 no-repeat;
position: absolute;
right: -1px;
}
.gray-select a.top {
background-position: 0 0;
top: 0;
}
.gray-select a.down {
background-position: 0 bottom;
bottom: 0;
}
.select-item {
height: 39px;
position: absolute;
width: 100%;
}
.select-item.active {
background: none !important;
}
.gray-select .select-item.less {
background: url('/img/select-gray-less.png') 0 0 repeat-x;
}
.gray-select .select-item.more {
background: url('/img/select-gray-more.png') 0 0 repeat-x;
}
.select-line {
height: 441px;
position: absolute;
left: -1px;
top: -201px;
overflow: hidden;
z-index: 3;
}
.simple-select .gray-select a.down {
width: 24px;
height: 41px;
bottom: auto;
top: -1px;
background: url('/img/select-button-2.png') 0 0 no-repeat;
}
.select-215 {
width: 215px;
text-align: left;
}
.select-215 .select-line {
width: 190px;
}
.select-215 .select-item {
width: 180px;
padding-left: 10px;
}
.select-320 {
width: 320px;
text-align: left;
}
.select-320 .select-line {
width: 295px;
}
.select-320 .select-item {
width: 285px;
padding-left: 10px;
}
.select-95 {
width: 95px;
text-align: center;
}
.select-95 .select-line {
width: 72px;
}
.select-70 {
width: 70px;
text-align: center;
}
.select-70 .select-line {
width: 47px;
}
.amount-select {
width: 70px;
text-align: center;
height: 31px;
}
.amount-select .gray-select {
height: 29px;
line-height: 29px;
}
.amount-select .gray-select a.top,
.amount-select .gray-select a.down {
display: block;
width: 24px;
background: url('/img/select-button-3.png') 0 0 no-repeat;
position: absolute;
right: -1px;
}
.amount-select .gray-select a.top {
background-position: 0 0;
top: 0;
height: 16px;
}
.amount-select .gray-select a.down {
background-position: 0 bottom;
bottom: 0;
height: 15px;
}
/*-----------------------end select--------------------------------*/
/*----------------------- checkbox---------------------------*/
.checkbox-button-block {
position: relative;
}
.checkbox-button {
display: inline-block;
line-height: 26px;
padding-left: 35px;
position: relative;
height: 26px;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
.checkbox-button p {
border-bottom: 1px dashed;
line-height: 16px;
padding-top: 5px;
color: #0060bf;
}
.checkbox-button:hover p,
.checkbox-button:hover,
.checkbox-button.active p {
border: none;
color: #000;
text-decoration: none;
}
.checkbox-button .checkbox-bg {
display: block;
position: absolute;
left: 0;
top: 0;
}
.checkbox-button .checkbox-bg {
display: inline-block;
width: 26px;
height: 26px;
background: url('/img/checkbox-bg.png') 0 0 no-repeat;
}
.checkbox-button .checkbox-bg .center {
display: block;
opacity: 0;
width: 100%;
height: 100%;
background: url('/img/checkbox-active.png') 0 0 no-repeat;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.checkbox-button:hover .checkbox-bg .center,
.checkbox-button.active .checkbox-bg .center {
opacity: 1;
}
/*----------------------- end checkbox---------------------------*/
/*----------------------- sub-checkbox---------------------------*/
.sub-checkbox {
display: inline-block;
line-height: 21px;
padding-left: 30px;
position: relative;
height: 21px;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
.sub-checkbox p {
border-bottom: 1px dashed;
line-height: 16px;
padding-top: 6px;
color: #0060bf;
}
.sub-checkbox:hover p,
.sub-checkbox:hover,
.sub-checkbox.active p {
border: none;
color: #000;
text-decoration: none;
}
.sub-checkbox .checkbox-bg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 21px;
height: 21px;
background: url('/img/sub-checkbox-bg.png') 0 0 no-repeat;
}
.sub-checkbox .checkbox-bg .center {
display: block;
opacity: 0;
width: 26px;
height: 26px;
background: url('/img/checkbox-active.png') -2px 0 no-repeat;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.sub-checkbox:hover .checkbox-bg .center,
.sub-checkbox.active .checkbox-bg .center {
opacity: 1;
}
/*----------------------- end sub-checkbox---------------------------*/
/*----------------------- price slider ---------------------------*/
.ui-corner-all {
border-radius: 0;
}
.ui-widget-content {
border:none;
background: #c2d2dd;
}
.ui-slider-horizontal {
height: 5px;
}
.ui-slider {
position: relative;
text-align: left;
width: 394px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
position: absolute;
z-index: 1;
display: block;
border: 0;
}
.ui-widget-header {
background: #3c3c3c;
}
.ui-slider .ui-slider-handle {
width: 20px;
height: 13px;
background: url('/img/slider-handle.png') 0 0 no-repeat;
position: absolute;
z-index: 2;
top: -13px;
margin-left: -9px;
border: none;
cursor: default;
}
.price-select .min {float: left;}
.price-select .max {float: right;}
.price-select .min,
.price-select .max {
font-size: 11px;
display: block;
margin-top: 10px;
}
/*----------------------- end price slider---------------------------*/
/*----------------------- tooltip-c ---------------------------*/
.tooltip-c {
width: 110px;
height: 47px;
padding: 0 20px;
border: 1px solid #cad3da;
border-radius: 3px;
font: normal 12px/18px Arial;
color: #2a2c2f;
position: absolute;
left: 50%;
margin-left: 55px;
z-index: 1;
opacity: 0;
display: none;
text-align: center;
box-shadow: 0 1px 0 #fff inset;
background: #f1f6fb url('/img/tooltip-1.png') 0 bottom repeat-x;
}
.tooltip-c .tt-cont {
display: table-cell;
width: inherit;
height: inherit;
vertical-align: middle;
}
.tooltip-c .ang {
width: 16px;
height: 14px;
background: url('/img/ang-1.png') 0 0 no-repeat;
position: absolute;
left: 50%;
margin-left: -8px;
bottom: -13px;
display: block;
}
/*----------------------- end tooltip-c ---------------------------*/
/*----------------------- чёрная кнопка ---------------------------*/
.all-black {
display: inline-block;
}
.all-black a {
background: url('/img/all-black.png') 0 0 repeat-x;
display: block;
line-height: 39px;
border: 1px solid #222222;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
text-shadow: 0 -1px 0 #252525;
padding: 0 13px;
text-transform: uppercase;
position: relative;
}
.all-black a .ang {
display: block;
position: absolute;
width: 13px;
height: 41px;
background: url('/img/ang-2.png') 0 0 no-repeat;
top: -1px;
right: -13px;
}
.all-black a:hover {
background-position: 0 -47px;
}
.all-black a:hover .ang {
background-position: 0 -45px;
}
/*----------------------- end чёрная кнопка ---------------------------*/
/*----------------------- чёрная кнопка "заказать" ---------------------------*/
.all-black.order-btn a {
background: url('/img/all-black.png') 0 -47px repeat-x;
}
.all-black.order-btn a .ang {
background: url('/img/ang-2.png') 0 -47px no-repeat;
}
.all-black.order-btn a:hover,
.all-black.order-btn a:hover .ang {
background-position: 0 0;
}
/*----------------------- end чёрная кнопка "заказать" ---------------------------*/
/*----------------------- чёрная кнопка small ---------------------------*/
.all-black.small a {
line-height: 29px;
background: url('/img/all-black29.png') 0 0 repeat-x;
}
.all-black.small a:hover {
background-position: 0 -38px;
}
.all-black.small a .ang {
width: 13px;
height: 31px;
background: url('/img/ang-3.png') 0 0 no-repeat;
top: -1px;
right: -13px;
}
.all-black.small a:hover .ang {
background-position: 0 bottom;
}
/*----------------------- end чёрная кнопка small ---------------------------*/
/*----------------------- чёрная кнопка small "заказать" ---------------------------*/
.all-black.small.order-btn a {
background: url('/img/gray-btn29.png') 0 -38px repeat-x;
}
.all-black.small.order-btn a:hover {
background-position: 0 0;
}
.all-black.small.order-btn a .ang {
background: url('/img/gray-ang.png') 0 bottom no-repeat;
}
.all-black.small.order-btn a:hover .ang {
background-position: 0 0;
}
/*----------------------- end чёрная кнопка small "заказать" ---------------------------*/
/*----------------------- pagination ---------------------------*/
.pagination {
margin: 0 0 27px;
}
.pagination ul {
box-shadow: none;
border-radius: 0;
}
.pagination ul li {
border: none;
background: none;
border-radius: 0;
}
.pagination ul li.active a {
background: none;
}
.pagination ul li a {
background: none;
border: none;
border-radius: 0 !important;
color: #0060bf;
font-size: 16px;
border-bottom: 3px solid #bdc8d1;
position: relative;
padding: 8px 15px 12px;
}
.pagination ul li a:hover {
text-decoration: underline;
background: none;
border-bottom-color: #dc2125;
}
.pagination ul li a span {
display: none;
width: 20px;
height: 13px;
background: url('/img/mark-1.png') 0 0 no-repeat;
position: absolute;
top: -12px;
left: 50%;
margin-left: -10px;
}
.pagination ul li a:hover span {
display: block;
}
.pagination ul li.active a {
color: #000;
}
.pagination ul li.active a:hover {
text-decoration: none;
border-color: #bdc8d1;
}
.pagination ul li.active a:hover span {
display: none;
}
/*----------------------- end pagination ---------------------------*/
/*----------------------- photo-simple-slider ---------------------------*/
.photo-simple-slider {
width: 320px;
height: 241px;
overflow: hidden;
position: relative;
}
.photo-simple-slider .slider {
position: relative;
z-index: 1;
}
.photo-simple-slider a.left,
.photo-simple-slider a.right {
width: 24px;
height: 13px;
background: url('/img/small-arrows-link.png') 0 0 no-repeat;
display: block;
position: absolute;
bottom: 10px;
z-index: 2;
}
.photo-simple-slider a.left {background-position: 0 -3px;right: 35px;}
.photo-simple-slider a.left:hover {background-position: 0 -23px;}
.photo-simple-slider a.right {right: 10px;background-position: right -3px;}
.photo-simple-slider a.right:hover {background-position: right -23px;}
/*----------------------- end photo-simple-slider ---------------------------*/
/*----------------------- red-square ---------------------------*/
.red-square {
margin: 0;
}
.red-square li {
list-style: none;
margin-bottom: 5px;
line-height: 18px;
padding: 0 0 0 10px;
background: url('/img/red-square.gif') 0 8px no-repeat;
}
/*----------------------- end red-square ---------------------------*/
/*==============================Шапка=================================*/
.header {
background: url('/img/top-blue-bg.png') 50% 0 no-repeat;
color: #4f5358;
font-size: 12px;
padding: 15px 0 0;
position: relative;
z-index: 5;
margin-bottom: 23px;
}
.logo {padding: 6px 0 29px;}
.header .tel {
float: right;
}
.header .tel span {
font-size: 19px;
font-weight: bold;
}
.head-basket {
float: right;
line-height: 24px;
margin-right: 95px;
}
.head-basket a {
display: block;
color: #4f5358;
padding: 0 0 0 24px;
background: url('/img/basket-1.png') 0 3px no-repeat;
-webkit-transition: color 200ms;
-moz-transition: color 200ms;
-ms-transition: color 200ms;
-o-transition: color 200ms;
}
.head-basket a:hover {
color: #000;
background-position: 0 -22px;
}
.navbar {
margin: 20px -12px 0 0;
position: relative;
}
.navbar-inner {
background: none;
padding: 0;
margin: 0;
box-shadow: none;
border: 0;
min-height: 14px;
filter: none;
}
.navbar .nav > li > a {
padding: 0 9px 0 9px;
margin: 0;
display: block;
position: relative;
left: -2px;
height: inherit;
border: none;
line-height: 29px;
font-size: 13px;
color: #000;
text-transform: uppercase;
text-shadow: none;
}
.header .nav > li > a:hover,
.header .nav > li.active > a {
margin: 0;
z-index: 1;
background: #e3e9ee;
}
.navbar .nav > li > a .left-ang {
left: -12px;
background-position: 0 35px;
}
.navbar .nav > li > a .right-ang {
right: -12px;
background-position: 0 35px;
}
.navbar .nav > li > a:hover .right-ang,
.navbar .nav > li > a:hover .left-ang,
.header .nav > li.active > a .right-ang,
.header .nav > li.active > a .left-ang {
background-position: 0 0;
}
.header .nav > li {
padding: 0 0 0 12px;
margin: 0 0 0 -1px;
height: 29px;
line-height: 29px;
background: url('/img/divider.png') 0 4px no-repeat;
border: none;
}
.header .nav > li:first-child {
background: none;
}
.navbar .submenu {
width: 658px;
background: #fff url('/img/submenu-bg.png') 0 0 repeat-x;
position: absolute;
padding: 23px 30px 0;
right: 12px;
top: 20px;
display: none;
}
.menu-car {
width: 145px;
text-align: center;
float: left;
margin: 0 0 59px 110px;
}
.menu-car:first-child {
margin-left: 0;
}
.menu-car a {
display: block;
padding-top: 91px;
color: #0060bf;
font-size: 18px;
}
.menu-car.car-1 a {background: url('/img/cars/menu-car-1.png') 50% 0 no-repeat;}
.menu-car.car-2 a {background: url('/img/cars/menu-car-2.png') 50% 0 no-repeat;}
.menu-car.car-3 a {background: url('/img/cars/menu-car-3.png') 50% 0 no-repeat;}
.menu-car.car-4 a {background: url('/img/cars/menu-car-4.png') 50% 0 no-repeat;}
.menu-car.car-5 a {background: url('/img/cars/menu-car-5.png') 50% 0 no-repeat;}
.menu-car.car-6 a {background: url('/img/cars/menu-car-6.png') 50% 0 no-repeat;}
.header-city {
font-weight: bold;
}
.header-city a {
font-size: 14px;
}
/*============================== Футер =================================*/
.footer {
height: 127px;
background: url('/img/bottom-blue-bg.png') 54% bottom no-repeat;;
}
.footer .holder {
position: relative;
}
.footer .row-fluid{
border-top: 1px solid #c2d2dd;
padding-top: 20px;
position: relative;
}
.footer .navbar {
margin-top: 10px;
}
.footer .navbar a:hover {
text-decoration: underline !important;
}
.search-input {
position: relative;
}
.search-input input {
width: 184px;
border: 1px solid #c2d2dd;
border-radius: 1px;
box-shadow: 0 12px 18px -6px #e3e9ee inset;
padding: 0 40px 0 8px;
height: 29px;
line-height: 29px;
font-size: 13px;
}
.search-input input:focus {
box-shadow: none;
border-color: #c2d2dd;
}
.search-input button {
width: 30px;
height: 31px;
background: url('/img/search-1.png') 0 0 no-repeat;
padding: 0;
position: absolute;
display: block;
top: 0;
right: 0;
border: none;
box-shadow: none;
}
.search-input button:hover {
background-position: 0 bottom;
}
.footer .search-input {
margin-bottom: 25px;
}
.footer .search-input input {
width: 180px;
}
.footer .copy {
font-size: 12px;
color: #4f5358;
white-space: nowrap;
}
.footer-logo {
position: absolute;
right: 0;
bottom: 5px;
width: 154px;
}
.footer-logo img {
max-width: 100%;
}
.footer.footer-mobile {
background-position: bottom right;
}
.footer.footer-mobile .footer-logo {
right: auto;
left: 20px;
bottom: -30px;
}
.vesna {
position: absolute;
right: 0;
bottom: 4px;
}
.vesna a {
font-size: 12px;
color: #fff;
padding: 0 10px 7px 0;
position: relative;
display: block;
}
.vesna a span {
width: 17px;
height: 17px;
background: url('/img/vesna.png') 0 0 no-repeat;
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
}
.vesna a:hover {
text-decoration: none;
}
.vesna a:hover span{
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);
-ms-transform: rotate(39deg);
-o-transform: rotate(39deg);
}
/*======================================= Главная =========================================*/
/*------------------- фильтр шин ------------------------*/
.bus-filter .h3 {margin-bottom: 55px;}
.bus-filter .steps {margin-bottom: 72px;}
.bus-filter .step {
float: left;
}
.bus-filter .step-1-active .step-1 .step-content,
.bus-filter .step-2-active .step-1 .step-content,
.bus-filter .step-3-active .step-1 .step-content {
margin-right: 16px;
}
.bus-filter .steps.step-1-active .step-2 {
margin-right: 8px;
}
.steps.step-1-active .step-2 .step-number,
.steps.step-1-active .step-3 .step-number,
.steps.step-2-active .step-3 .step-number {
color: #bdc8d1;
border-color: #bdc8d1;
}
.step-2 .step-number, .step-3 .step-number {
padding-right: 5px;
}
.step.step-3 {float: right;}
.bus-filter .step-number {
font: bold 50px/56px Arial;
border-right: 1px solid #010101;
float: left;
background: url('/img/step-num-shadow.png') 2px 48px no-repeat;
cursor: default;
position: relative;
}
.bus-filter .step-content {
position: relative;
float: left;
}
.s1-car {
float: left;
position: relative;
margin: -28px 0 0 28px;
cursor: pointer;
}
.car-holder {
overflow: hidden;
position: relative;
}
.s1-car:first-child {
margin-left: 18px;
}
.s1-car img {display: block;}
.s1-car .car-img {
position: relative;
}
.s1-car .act-car {
position: absolute;
bottom: 0;
left: -110%;
}
.s1-car.active .act-car {
left: 0;
}
.s1-car.active .car-img {
left: 110%;
}
.bus-filter .tooltip-c {
width: 107px;
bottom: 90px;
margin-left: -75px;
}
.weather-bus {
height: 74px;
position: relative;
display: inline-block;
padding-left: 80px;
line-height: 65px;
cursor: pointer;
margin-left: 20px;
}
.ico-block {
width: 65px;
position: absolute;
left: 0;
top: 0;
}
.weather-bus .ico {
height: 68px;
width: 65px;
position: relative;
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: top 200ms;
-moz-transition: top 200ms;
-ms-transition: top 200ms;
-o-transition: top 200ms;
}
.weather-bus span {
border-bottom: 1px dashed;
font-size: 18px;
}
.weather-bus:hover span {
color: #000;
border-bottom: none;
}
.weather-bus:hover {text-decoration: none;}
.weather-bus:hover .ico {
background-position: 0 -85px;
top: -10px;
}
.weather-bus:hover .ico-block img {
width: 43px;
}
.weather-bus.summer .ico {background-image: url('/img/wet-ico-1.png');}
.weather-bus.snow .ico {background-image: url('/img/wet-ico-2.png');}
.weather-bus.all-s .ico {background-image: url('/img/wet-ico-3.png');}
.weather-bus .ico-block img {
display: block;
margin: 0 auto;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.weather-bus.sport .ico {
height: 77px;
background: url('/img/wet-ico-4.png') 5px 0 no-repeat;
}
.weather-bus.sport:hover .ico {
background-position: 5px -77px;
}
.truck-bg .wheels:after,
.description-block .text-block:after,
.standart-size .text-block:after,
.news-list .news:after {
*zoom: 1;
display: table;
height: 0;
content: "";
clear: both;
}
.truck-bg {
width: 387px;
height: 90px;
background: url(/img/truck.png) 0 0 no-repeat;
float: left;
position: relative;
top: -34px;
margin: 0 35px 0 67px;
}
.truck-bg .wheels {
position: absolute;
cursor: pointer;
display: block;
}
.truck-bg .wheels.trailer {
left: 26px;
top: 60px;
}
.truck-bg .wheels.drv-ax {
top:60px;
left: 205px;
}
.truck-bg .wheels.ste-ax {
left: 348px;
top: 60px;
}
.truck-bg .wheel {
width: 25px;
height: 25px;
position: relative;
float: left;
background: url('/img/wheel.png') 0 0 no-repeat;
}
.truck-bg .wheels:hover .wheel {
background-position: 0 bottom;
}
.truck-bg .wheels .tooltip-c {
top: -60px;
}
.step-2 .step-content .all-black {
float: left;
margin-top: -5px;
}
.bus-var {
display: inline-block;
padding: 5px 0 0 47px;
background: url('/img/select.png') 0 5px no-repeat;
line-height: 40px;
color: #0060bf;
font-size: 18px;
margin-right: 10px;
}
.bus-var:first-child {
margin-left: 35px;
}
.bus-var span {
border-bottom: 1px dashed;
}
.bus-var:hover,
.bus-var.active span,
.bus-var.active {
color: #000;
text-decoration: none;
border: none;
}
.bus-var.active {
background-position: 0 -67px;
}
.bus-filter .step-3-active .step-3 {
float: left;
}
.bus-filter .step-3-active .step-3 .step-number .tooltip-c {
display: block;
opacity: 1;
bottom: 68px;
padding: 0 10px;
width: 127px;
}
.bus-filter .step-3-active .step-2 .step-content {
width: 225px;
}
.step-content .selected {margin-top: -28px;}
.step-content .selected img {
display: block;
margin: 0 auto;
}
.step-3 .step-content {
margin-top: -5px;
}
.step-3 .select-block {
margin-left: 25px;
float: left;
}
.step-3 .select-block:first-child {
margin-left: 17px;
}
.step-3 .step-content .all-black {
float: left;
margin-left: 23px;
}
/*-------------------------------------------------------*/
/*-----------------------------------Новости-------------------------------------*/
.small-arrow-link {
display: inline-block;
width: 24px;
height: 19px;
background: url('/img/small-arrows-link.png') 0 0 no-repeat;
}
.small-arrow-link.left {
background-position: 0 0;
}
.small-arrow-link.left:hover {
background-position: 0 bottom;
}
.small-arrow-link.right {
background-position: right 0;
}
.small-arrow-link.right:hover {
background-position: right bottom;
}
.h3 .left {
margin-left: 10px;
}
.index-news-block {
margin-bottom: 40px;
}
.index-news-block .h3 {
margin-bottom: 34px;
}
.index-news-block .news {
font-size: 16px;
line-height: 22px;
}
.index-news-block .news .photo {
margin-bottom: 23px;
}
.index-news-block .news a {
color: #0060bf;
}
/*========================================= Список товаров ===============================================*/
.breadcrumb {
background: none;
padding: 0;
}
.breadcrumb li {
padding: 0 6px 0 9px;
line-height: 10px;
border-left: 1px solid #a7aeb4;;
}
.breadcrumb li:first-child {
padding-left: 0;
border: none;
}
.breadcrumb a {
font-size: 11px;
color: #4f5358;
text-shadow: none;
}
/*----------- Фильтр ----------------*/
.filter-block {
padding: 30px 20px;
background: #f2f6fb;
margin-bottom: 30px;
}
.filter-block .select-block {
float: left;
}
.filter-block .select-215 {
margin-left: 19px;
}
.filter-block .select-215:first-child {
margin-left: 0;
}
.filter-block .select-95 {
margin-left: 35px;
}
.filter-block .selects .select-95:first-child {
margin-left: 0;
}
.filter-block .selects {margin-left: 14px;float: left;}
.filter-block .size {
line-height: 41px;
font-size: 18px;
color: #4f5358;
margin-top: 30px;
}
.filter-block .select-block .s-title {
white-space: nowrap;
text-align: left;
}
.filter-block .radio-button-block {
float: left;
}
.filter-block .radio-button-block a {
display: block;
}
.filter-block.for-pass .checkbox-button-block,
.filter-block.for-otp .checkbox-button-block {
float: left;
padding: 6px 30px 11px 9px;
}
.filter-block.for-truck .checkbox-button-block {
float: left;
padding: 6px 6px 11px 9px;
}
.checkbox-button-block.bground.active {
background: #d0dce6;
}
.checkbox-button-block .sub-check-block {
position: absolute;
top:43px;
left: 0;
background: #d0dce6;
width: 318px;
padding: 24px 12px 20px;
display: none;
z-index: 3;
}
.filter-block .sub-checkbox {
margin-left: 35px;
}
.filter-block .sub-checkbox:first-child {
margin-left: 0;
}
.price-select {
color: #4f5358;
font-size: 18px;
margin-top: 40px;
padding-left: 9px;
}
.price-select .ui-slider {
float: left;
}
.price-select .ui-slider {
margin: 19px 0 0 15px;
}
.select-215 .tooltip-c {
width: 207px;
padding: 0 10px;
margin-left: -113px;
z-index: 4;
bottom: 48px;
}
/*-------табы фильтра ------------*/
.sort-tabs {
margin: 50px 0 25px;
}
.nav-pills {
border-bottom: 1px solid #e3e8eb;
}
.nav-pills > li {
padding: 0 30px;
border-left: 1px solid #e3e8eb;
margin-bottom: -1px;
height: 41px;
}
.nav-pills > li:first-child {
padding-left: 0;
border: none;
}
.nav-pills > li > a {
padding: 0;
border-radius: 0;
display: block;
margin: 0;
text-transform: uppercase;
color: #0060bf;
font-size: 20px;
}
.nav-pills > li > a span {
border-bottom: 1px dashed;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover span {
color: #fff;
}
.nav-pills > li > a:hover {
background: none;
}
.nav-pills > li > a:hover span {
color: #000;
}
.nav-pills > .active > a span {
border: none;
}
.nav-pills > li > a div {
line-height: 37px;
height: 37px;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.nav-pills > .active > a div {
padding: 0 20px;
}
.nav-pills > .discount.active > a {
border: 1px solid #dc2125;
background: #dc2125;
}
.nav-pills > .discount.active > a div {
border: 1px solid #ee9092;
}
.nav-pills > .leader.active > a {
border: 1px solid #edb00b;
background: #edb00b;
}
.nav-pills > .leader.active > a div {
border: 1px solid #f6d885;
}
.nav-pills > .latest.active > a {
border: 1px solid #63c521;
background: #63c521;
}
.nav-pills > .latest.active > a div {
border: 1px solid #b1e290;
}
/*------ блок товара -------*/
.ribbon {
position: absolute;
height: 18px;
left: 0;
top: 0;
}
.discount .ribbon {
width: 66px;
background: url('/img/ribb-discount.png') 0 0 no-repeat;
}
.latest .ribbon {
width: 73px;
background: url('/img/ribb-latest.png') 0 0 no-repeat;
}
.leader .ribbon {
width: 101px;
background: url('/img/ribb-leader.png') 0 0 no-repeat;
}
.product-in-list {
float: left;
margin: 0 0 25px 5px;
width: 330px;
height: 305px;
position: relative;
}
.product-in-list .photo {
width: 155px;
height: 220px;
text-align: center;
overflow: hidden;
float: left;
margin: 0 17px 10px 0;
}
.product-in-list .photo a {
width: inherit;
height: inherit;
display: table-cell;
vertical-align: middle;
}
.product-in-list .price {
font-size: 22px;
color: #000;
}
.product-in-list .price td {
vertical-align: bottom;
line-height: 15px;
padding: 0 5px 10px 0;
}
.product-in-list .price td:first-child {
font-size: 11px;
color: #4f5358;
line-height: 10px;
}
.product-in-list .price .old-price {
font-size: 11px;
color: #4f5358;
text-decoration: line-through;
}
.product-logo {
height: 57px;
margin-bottom: 15px;
}
.product-in-list .all-black {
margin-bottom: 7px;
}
.bus-icons {margin-top: 2px;}
.bus-icons .ico {
width: 34px;
height: 33px;
position: relative;
float: left;
margin-right: 9px;
}
.bus-icons .ico-img {
overflow: hidden;
position: relative;
width: inherit;
height: inherit;
}
.bus-icons .ico img {
display: block;
position: absolute;
left: 0;
top: 0;
}
.bus-icons .ico:hover img {
top: -33px;
}
.bus-icons .tooltip-c {
width: 107px;
padding: 0;
margin-left: -53px;
bottom: 48px;
}
.non-v {
font-size: 11px;
color: #4f5358;
}
/*-----------*/
.products-list {
position: relative;
}
.shadow-select {
box-shadow: 0 0 5px 2px #e3eaf0;
position: absolute;
width: 340px;
height: 304px;
left: -10px;
top: -20px;
opacity: 0;
}
.sorting-block {
margin: 0 0 46px;
}
.sorting-block .h2 {
float: left;
margin-right: 79px;
}
.price-sorting {
line-height: 30px;
margin-top: 7px;
}
.price-sorting a {
color: #4f5358;
padding-right: 18px;
background: url('/img/arr-1.png') no-repeat;
}
.price-sorting a.up {
background-position: right 4px;
}
.price-sorting a.down {
background-position: right -24px;
}
.price-sorting a span {
border-bottom: 1px dashed;
}
.price-sorting a:hover,
.price-sorting a:hover span {
text-decoration: none;
border: none;
color: #000;
}
.all-or-not {
margin: 15px 0 0 60px;
}
.all-or-not li {
display: block;
float: left;
padding: 0 10px;
line-height: 15px;
border-left: 1px solid #9299a1;
}
.all-or-not li:first-child {
padding-left: 0;
border: none;
}
.all-or-not li a {
color: #4f5358;
border-bottom: 1px dashed;
}
.all-or-not li a:hover,
.all-or-not li.active a {
color: #000;
border: none;
text-decoration: none;
}
/*================================================ текстовая ===================================================*/
.text-block {
margin-bottom: 40px;
}
.text-block .location {
margin-top: 30px;
}
.location {}
.location p {
margin: 0 0 5px;
padding: 0 0 0 20px;
background: url('/img/location.gif') 0 0 no-repeat;
}
.location p.addr {background-position: 1px 4px;}
.location p.tel {background-position: 1px -31px;}
.location p.fax {background-position: 1px -65px;}
.location p.hot-tel {margin-top: 24px;}
.location a {
color: #0060bf;
text-decoration: none;
border-bottom: 1px dashed;
}
.text-block h2 {
margin-bottom: 17px;
}
.company-table {
margin-bottom: 25px;
}
.company-table td {
padding: 0 35px 5px 0;
}
/*================================================ карточка товара ===================================================*/
.product-photos-block {
position: relative;
}
.product-photos-block .big {
margin-bottom: 15px;
}
.product-photos-block .small-photos {
margin-left: -21px;
}
.product-photos-block .small-photos .photo {
float: left;
width: 82px;
height: 78px;
overflow: hidden;
margin: 0 0 20px 21px;
}
.about-product .w-bg {
background: #f2f6fb;
padding: 20px;
margin-bottom: 50px;
line-height: 19px;
}
.old-price {
text-decoration: line-through;
}
.about-product .old-price {
font-size: 16px;
margin: 0 10px;
}
.new-price {
color: #dc2125;
}
.about-product .new-price {
font-size: 23px;
line-height: 16px;
}
.about-product .price {
font-size: 23px;
color: #000;
margin-left: 15px;
font-weight: bold;
line-height: 16px;
}
.about-product .select-block {
float: left;
margin: -11px 15px 0 25px;
}
.about-product .all-black {
float: left;
margin-top: -11px;
}
.about-product .title {
font-size: 14;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 3px;
}
.selected-type {
margin-bottom: 40px;
}
.selected-type span {
display: block;
float: left;
}
.s-type {
float: left;
margin-right: 70px;
}
.s-type .type-1 {
display: inline-block;
width: 67px;
height: 37px;
background: url('/img/cars/car-1-mini.png') 0 0 no-repeat;
margin: -10px 0 0 12px;
}
.s-type .type-2 {
display: inline-block;
width: 64px;
height: 42px;
background: url('/img/cars/car-2-mini.png') 0 0 no-repeat;
margin: -12px 0 0 12px;
}
.s-type .type-3 {
display: inline-block;
width: 61px;
height: 48px;
background: url('/img/cars/car-3-mini.png') 0 0 no-repeat;
margin: -17px 0 0 12px;
}
.s-type .type-4 {
display: inline-block;
width: 70px;
height: 45px;
background: url('/img/cars/car-4-mini.png') 0 0 no-repeat;
margin: -15px 0 0 12px;
}
.s-type .type-5 {
display: inline-block;
width: 79px;
height: 47px;
background: url('/img/cars/car-5-mini.png') 0 0 no-repeat;
margin: -16px 0 0 12px;
}
.s-type .type-6 {
display: inline-block;
width: 61px;
height: 53px;
background: url('/img/cars/car-6-mini.png') 0 0 no-repeat;
margin: -23px 0 0 12px;
}
.s-season .type-1 {
width: 34px;
height: 34px;
background: url('/img/wet-ico-1-mini.png') 0 0 no-repeat;
margin: -10px 0 0 12px;
}
.s-season .type-2 {
width: 37px;
height: 39px;
background: url('/img/wet-ico-2-mini.png') 0 0 no-repeat;
margin: -13px 0 0 12px;
}
.s-season .type-3 {
width: 33px;
height: 36px;
background: url('/img/wet-ico-3-mini.png') 0 0 no-repeat;
margin: -12px 0 0 12px;
}
.descriptions-icons {
margin-left: -25px;
}
.descriptions-icons .icon {
width: 104px;
text-align: center;
float: left;
margin: 0 0 20px 0;
font-size: 12px;
line-height: 15px;
}
.descriptions-icons .ico {
width: 54px;
height: 53px;
position: relative;
overflow: hidden;
margin: 0 auto 5px;
}
.descriptions-icons .ico img {
display: block;
position: absolute;
top: 0;
left: 0;
}
.descriptions-icons .ico:hover img {
top: -54px;
}
.nav-pills.descr-tabs > .active > a {
border: 1px solid #9299a1;
background: #9299a1;
}
.nav-pills.descr-tabs > .active > a div {
border: 1px solid #c9ccd0;
}
.description-block {
padding-top: 8px;
margin-bottom: 35px;
}
.description-block .title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.description-block .red-square li {
margin-bottom: 2px;
}
.description-block .text-block {
margin-bottom: 27px;
}
.product-in-list .pr-name {
font-size: 20px;
margin-bottom: 20px;
}
.similar-products h2 {
margin-bottom: 25px;
}
.table-striped td {
border: none;
}
/*.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #f2f6fb;
}*/
.size-table {
font-size: 16px;
}
.size-table th {
color: #4f5358;
font-weight: normal;
font-size: 13px;
padding: 6px 6px 8px 20px;
border: none;
vertical-align: middle;
}
.size-table td {
vertical-align: middle;
padding: 13px 6px 17px 20px
}
.description-block .text-img.pull-left {
margin: 0 10px 8px 0;
}
.description-block .text-img.pull-right {
margin: 0 0 8px 10px;
}
.description-block .technology .title {
margin-bottom: 11px;
}
/*--------- нет в наличии ------------*/
.not-available .b-size {
float: left;
margin-right: 104px;
}
.not-available .all-black {
float: none;
margin-top: 7px;
}
.not-available .all-black a {
padding: 0 16px;
}
/*================================================ модальное окно заказа ===================================================*/
.modal-overlay {
position: absolute;
width: 100%;
min-width: 1040px;
height: 100%;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 1000;
}
.modalBody {
width: 600px;
padding: 24px 30px;
background: #fff;
position: absolute;
left: 50%;
margin-left: -330px;
box-shadow: 0 0 20px 2px #bcc6cd;
}
.modalBody form {
margin: 0;
}
.order-descr {
margin-bottom: 33px;
}
.form .input {
width: 306px;
height: 31px;
border: 1px solid #c2d2dd;
border-radius: 1px;
margin: 0;
box-shadow: 0 12px 18px -6px #e3e9ee inset;
}
.form .input:focus {
box-shadow: none;
border-color: #c2d2dd;
}
.form textarea.input {
min-width: 456px;
max-width: 456px;
min-height: 160px;
max-height: 160px;
}
.form label {
font-size: 18px;
color: #000;
margin-bottom: 11px;
cursor: default;
}
.form .control-group {
margin-bottom: 27px;
}
.modalBody .close {
float: none;
display: block;
width: 19px;
height: 18px;
background: url('/img/close-1.gif') 0 0 no-repeat;
position: absolute;
opacity: 1;
right: 30px;
top: 30px;
}
.form .help-inline {
margin: -7px 0 0 17px;
display: none;
color: #dc2125;
}
.form .error .help-inline {
display: inline-block;
}
.form .help-block {
margin: 5px 0 0 0;
color: #dc2125;
display: none;
}
.form .error .help-block {
display: block;
}
.form .error .input {
border-color: #fbadaf;
box-shadow: 0 12px 18px -6px #fcc7c8 inset;
}
.form .error .input:focus {
border-color: #fbadaf;
box-shadow: none;
}
/*================================================ оформление заказа ===================================================*/
.form-map {
width: 492px;
height: 168px;
position: relative;
}
.form-map .marker {
width: 41px;
height: 40px;
background: url('/img/marker-1.png') 0 0 no-repeat;
position: absolute;
}
.form .back {
color: #4f5358;
display: block;
margin: 12px 24px 0 0;
}
/*================================================ корзина ===================================================*/
.bask-descr {
margin-bottom: 34px;
}
.bask-descr p {
margin: 0;
}
.basket-table td,
.basket-table th {
padding: 0;
vertical-align: middle;
border: none;
}
.basket-table td {
padding-bottom: 20px;
}
.basket-table th {
font-size: 13px;
font-weight: normal;
color: #4f5358;
}
.basket-table p {
margin: 0;
}
.basket-table .photo {
width: 169px;
}
.basket-table .title {
width: 257px;
font-size: 20px;
margin-bottom: 12px;
margin-top: 32px;
}
.basket-table .size,
.basket-table .price,
.basket-table .sum {
font-size: 16px;
font-weight: bold;
}
.basket-table .price {
width: 114px;
margin-bottom: 10px;
margin-top: 32px;
}
.basket-table .old-price {
color: #4f5358;
}
.basket-table .amount {
width: 142px;
margin-top: -2px;
}
.basket-table .sum {
width: 170px;
}
.basket-table .delete {
width: 150px;
}
.basket-table .delete a{
padding: 0 0 0 15px;
background: url('/img/delete-1.gif') 1px 4px no-repeat;
color: #4f5358;
font-size: 12px;
}
.basket-table .total {
margin-left: 98px;
}
.basket-table .total .price {
margin: 0 0 0 8px;
width: auto;
}
.basket-table .all-black {
margin-top: 16px;
}
.basket-table .back {
display: block;
float: left;
color: #4f5358;
margin-top: 27px;
}
.basket-table tfoot td {
padding-top: 23px;
}
/*================================================ список новостей ===================================================*/
.news-list {}
.news-list .news {
margin-bottom: 50px;
}
.news-list .photo {
width: 305px;
height: 155px;
position: relative;
overflow: hidden;
float: left
}
.news-list .news-content {
margin-left: 340px;
}
.news-list .news .title {
font-size: 20px;
line-height: 26px;
}
.photo .date {
position: absolute;
right: 0;
bottom: -25px;
display: block;
color: #fff;
font-size: 12px;
line-height: 25px;
padding: 0 15px 0 3px;
background: url('/img/black-trans.png');
height: 25px;
}
.photo .date .ang {
display: block;
position: absolute;
width: 29px;
height: 25px;
left: -29px;
top: 0;
background: url('/img/ang-4.png') 0 0 no-repeat;
}
/*================================================ новость ===================================================*/
.one-new {
margin-bottom: 40px;
}
.one-new .photo {
float: left;
margin: 0 20px 20px 0;
}
.date-v {
height: 25px;
line-height: 25px;
color: #fff;
background: #000;
font-size: 12px;
display: inline-block;
padding: 0 8px 0 14px;
position: relative;
}
.date-v .ang {
display: block;
position: absolute;
width: 29px;
height: 25px;
background: url('/img/ang-5.png') 0 0 no-repeat;
top: 0;
right: -29px;
}
.one-new .date-v {
margin-bottom: 25px;
}
.one-new .new-descr {
float: left;
width: 400px;
}
.back-link {
margin-bottom: 20px;
}
/*================================================ контакты ===================================================*/
.contacts-page .location {
margin-bottom: 48px;
}
.input.inp-captcha {
width: 137px;
float: left;
margin: 0 20px 0 0;
display: block;
}
.form .captcha {
width: 149px;
height: 59px;
border: 1px solid #c2d2dd;
border-radius: 1px;
display: inline-block;
margin-bottom: -25px;
}
/*================================================ страница 404 ===================================================*/
.page-404 {
padding-top: 95px;
}
.footer-404 .holder {
height: 100%;
}
.footer-404 .vesna {
bottom: 18px;
}
.you-can {
margin-top: 32px;
}
.you-can li {
list-style: none;
font-size: 14px;
margin-bottom: 20px;
}
.you-can a {text-decoration: underline;}
.you-can a:hover {text-decoration: none;}
.you-can .search-input {
width: 235px;
margin: 10px 0 0 9px;
}
.you-can .search-input input {
width: 159px;
}
.img-404 {
display: block;
margin: 50px -20px 0 0;
float: right;
}
.page-404 h6 {
margin-bottom: 22px;
}
/*================================================ результаты поиска ===================================================*/
.s-res {
background: #d0dce6;
}
.results > ul > li {
display: block;
margin-bottom: 40px;
}
.results .number {
font-size: 20px;
display: block;
width: 32px;
margin-left: -32px;
float: left;
}
.results li p {
font-size: 13px;
}
.results .title a {
float: left;
}
.results .title {
font-size: 20px;
}
.results .title:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
.results .breadcrumb {
margin: 0;
}
.results .breadcrumb li {
height: 12px;
line-height: 6px;
}
/*================================================ карта сайта ===================================================*/
.greeting {
margin: 0 0 38px 0;
}
.greeting p {
margin: 0;
}
.sitemap-item {
margin-bottom: 48px;
}
.sitemap-item .title {
font-size: 20px;
}
.sitemap-item .categories p:first-child {margin-top: 12px;}
.sitemap-item .categories p {
margin-top: 22px;
}
/*================================================ типоразмеры ===================================================*/
.standart-size .title {
font-size: 16px;
font-weight: bold;
}
.standart-size .big {
text-transform: uppercase;
}
.standart-size .hot-tel {
padding: 0 0 0 20px;
background: url('/img/location.gif') 1px -33px no-repeat;
}
.standart-size .download a {
font-size: 19px;
font-weight: bold;
padding-left: 23px;
background: url('/img/pdf.png') 0 2px no-repeat;
}
.standart-size .photo.pull-left {margin: 0 20px 20px 0;}
.standart-size .photo.pull-right {margin: 0 0 20px 20px;}
/*================================================ диллеры ===================================================*/
.dealers-map {
width: 586px;
height: 332px;
background: url('/img/dealers-map.png') 0 0 no-repeat;
margin: 0 auto 40px;
position: relative;
}
.city {
position: absolute;
}
.city a {
display: block;
text-align: center;
text-decoration: none;
color: #000;
font-size: 12px;
padding-top: 33px;
text-transform: uppercase;
white-space: nowrap;
font-weight: bold;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.city .marker {
width: 41px;
height: 40px;
margin: 0 0 0 -20px;
position: absolute;
top: 0;
left: 50%;
background: url('/img/marker-2.png') 0 0 no-repeat;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
.city a:hover,
.city.active a{
font-size: 18px;
padding-top: 35px;
}
.city a:hover .marker,
.city.active a .marker {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
top: -8px;
margin-left: -16px;
}
.dealer-city {
font-size: 15px;
font-weight: bold;
color: #4f5358;
text-transform: uppercase;
margin-bottom: 25px;
}
.dealer {
position: relative;
background-color: #fff;
box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.13);
margin-bottom: 20px;
padding: 14px 14px 50px 14px;
height: 120px;
overflow: hidden;
}
.dealer .open-map {
position: absolute;
bottom: 10px;
left: 10px;
}
.dealer .title {
font-weight: bold;
font-size: 14px;
padding-left: 12px;
background: url('/img/mark-2.gif') 0 7px no-repeat;
}
.dealer > p {
margin-bottom: 5px;
}
.dealer .tel,
.dealer .site,
.dealer .addr {
padding-left: 13px;
background: url('/img/location.gif') no-repeat;
}
.dealer .tel {
background-position: 0 -31px;
}
.dealer .addr {
background-position: 0 4px;
}
.dealer .site {
background: url('/img/mark-3.gif') 0 4px no-repeat;
}
.dealer .site a {
text-decoration: underline;
padding: 0 10px;
background: url('/img/win.gif') right 0 no-repeat;
}
.dealer .site a:hover {
text-decoration: none;
}
/*====================================== коллаж =========================================*/
.collage-block {margin-bottom: -30px;}
.collage {
height: 482px;
}
.platform {
width: 494px;
height: 215px;
top: 267px;
margin: 0 auto;
position: relative;
background-position: 0 bottom;
background-repeat: no-repeat;
}
.platform.summer {
background-image: url('/img/collage/platform-1.png');
}
.platform.spring {
background-image: url('/img/collage/platform-2.png');
}
.platform.autumn {
background-image: url('/img/collage/platform-3.png');
}
.platform.winter {
background-image: url('/img/collage/platform-4.png');
}
.platform .shadow {
width: 537px;
height: 94px;
text-align: center;
line-height: 94px;
position: absolute;
bottom: 97px;
left: -13px;
}
.tire {
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
bottom: 135px;
z-index: 1;
}
.tire .tire-marker {
width: 326px;
height: 23px;
background: url('/img/tire-tooltip.png') 0 0 no-repeat;
position: absolute;
font-size: 12px;
padding-top: 16px;
color: #000;
}
.tire1 .tr-1 .tire-marker {left: -230px;top:110px;}
.tire1 .tr-2 .tire-marker {left: -159px;top: 39px;}
.tire1 .tr-3 .tire-marker {left: -150px;top: 144px;}
.tire2 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire2 .tr-2 .tire-marker {left: -159px;top: 30px;}
.tire2 .tr-3 .tire-marker {left: -150px;top: 144px;}
.tire3 .tr-1 .tire-marker {left: -258px;top: 110px;}
.tire3 .tr-2 .tire-marker {left: -159px;top: 13px;}
.tire3 .tr-3 .tire-marker {left: -150px;top: 180px;}
.tire4 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire4 .tr-2 .tire-marker {left: -130px;top: 43px;}
.tire4 .tr-3 .tire-marker {left: -162px;top: 136px;}
.tire5 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire5 .tr-2 .tire-marker {left: -162px;top: 32px;}
.tire5 .tr-3 .tire-marker {left: -162px;top: 180px;}
.tire6 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire6 .tr-2 .tire-marker {left: -137px;top: 32px;}
.tire6 .tr-3 .tire-marker {left: -136px;top: 180px;}
.tire7 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire7 .tr-2 .tire-marker {left: -174px;top: 32px;}
.tire7 .tr-3 .tire-marker {left: -160px;top: 180px;}
.tire8 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire8 .tr-2 .tire-marker {left: -152px;top: 38px;}
.tire8 .tr-3 .tire-marker {left: -160px;top: 180px;}
.tire9 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire9 .tr-2 .tire-marker {left: -152px;top: 38px;}
.tire9 .tr-3 .tire-marker {left: -153px;top: 180px;}
.tire10 .tr-1 .tire-marker {left: -258px;top:110px;}
.tire10 .tr-2 .tire-marker {left: -157px;top: 38px;}
.tire10 .tr-3 .tire-marker {left: -170px;top: 180px;}
.tire11 .tr-1 .tire-marker {left: -270px;top:110px;}
.tire11 .tr-2 .tire-marker {left: -182px;top: 38px;}
.tire11 .tr-3 .tire-marker {left: -170px;top: 180px;}
.tire-snow .tr-1 .tire-marker {left: -270px;top:110px;}
.tire-snow .tr-2 .tire-marker {left: -182px;top: 24px;}
.tire-snow .tr-3 .tire-marker {left: -170px;top: 180px;}
.tire13 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire13 .tr-2 .tire-marker {left: -170px;top: 15px;}
.tire13 .tr-3 .tire-marker {left: -180px;top: 165px;}
.tire14 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire14 .tr-2 .tire-marker {left: -170px;top: 15px;}
.tire14 .tr-3 .tire-marker {left: -180px;top: 165px;}
.tire15 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire15 .tr-2 .tire-marker {left: -130px;top: 40px;}
.tire15 .tr-3 .tire-marker {left: -131px;top: 170px;}
.tire16 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire16 .tr-2 .tire-marker {left: -156px;top: 27px;}
.tire16 .tr-3 .tire-marker {left: -150px;top: 180px;}
.tire17 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire17 .tr-2 .tire-marker {left: -175px;top: 33px;}
.tire17 .tr-3 .tire-marker {left: -169px;top: 170px;}
.tire18 .tr-1 .tire-marker {left: -243px;top:110px;}
.tire18 .tr-2 .tire-marker {left: -142px;top: 23px;}
.tire18 .tr-3 .tire-marker {left: -138px;top: 195px;}
.tire19 .tr-1 .tire-marker {left: -270px;top:115px;}
.tire19 .tr-2 .tire-marker {left: -183px;top: 27px;}
.tire19 .tr-3 .tire-marker {left: -177px;top: 185px;}
.tire .tr-1,
.tire .tr-2,
.tire .tr-3 {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
background-position: 0 0;
background-repeat: no-repeat;
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
}
.tire .tr-1.vis,
.tire .tr-2.vis,
.tire .tr-3.vis {
visibility: visible;
opacity: 1;
}
.tire.tire1 {
width: 180px;
height: 311px;
background-image: url('/img/collage/tire1.png');
left: 158px;
}
.tire1 .tr-1 {background-image: url(/img/collage/tire1-1.png);}
.tire1 .tr-2 {background-image: url(/img/collage/tire1-2.png);}
.tire1 .tr-3 {background-image: url(/img/collage/tire1-3.png);}
.tire.tire2 {
width: 180px;
height: 311px;
background-image: url('/img/collage/tire2.png');
left: 158px;
}
.tire2 .tr-1 {background-image: url(/img/collage/tire2-1.png);}
.tire2 .tr-2 {background-image: url(/img/collage/tire2-2.png);}
.tire2 .tr-3 {background-image: url(/img/collage/tire2-3.png);}
.tire.tire3 {
width: 190px;
height: 310px;
background-image: url('/img/collage/tire3.png');
left: 158px;
}
.tire3 .tr-1 {background-image: url(/img/collage/tire3-1.png);}
.tire3 .tr-2 {background-image: url(/img/collage/tire3-2.png);}
.tire3 .tr-3 {background-image: url(/img/collage/tire3-3.png);}
.tire.tire4 {
width: 215px;
height: 310px;
background-image: url('/img/collage/tire4.png');
left: 143px;
}
.tire4 .tr-1 {background-image: url(/img/collage/tire4-1.png);}
.tire4 .tr-2 {background-image: url(/img/collage/tire4-2.png);}
.tire4 .tr-3 {background-image: url(/img/collage/tire4-3.png);}
.tire.tire5 {
width: 180px;
height: 311px;
background-image: url('/img/collage/tire5.png');
left: 158px;
}
.tire5 .tr-1 {background-image: url(/img/collage/tire5-1.png);}
.tire5 .tr-2 {background-image: url(/img/collage/tire5-2.png);}
.tire5 .tr-3 {background-image: url(/img/collage/tire5-3.png);}
.tire.tire6 {
width: 211px;
height: 310px;
background-image: url('/img/collage/tire6.png');
left: 148px;
}
.tire6 .tr-1 {background-image: url(/img/collage/tire6-1.png);}
.tire6 .tr-2 {background-image: url(/img/collage/tire6-2.png);}
.tire6 .tr-3 {background-image: url(/img/collage/tire6-3.png);}
.tire.tire7 {
width: 171px;
height: 312px;
background-image: url('/img/collage/tire7.png');
left: 158px;
}
.tire7 .tr-1 {background-image: url(/img/collage/tire7-1.png);}
.tire7 .tr-2 {background-image: url(/img/collage/tire7-2.png);}
.tire7 .tr-3 {background-image: url(/img/collage/tire7-3.png);}
.tire.tire8 {
width: 198px;
height: 311px;
background-image: url('/img/collage/tire8.png');
left: 158px;
}
.tire8 .tr-1 {background-image: url(/img/collage/tire8-1.png);}
.tire8 .tr-2 {background-image: url(/img/collage/tire8-2.png);}
.tire8 .tr-3 {background-image: url(/img/collage/tire8-3.png);}
.tire.tire9 {
width: 189px;
height: 311px;
background-image: url('/img/collage/tire9.png');
left: 158px;
}
.tire9 .tr-1 {background-image: url(/img/collage/tire9-1.png);}
.tire9 .tr-2 {background-image: url(/img/collage/tire9-2.png);}
.tire9 .tr-3 {background-image: url(/img/collage/tire9-3.png);}
.tire.tire10 {
width: 188px;
height: 311px;
background-image: url('/img/collage/tire10.png');
left: 158px;
}
.tire10 .tr-1 {background-image: url(/img/collage/tire10-1.png);}
.tire10 .tr-2 {background-image: url(/img/collage/tire10-2.png);}
.tire10 .tr-3 {background-image: url(/img/collage/tire10-3.png);}
.tire.tire11 {
width: 166px;
height: 312px;
background-image: url('/img/collage/tire11.png');
left: 170px;
}
.tire11 .tr-1 {background-image: url(/img/collage/tire11-1.png);}
.tire11 .tr-2 {background-image: url(/img/collage/tire11-2.png);}
.tire111 .tr-3 {background-image: url(/img/collage/tire11-3.png);}
.tire.tire-snow {
width: 177px;
height: 311px;
background-image: url('/img/collage/tire-snow.png');
left: 158px;
}
.tire-snow .tr-1 {background-image: url(/img/collage/tire-snow-1.png);}
.tire-snow .tr-2 {background-image: url(/img/collage/tire-snow-2.png);}
.tire-snow .tr-3 {background-image: url(/img/collage/tire-snow-3.png);}
.tire.tire13 {
width: 179px;
height: 320px;
background-image: url('/img/collage/tire13.png');
left: 158px;
}
.tire13 .tr-1 {background-image: url(/img/collage/tire13-1.png);}
.tire13 .tr-2 {background-image: url(/img/collage/tire13-2.png);}
.tire13 .tr-3 {background-image: url(/img/collage/tire13-3.png);}
.tire.tire14 {
width: 175px;
height: 313px;
background-image: url('/img/collage/tire14.png');
left: 158px;
}
.tire14 .tr-1 {background-image: url(/img/collage/tire14-1.png);}
.tire14 .tr-2 {background-image: url(/img/collage/tire14-2.png);}
.tire14 .tr-3 {background-image: url(/img/collage/tire14-3.png);}
.tire.tire15 {
width: 210px;
height: 315px;
background-image: url('/img/collage/tire15.png');
left: 143px;
}
.tire15 .tr-1 {background-image: url(/img/collage/tire15-1.png);}
.tire15 .tr-2 {background-image: url(/img/collage/tire15-2.png);}
.tire15 .tr-3 {background-image: url(/img/collage/tire15-3.png);}
.tire.tire16 {
width: 210px;
height: 315px;
background-image: url('/img/collage/tire16.png');
left: 143px;
}
.tire16 .tr-1 {background-image: url(/img/collage/tire16-1.png);}
.tire16 .tr-2 {background-image: url(/img/collage/tire16-2.png);}
.tire16 .tr-3 {background-image: url(/img/collage/tire16-3.png);}
.tire.tire17 {
width: 210px;
height: 315px;
background-image: url('/img/collage/tire17.png');
left: 158px;
}
.tire17 .tr-1 {background-image: url(/img/collage/tire17-1.png);}
.tire17 .tr-2 {background-image: url(/img/collage/tire17-2.png);}
.tire17 .tr-3 {background-image: url(/img/collage/tire17-3.png);}
.tire.tire18 {
width: 196px;
height: 319px;
background-image: url('/img/collage/tire18.png');
left: 135px;
}
.tire18 .tr-1 {background-image: url(/img/collage/tire18-1.png);}
.tire18 .tr-2 {background-image: url(/img/collage/tire18-2.png);}
.tire18 .tr-3 {background-image: url(/img/collage/tire18-3.png);}
.tire.tire19 {
width: 166px;
height: 322px;
background-image: url('/img/collage/tire19.png');
left: 167px;
}
.tire19 .tr-1 {background-image: url(/img/collage/tire19-1.png);}
.tire19 .tr-2 {background-image: url(/img/collage/tire19-2.png);}
.tire19 .tr-3 {background-image: url(/img/collage/tire19-3.png);}
/*====================================== слайдер =========================================*/
.index-slider {
height: 340px;
position: relative;
overflow: hidden;
}
.index-slider .buttons {
width: 1000px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.index-slider .next,
.index-slider .prev {
display: block;
position: absolute;
width: 33px;
height: 42px;
background: url('/img/slider-1.png') no-repeat;
}
.index-slider .next {background-position: right 0;right: 20px;top: 278px;}
.index-slider .next:hover {background-position: right bottom;}
.index-slider .prev {background-position: 0 0;left: 20px; top: 20px;}
.index-slider .prev:hover {background-position: 0 bottom;}
.index-slider .slider {
height: 340px;
width: 1000px;
margin: 0 auto;
}
.index-slider .slider-line {
position: relative;
}
.index-slider .slide {
height: 340px;
overflow: hidden;
width: 1000px;
position: relative;
float: left;
margin-left: -59px;
margin-right: -59px;
}
.index-slider .slide:first-child {
margin-left: 0;
}
.bus-filter .h3 {
margin-bottom: 35px;
}
.index-slider {
margin-bottom: 35px;
}
.similar-products .products {
margin-left: -5px;
}
.similar-products .products:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
.collage-block {margin-bottom: -30px;}
.product-in-list .price {font-size: 20px;}
.products-list {margin-left: -5px;}
.similar-products .products {
margin-left: -5px;
}
.similar-products .products:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
/*======================== коррекции ====================*/
.shadow-border {
width: 175px;
height: 165px;
position: absolute;
box-shadow: 0 0 3px 3px #dee5eb;
border-radius: 3px;
opacity: 0;
}
.menu-car a {
position: relative;
z-index: 1;
}
.menu-car a:hover {
text-decoration: none;
}
.navbar .first-menu .submenu {
left: -1px;
padding: 9px 0 9px;
width: 157px;
}
.nav .submenu ul {
margin: 0;
padding: 0;
}
.nav .submenu li {
display: block;
}
.nav .submenu li a {
font-size: 13px;
color: #000000;
display: block;
padding: 9px 12px 5px;
text-transform: uppercase;
position: relative;
}
.nav .submenu .wheel-marker {
position: absolute;
top: 0;
left: -16px;
height: 100%;
width: 16px;
display: none;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkyOTlhMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzkyOTlhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Mjk5YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(-75deg, rgba(146, 153, 161, 0) 10px, rgba(146, 153, 161, 1) 11px, rgba(146, 153, 161, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(10px, rgba(146, 153, 161, 0)), color-stop(11px, rgba(146, 153, 161, 1)), color-stop(100%, rgba(146, 153, 161, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-75deg, rgba(146, 153, 161, 0) 10px, rgba(146, 153, 161, 1) 11px, rgba(146, 153, 161, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-75deg, rgba(146, 153, 161, 0) 10px, rgba(146, 153, 161, 1) 11px, rgba(146, 153, 161, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-75deg, rgba(146, 153, 161, 0) 10px, rgba(146, 153, 161, 1) 11px, rgba(146, 153, 161, 1) 100%); /* IE10+ */
background: linear-gradient(105deg, rgba(146, 153, 161, 0) 10px, rgba(146, 153, 161, 1) 11px, rgba(146, 153, 161, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#009299a1', endColorstr = '#9299a1', GradientType = 1); /* IE6-8 fallback on horizontal gradient */
}
.nav .submenu li a:hover {
background: #9299a1;
color: #fff;
text-decoration: none;
}
.nav .submenu li a:hover .wheel-marker {
display: block;
}
.steps .step.active {
margin-right: 10px;
}
.steps .step {
margin-left: 5px;
}
.steps .step:first-child {
margin-left: 0;
}
.s1-car:first-child {
margin-left: 23px;
}
.tooltip-c {
font: normal 12px/15px Arial;
}
/*------*/
.shadow-border {
box-shadow: 0 0 2px 1px rgb(190, 205, 224);
}
/*====================== КОРРЕКЦИИ 21.05.2013 ====================*/
.navbar .submenu {
right: -450px;
top: 30px;
}
.navbar .nav > li {
position: relative;
}
.navbar .first-menu .submenu {
left: auto;
right: 2px;
padding: 0 12px 0 50px;
width: 155px;
background: none;
z-index: 99;
}
.item-block {}
.item-block .item-block {
margin-left: -12px;
margin-right: 12px;
}
.submenu .menu-item {
display: block;
position: relative;
height: 29px;
line-height: 29px;
padding: 0 13px 0 5px;
margin-bottom: 1px;
font-size: 13px;
text-transform: uppercase;
color: #000;
background: #e3e9ee;
}
.menu-item:hover {
background-color: #000;
}
.right-ang,
.left-ang {
display: block;
width: 12px;
height: 29px;
position: absolute;
top: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
}
.nav a:hover span.left-ang,
.nav a:hover span.right-ang {
background-position: 0 bottom;
background-color: transparent;
}
.nav span.left-ang {
left: -12px;
background-image: url('/img/left-ang.png');
}
.nav span.right-ang {
right: -12px;
background-image: url('/img/right-ang.png');
}
.menu-item:hover {
color: #fff;
text-decoration: none;
}
.filter-block {
position: relative;
}
.clear-filter {
display: block;
position: absolute;
padding: 0 12px 0 30px;
line-height: 28px;
background: #f2f6fb url('/img/clear.png') 9px 7px no-repeat;
right: 0;
top: -28px;
color: #4f5358;
font-size: 15px;
}
.footer-nav.navbar li {
height: 14px;
line-height: 14px;
padding: 0 10px 0 12px;
border-left: 1px solid #9299a1;
}
.footer-nav.navbar li:first-child {
border: none;
}
.footer-nav.navbar li a {
line-height: 14px;
padding: 0;
}
.mobile-menu-block{
display: none;
}
*----------------- правки от 2013_06_05 -----------------*/
.size-table {
font-size: 13px;
}
.size-table th {
color: #4f5358;
font-weight: normal;
font-size: 13px;
padding: 10px 6px 10px 10px;
border: none;
vertical-align: middle;
}
.size-table td {
vertical-align: middle;
padding: 10px 6px 10px 10px;
white-space: nowrap;
}
.size-table td.n-tire {
width: 30px; text-align: center;
}
.n-tire-title-01 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 0 no-repeat;}
.n-tire-title-02 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 -50px no-repeat;}
.n-tire-title-03 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 -100px no-repeat;}
.n-tire-title-04 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 -150px no-repeat;}
.n-tire-choose-01 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 -200px no-repeat;}
.n-tire-choose-02 {width: 29px; height: 25px; background: url("/img/01_tire_icons.png") 0 -250px no-repeat;}
.all-black { display: inline-block; }
.all-black a {
background: url('/img/all-black.png') 0 0 repeat-x;
display: block;
line-height: 39px;
border: 1px solid #222222;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
text-shadow: 0 -1px 0 #252525;
padding: 0 2px 0 8px;
text-transform: uppercase;
position: relative;
margin-right: 15px;
}
.all-black a .ang {
display: block;
position: absolute;
width: 13px;
height: 41px;
background: url('/img/ang-2.png') 0 0 no-repeat;
top: -1px;
right: -13px;
}
.all-black.small a {
line-height: 29px;
background: url('/img/all-black29.png') 0 0 repeat-x;
margin-right: 15px;
}
.all-black.small a .ang {
width: 13px;
height: 31px;
background: url('/img/ang-3.png') 0 0 no-repeat;
top: -1px;
right: -13px;
}
.all-black-light { display: inline-block; }
.all-black-light a {
background: url('/img/01_button-light.png') -1px -1px no-repeat;
display: block;
line-height: 29px;
border: 1px solid #4f5358;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
text-shadow: 0 -1px 0 #252525;
padding: 0 2px 0 8px;
text-transform: uppercase;
position: relative;
margin-right: 15px;
}
.all-black-light a .ang {
display: block;
position: absolute;
width: 13px;
height: 31px;
background: url('/img/01_button-light-arr.png') 0 0 no-repeat;
top: -1px;
right: -13px;
}
/*----------------- отступы -----------------*/
.mb-5 {margin-bottom: 5px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mr-15 {margin-right: 15px;}
.pm0 p {margin: 0;}
@media (max-width: 768px) {
body {
padding-right: 20px;
padding-left: 20px;
}
#wrap {
min-height: 100%;
background: url('/img/bg-bottom.png') 0 bottom repeat-x;
padding-bottom: 80px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: -20px;
margin-left: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
body {
min-width: 480px;
padding: 0;
}
.holder {
width: 480px;
padding: 0 5px;
}
.header {
background-position: 39% 0;
}
.header .tel {
float: left;
}
.header .head-basket {
margin: 0 0 0 40px;
float: left;
}
.logo {
padding-bottom: 38px;
}
.header .navbar {
margin-top: 10px;
}
.header .navbar .nav {
float: none;
margin-left: -6px;
}
.header .navbar li:hover {
/*background: none !important;
padding: 0;
margin: 0;*/
}
.header .navbar .nav > li:first-child:hover > a {
border-left: none;
}
.header .navbar .nav > li:hover > a {
/*background-color: transparent !important;*/
/*border-left: 1px solid #9299a1;*/
padding: 0 5px;
font-size: 11px;
}
.header .navbar li a {
padding: 0 5px;
font-size: 11px;
}
.header .navbar li a:hover {
/*padding: 0 5px;*/
/*line-height: 14px;*/
/*border-left: 1px solid #9299a1;*/
/*background: none;*/
}
.filter-block .select-215 {
margin: 0 10px 10px 0;
}
.filter-block .size {
margin-top: 0;
}
.filter-block .size .pull-left {
float: none;
}
.filter-block .selects {
float: none;
margin-left: 0;
}
.price-select {
margin-top: 10px;
padding-left: 0;
}
.all-or-not {
margin-left: 0;
}
.container-fluid.cover {
padding: 0 0 130px;
margin-bottom: -100px;
}
.products-list .shadow-select {
display: none;
}
.footer {
background-position: 62% bottom;
}
.footer .search-input {
display: none;
}
.footer .vesna {
bottom: -23px;
}
.footer .navbar {
display: none;
}
.nav-pills > li > a {
font-size: 16px;
}
.size-table {
font-size: 13px;
}
.product-in-list {
float: none;
margin: 0 auto 25px;
}
.form .span6 {
margin-bottom: 25px;
}
.dealer .tel, .dealer .site, .dealer .addr {
padding-left: 15px;
}
.dealer .addr {
background-position: 0 4px;
}
.dealer .tel {
background-position: 0 -31px;
}
.dealers-map {
margin: 0 0 40px;
}
.dealer .site {
background-position: 0 4px;
}
.dealer .site a {
padding-left: 0;
}
.basket-table {
width: 480px;
}
.basket-table td:first-child {
width: 0;
max-width: 0;
}
.basket-table .photo {
display: none;
}
.basket-table td:nth-child(2) p {
width: 195px;
}
.basket-table td:nth-child(3) p {
width: 110px;
}
.basket-table td:nth-child(4) {}
.basket-table td:nth-child(5),
.basket-table th:nth-child(5) {
display: none;
}
.basket-table .amount {
width: 100px;
}
.basket-table .total {
margin-left: 0;
}
.index-slider,
.collage-block,
.bus-filter,
.index-news-block {
display: none;
}
.menu-car,
.menu-car:first-child {
margin: 0 0 20px 20px;
height: 135px;
}
.mobile-menu-block {
display: block !important;
margin-left: -20px;
}
/*.navbar .submenu,
.navbar .active .submenu {
display: none !important;
}*/
}
@media (max-width: 480px) {
}
/*========== 27.06.2013 ========*/
.dealers-map-mobile {
display: none;
}
.s-season {float: left;}
#slider-range {width: 352px;}
.descriptions-icons .icon {height: 98px;}
@media (max-width: 768px) {
body {
padding-right: 20px;
padding-left: 20px;
}
#wrap {
min-height: 100%;
background: url('../img/bg-bottom.png') 0 bottom repeat-x;
padding-bottom: 80px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: -20px;
margin-left: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
body {
min-width: 480px;
padding: 0;
}
.holder {
width: 480px;
padding: 0 5px;
}
.header {
background-position: 39% 0;
}
.header .tel {
float: left;
}
.header .head-basket {
margin: 0 0 0 40px;
float: left;
}
.logo {
padding-bottom: 38px;
}
.header .navbar {
margin-top: 10px;
}
.header .navbar .nav {
float: none;
margin-left: -6px;
}
.header .navbar li:hover {
/*background: none !important;
padding: 0;
margin: 0;*/
}
.header .navbar .nav > li:first-child:hover > a {
border-left: none;
}
.header .navbar .nav > li:hover > a {
/*background-color: transparent !important;*/
/*border-left: 1px solid #9299a1;*/
padding: 0 5px;
font-size: 11px;
}
.header .navbar li a {
padding: 0 5px;
font-size: 11px;
}
.header .navbar li a:hover {
/*padding: 0 5px;*/
/*line-height: 14px;*/
/*border-left: 1px solid #9299a1;*/
/*background: none;*/
}
.filter-block .select-215 {
margin: 0 10px 10px 0;
}
.filter-block .size {
margin-top: 0;
}
.filter-block .size .pull-left {
float: none;
}
.filter-block .selects {
float: none;
margin-left: 0;
}
.price-select {
margin-top: 10px;
padding-left: 0;
}
.all-or-not {
margin-left: 0;
}
.container-fluid.cover {
padding: 0 0 130px;
margin-bottom: 0;
}
.products-list .shadow-select {
display: none;
}
.footer {
background-position: 62% bottom;
}
.footer .search-input {
display: none;
}
.footer .footer-logo {
bottom: -22px;
right: -60px;
}
.footer .vesna {
bottom: -23px;
}
.footer .navbar {
display: none;
}
.nav-pills > li > a {
font-size: 16px;
}
.size-table {
font-size: 13px;
}
.product-in-list {
float: none;
margin: 0 auto 25px;
}
.form .span6 {
margin-bottom: 25px;
}
.dealer .tel, .dealer .site, .dealer .addr {
padding-left: 15px;
}
.dealer .addr {
background-position: 0 4px;
}
.dealer .tel {
background-position: 0 -31px;
}
.dealers-map {
margin: 0 0 40px -55px;
}
.dealer .site {
background-position: 0 4px;
}
.dealer .site a {
padding-left: 0;
}
.basket-table {
width: 480px;
}
.basket-table td:first-child {
width: 0;
max-width: 0;
}
.basket-table .photo {
display: none;
}
.basket-table td:nth-child(2) p {
width: 195px;
}
.basket-table td:nth-child(3) p {
width: 110px;
}
.basket-table td:nth-child(4) {}
.basket-table td:nth-child(5),
.basket-table th:nth-child(5) {
display: none;
}
.basket-table .amount {
width: 100px;
}
.basket-table .total {
margin-left: 0;
}
.index-slider,
.collage-block,
.bus-filter,
.index-news-block {
display: none;
}
.menu-car,
.menu-car:first-child {
margin: 0 0 20px 15px;
height: 135px;
}
.mobile-menu-block {
display: block !important;
margin-left: -20px;
}
/*.navbar .submenu,
.navbar .active .submenu {
display: none !important;
}*/
.product-photos-block .big {
text-align: center;
}
.news-list .photo {
display: none;
}
.news-list .news-content {
margin-left: 0;
width: auto;
}
.product-photos-block .big {
margin-bottom: 25px;
}
table.table-striped.size-table {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
margin-left:-155px;
}
#WOrderModal {width: 500px;left: 50%;margin-left: -310px;}
}
@media (max-width: 480px) {
body {
min-width: 320px;
padding: 0;
}
.row-fluid {margin-left: 0 !important;}
.holder {
width: auto;
min-width: 310px;
margin: 0;
padding: 0 5px;
}
.header {
background-position: 39% 0;
}
.header .tel {
float: left;
}
.header .head-basket {
margin: 0 0 0 40px;
float: left;
}
.logo {
padding-bottom: 38px;
}
.header .navbar {
margin-top: 10px;
}
.header .navbar .nav {
float: none;
margin-left: -6px;
}
.header .navbar li:hover {
/*background: none !important;
padding: 0;
margin: 0;*/
}
.header .navbar .nav > li:first-child:hover > a {
border-left: none;
}
.header .navbar .nav > li:hover > a {
/*background-color: transparent !important;*/
/*border-left: 1px solid #9299a1;*/
padding: 0 4px;
font-size: 10px;
}
.header .navbar li a {
padding: 0 4px;
font-size: 10px;
}
.header .navbar li a:hover {
/*padding: 0 5px;*/
/*line-height: 14px;*/
/*border-left: 1px solid #9299a1;*/
/*background: none;*/
}
.filter-block .select-215 {
margin: 0 10px 10px 0;
}
.filter-block .size {
margin-top: 0;
}
.filter-block .size .pull-left {
float: none;
}
.filter-block .selects {
float: none;
margin-left: 0;
}
.price-select {
margin-top: 10px;
padding-left: 0;
}
.all-or-not {
margin-left: 0;
}
.container-fluid.cover {
padding: 0 0 130px;
margin-bottom: 0;
}
.products-list .shadow-select {
display: none;
}
.footer {
background-position: 62% bottom;
}
.footer .search-input {
display: none;
}
.footer .vesna {
bottom: -23px;
}
.footer .navbar {
display: none;
}
.nav-pills > li > a {
font-size: 16px;
}
.size-table {
font-size: 13px;
}
.product-in-list {
float: none;
margin: 0 -10px 25px 10px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
}
.form .span6 {
margin-bottom: 25px;
}
.dealer .tel, .dealer .site, .dealer .addr {
padding-left: 15px;
}
.dealer .addr {
background-position: 0 4px;
}
.dealer .tel {
background-position: 0 -31px;
}
.dealers-map {
margin: 0 0 40px;
}
.dealer .site {
background-position: 0 4px;
}
.dealer .site a {
padding-left: 0;
}
.basket-table {
width: auto;
}
.basket-table td:first-child {
width: 0;
max-width: 0;
}
.basket-table .photo {
display: none;
}
.basket-table td:nth-child(2) p {
width: 195px;
}
.basket-table td:nth-child(3) p {
width: 110px;
}
.basket-table td:nth-child(4) {}
.basket-table td:nth-child(5),
.basket-table th:nth-child(5) {
display: none;
}
.basket-table .amount {
width: 100px;
}
.basket-table .total {
margin-left: 0;
}
.index-slider,
.collage-block,
.bus-filter,
.index-news-block {
display: none;
}
.menu-car,
.menu-car:first-child {
margin: 0 0 20px 0;
height: 135px;
float: left;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
}
#navbar {width: 100%;margin-right: 0;}
#navbar ul {margin-left: 0 !important;}
.mobile-menu-block {
display: block !important;
margin: 0 auto 10px;
width: auto;
padding: 0;
}
.header .nav > li,
.header .nav > li:first-child {
background: url("../img/divider.png") no-repeat 0 4px, url("../img/divider.png") no-repeat right 4px;
margin-right: -11px;
padding-right: 7px;
display: inline-block;
float: none;
}
.nav {
text-align: center;
}
/*.navbar .submenu,
.navbar .active .submenu {
display: none !important;
}*/
/*========размеры, описание ================*/
.product-photos-block {
margin: 0 auto;
width: 288px;
}
.about-product .all-black {
margin-top: 15px;
}
.about-product .select-block {
margin-top: 15px;
margin-left: 0;
}
.nav-pills > li {padding: 0 11px;}
.nav-pills > li > a {font-size: 13px;}
.nav-pills > li > a div {height: 30px;line-height: 30px;}
.nav-pills {margin-left: 5px;}
/*========диллеры ================*/
.dealers-map-mobile {display: block;}
.dealers-map {display: none;}
.form-map {
width: 310px;
height: 107px;
}
/*======== новости ================*/
.news-list .photo {
display: none;
}
.news-list .news-content {
margin-left: 0;
width: auto;
}
.nav-pills > .active > a div {
padding: 0 13px;
}
.filter-block {margin-top: 45px;}
.filter-block .select-95 {margin: 0 35px 15px 0;}
.price-select {float: none;}
.price-select p {margin-bottom: 17px;}
.product-photos-block .big {height: 285px;}
.product-photos-block .big > img {width: auto !important;height: 100% !important;}
#slider-range {width: 250px;}
table.table-striped.size-table {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
margin-left:-155px;
}
.description-block .select-320 {width: 310px !important;}
#navbar {width: 94%;}
#WOrderModal {width: 310px;padding: 20px 5px;left: 50%;margin-left: -160px;}
#WOrderModal form input {width: 285px;}
#wrap {overflow: hidden;}
.basket-table td:nth-child(2) p {width: 90px;}
.basket-table .title {font-size: 15px;}
.basket-table .size, .basket-table .price, .basket-table .sum {font-size: 12px;}
.basket-table td:nth-child(3) p {width: 68px;}
.basket-table .amount {width: 76px;}
.basket-table .total p {width: 116px;}
.basket-table .total .all-black a {font-size: 11px !important;}
.basket-table .delete {width: 70px;}
}