/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */



body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

html, body {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font: 14px/16px Verdana, sans-serif;
  color: #2c2c2c;
  background: #fff url(../images/body-bg.jpg) repeat;
  zoom: 1;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;padding-bottom: 148px;}

header, nav, section, footer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

section {padding: 15px 0;}

*{outline: none;}
*{box-sizing: border-box;}
ul, ol {list-style-type: none;padding: 0; margin: 0;}
img {max-width: 100%}
*:focus {outline: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.container {
  position: relative;
  min-width: 1000px;
  max-width: 1280px;
  width: 98%;
  margin: 0 auto;
}

.container:after {
  content: "";
  display: table;
  clear: both;
}

.btn {
  width: 160px;
  height: 30px;
  color: #fff;
  border: 1px solid #abb4d8;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e56b0+0,0b1c78+100 */
  background: #3e56b0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(#3e56b0 0%, #0b1c78 100%);
  background: -o-linear-gradient(#3e56b0 0%, #0b1c78 100%);
  background: linear-gradient(#3e56b0 0%, #0b1c78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e56b0', endColorstr='#0b1c78',GradientType=0 ); /* IE6-9 */
}

header {padding-top: 20px;}
header a, header p {position: relative; color: #2c2c2c;}

.h-logo {
  float: left;
  width: 30%;
}

header .h-item {
  float: left;
  width: 20%;
  text-align: left;
}
header .h-item:nth-last-child(2) {text-align: right}

header .h-item:last-child {
  float: right;
  width: 30%;
  text-align: right;
}

p {margin: 0;color: #000;}
p + p {margin-top: 25px !important;}

.text {
  padding: 0 50px 20px;
}

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; 
}

.handle-rubl {font-family: rub-arial-regular;}

.mail, .adres, #login, .tel {display:inline-block;position: relative; padding-left: 25px;}
.tel {width:auto;}
.mail {margin: 13px 0 10px;}
.mail:before, .adres:before, #login:before, .tel:before {position: absolute;content: "";}

.mail:before {left: 0px;top:50%;width: 17px;height: 14px;margin-top: -7px;background: url(../images/sprite.png) no-repeat 0 0;}
.adres:before {left: 3px;top: 10px;width: 10px;height: 15px;margin-top: -7.5px;background: url(../images/sprite.png) no-repeat 0 -18px;}
.tel:before {left: 0;top: 50%;width: 15px;height: 15px;margin-top: -7.5px;background: url(../images/sprite.png) no-repeat 0 -36px;}
#login:before {left: 0; top: 50%; width: 15px;height: 15px;margin-top: -7.5px;background: url(../images/sprite.png) no-repeat 0 -54px;;}

.adres {margin: 0;}
.adres span {font-size: 11px;}
.tel {margin: 5px 0 5px;}
#login, #reg {margin-bottom: 10px;text-decoration: underline;}
#login:hover, #reg:hover {text-decoration: none;}

#basket {
  width: 250px;
  padding: 8px 10px 8px 50px;
  margin-left: auto;
  margin-bottom: 8px;
  border-bottom: 1px solid #e1d6a3;
  border-right: 1px solid #e1d6a3;
  overflow: hidden;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd81f+0,bc9c01+100 */
  background: #ffd81f; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffd81f 0%, #bc9c01 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffd81f 0%,#bc9c01 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffd81f 0%,#bc9c01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd81f', endColorstr='#bc9c01',GradientType=0 ); /* IE6-9 */
}

#basket-count {
  position: relative;
  float: left;
  display: inline-block;
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;
}

#basket-count:before {
  position: absolute;
  content: "";
  left: -35px;
  width: 24px;
  height: 21px;
  background: url(../images/sprite.png) no-repeat 0 -73px;
}/*
#basket-count:after {
  position: absolute;
  content: "";
  right: -22px;
  top: -8px;
  height: 35px;
  width: 1px;
  background: #b19305;
}*/

#basket-price {
  position: relative;
  float: right;
  display: inline-block;
  font-weight: bold;
  text-shadow: 1px 1px 1px #fff;
}
/*
#basket-price:before {
  position: absolute;
  content: "";
  left: -20px;
  top: -8px;
  height: 35px;
  width: 1px;
  background: #edd358;
  border-left: 1px solid #ddcd83;
}*/

#form-search {position: relative;width: 250px;height: 30px;margin-left: auto;-webkit-box-shadow: 1px 1px 0px 1px #bec0ce;box-shadow: 1px 1px 1px 1px #bec0ce;}
#form-search input[type=search] {
  width: 100%;
  height: 100%;
  padding: 0 30px 0 10px;
  color: #7d7d7d;
  background: transparent;
  border: 1px solid #4f557e;  
  -webkit-box-shadow:inset 1px 1px 1px 1px #dbdbdb;
  box-shadow:inset 1px 1px 1px 1px #dbdbdb; 
}
#form-search input[type=submit] {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 24px;
  height: 20px;
  margin-top: -10px;
  background: transparent url(../images/sprite.png) no-repeat 0 -98px;
  border: 0;
}

h2.full {margin-bottom: 25px !important;}

h1, h2.full {
  position: relative;
  margin: 0 0 1px;
  font: bold 31px/31px Verdana, sans-serif;
  color: #7d7d7d;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
/*  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;*/
 /* background: #3f53ae; 
  background: -moz-linear-gradient(top,  #3f53ae 0%, #0a1976 100%); 
  background: -webkit-linear-gradient(top,  #3f53ae 0%,#0a1976 100%); 
  background: linear-gradient(to bottom,  #3f53ae 0%,#0a1976 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f53ae', endColorstr='#0a1976',GradientType=0 );*/
}
h1:before, h1:after, h2.full:before, h2.full:after {
  position: absolute;
  content: ""; 
  left: 0; 
  width: 100%; 
  height: 1px; 
 /* background: #f8f8f8*/
  }
h1:before, h2.full:before {top: 0;}
h1:after, h2.full:after {
  bottom: 0px;
 /* background: #2a3787;*/
  }

nav {
  position: relative;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  overflow: visible;

  background: #3f53ae; /* Old browsers */
  background: -moz-linear-gradient(top,  #3f53ae 0%, #0a1976 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #3f53ae 0%,#0a1976 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #3f53ae 0%,#0a1976 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f53ae', endColorstr='#0a1976',GradientType=0 );
}

nav .cat-child {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
padding: 20px 0 0 30px;

  background: #fbfbfb;
  text-align: left;
  z-index: 19999;
  flex-wrap: wrap;
}
nav .cat-child.active {display: block;    right: 0px;}

nav .cat-child:before {
  position: absolute;
  content: "";
  top: -18px !important;
  border: 5px solid transparent !important;
  border-bottom: 10px solid #fbfbfb !important;
  z-index: 1;
}

nav #cat1:before {left: 12%;}
nav #cat2:before {left: 32%;}
nav #cat3:before {left: 49%;}
nav #cat4:before {left: 69%;}
nav #cat5:before {left: 89%;}

nav .cat-child .child .need_scroll{height: 120px;}
nav .cat-child .child a {min-height: auto; }
nav .cat-child .child a:before, nav .cat-child .child a:after {display: none;}
nav .cat-child .child-title {
    z-index: 1;
    min-height: auto;
    padding-left: 0 !important;
   /* margin-left: 20px;*/
    font-size: 14px;
    line-height: 14px;
    /*background: #f8f8f8;*/
}
nav .cat-child .child-title:before {display: block !important;top: 0px;left: -20px;}
nav .cat-child a {
  color: #000;
  font-size: 14px;
  line-height: 14px;
  text-transform: none;
  padding-left:7px;
}
nav .cat-child a + a {margin-top: 3px !important;}

nav ul {
  list-style: none;
  display: table;
  width: 100%;
  margin: 0;
  max-width: none;
  table-layout: auto;
  border-collapse: collapse;
}

nav li {
  display: table-cell;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4rem;
}

nav li a {
  position: relative;
  display: block;
  min-height: 55px;
  padding: 0 .5rem;
  vertical-align: middle;
  font: bold 24px/24px Verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
nav li a:before {
  content: '';
  display: inline-block;
  width: .1rem;
  height: 55px;
  margin: 0 0 0 -.1rem;
  vertical-align: middle;
}

nav li:not(:last-child) a:after {
  position: absolute;
  content: "";
  left: 100%;
  top: 10px;
  width: 4px;
  height: 36px;
  background: url(../images/sprite.png) no-repeat -376px -268px;
}

nav li a:hover{text-decoration: none;}

.catalog-wrap {
  width: 100%;
  height: 260px;
  margin: 20px 0 60px;  

/*    overflow: hidden;  */
}

.catalog-wrap a {
  position: relative;
  display: block;
  float: left;
  width: 16%;
  margin-right: 5%;
  z-index: 5;
  color: #272727;
  text-decoration: none;
}
.catalog-wrap a:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 25px;
  width: 201px;
  height: 43px;
  background: url(../images/sprite.png) no-repeat -70px 0;
  z-index: 1;
}

.catalog-wrap a:hover {text-decoration: underline;}
.catalog-wrap a:hover img {border-color: #ffd81f;}

.catalog-wrap a:last-child {margin-right: 0;}
.catalog-wrap img {
  border: 2px solid #fff;
  border-radius: 10px;
  transition: all .15s ease-in-out;
}
.catalog-wrap .img-wrap {
  position: relative;
  margin: 1px;
  z-index: 2;
}
.catalog-wrap .img-wrap:before {
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  width: 100%;
  height: 98.5%;
  border: 1px solid #d9d9da;
  border-radius: 10px;
}

.catalog-wrap h3 {
  margin: 25px 0 0;
  font-size: 18px;
  color: #272727;
  text-align: center;
}

.title {margin-bottom: 30px;}

.title h2 {
  position: relative;
  display: inline-block;
  margin: 0 0 0 25px;
  font-size: 18px;
  color: #000b4a;
  text-align: left;
  border-bottom: 2px solid #000b4a;
}

.title h2:before {
  position: absolute;
  content: "";
  left: -25px;
  top: 2px;
  width: 18px;
  height: 17px;
  background: url(../images/sprite.png) no-repeat 0 -123px;
}

.item-wrap {
  width: 100%;
  overflow: hidden;
}

.item-wrap .bx-viewport {height: 350px !important;}

.item-wrap .item, .item-wrap .slide {
  position: relative;
  display: block;
  float: left;
  width: 22%;
  height: 330px;
  margin-right: 3%;
  margin-bottom: 30px;
  padding: 15px 2px;
  text-align: center;
  background: white;/*#f8f8f8;*/
  border: 2px solid #d9d9da;
  border-radius: 10px;
  transition: all .25s ease-in-out;
}

.item-wrap .item.brand{
    height:280px;
}

.item-wrap .item:hover, .item-wrap .slide:hover {border: 2px solid #ffd81f;}

.item-wrap .item:nth-child(4n) {margin-right: 0;}

.item-wrap .item a {color:#000;}
.item-wrap .item p.product_name{
    height: 45px;
    margin-bottom: 5px;
    overflow: hidden;
}

.item-wrap .item img, .item-wrap .slide img {display: block;margin: 0 auto 15px;}
.item-wrap .item p, .item-wrap .slide p {
 
    margin: 0;padding: 10px;font-size: 12px; color: #000;border-top: 2px solid #e8e8e8;}
.item-wrap .item .item-price, .item-wrap .slide .item-price {
  display: inline-block;
  margin-right: 10%;
  font-size: 20px;
  color: #000;
  font-family: Verdana, sans-serif;
}
.item-wrap .item input[type="number"], .item-wrap .slide input[type="number"] {
  display: inline-block;
  width: 35px;
  background: transparent;
  border: 1px solid #d9d9da;
}

.item-wrap .item .btn, .item-wrap .slide .btn {width: 100px;border-radius: 7px;text-transform: uppercase;}

#bxslider .slide {height: 300px;}
#bxslider .slide a {text-decoration: underline;}
#bxslider .slide a:hover {text-decoration: none;}
#slide1 .img1 {
  position: absolute;
  top: 50%;
  left: 13%;
  margin-top: -118px;
}
#slide1 h3 {
  position: absolute;
  display: inline-block;
  margin: 0;
  top: 25%;
  right: 38%;
  font-size: 44px;
  font-weight: bold;
  color: #000;
}

#slide1 p {
  position: absolute;
  top: 40%;
  right: 20%;
  margin: 0;
  font-size: 20px;
  font-style: italic;
  color: #1c4690;
  line-height: 27px;
}
#slide1 .img2 {
  position: absolute;
  top: 70%;
  right: 19%;
}
#slide1 a {
  position: absolute;
  top: 84%;
  right: 19%;
  display: block;
  font-size: 19px;
  color:#41659a;
}

.advantages-wrap {
  width: 100%;
  overflow: hidden;
}

.advantages-wrap .item {
  position: relative;
  float: left;
  width: 16%;
  margin: 30px 5% 70px 0;
  padding-top: 155px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  z-index: 2;
  transition: all .25s ease-in-out;
}
.advantages-wrap .item:hover {border-color: #ffd81f;}
.advantages-wrap .item:last-child {margin-right: 0;}

.advantages-wrap .item:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -20px;
  width: 201px;
  height: 43px;
  background: url(../images/sprite.png) no-repeat -70px 0;
  z-index: 1;
}

.advantages-wrap .item:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 5%;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
}

.advantages-wrap .item:nth-child(1):after {
  width: 108px;
  height: 122px;
  margin-left: -54px;
  background-position: -77px -59px;
}
.advantages-wrap .item:nth-child(2):after {
  width: 149px;
  height: 117px;
  margin-left: -75px;
  background-position: -343px -6px;
}
.advantages-wrap .item:nth-child(3):after {
  width: 112px;
  height: 119px;
  margin-left: -54px;
  background-position: -380px -132px;
}
.advantages-wrap .item:nth-child(4):after {
  width: 157px;
  height: 135px;
  margin-left: -79px;
  background-position: -199px -132px;
}
.advantages-wrap .item:nth-child(5):after {
  width: 131px;
  height: 128px;
  margin-left: -65px;
  background-position: -24px -203px;
}

.advantages-wrap .item-text {
  position: relative;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: #ffd81f;
  border-top: 1px solid #bfbfc0;
  z-index: 2;
}

.advantages-wrap .item-text p {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-shadow: 2px 2px 1px #fff;
}

footer {
  margin-top: -148px;
  padding: 30px 0;
  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f53ae+0,3e53ae+0,091875+100 */
  background: #3f53ae; /* Old browsers */
  background: -moz-linear-gradient(top,  #3f53ae 0%, #3e53ae 0%, #091875 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #3f53ae 0%,#3e53ae 0%,#091875 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #3f53ae 0%,#3e53ae 0%,#091875 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progidDXImageTransform.Microsoft.gradient( startColorstr='#3f53ae', endColorstr='#091875',GradientType=0 ); /* IE6-9 */

  border-top: 1px solid #b2badf;
}

footer .f-logo:after {
  position: absolute;
  content: "";
  left: 100%;
  top: 50%;
  width: 4px;
  height: 78px;
  margin-top: -39px;
  background: url(../images/sprite.png) no-repeat -492px -265px;
}

footer .f-item {
  position: relative;
  display: inline-block;
  width: 20%;
  margin-right: 3%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  vertical-align: middle;
}
footer .f-item:nth-child(3), footer .f-item:nth-child(4) {padding-top: 13px;}
footer .f-item:nth-child(4) {margin-right: 0;}
footer .f-item:nth-last-child(2):after {display: none;}

footer .f-item:after {
  position: absolute;
  content: "";
  left: 100%;
  top: 50%;
  width: 4px;
  height: 78px;
  margin-top: -39px;
  background: url(../images/sprite.png) no-repeat -492px -265px;
}

footer .f-social {float: right;width: 9%;text-align: center;}
footer .fb {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 27px;
  background: url(../images/sprite.png) no-repeat -26px -27px;
}

footer .tw {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 28px;
  height: 22px;
  background: url(../images/sprite.png) no-repeat -24px 0;
}
footer p, footer a {
  color: #fff;
}
footer h3 {
  margin: 10px 0 20px;
  font-size: 16px;
  font-weight: bold;
}

footer .f-item:nth-child(4) a {
  display: block;
}
.f-login {
  font-weight: bold;
  margin-bottom: 2px;
}

.cat-child {
  position: relative;
    padding: 30px 0 0 30px;
  background: #fbfbfb;
  border: 3px solid #ebebeb;
  border-radius: 5px;
}

.cat-child:after {
  content: "";
  display: table;
  clear: both;
}

.active_category:before{
  display: block;
  position: absolute;
  content: "";
  left: 70px;  
  top: 258px;
  border: 25px solid transparent;
  border-bottom: 40px solid #FFF;
}

.cat-child .child {
  display: inline-block;
  float: left;
  width: 30.5%;
    padding-left: 10px;
  /*padding-right: 30px;
  margin-top: 20px;*/
  margin-right: 2.33%;
   /* padding-top: 30px;*/
  margin-bottom: 20px;
  font-size: 14px;
}


.cat-child .need_scroll {
    /*margin-top: 15px;*/

    height: 150px;
    overflow: auto;
}



.child .child-title {
  /*position: absolute;*/
  height: 35px;
  /*width: 31%;*/
  overflow: hidden;
  display: block;
 /*margin: 0 0 10px;*/
  padding-left: 0;
  font-size: 16px;
  line-height: 16px;
  color: #000b4a;
  font-weight: bold;
  text-decoration: underline;
  text-transform: none;
  /*margin-top: -30px;*/
  background: #fbfbfb;
}
.cat-child .child-title:hover{text-decoration: none;}
 
.cat-child .child-title.nochildren {
    height: auto;
}

.cat-child .child-title:before {
  position: absolute;
  content: "";
  left: -25px;
  top: 2px;
  width: 18px;
  height: 17px;
  /*background: url(../images/sprite.png) no-repeat 0 -123px;*/
}

.cat-child a {
    display: block;
    color:#2c2c2c;
    font-size: 16px;
    text-decoration: none;

}
.cat-child a:hover{text-decoration: underline;}

.cat-child a + a {margin-top: 8px !important;}

.similar .slide a {
  color:#000;
}
.slide img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.item-wrap .bx-wrapper {margin: 0 auto 10px;}
.item-wrap .bx-wrapper .bx-viewport {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.item-wrap .slide .item-price {margin-right: 5%;}

.item-wrap .bx-wrapper .bx-prev {
  left: -70px;
  background: url(../images/sprite.png) no-repeat -389px -263px
}

.item-wrap .bx-wrapper .bx-next {
  right: -60px;
  background: url(../images/sprite.png) no-repeat -436px -267px;
}
.item-wrap .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -66px;
  outline: 0;
  width: 29px;
  height: 135px;
  text-indent: -9999px;
  z-index: 9999;
}

.filter {
  display: block;
  float: left;
  width: 20%;
  padding: 15px;
  background: #f8f8f8;
  border: 3px solid #ebebeb;
}

.filter .filter-title {
  position: relative;
  display: block;
  margin: 0 0 10px;
  padding: 10px 0 6px 8px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #575d62;
  border: 1px solid #c8cbcc;
  border-radius: 3px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ededee 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ededee 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ededee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededee',GradientType=0 ); /* IE6-9 */
}

.filter .filter-title:after {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  width: 11px;
  height: 9px;
  margin-top: -4.5px;
  background: url(../images/sprite.png) no-repeat -373px -312px;
}

.filter .filter-title:before {
  position: absolute;
  content: "";
  right: 40px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #c8cbcc;
}

.filter .filter-content {
  position: relative;
  height: 90px; 
  overflow-y: scroll;
  overflow-x: hidden;
}
.filter .btn {
  display: block;
  width: 150px;
  height: 30px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
}

.filter .devider {
  display: block;
  margin: 20px auto;
  width: 231px;
  height: 2px;
  background: url(../images/sprite.png) no-repeat -9px -337px;
}

.filter input[type="checkbox"] {
  width: 23px;
  margin-right: 5px;
}

.filter .filter-content p {
  margin: 0;
  color: #575d62;
}

.filter .filter-content p + p {margin-top: 5px !important;}

#slider {
  width: 86%;
  height: 12px;
  margin: 25px 0 15px 15px;
  background: #d9d9d9; /* Old browsers */
  background: -moz-linear-gradient(top,  #d9d9d9 0%, #ededed 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #d9d9d9 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #fff;
  border-radius: 25px;
}

#slider .ui-widget-header {
  border: 1px solid #1b256b;
  background: #a5abcc; /* Old browsers */
  background: -moz-linear-gradient(top,  #a5abcc 0%, #0f1b6a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a5abcc 0%,#0f1b6a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a5abcc 0%,#0f1b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5abcc', endColorstr='#0f1b6a',GradientType=0 ); /* IE6-9 */
}
#custom-handle:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -4px;
  background: #616161;
  border-radius: 50%;
}

#handle-text {
  position: absolute;
  left: -20px;
  bottom: -35px;
  width: 59px;
  height: 33px;
  font-size: 14px;
  line-height: 40px;
  color: #575d62;
  text-align: center;
  background: url(../images/sprite.png) no-repeat -299px -281px;
}

@font-face {
  font-family: rub-arial-regular;
  src: url(data:font/woff;charset=utf-8;base64,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)
}

#slider-res {
  position: relative;
  margin-bottom: 35px;
  color: #575d62;
  font-size: 14px;
}
#slider-res:after {
  content: "";
  display: table;
  clear: both;
}

#slider-min {
  position: relative;
  width: 70px;
  height: 20px;
  font-size: 16px;
  float: left;
  margin-left: 10px;
  text-align: center;
  background: transparent;
  border: 1px solid #ccc;
}

#slider-max {
  position: relative;
  width: 70px;
  height: 20px;
  font-size: 16px;
  float: right;
  margin-left: 10px;
  text-align: center;
  background: transparent;
  border: 1px solid #ccc;
}

.content {
  float: right;
  width: 75%;
}

.pagination {
  display: block;
  padding: 25px 0 40px;
  overflow: hidden;
}

.pagination li {
  position: relative;
  display: block;
  float: left;
  margin-right: 30px;
}

.pagination li:after {
  position: absolute;
  content: "";
  right: -25px;
  top: 50%;
  width: 18px;
  height: 17px;
  margin-top: -8px;
  background: url(../images/sprite.png) no-repeat 0 -123px;
}
.pagination li:last-child:after {display: none;}

.pagination li a {
  color: #000b4a;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #000b4a;
  text-decoration: none;
  transition: all .15s ease-in-out;
}
.pagination li a:hover {border-color: transparent;text-decoration: none;}

.goods {width: 100%;}
.goods:after {
  content: "";
  display: table;
  clear: both;
}

.goods h2 {
  margin: 0 0 30px;
  font-size: 32px;
  font-weight: bold;
  color: #0c1c79;
  line-height: 40px;
}

.goods-slider {float: left;width: 48%;}
.goods-slider #goods-slider {text-align: center;}
.goods-slider .bx-wrapper .bx-viewport {
  background: white/*#f8f8f8*/;
  border: 1px solid #dadadb;
  border-radius: 5px;
}
.goods-slider .bx-wrapper {position: relative;margin: 0 auto 30px;}
.goods-slider .bx-wrapper:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -23px;
  width: 442px;
  height: 22px;
  margin-left: -221px;
  background: url(../images/sprite.png) no-repeat -27px -419px;
}

.goods-slider .bx-wrapper img {position: relative;margin: 10px auto;
    max-height: 400px;}
    
.goods-slider #bx-pager{
    position: relative;
    text-align: center;
}

#bx-pager a {
   display: inline-block;
    width: 15%;
    margin-right: 2%;
    padding: 0px 5px;
    background: white/*#f8f8f8*/;
    border: 1px solid #dadadb;
    border-radius: 5px;
}

#bx-pager a:last-child {margin-right: 0;}

.goods-characteristic {
  width: 48%;
  float: right;
  padding: 15px 0;
  background: #f8f8f8;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}

.goods-characteristic .tab {
  padding: 3px 0 6px 180px;
  font-size: 14px;
  color: #353535;
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.goods-characteristic .tab span {
  display: inline-block;
  width: 180px;
  margin-left: -160px;
  font-weight: bold;
}

.goods-characteristic p + p {margin-top: 6px !important;}

.goods-characteristic .goods-price {
  margin-top: 120px;
  padding: 20px 15px;
  background: #ffffff;
  border-top: 1px solid #ebebeb;
}

.goods-characteristic .goods-price:after {
  content: "";
  display: table;
  clear: both;
}

.goods-characteristic .goods-price span {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  color: #ddb702;
  text-shadow: 1px 1px 1px #4c3f00;
}

.goods-characteristic .goods-price a {
  font-size: 16px;
  color: #122487;
  text-decoration: underline;
}
.goods-characteristic .goods-price a:hover {text-decoration: none;}
.goods-characteristic .goods-price p {
  float: left;
  margin: 10px 0 0;
  color: #181818;
  font-size: 16px;
}

.goods-count {
  float: right;
  width: 50px;
  height: 30px;
  margin: /*25px*/ 0 10px 0 0;
  font-size: 16px;
  color: #575d62;
  background: #fff;
  border: 1px solid #e4e4e5;
  border-radius: 3px;
}

.goods-btn {
  display: inline-block;
  float: right;
  width: 110px;
  height: 30px;
  /*margin-top: 15px;*/
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: #282100;
  font-weight: bold;
  text-shadow: 1px 1px 1px #fff;
  border: 0;
  cursor: pointer;

  background: #f5d53c; /* Old browsers */
  background: -moz-linear-gradient(top,  #f5d53c 0%, #d2ad02 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f5d53c 0%,#d2ad02 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f5d53c 0%,#d2ad02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d53c', endColorstr='#d2ad02',GradientType=0 ); /* IE6-9 */

}
.g-hidden {display: none;}
.goods .goods-info {
  margin-top: 25px;
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
}

.arcticmodal-overlay,.arcticmodal-container {
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:20000;
}

.arcticmodal-container {
border:0;
border-collapse:collapse;
overflow:auto;
margin:0;
padding:0;
}

:first-child + html .arcticmodal-container {
height:100%;
}

.arcticmodal-container_i {
height:100%;
border:0;
margin:0 auto;
}

.arcticmodal-container_i2 {
border:0;
vertical-align:middle;
margin:0;
padding:24px;
}

.arcticmodal-error {
background:#000;
color:#fff;
padding:20px;
}

.box-modal {
position:relative;
background:#fff;
box-shadow:0 0 5px 5px rgba(0,0,0,0.25);
}

.box-modal.zv,.box-modal.all {
max-width:800px;
color:#000;
text-align:center;
}

.box-modal_close {
position:absolute;
right:-45px;
top:-45px;
width:25px;
height:25px;
font-size:25px;
line-height:29px;
text-align:center;
color:#fff;
cursor:pointer;
z-index:100;
transition:color .2s ease-in-out;
}

.box-modal_close:hover {
color:#000;
}

.modal-form {
width:100%;
height:100%;
text-align:center;
background:#fff;
border:1px solid #fff;
}

.modal-form .form {
padding:20px 30px;
}

.modal-form h2 {
font-size:27px;
border-bottom:0;
}

.modal-form input[type=text], .modal-form input[type=password] {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 30px 0 10px;
  color: #7d7d7d;
  background: transparent;
  border: 1px solid #4f557e;
  -webkit-box-shadow: inset 1px 1px 1px 1px #dbdbdb;
  box-shadow: inset 1px 1px 1px 1px #dbdbdb;
}

.modal-form p {
color:#777;
margin:13px 0;
}
.modal-form .btn{
  padding: 5px 10px;
  width: 180px;
  display: block;
  margin: 0 auto;
}
#modal-success {
max-width:320px;
padding:20px;
}

#modal-success h2 {
border-bottom:0;
}

/*Корзина*/
.mt{margin-top: 40px;}

#cart-form {
  width: 100%;
  margin: 40px 0 30px;
}

#basket-table {
  background: #f8f8f8;
  border: 2px solid #d9d9da;
  border-radius: 5px;
  border-collapse: collapse;
  margin: auto;
}

#cart-form a {color:#2c2c2c;text-decoration: underline;}
#cart-form a:hover {text-decoration: none;}

#cart-form th, #cart-form td {
  padding: 10px;
}

#cart-form th {
  text-align: center;
  font-weight: bold;
  background: #ffd81f; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffd81f 0%, #bc9c01 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffd81f 0%,#bc9c01 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffd81f 0%,#bc9c01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd81f', endColorstr='#bc9c01',GradientType=0 ); /* IE6-9 */
}

#order {margin: 20px 0 50px;}

#cart-form thead th:nth-child(2) {width: 45%;}

#cart-form thead th:nth-child(3),
#cart-form thead th:nth-child(4),
#cart-form thead th:nth-child(5),
#cart-form thead th:nth-child(6) {width: 10%;}

#cart-form .table-count {
  display: inline-block;
  width: 35px;
  text-align: center;
  background: transparent;
  border: 1px solid #d9d9da;
}

#cart-form td {
  text-align: center; 
  border-top: 1px solid #e1d6a3;
  border-right: 1px solid #e1d6a3;
}
#cart-form tr td:nth-child(2) {text-align: left;}
#cart-form tr td:last-child {border-right: 0;}

#cart-result {
  background: transparent;
  border: 0;
}

#cart-form .btn {
  display: block;
  margin: 30px auto 0;
}

.info-client {
  margin: 0 0 30px;
  padding: 30px;
  background: #f8f8f8;
  border: 2px solid #d9d9da;
  border-radius: 5px;
}

.info-client .tab {
  padding-left: 200px;
}

.info-client .tab span {
  display: inline-block;
  width: 200px;
  margin-left: -200px;
  font-weight: bold;
}

.radio-group {
  width: 100%;
  margin: 30px 0;
  padding: 10px !important;
}

.radio-group span {padding-left: 10px;}

.radio-group .radio-wrap {
  width: 100%;
}

.radio-wrap + .radio-wrap {margin-top: 5px;}

.radio-group textarea {
  display: none;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  resize: none;
}

#dwnd {
  display: none;
  margin-top: 10px;
  color:#000;
  text-decoration: underline;
}

#dwnd:hover {text-decoration: none;}

.left, .right {width: 48%;}

.left {float: left;}
.right {float: right;}

.sm {font-size: 10px;}
.center {display: block !important; margin: 0 auto !important;}

.back-link {
  position: relative;
  display: block;
  margin-top: 20px;
  padding-left: 20px;
  color:#000;
  text-decoration: underline;
}

.back-link:before {
  position: absolute;
  content: "\2190";
  left: 0;
  top: 0;
}

.back-link:hover {text-decoration: none;}
/*cabinet*/
.cabinet form{
  width:30%;
  margin: 0 auto;
}
.cabinet form input[type=text] {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 30px 0 10px;
  color: #7d7d7d;
  background: transparent;
  border: 1px solid #4f557e;
  -webkit-box-shadow: inset 1px 1px 1px 1px #dbdbdb;
  box-shadow: inset 1px 1px 1px 1px #dbdbdb;
}
.cabinet form .btn{
  width: 100%;
  height: 50px;
}
.cabinet form .btn:hover{
  background: #0B1C78;
}
.bth-pas,
.bth-pas-discounts{
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 45px;
  width: 30%;
  height: 50px;
  margin-top: 10px;
  color: #fff;
  border: 1px solid #abb4d8;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e56b0+0,0b1c78+100 */
  background: #ffd81f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(#ffd81f 0%, #bc9c01 100%);
  background: -o-linear-gradient(#ffd81f 0%, #bc9c01 100%);
  background: linear-gradient(#ffd81f 0%, #bc9c01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd81f', endColorstr='#bc9c01',GradientType=0 );
  }

/* alert */
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* discounts */
.bth-pas:hover,
.bth-pas-discounts:hover{
  background: #BC9C01;
  text-decoration: none;
}
.bth-pas-discounts{
   background: #3e56b0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(#3e56b0 0%, #0b1c78 100%);
  background: -o-linear-gradient(#3e56b0 0%, #0b1c78 100%);
  background: linear-gradient(#3e56b0 0%, #0b1c78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.discounts table{
  /*width: 100%;*/
  margin: auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.discounts table tr th{
   border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0px;
  background: #ffd81f;
  color: #000;
  font-size: 18px;
}
.discounts table tr td{
  border: 1px solid #ccc;
  padding: 10px 30px;
}
.discounts table tr th:nth-of-type(1),
.discounts table tr td:nth-of-type(1){
  width: 70%;
}
.discounts table tr th:nth-of-type(2),
.discounts table tr td:nth-of-type(2){
  text-align: center;
  width: 30%;
}

h1.page-title {
    background:transparent;
    color:black;
    border:none;
}

h1.page-title:after,h1.page-title:before {
    background:transparent;
}
.contakts .adress{
  text-align: center;
}
.contakts h3{
  text-align: center;
  font-size: 25px;
  font-weight: normal;
}
.contakts .map{
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* intrid */
.intrlogo { 
  display: block; 
  float: right;
  width: 140px; 
  height: 30px; 
  padding: 4px 10px 6px 30px; 
  font: 10pt Arial !important; 
  background: url('../images/ell.png'); 
  color: #3f53ae; 
  text-decoration: none;
  transition: all 0.7s;
  position: absolute;
  bottom: -20px;
}
.intrlogo:hover { 
  text-decoration: none;
  color: #777; 
}

.form-group { 
  margin-bottom: 10px;
}
.form-group input {
  width: 100%;
  padding: 5px;
}

.tab span { 
  display: inline-block;
  margin-bottom: 3px;
  font-weight: normal !important;
   }