@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic);

/* common styles
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
height: 100%;
font-size: 100%;
}

body {
width: 100%;
height: 100%;
background: rgba(255,255,255,1) url(images/body-bg.jpg) no-repeat fixed center top;
background-size: cover;
color: rgba(127,127,127,1);
font: 400 .875rem/1.4 Play, Arial, Helvetica, sans-serif;
}

div.wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
}

div.clear {
clear: both;
width: 100%;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}


input[type="checkbox"] + label:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 1rem;
height: 1rem;
margin: 0;
border: .063rem solid rgba(224, 224, 232, 1);
background: rgba(255, 255, 255, 1);
content: "";
}

input[type="checkbox"] {
display: none !important;
}

input[type="checkbox"]:checked + label:before {
content: "\f00c";
color: rgba(25, 66, 140, 1);
font-weight: 400;
font-size: .750rem;
font-family: "FontAwesome";
text-align: center;
}

input[type="checkbox"] + label {
position: relative;
margin: 0 0 .938rem;
padding-left: 1.750rem;
font-weight: 400;
font-size: .750rem;
line-height: 1.1;
text-align: left;
}

input[type="checkbox"] + label a {
color: rgba(25, 66, 140, 1);
text-decoration: underline;
}

input[type="checkbox"] + label a:hover,
input[type="checkbox"] + label a:active {
text-decoration: none;
}


/* header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
div.header {
width: 100%;
height: auto;
border-top: 5px solid rgba(17,25,65,1);

/*background: #FFCC00;*/
}

header.header-center {
width: 1220px;
margin: -5px auto 0;
padding-bottom: 25px;
overflow: hidden;
border-bottom: 2px solid rgba(17,25,65,1);

/*background: #FFCCFF;*/
}

header.index-header-center {
border-bottom: none;
}

/* ––– logo ––– */
div.logo {
float: left;
max-width: 270px;
margin-top: 35px;

/*background: #ccc;*/
}

.logo img {
width: 100%;
}

/* ––– account ––– */
div.account {
float: right;
margin-top: 12px;
padding-left: 20px;
background: url(images/ico-account.png) no-repeat left center;
}

.account a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
-webkit-transition: color .2s;
transition: color .2s;
line-height: 1;
text-decoration: none;
}

.account a:hover, .account a:active {
color: rgba(69,158,24,1);
}

/* ––– nav-top ––– */
nav.nav-top {
float: right;
margin-right: 30px;
border-radius: 0 0 5px 5px;
background: rgba(17,25,65,1);
}

.nav-top ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}

.nav-top ul li {
float: left;
background: url(images/nav-top-ul-li.png) no-repeat right center;
}

.nav-top ul li:last-child {
background: none;
}

.nav-top ul li a {
display: block;
padding: 10px 15px;
-webkit-transition: background .2s;
transition: background .2s;
color: rgba(255,255,255,1);
text-decoration: none;
}

.nav-top ul li:first-child a {
padding-left: 20px;
border-radius: 0 0 0 5px;
}

.nav-top ul li:last-child a {
padding-right: 20px;
border-radius: 0 0 5px 0;
}

.nav-top ul li a:hover {
margin-left: -1px;
padding-left: 16px;
background: rgba(69,158,24,1);
}

.nav-top ul li:first-child a:hover {
margin: 0;
padding-left: 20px;
}

/* ––– phone-top ––– */
div.phone-top {
float: left;
margin: 22px 0 0 60px;

display: none;

/* background: #ccc; */
}

.phone-top p {
margin: 0 0 2px;
color: rgba(95,105,160,1);
font-size: 1.625rem;
line-height: 1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
text-align: right;
}

.phone-top span {
display: block;
color: rgba(127,127,127,1);
font: 400 .875rem/1 Play, Arial, Helvetica, sans-serif;
}

.phone-top p:nth-child(2) {
font-size: 1.125rem;
}

.phone-top a {
position: relative;
top: -8px;
display: inline-block;
border-bottom: 1px dotted rgba(17,25,65,1);
color: rgba(69,158,24,1);
-webkit-transition: color .2s;
transition: color .2s;
font: 400 .875rem/1 Play, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.phone-top a:hover, .phone-top a:active {
color: rgba(17,25,65,1);
}


div.slogan-serch {
float: left;
margin: 29px 0 0 50px;
}

/* ––– slogan ––– */
div.slogan {
color: rgba(17,25,65,1);
font-weight: 700;
font-size: 1.2rem;
line-height: .8;
}

/* ––– search ––– */
div.search {
margin-top: 12px;
}

.search form {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.search input[type="search"] {
float: left;
width: 260px;
height: 26px;
margin-right: 3px;
padding-left: 10px;
border: 1px solid rgba(191,191,191,1);
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
border-radius: 4px;
background: rgba(255,255,255,1);
}

.search input[type="search"]:focus {
box-shadow: 0 0 2px rgba(95,105,160,1);
}

.search input[type="submit"] {
float: right;
width: 70px;
height: 30px;
margin: 0;
padding: 0;
border: 1px solid rgba(191,191,191,1);
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
border-radius: 4px;
background: rgba(237,237,237,1) url(images/ico-search.png) no-repeat center 5px;
}

.search input[type="submit"]:hover, .search input[type="submit"]:active {
box-shadow: 0 0 2px rgba(95,105,160,1);
background-position: center -21px;
}

/* ––– cart ––– */
div.cart {
float: right;
margin-top: 28px;

/*background: #ccc;*/
}

.cart a {
display: block;
position: relative;
height: 77px;
padding-right: 80px;
background: url(images/ico-cart.png) no-repeat right 2px;
text-decoration: none;
}

.cart a:hover {
background: url(images/ico-cart.png) no-repeat right -75px;
}

.cart span {
display: block;
}

span.cart-text {
color: rgba(17,25,65,1);
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
}

span.cart-items {
color: rgba(127,127,127,1);
line-height: 1;
}

span.formalization {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid rgba(191,191,191,1);
color: rgba(95,105,160,1);
}


/* slider
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*sequencejs-theme.modern-slide-in.css*/


/* content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
div.middle {
position: relative;
width: 100%;
margin-top: 30px;
padding: 0 0 330px;

/*background: #CC00CC;*/
}

.middle:after {
display: table;
clear: both;
content: '';
}

div.middle-center {
width: 1220px;
margin: 0 auto;
overflow: hidden;

/*background: #CCCCFF;*/
}

div.content {
float: left;
width: 915px;

/*background: #CC9999;*/
}

div.index-content {
width: 1160px;
padding: 0 30px;

/*background: #FFCCCC;*/
}

/* ––– bread-crumbs ––– */
div.bread-crumbs {
width: 875px;
height: auto;
margin-bottom: 30px;
padding: 13px 20px;
border-radius: 5px;
background: rgba(17,25,65,1);
}

.bread-crumbs ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}

.bread-crumbs ul li {
float: left;
margin: 0 10px 0 0;
color: rgba(255,255,255,1);
line-height: 1;
}

.bread-crumbs ul li:after {
margin-left: 10px;
font-family: FontAwesome;
content: "\f101";
}

.bread-crumbs ul li:first-child:after {
content: "|";
}

.bread-crumbs ul li:last-child:after {
content: none;
}

.bread-crumbs ul li a {
display: inline-block;
color: rgba(255,255,255,1);
-webkit-transition: color .2s;
transition: color .2s;
line-height: 1;
text-decoration: none;
}

.bread-crumbs ul li a:hover, .bread-crumbs ul li a:active {
color: rgba(69,158,24,1);
}

/* ––– content h1 + p ––– */
.content h1 {
margin-bottom: 30px;
color: rgba(17,25,65,1);
font-weight: 400;
font-size: 1.5rem;
line-height: 1.1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
}

.content h2 {
margin: 30px 0 20px;
color: rgba(17,25,65,1);
font-size: 1.3rem;
line-height: 1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
}

.content p {
margin: 0 0 15px 0;
}

.content p a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
line-height: 1;
text-decoration: none;
}

.content p a:hover {
border-bottom: none;
}

.bold {
font-weight: 700;
font-size: 1rem;
}

div.splitter {
width: 100%;
height: 1px;
margin: 25px 0;
border-top: 1px solid rgba(17,25,65,1);
}


ul.ul-list {
margin: 0 30px 20px;
padding: 0;
list-style: none;
}

.ul-list li {
padding-left: 10px;
background: url(images/ul-list-li.png) no-repeat 0 8px;
line-height: 1.6em;
}

.ul-list li a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
line-height: 1;
text-decoration: none;
}

.ul-list li a:hover, .ul-list li a:active {
border-bottom: none;
}


/* ––– index-block + zapchasti-block ––– */
div.index-block {
padding-top: 3px;
overflow: hidden;
}

div.ib {
float: left;
width: 20%;
padding: 0 5px 15px;
}

div.zapchasti-block .ib {
width: 172px;
}

.ib a {
display: block;
box-shadow: 0 0 3px rgba(127,127,127,1);
border-radius: 5px;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
text-decoration: none;

/*background: #ccc;*/
}

.ib a:hover {
box-shadow: 0 0 3px rgba(17,25,65,1);
}

.ib a:active {
box-shadow: inset 0 0 2px rgba(95,105,160,1), 0 0 2px rgba(17,25,65,1);
}

.ib a:hover .ib-bottom, .ib a:active .ib-bottom {
background: rgba(95,105,160,1);
}

div.ib-img {
padding: 20px 30px;
}

.ib-img img {
display: block;
width: 100%;
}

div.ib-bottom {
padding: 10px 0;
border-radius: 0 0 5px 5px;
background: rgba(69,158,24,1);
-webkit-transition: background 0.2s;
transition: background 0.2s;
color: rgba(255,255,255,1);
font-weight: 600;
text-transform: uppercase;
text-align: center;
}

.zapchasti-block .ib-bottom {
display: table;
width: 100%;
height: 55px;
padding: 0;
font-size: .85rem;
line-height: 1.3;
}

.zapchasti-block .ib-bottom span {
display: table-cell;
vertical-align: middle;
}


/* ––– index-double ––– */
div.index-double {
overflow: hidden;

/*background: #ccc;*/
}

div.id-left {
float: left;
width: 50%;
padding: 0 20px 0 0;

/*background: #FFCC99;*/
}

.id-left ul {
margin: 0;
padding: 0;
list-style: none;
}

.id-left ul li {
padding-left: 70px;
margin-bottom: 10px;
}

.id-left ul li.index-assortiment {
background: url(images/ico-index-assortiment.png) no-repeat 8px 5px;
}

.id-left ul li.index-warehouse {
background: url(images/ico-index-warehouse.png) no-repeat 8px 5px;
}

.id-left ul li.index-warranty {
background: url(images/ico-index-warranty.png) no-repeat 15px 5px;
}

.id-left ul li.index-delivery {
background: url(images/ico-index-delivery.png) no-repeat 0 5px;
}

.id-left ul li span {
display: block;
color: rgba(56,56,56,1);
font-weight: 600;
}

div.id-right {
float: right;
width: 50%;
padding: 0 0 0 20px;

/*background: #FFCCCC;*/
}


div.p-bottom {
padding: 2px;
text-align: center;
}

.p-bottom span {
display: inline-block;
padding: 10px 30px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(127,127,127,1);
background: rgba(237,237,237,1);
color: rgba(56,56,56,1);
font-weight: 600;
font-size: 1.1rem;
}


/* ––– katalog ––– */
div.katalog {
width: 100%;
overflow: hidden;

/* background: #FF9900; */
}

div.katalog-row {
margin: 0 0 40px;
overflow: hidden;

/* background: #CC9966; */
}

div.k-item {
float: left;
width: 25%;
padding: 0 40px 0 0;

/* background: #FFFFCC; */
}

/* div.k-item:nth-child(2n) {
background: #ccc;
} */


div.k-img {
margin: 0 0 20px;
border: 1px solid rgba(17,25,65,1);
border-radius: 4px;
-webkit-transition-property: border-color;
transition-property: border-color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

/* background: #FF6633; */
}

div.k-img:hover {
border-color: rgba(118,207,75,1);
}

.k-img a {
display: block;
padding: 2px;
-webkit-transition-property: box-shadow, border-color;
transition-property: box-shadow, border-color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.k-img a:hover, .k-img a:focus, .k-img a:active {
box-shadow: inset 0 0 0 3px rgba(118,207,75,1);
}

.k-img img {
display: block;
width: 100%;
border-radius: 4px;
}


div.k-text {
overflow: hidden;

/* background: #FFCCCC; */
}

div.k-name-art a {
display: inline-block;
color: rgba(17,25,65,1);
-webkit-transition: color .2s;
transition: color .2s;
font-weight: 700;
font-size: 1.2rem;
line-height: 1;
text-decoration: none;
}

.k-name-art a span {
display: block;
margin: 5px 0 0;
color: rgba(56,56,56,1);
font-weight: 400;
font-size: .875rem;
}

.k-name-art a:hover, .k-name-art a:active {
color: rgba(69,158,24,1);
}


div.k-model {
margin: 5px 0;
padding: 5px 0;
line-height: 1.1;
border-top: 1px dotted rgba(191,191,191,1);
border-bottom: 1px dotted rgba(191,191,191,1);
}


div.k-price {
width: 100%;
overflow: hidden;
color: rgba(56,56,56,1);

/* background: #CC9999; */
}

.k-price span {
display: block;
color: rgba(254,0,2,1);
font-size: 1.1rem;
line-height: 1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
}

div.k-price-1 {
margin: 0 0 20px;

/* background: #ccc; */
}

div.k-price-2 {
margin: 0 0 10px;

/* background: #777; */
}

.k-price-2 span {
margin-top: 2px;
font-size: 1rem;
}


div.k-order {
margin: 13px 0 0;
color: rgba(254,0,2,1);
font-weight: 700;
font-size: 1.125rem;
}


div.k-to-cart {
display: inline-block;
width: 173px;
margin: 7px 0 0 0;
}

div.order-k-to-cart {

}

.k-to-cart a {
display: block;
padding: 6px 20px 5px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(191,191,191,1);
background: rgba(69,158,24,1);
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
color: rgba(255,255,255,1);
font-size: .775rem;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}

.k-to-cart a span {
display: inline-block;
margin-left: 5px;
color: rgba(255,255,255,1);
font-family: 'FontAwesome';
}

.k-to-cart a:hover, .k-to-cart a:active {
background-color: rgba(95,105,160,1);
}

.k-to-cart a:focus {
box-shadow: inset 0 1px 2px rgba(191,191,191,1);
}


div.k-info {
clear: both;
padding-top: 10px;

/* background: #ccc; */
}

.k-info a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
-webkit-transition: color .2s;
transition: color .2s;
line-height: 1;
text-decoration: none;
}

.k-info a:hover, .k-info a:active {
color: rgba(69,158,24,1);
}


div.product-info-top {
overflow: hidden;

/*background: #ccc;*/
}

/* ––– img-product ––– */
div#img-product {
float: left;
width: 200px;
margin-right: 40px;

/*background: #FFCC00;*/
}

div.slides-container {
width: 196px;
border: 2px solid rgba(17,25,65,1);
border-radius: 5px;

/*background: #CC9966;*/
}

.slides-container a {
display: block;
position: relative;
padding: 5px;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.slides-container a:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
background: url(images/magnifier.png) center center no-repeat;
}

.slides-container a:hover, .slides-container a:focus, .slides-container a:active {
box-shadow: inset 0 0 0 5px rgba(17,25,65,1);
}

.slides-container a:hover:after {
opacity: 1;
}

.slides-container img {
display: block;
width: 186px;
border-radius: 5px;
}


ul.pagination {
width: 200px;
margin: 15px 0 0 0;
padding: 0;
overflow: hidden;
list-style: none;

/*background: #CC6600;*/
}

.pagination li {
float: left;
margin: 0 5px 0 0;
padding: 0;

/*background: #33CCFF;*/
}

.pagination li:last-child {
margin: 0;
}

.pagination li a {
display: block;
position: relative;
width: 46px;
margin: 0;
padding: 0;

/*background: #339966;*/
}

.pagination li a:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
background: url(images/arrow-2.png) center center no-repeat;
}

.pagination li a:hover:after {
opacity:.8;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear
}

.pagination li img {
display: block;
width: 42px;
margin: 0;
padding: 0;
border: 2px solid rgba(17,25,65,1);
border-radius: 4px;
}

/*.pagination li.current a {
border: 1px solid #7f7f7f;
margin: 0;
}*/


/* ––– product-characteristics ––– */
div.product-characteristics {
float: left;
margin-right: 40px;

/*background: #FF9933;*/
}


div.part-number {
margin-bottom: 20px;
font-weight: 600;
}

.part-number span {
display: inline-block;
margin-left: 10px;
font-weight: 400;
}


table.list-characteristics {
border: none;
border-top: 1px dotted rgba(191,191,191,1);
line-height: 1.2;
text-align: left;

/*background: #ccc;*/
}

.list-characteristics tr {
border-bottom: 1px dotted rgba(191,191,191,1);
}

.list-characteristics tr:last-child {
border-bottom: none;
}

.list-characteristics th {
width: 170px;
padding: 10px 0;
vertical-align: top;
font-weight: 600;

/*background: #ccc;*/
}

.list-characteristics td {
padding: 7px 0;
border: none;
}


/* ––– purchase ––– */
div.purchase {
float: left;

/* background: #ccc; */
}


div.order {
color: rgba(254,0,2,1);
font-weight: 700;
font-size: 1.250rem;
}


div.price {
color: rgba(56,56,56,1);
font-weight: 700;
font-size: 1rem;

/* background: green; */
}

div.price-last {
margin-top: 10px;
}

.price span {
display: block;
margin-top: 3px;
color: rgba(254,0,2,1);
font-size: 1.250rem;
line-height: 1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
}

.price-last span {
font-size: 1.125rem;
}


div.quantity {
float: left;
margin-top: 7px;

/* background: #FFFFCC; */
}

.quantity p {
margin-bottom: 0;
color: rgba(56,56,56,1);
}

.quantity span {
cursor: pointer;
}

.quantity span.minus, .quantity span.plus {
display: inline;
padding: 0 5px;
border-radius: 4px;
border: 1px solid rgba(191,191,191,1);
background: rgba(237,237,237,1);
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
}

.quantity span.minus:hover, .quantity span.minus:active, .quantity span.plus:hover, .quantity span.plus:active {
box-shadow: 0 0 2px rgba(95,105,160,1);
}

.quantity input {
padding: 0 2px;
border: 1px solid rgba(199,199,199,1);
border-radius: 4px;
text-align: center;
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
}

.quantity input:focus {
box-shadow: 0 0 2px rgba(95,105,160,1);
}


div.to-cart {
float: left;
margin: 20px 0 0 30px;

/* background: red; */
}

.to-cart a {
display: inline-block;
padding: 7px 15px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(191,191,191,1);
background: rgba(69,158,24,1);
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
color: rgba(255,255,255,1);
text-transform: uppercase;
text-decoration: none;
}

.to-cart a span {
margin-left: 5px;
}

.to-cart a:hover, .to-cart a:active {
background-color: rgba(95,105,160,1);
}

.to-cart a:focus {
box-shadow: inset 0 1px 2px rgba(191,191,191,1);
}


div.purchase-buttons {
margin-top: 20px;
padding-top: 15px;
border-top: 1px dotted rgba(199,199,199,1);
}

.purchase-buttons div {
margin-bottom: 5px;
}

.purchase-buttons a {
display: inline-block;
color: rgba(95,105,160,1);
-webkit-transition: color .2s;
transition: color .2s;
line-height: 1;
text-decoration: none;
}

.purchase-buttons a span:first-child {
border-bottom: 1px dotted rgba(95,105,160,1);
}

.purchase-buttons a:hover, .purchase-buttons a:active {
color: rgba(69,158,24,1);
}

div.one-click a {
text-transform: uppercase;
}


div.product-info-bottom {
overflow: hidden;
}

/* ––– payment ––– */
div.payment {
float: left;
margin-left: 40px;
padding-left: 50px;
background: url(images/ico-payment.png) no-repeat 0 0;
}

.payment span {
display: block;
color: rgba(56,56,56,1);
font-weight: 600;
}

.payment ul {
margin: 0 0 0 15px;
padding: 0;
}

/* ––– delivery ––– */
div.delivery {
float: left;
margin-left: 50px;
padding-left: 70px;
background: url(images/ico-delivery.png) no-repeat 0 0;
}

.delivery span {
display: block;
color: rgba(56,56,56,1);
font-weight: 600;
}

.delivery a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
line-height: 1;
text-decoration: none;
}

.delivery a:hover {
border-bottom: none;
}


/* ––– in-cart ––– */
table.in-cart {
width: 100%;
margin-bottom: 20px;
text-align: left;
}

.in-cart tbody tr {
border-bottom: 1px dotted rgba(191,191,191,1);
}

.in-cart tbody tr:last-child {
border-bottom: 1px solid rgba(17,25,65,1);
}

.in-cart th span {
display: block;
padding: 7px 12px;
border-left: none;
border-top: 1px solid rgba(17,25,65,1);
border-right: 1px dotted rgba(17,25,65,1);
border-bottom: 1px solid rgba(17,25,65,1);
background: rgba(237,237,237,1);
color: rgba(56,56,56,1);
font-weight: 600;
text-align: center;
}

.in-cart th:first-child span {
border-radius: 4px 0 0 4px;
border-left: 1px solid rgba(17,25,65,1);
}

.in-cart th:last-child span {
border-radius: 0 4px 4px 0;
border-right: 1px solid rgba(17,25,65,1);
}

.in-cart td {
padding: 15px;
}


.in-cart tr td.item-img span {
display: block;
width: 78px;
border: 1px solid rgba(17,25,65,1);
border-radius: 4px;

/*background: #ccc;*/
}

.in-cart tr td.item-img a {
display: block;
position: relative;
padding: 2px;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.in-cart tr td.item-img a:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
background: url(images/arrow.png) center center no-repeat;
}

.in-cart tr td.item-img a:hover, .in-cart tr td.item-img a:focus, .in-cart tr td.item-img a:active {
box-shadow: inset 0 0 0 3px rgba(17,25,65,1);
}

.in-cart tr td.item-img a:hover:after {
opacity: 1;
}

.in-cart tr td.item-img img {
display: block;
width: 100%;
}


.in-cart td.item h2 {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", Tahoma, Geneva, sans-serif;

/*background: #ccc;*/
}

.in-cart td.item h2 a {
display: inline-block;
-webkit-transition: color 0.2s;
transition: color 0.2s;
color: rgba(95,105,160,1);
text-decoration: none;
}

.in-cart td.item h2 a:hover, .in-cart td.item h2 a:active {
color: rgba(69,158,24,1);
}


.in-cart td.item-quantity {
width: 90px;
}

.in-cart td.item-quantity span {
cursor: pointer;
}

.in-cart td.item-quantity span.minus, .in-cart td.item-quantity span.plus {
display: inline;
padding: 0 5px;
border-radius: 4px;
border: 1px solid rgba(191,191,191,1);
background: rgba(237,237,237,1);
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
}

.in-cart td.item-quantity span.minus:hover,
.in-cart td.item-quantity span.minus:active,
.in-cart td.item-quantity span.plus:hover,
.in-cart td.item-quantity span.plus:active {
box-shadow: 0 0 2px rgba(95,105,160,1);
}

.in-cart td.item-quantity input {
padding: 0 2px;
border: 1px solid rgba(199,199,199,1);
border-radius: 4px;
text-align: center;
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
}

.in-cart td.item-quantity input:focus {
box-shadow: 0 0 2px rgba(95,105,160,1);
}


.in-cart td.item-delete-from-cart {
text-align: center;
}

.in-cart td.item-delete-from-cart a {
display: inline-block;
width: 15px;
height: 21px;
background: url(images/ico-delete-from-cart.png) no-repeat 0 0;
}

.in-cart td.item-delete-from-cart a:hover, .in-cart td.item-delete-from-cart a:active {
background-position: 0 -32px;
}


div.total-in-cart {
float: right;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid rgba(17,25,65,1);
background: rgba(237,237,237,1);
text-transform: uppercase;
}

.total-in-cart span {
display: inline-block;
margin-left: 50px;
color: rgba(56,56,56,1);
font-weight: 600;
font-size: 1rem;
}


div.tabs {
position: relative;
margin-top: 30px;
overflow: hidden;

/*background: #ccc;*/
}

.tabs label#tab_l1, .tabs label#tab_l2, .tabs label#tab_l3 {
display: block;
float: left;
padding: 10px 25px;
border-radius: 4px;
border: 1px solid rgba(17,25,65,1);
background: rgba(237,237,237,1);
z-index: 1;
cursor: pointer;
color: rgba(95,105,160,1);
-webkit-transition: color 0.2s;
transition: color 0.2s;
font-weight: 600;
}

.tabs label#tab_l2, .tabs label#tab_l3 {
margin-left: -1px;
}

.tabs label#tab_l1:hover, .tabs label#tab_l2:hover, .tabs label#tab_l3:hover {
color: rgba(69,158,24,1);
}

#tab_1:checked ~ #tab_l1,
#tab_2:checked ~ #tab_l2,
#tab_3:checked ~ #tab_l3 {
border-color: rgba(17,25,65,1);
z-index: 3;
color: rgba(69,158,24,1);
}

.tabs input#tab_1, .tabs input#tab_2, .tabs input#tab_3 {
position: absolute;
left: -9999px;
}

div.tabs_cont {
margin-top: 25px;
z-index: 2;
}

.tabs_cont > div {
position: absolute;
left: -9999px;
opacity: 0;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2,
#tab_3:checked ~ .tabs_cont #tab_c3 {
position: static;
left: 0;
opacity: 1;
}


/* ––– form-content ––– */
div.form-content {
width: 100%;
overflow: hidden;

/*background: #ccc;*/
}

.form-content fieldset {
margin-bottom: 20px;
padding: 20px 30px;
border-radius: 5px;
border: 1px solid rgba(17,25,65,1);
}

.form-content legend {
padding: 0 10px;
color: rgba(56,56,56,1);
font-weight: 600;
font-size: 1rem;
}

.form-content label {
display: block;
margin-bottom: 3px;
color: rgba(56,56,56,1);

/*background: #CC9999;*/
}

.form-content input, .form-content textarea {
display: block;
width: 350px;
margin-bottom: 15px;
padding: 8px 10px 8px 30px;
border: 1px solid rgba(191,191,191,1);
border-radius: 4px;
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
background: rgba(255,255,255,1);
}

.form-content textarea {
height: 65px;
}

.form-content input:focus, .form-content textarea:focus {
box-shadow: 0 0 2px rgba(95,105,160,1);
}

.form-content input#input-name {
background: rgba(255,255,255,1) url(images/ico-input-name.png) no-repeat 8px center;
}

.form-content input#input-phone {
background: rgba(255,255,255,1) url(images/ico-input-phone.png) no-repeat 8px center;
}

.form-content input#input-email {
background: rgba(255,255,255,1) url(images/ico-input-email.png) no-repeat 8px center;
}

.form-content input#input-delivery-address {
background: rgba(255,255,255,1) url(images/ico-textarea-address.png) no-repeat 8px center;
}

.form-content input#input-password, .form-content input#input-repeat-password {
background: rgba(255,255,255,1) url(images/ico-input-password.png) no-repeat 8px center;
}

.form-content textarea#textarea-message {
background: rgba(255,255,255,1) url(images/ico-textarea-message.png) no-repeat 8px 8px;
}

.form-content input[type="radio"] {
display: inline-block;
float: left;
width: auto;
margin: 5px 5px 0 0;
padding: 0;
border: none;
border-radius: 0;
}

.form-content input[type="radio"] + label {
margin-top: 2px;
}

.form-content input[type="submit"] {
float: right;
width: auto;
padding: 10px 40px 10px 25px;
border: none;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(191,191,191,1);
background-color: rgba(69,158,24,1);
background-image: url(images/ico-submit.png);
background-repeat: no-repeat;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
color: rgba(255,255,255,1);
text-transform: uppercase;
}

.form-content input[type="submit"]#enter {
background-position: 80px center;
}

.form-content input[type="submit"]#reg {
background-position: 185px center;
}

.form-content input[type="submit"]#order-confirmation {
background-position: 175px center;
}

.form-content input[type="submit"]#confirm {
background-position: 130px center;
}

.form-content input[type="submit"]:hover {
background-color: rgba(95,105,160,1);
}

.form-content input[type="submit"]:focus {
box-shadow: inset 0 1px 2px rgba(191,191,191,1);
}

.form-content div {
width: 392px;
}

.form-content div p {
margin-top: -5px;
}


/* ––– order-history ––– */
table.order-history {
width: 100%;
text-align: center;
}

.order-history tbody tr {
border-bottom: 1px dotted rgba(191,191,191,1);
}

.order-history tbody tr:last-child {
border-bottom: 1px solid rgba(17,25,65,1);
}

.order-history th span {
display: block;
padding: 7px 12px;
border-left: none;
border-top: 1px solid rgba(17,25,65,1);
border-right: 1px dotted rgba(17,25,65,1);
border-bottom: 1px solid rgba(17,25,65,1);
background: rgba(237,237,237,1);
color: rgba(56,56,56,1);
font-weight: 600;
text-align: center;
}

.order-history th:first-child span {
border-radius: 4px 0 0 4px;
border-left: 1px solid rgba(17,25,65,1);
}

.order-history th:last-child span {
border-radius: 0 4px 4px 0;
border-right: 1px solid rgba(17,25,65,1);
}

.order-history td {
padding: 8px 10px;
}

.order-history td span {
display: block;
font-size: .8rem;
}

.order-history td a {
display: inline-block;
color: rgba(95,105,160,1);
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
}

.order-history td a:hover, .order-history td a:active {
color: rgba(69,158,24,1);
}


/* ––– kontakty ––– */
table.kontakty {
width: 100%;
margin-bottom: 20px;
border: none;
}

.kontakty th {
width: 130px;
padding: 2px 0;
font-weight: 600;
text-align: left;
vertical-align: text-top;

/*background: #ccc;*/
}

.kontakty th, .kontakty td {
border: none;
}

.kontakty td a {
display: inline-block;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
line-height: 1;
text-decoration: none;
}

.kontakty td a:hover {
border-bottom: none;
}


#yandex-map-msk, #yandex-map-spb {
width: 90%;
height: 270px;
margin: 0 auto;
border: none;
}


/* sidebar-right
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
div.sidebar-right {
float: right;
width: 265px;

/*background: #33CC00;*/
}

div.sr-title {
padding: 10px 0 10px 35px;
border-radius: 5px 5px 0 0;
background: rgba(17,25,65,1);
color: rgba(255,255,255,1);
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.sr-title span {
margin-left: 10px;
}

/* ––– nav-right ––– */
nav.nav-right {
padding: 25px 0;
overflow: hidden;
border: 1px solid rgba(17,25,65,1);
border-radius: 0 0 5px 5px;
background: rgba(237,237,237,1);

/*background: #777777;*/
}

.nav-right ul {
margin: 0;
padding: 0;
list-style: none;

/*background: #ccc;*/
}

.nav-right ul li {
overflow: hidden;
margin-bottom: 10px;
padding: 0 20px 10px;
border-bottom: 1px solid rgba(191,191,191,1);
}

.nav-right ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}

.nav-right ul li a {
display: block;
color: rgba(17,25,65,1);
-webkit-transition: color .2s;
transition: color .2s;
font-weight: 600;
font-size: .938rem;
line-height: 1;
text-decoration: none;
}

.nav-right ul li a span:first-child {
display: block;
float: left;
width: 40px;
height: 30px;
}

.nav-right ul li a span.ico-branson {
background: url(images/ico-branson.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-shifeng {
background: url(images/ico-shifeng.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-xingtai {
background: url(images/ico-xingtai.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-solis {
background: url(images/ico-solis.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-chery {
background: url(images/ico-chery.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-foton {
background: url(images/ico-foton.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-dongfeng {
background: url(images/ico-dongfeng.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-bulat {
background: url(images/ico-bulat.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-jinma {
background: url(images/ico-jinma.png) no-repeat 0 center;
}

.nav-right ul li a span.ico-zapchasti-drugikh-proizvoditeley {
background: url(images/ico-zapchasti-drugikh-proizvoditeley.png) no-repeat 0 center;
}

.nav-right ul li:last-child a {
font-size: 1.125rem
}

.nav-right ul li a span:last-child {
float: left;
font-size: 1.125rem;
}

.nav-right ul li a span:last-child span {
display: block;
float: none;
width: 100%;
height: auto;
margin: 0;
font-size: .938rem;
}

.nav-right ul li a:hover {
color: rgba(69,158,24,1);
}


/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
footer.footer {
position: relative;
width: 100%;
height: 274px;
margin: -274px auto 0;
}

div.footer-top {
width: 100%;
height: auto;
border-top: 5px solid rgba(17,25,65,1);
background: url(images/footer-top-bg.jpg) repeat center;
}

div.footer-top-center {
width: 1160px;
margin: 0 auto;
padding: 30px 30px 40px;
overflow: hidden;

/*background: #00FFCC;*/
}

div.ftc-block {
float: left;
width: 25%;

/*background: #FFCC99;*/
}

.ftc-block:last-child {
text-align: right;

/*background: #CC9966;*/
}

.ftc-block h3 {
margin: 0 0 10px 0;
color: rgba(95,105,160,1);
font-weight: 600;
font-size: 1.2rem;
}

.ftc-block ul {
margin: 0;
padding: 0;
list-style: none;
}

.ftc-block ul li {
padding-left: 10px;
background: url(images/ftc-block-ul-li.png) no-repeat 0 7px;
}

.ftc-block ul li a {
display: inline-block;
border-bottom: 1px dotted rgba(127,127,127,1);
color: rgba(127,127,127,1);
line-height: 1;
text-decoration: none;
}

.ftc-block ul li a:hover, .ftc-block ul li a:active {
border-bottom: none;
}

/* ––– call-back-footer ––– */
div.call-back-footer {
display: inline-block;
padding: 5px 0 5px 30px;
background: url(images/ico-phone.png) no-repeat 0 center;
}

.call-back-footer a {
display: inline-block;
border-bottom: 1px dotted rgba(17,25,65,1);
color: rgba(69,158,24,1);
-webkit-transition: color .2s;
transition: color .2s;
font: 400 .875rem/1 Play, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.call-back-footer a:hover, .call-back-footer a:active {
color: rgba(17,25,65,1);
}

/* ––– phone-footer ––– */
div.phone-footer {
margin: 8px 0 0;

display: none;

/*background: #ccc;*/
}

.phone-footer p {
margin: 0 0 7px;
color: rgba(17,25,65,1);
font-size: 1.250rem;
line-height: 1;
font-family: "Russo One", Play, Arial, Helvetica, sans-serif;
text-align: right;
}

.phone-footer p:last-child {
    font-size: 1rem;
}


div.footer-bottom {
width: 100%;
height: auto;
border-top: 2px solid rgba(17,25,65,1);
background: url(images/footer-bottom-bg.gif) repeat center;
}

div.footer-bottom-center {
width: 1220px;
margin: 0 auto;
padding: 30px 0;
overflow: hidden;
color: rgba(56,56,56,1);

/*background: #00FFCC;*/
}

/* ––– copyright ––– */
div.copyright {
float: left;
width: 320px;
margin-right: 100px;
line-height: 1;

/*background: #FF99CC;*/
}

/* ––– ya-share2 ––– */
div.ya-share2 {
float: left;
width: 70px;
margin: 12px 100px 0 0;

/* background: #000; */
}

/* ––– metrika ––– */
div.metrika {
float: left;
width: 88px;
height: 31px;
margin: 6px 0 0 0;

/*background: url(images/metrika.png) no-repeat center;*/
}

/* ––– law ––– */
div.law {
float: right;
width: 420px;
line-height: 1;

/*background: #FF6600;*/
}


/* modal
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 8888;
background-color: rgba(51,51,51,.7);
}


div.modal-div {
display: none;
position: fixed;
top: 45%;
left: 50%;
width: 400px;
margin-left: -200px;
overflow: hidden;
opacity: 0;
z-index: 9999;

/*background: #ccc;*/
}

div#modal-call-back {
height: 380px;
margin-top: -296px;
}

div#modal-in-cart {
height: 132px;
margin-top: -296px;
}

div#modal-buy-one-click {
height: 580px;
margin-top: -296px;
}

div#modal-question {
height: 580px;
margin-top: -296px;
}

div.modal-title {
padding: 17px 0 15px;
border-radius: 5px 5px 0 0;
background: rgba(17,25,65,1);
color: rgba(255,255,255,1);
font-weight: 600;
font-size: 1rem;
text-transform: uppercase;
text-align: center;
}

div.modal-main {
padding: 20px 25px;
overflow: hidden;
border-radius: 0 0 5px 5px;
background: rgba(251,251,253,1);
}

.modal-main p {
line-height: 1;
}

.modal-main p span {
display: block;
float: left;
margin: 0 3px 15px 0;
color: rgba(237,50,55,1);

/*background: #CC9999;*/
}

.modal-main label {
display: block;
margin-bottom: 3px;
color: rgba(56,56,56,1);
font-size: 1.1em;

/*background: #CC9999;*/
}

.modal-main label span {
display: inline-block;
margin-left: 3px;
color: rgba(237,50,55,1);
}

.modal-main input, .modal-main textarea {
display: block;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 8px 10px 8px 30px;
border: 1px solid rgba(191,191,191,1);
border-radius: 4px;
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s;
background: rgba(255,255,255,1);
}

.modal-main textarea {
height: 65px;
}

.modal-main input:focus, .modal-main textarea:focus {
box-shadow: 0 0 2px rgba(95,105,160,1);
}

.modal-main input#input-name {
background: rgba(255,255,255,1) url(images/ico-input-name.png) no-repeat 8px center;
}

.modal-main input#input-phone {
background: rgba(255,255,255,1) url(images/ico-input-phone.png) no-repeat 8px center;
}

.modal-main input#input-email {
background: rgba(255,255,255,1) url(images/ico-input-email.png) no-repeat 8px center;
}

.modal-main textarea#textarea-address {
float: left;
width: 180px;
background: rgba(255,255,255,1) url(images/ico-textarea-address.png) no-repeat 8px 10px;
}

.modal-main textarea#textarea-message {
background: rgba(255,255,255,1) url(images/ico-textarea-message.png) no-repeat 8px 10px;
}

div.fiz-ur {
float: right;
margin-right: 5px;
}

.modal-main input[type="radio"] {
display: block;
float: left;
width: 12px;
margin: 0 5px 0 3px;
padding: 0;
box-sizing: border-box;
}

.fiz-ur label {
display: block;
float: left;
margin: 0 0 0 0;
padding: 0;
box-sizing: border-box;
line-height: 1;
}

div.modal-submit {
float: right;
margin-right: 5px;
}

.modal-main input[type="submit"] {
display: inline-block;
width: auto;
padding: 10px 0 10px 25px;
border: none;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(191,191,191,1);
-webkit-transition: background .2s;
transition: background .2s;
cursor: pointer;
color: rgba(255,255,255,1);
text-transform: uppercase;
}

.modal-submit input[type="submit"]:focus {
box-shadow: inset 0 1px 2px rgba(191,191,191,1);
}

#modal-call-back .modal-main input[type="submit"] {
padding-right: 35px;
background: rgba(69,158,24,1) url(images/ico-submit.png) no-repeat 100px center;
}

#modal-call-back .modal-main input[type="submit"]:hover {
background: rgba(95,105,160,1) url(images/ico-submit.png) no-repeat 100px center;
}

#modal-buy-one-click .modal-main input[type="submit"] {
margin-top: 15px;
padding-right: 40px;
background: rgba(69,158,24,1) url(images/ico-submit.png) no-repeat 110px center;
}

#modal-buy-one-click .modal-main input[type="submit"]:hover {
background: rgba(95,105,160,1) url(images/ico-submit.png) no-repeat 110px center;
}

#modal-question .modal-main input[type="submit"] {
padding-right: 40px;
background: rgba(69,158,24,1) url(images/ico-submit.png) no-repeat 105px center;
}

#modal-question .modal-main input[type="submit"]:hover {
background: rgba(95,105,160,1) url(images/ico-submit.png) no-repeat 105px center;
}


#modal-in-cart .modal-main a:first-child {
display: inline-block;
float: left;
margin-top: 12px;
border-bottom: 1px dotted rgba(95,105,160,1);
color: rgba(95,105,160,1);
line-height: 1;
text-decoration: none;

/*background: #ccc;*/
}

#modal-in-cart .modal-main a:first-child:hover, #modal-in-cart .modal-main a:first-child:active {
border-bottom: none;
}

#modal-in-cart .modal-main a:last-child {
float: right;
padding: 8px 35px 8px 15px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(191,191,191,1);
background: rgba(69,158,24,1) url(images/ico-submit.png) no-repeat 150px center;
-webkit-transition: background-color .2s;
transition: background-color .2s;
color: rgba(255,255,255,1);
font-weight: 600;
text-decoration: none;
}

#modal-in-cart .modal-main a:last-child:hover {
background-color: rgba(95,105,160,1);
}

#modal-in-cart .modal-main a:last-child:active {
box-shadow: inset 0 1px 2px rgba(191,191,191,1);
}