html {
  -webkit-text-size-adjust:none; /* Prevent font scaling in landscape */
  min-width:320px;
}

* {
  outline:none;
}



.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  min-height:1px;
}

body {
  margin:0 auto;
  font-family:'Roboto', Tahoma, sans-serif;
  font-size:16px;
  color:#222;
  min-width:319px;
  line-height:1.2;
  width:100%;
  background:#fff;
  color:#000;
  padding-top: 70px;
  animation:bodyShow 2s;
  -webkit-animation:bodyShow 2s;
  overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6, h7, input, button, textarea, select {
  margin:0;
  font-family:'Roboto', Tahoma, sans-serif;
  color:#000;
  position:relative;
}

b, strong {

}

label {
  cursor:pointer;
}
ul, menu, dir {
  display:block;
  list-style-type:none;
  margin:0;
  padding:0;
}
img {
  max-width:100%;
  height:auto;
  margin:0;
  transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
}

iframe{
  max-width: 100% !important;
}

a {
  text-decoration:none;
  color:inherit;
  transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
}
div, input, textarea, form {
  transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  position:relative;
  box-sizing:border-box;
}
button, input[type=submit] {
  cursor:pointer;
}


svg {
  display:block;
}
.svg_img {
  display:none;
}


div.admin-style * {
    position: initial;
}
input[readonly] {
  opacity: 0.5;
}

.mobileShow { display: none; }


.required {
  color:red;
}



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


.sites {
  overflow:hidden;
  padding-top:6px;
  position:relative;
  bottom:-1px;
}
.sites li {
  float:left;
  padding:0 6px;
  line-height:26px;
}

.sites li a { color:#939384; }
.sites li a:hover { color:#02a6cb; }
.sites .act { background:#292929; }
.sites .act a { color:#2bbfbd; }


.navContainer {
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  height: 37px;
  margin-bottom: 15px;
}

header.headerContainer {
  background:#fff;
  height:70px;
  z-index: 1000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
}
.headerContainerSh {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.headerContainerSh:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 100%;
  left: 0;
  background-color: #02a6cb;
  animation: zoomIn 0.5s 0s backwards;
  -webkit-animation: zoomIn 0.5s 0s backwards;
}


div.headerContainer {
  height:70px;
  border-bottom: 2px solid #02a6cb;
}
div.headerContainer > div {
  height: 100%;
}
     

.logoContainer {
  display:block;
  line-height: 50px;
  height: 70px;
  padding: 10px 0;
}
.logoContainer h1 {
  display:inline-block;
  height: 100%;
  margin: 0; /* Добавлено 02.01.2020. Стиль онлайн-чата переписал стиль H1 главного файла стилей  */
}
.logo { 
  height: 100%;
  text-align: right;
}
.logoContainer img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.slogan {
  color:#a4aaaa;
  font-size:14px;
  margin-top:16px;
  margin-left:10px;
  float:left;
  display:none;
}

.headerContainer .cityContacts {
  margin-left:0px;
  line-height: 1.2;
  height: auto;
  width: 100%;
  text-align: center;
}
.headerContainer .cityPhone {
  line-height: 1.2;
  font-size: 16px;
  font-weight: 300;
}
.headerContainer .cityContacts .fa-phone {
  color: #02a6cb;
  margin: 0 5px;
  font-size: 17px;
}


.authBlock:before, .authBlock:after, .callBtnBlock:before, .callBtnBlock:after {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  bottom: 11px;
  width: 1px;
  background-color: #000;
  opacity: 0.1;
  left: 0;
}
.authBlock:after, .callBtnBlock:after {
  left: auto;
  right: 0;
}


.auth {
  padding: 14px 0 5px;
  font-size:12px;
  text-align: center;
}
.auth a {
 
}

.auth a:hover, .auth a:hover span { color:#02a6cb; }



.callBtnBlock {

}



.navContainer .menuIconWrapper {
  display: none;
}
.closeMenuBtn {
  display: none;
}


.currency {
  margin-top:25px;
  margin-right:14px;
  position:relative;
  z-index:2;
}

.currency .currency-list {
  position:absolute;
  top:100%;
  margin-top:1px;
  background:#fdf4e2;
  width:100%;
  display:none;
}

.currency.on .currency-list {
  display:block;    
}

.currency .currency-list li { padding-left:13px; }
.currency .currency-list li a { color:#a6a69a; display:block; }
.currency .currency-list li a:hover { color:#02a6cb; }

.currency .currency-act { 
  padding-left:13px; 
  padding-right:29px;
  background:#fdf4e2 url(../img/down.png) no-repeat right center;
  cursor:pointer;
}




.basketZone {
  line-height: 66px;
}

     
.basketZone .basket {
  display:inline-block;
  line-height: 1;
  vertical-align: middle;
  text-align: right;
}

.basketZone .basket .cart {
  font-size:14px;
  margin-bottom: -2px;
}
.basketZone .basket .cart .fa {
  color: #02a6cb;
  font-size: 21px;
  margin: -1px 5px 0 0;
  vertical-align: middle;
}

.basketZone .basket .cost,
.basketZone .basket .products { font-size:12px; }
.basketZone .basket .products { margin-right: 13px; }
.basketZone .basket .value {
  color:#02a6cb;
  font-weight: bold;
}


.header_search_wr {
  height: 70px;
  text-align: center;
  color: #02a6cb;
  line-height: 70px;
  font-size: 17px;
  cursor: pointer;
  margin: 0 auto;
  max-width: 70px;
}
.header_search_wr:hover {
  color: #2980b9;
}

.closeSearchForm {
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  width: 22px;
  margin: 0 auto 17px;
  display: block;
  cursor: pointer;
  text-align: center;
  color: #eee;
}
.closeSearchForm:hover {
  color: #c0392b;
}


.searchFormHeader {
  position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  padding: 20px 20px 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
  transition: none;
  -webkit-transition: none;
}


.searchLine {
  padding: 0 70px 0 0;
}

.searchLine .queryWrap {

}

.searchLine .query {
  width:100%;
  display: block;
  height: 50px;
  padding: 0 17px;
  font-size: 18px;
  font-weight: 300;
  border: 1px solid #eee;
  border-radius: 4px 0 0 4px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}

.searchLine .find {
  width: 70px;
  height: 50px;
  border: none;
  color: #02a6cb;
  cursor: pointer;
  background-color: transparent;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 4px 4px 0;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.searchLine .find:hover {
  background-color: rgba(2, 166, 203, 0.08);
}


.searchLine .dropSearchDiv {
  position:absolute;
  top:34px;
  background-color:white;
  left:10px;
  right:10px;
  z-index:20;
  
}

.searchLine .searchQueryItems {
  background-color:white;
  padding-left:7px;
  border:1px solid white;
  box-shadow:0px 2px 3px silver;
  -moz-box-shadow:0px 2px 3px silver;
  -webkit-box-shadow:0px 2px 3px silver;
}

.searchLine .searchQueryItems .item {
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #F0F0F0;
  overflow:hidden;
  clear:both;
  font-size:12px;
}

.searchLine .searchQueryItems .item.last {
  border:0px;
}

.searchLine .searchQueryItems .item a {
  display:block;
}

.searchLine .searchQueryItems .item a:hover {
  color:inherit;
  background-color:#F0F0F0;
}

.searchLine .searchQueryItems .item .title {
  display:block;
  color:#02a6cb;
  clear:both;
  font-size:12px;
  font-weight:bold;
}

.searchLine .searchQueryItems .item .desc {
  display:table; 
  width:100%;
}

.searchLine .searchQueryItems .item .row {
 display:table-row; 
 width:100%;
}  

.searchLine .searchQueryItems .item .img {
 display:table-cell; 
 padding-right:7px;
 padding-top:2px;
 vertical-align:top;
 text-align:center;
 width:62px;
 height:62px;
 line-height:62px;
 margin-right:7px;
 background-position:center center; 
 background-repeat:no-repeat;
 background-color:white;
 background-image:url("../img/loading.gif");
}

.searchLine .searchQueryItems .item .img img {
 vertical-align:middle; 
}

.searchLine .searchQueryItems .item .cont {
 display:table-cell;  
 vertical-align:top;
 padding-left:7px;
}

.searchLine .searchQueryItems .item .price {
 padding-top:5px;
 font-size:12px;
 display:block;
}

.searchLine .searchQueryItems .item .highlight {
 color:black; 
}




div.navContainer .topMenuNav, div.navContainer ul.category {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: auto;
}


.topMenuShort {
  display:none;
  cursor:pointer;
}

.topMenu li {
  float:left;
  height:37px;
  position:relative;
  border-right: 1px solid #f1f1f1;
}

.topMenu li a {  
  font-size:12px; 
  padding:0 8px 1px;
  display:block;
  position:relative;
  line-height:36px;
  text-transform: uppercase;
}
.topMenu > li > a { text-align: center; }
.topMenu > li:first-child > a { padding-left: 0; }
.topMenu li a:hover { color:#02a6cb; }
.topMenu > li:hover > a { 
  background:white; 
  z-index:6; 
}

.topMenu ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  padding: 10px;
  background:white;
  z-index:5;
  box-shadow:0 2px 7px #ccc;
  -moz-box-shadow:0 2px 7px #ccc;
  -webkit-box-shadow:0 2px 7px #ccc;
}

.topMenu ul li { 
  white-space:nowrap;
  margin:0;
  float:none;
  width: 200px;
  height: auto;
  border-right: none;
}
.topMenu ul li a { 
  padding:7px 7px;
  text-transform: none;
  line-height: inherit;
}

.topMenu ul ul {
  left:100%;
  top:0;
}

.topMenu li:hover > ul {
  display:block;
}

 





.def-value {
  color:#939384;
}

.category li {
  float:left;
  height:37px;
  position:relative;
  box-sizing: border-box;
  border-right: 1px solid #f1f1f1;
}
.category > li:last-child { border-right: none; }
.category li a {  
  font-size:12px; 
  padding:0 8px 1px;
  display:block;
  position:relative;
  line-height:36px;
  text-transform: uppercase;
}

.category li.over > a,
.category li a:hover {
  background:white;
  color: #02a6cb;
}


.no-touch .category > li:hover > a {
  background: white;
  color: #02a6cb;  
}

.no-touch .category > li:hover > ul {
  display:block;
}

.category li ul {
  position:absolute;
  display:none;
  padding:10px;
  left:0;
  top:100%;
  z-index:30;
  background:white;
  box-shadow:0 0 10px #ccc;
  -moz-box-shadow:0 0 10px #ccc;
  -webkit-box-shadow:0 0 10px #ccc;
}
nav.category > ul {
  display: block;
}

.category li ul.visible {
  display:block;
}

.touch .category li ul.visible {
  display:none; /* touch screen hover disable */
}

.category ul li a {
  font-size:12px;
  text-transform: none;
  line-height:normal;
  padding:7px 7px;
}


.category ul li {
  height: auto;
  float: none;
  display: inline-block;
  vertical-align: top;
  border-right: none;
  width: 200px;
}
.category ul li a {
  line-height: inherit;
}

.category .twoColumn {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.category .threeColumn {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.category .fourColumn {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}









.advBlock {
  font-size:100%;
}

.advBlock .viewContainer {
  position:relative;
  background:white;    
}

.advBlock .newbanner {
  position:absolute;
  top:0;
  left:0;
}

.advBlock .prev,
.advBlock .next {
  width:13px;
  height:19px;
  position:absolute;
  line-height: 19px;
  font-size: 30px;
  top:50%;
  margin-top:-9px;
  left:10px;
  cursor: pointer;
}
.advBlock .next {
  left:auto;
  right:10px;
}

.advBlock .next:hover,
.advBlock .prev:hover {
  color: #02a6cb;
}

.advBlock .advList {
  background:#02a6cb;
  text-align:center;
  padding:8px;    
  border-radius: 4px;
}

.advBlock .advList li {
  display:inline-block;
  position:relative;
}

.advBlock .advList li a {
  display:inline-block;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  margin: 0 10px;
  border: 1px solid transparent;
  font-size:100%;
}

.advBlock .advList li a:hover {
  border-color: #fff;
}

.advBlock .advList li.act i {
  display: block;
  position: absolute;
  border-bottom: 10px solid #02a6cb;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -17px;
  left: 50%;
  margin-left: -10px;
}

.advBlock .banner {
  margin:0 30px;
}

.advBlock .wrapperContainer {
  position:relative;
  border-bottom:11px solid white;
  background:white;
  overflow:hidden;
}

.advBlock .newViewContainer {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}


.advBlock .picture {
  display:inline-block;
  vertical-align: middle;
  width:50%;
  text-align:center;
}
.advBlock .picture img {
  max-width:100%;
}

.advBlock .banner {
  overflow:hidden;
  padding-top:20px;
  background:white;
  position:relative;
}

.advBlock .banner .special {
  position:absolute;
  top:10px;
  left:0;
}

.advBlock .info {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 0 0 30px;
}

.advBlock .info .title {
  font-size:36px;
  font-weight: 300;
}

.advBlock .info .fcost {
  font-size:28px;
  font-weight: 300;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 20px;
}

.advBlock .info .more {
  display:inline-block;
  font-size: 14px;
  margin-top:15px;
  font-size:100%;
  padding-right:11px;
  color: #02a6cb;
}
.advBlock .info .more .fa {
  margin-left: 5px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}

.advBlock .info .more:hover {
  color:#222;
}
.advBlock .info .more:hover .fa {
  margin-left: 20px;
  color: #02a6cb;
}

.fcost {
  display: inline-block;
  zoom: 1;
  line-height: 26px;
  padding: 0 14px;
  border: 1px solid #d4d4d4;
  border-radius: 13px;
  box-sizing: border-box;
  color: #545454;
  position: relative;
  font-size: 14px;  
}
.fcost .lastPrice {
  display: inline-block;
  opacity: 0.7;
  margin-right: 6px;
}

.lastPrice {
  font-size:90%;
  text-decoration:line-through;
  line-height: 1;
  margin: 5px 0 -3px;
}
.productList .lastPrice { 
  position: absolute;
  line-height: 19px;
  padding: 0 9px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  margin: 0;
  top: 3px;
  right: 103%;
  box-sizing: border-box;
}


h2 {
  font-weight: 300;
  font-size:36px;
  text-align:center;
  position: relative;
  text-transform:uppercase;
  margin:20px 0 20px;
}
h2:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  /* background-color: #d6d6d6; */
  left: 0;
}

h2 span {
  padding:0 8px;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.mtop40 {
  margin-top:40px;
}



.newsLine li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 30px 26px 0;
  box-sizing: border-box;
}
.newsLine .date {
  font-size:14px;
  margin-bottom:9px;
}
.newsTitle {
  color: #02a6cb;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 9px;
  display: block;
}
.newsMore {
  color: #686868;
  font-size: 14px;
  display: block;
}
.newsMore .fa {
  color: #02a6cb;
  font-size: 17px;
  margin: -3px 0 0 0;
  vertical-align: middle;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}

.newsLine li:hover .newsTitle { color: #000; }
.newsLine li:hover .newsMore .fa { margin-left: 20px; }


.grid_cleft .newsLine {
  padding-top: 10px;
}
.grid_cleft .newsLine li {
  width: 100%;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 0 0 12px 0;
  margin-bottom: 13px;
}
.grid_cleft .newsLine li:last-child {
  border-bottom: none;
}
.grid_cleft .newsTitle {
  font-size: 18px;
}
.grid_cleft .newsLine .date, .grid_cleft .newsTitle { margin-bottom: 4px; }
.grid_cleft .newsLine .date, .grid_cleft .newsMore { font-size: 12px; }

/* Старый стиль для кнопок "Посмотреть все товары", "Все статьи" и др.
.onemoreEmpty,
.onemore,
.doCompare {
  width: 100%;
  max-width: 250px;
  height: 36px;
  line-height: 35px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #d6d6d6;
  color: #777777;
  cursor: pointer;
  border-radius: 18px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}

*/

/* Новый стиль для кнопок "Посмотреть все товары", "Все статьи" и др. */
.onemoreEmpty, .onemore, .doCompare {
    width: 100%;
    max-width: 360px;
    height: 40px;
    line-height: 37px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 1em;
    font-weight: 100;
    background: #02a6cb;
    /* border: 1px solid #d6d6d6; */
    color: white;
    cursor: pointer;
    border-radius: 0;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}
/* Старый стиль для кнопок "Посмотреть все товары", "Все статьи" и др. (с ховером)
.onemoreEmpty:hover,
.onemore:hover,
.doCompare:hover {
  background-color:#ebebe5;
  border-color:#dcdcc9;
  color: #02a6cb;
}
*/
/* Новый стиль для кнопок "Посмотреть все товары", "Все статьи" и др. (с ховером) */
.onemoreEmpty:hover,
.onemore:hover,
.doCompare:hover {
  background-color:white;
  border: 1px solid #02a6cb;
  color: #02a6cb;
}

.tabProducts .onemoreEmpty,
.onemore {
  clear:both;
}


.blackHover:hover {
  border-color:black;
  color:black;
  background:none;    
}

.productWrap {
  width:100%;
  /*overflow:hidden;*/
}

.productWrap .onemoreEmpty {
  *margin-top:18px;
}

.productList {
  width:100%;
  /*overflow:hidden;*/
  padding-top:7px;
}

/* 4 фотографии в списке */

.productList > li {
  display: inline-block;
  vertical-align: top; 
  width:25%;
  margin-bottom:20px;
  padding: 0 10px 5px;
  box-sizing: border-box;
  position:relative;
}

.productList > li .hoverBlock {
  display:none;
  background:white;
  position:absolute;
  box-sizing:content-box;
  width:100%;
  height:100%;
  right:0;
  top:0;
  padding:0 0 0 80px;       
  box-shadow:0 0 10px #ccc; 
  -moz-box-shadow:0 0 10px #ccc; 
  -webkit-box-shadow:0 0 10px #ccc; 
}

.productList > li:hover {
  box-shadow:0 0 10px #ccc;
  -moz-box-shadow:0 0 10px #ccc;
  -webkit-box-shadow:0 0 10px #ccc;
}

.productList .photoView:hover {
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

.productList .photoView:hover .hoverBlock {
  display:block;    
  z-index:3;
}

.productList .photoView:hover .dataBlock {
  position:relative;
  z-index:4;
}

.productList .cartButton.showComplekt,
.productList .showOfferSelect .addToCart {
  display:none;
}

.productList .showOfferSelect .cartButton.showComplekt {
  display:block;
}

/* touch screen hover disable */

.touch .productList .photoView:hover .hoverBlock {
  display:none;
}

.touch .productList .photoView:hover .dataBlock {
  position:static;
}

/* end hover disable */

.hoverBlock .galleryWrap {
  position:absolute;
  left:10px;
  top:10px;
}

.hoverBlock .gallery {
  height:288px;
  margin:10px 0;
  position:relative;
  top:0;
  overflow:hidden;
}

.hoverBlock .galleryWrap .disabled:hover,
.hoverBlock .galleryWrap .disabled {
  opacity:0.2;
  background-position:50% 0;
}

.hoverBlock .control {
  text-align: center;
  font-size: 27px;
  line-height: 11px;
  height: 11px;
  cursor: pointer;
}
.hoverBlock .control:hover {
  color: #02a6cb;
}

.hoverBlock .galleryWrap .up,
.hoverBlock .galleryWrap .down {
  display:none;
}

.hoverBlock .scrollable .up,
.hoverBlock .scrollable .down {
  display:block;
}


.hoverBlock .list {
  width:72px;
  position:relative;
}

.hoverBlock .list li {
  display:block;
}

.hoverBlock .list .act {
  opacity:0.7;
}

.hoverBlock li .imgWrap {
  display:block;
  width:64px;
  height:64px;
  padding:4px;
  vertical-align:middle;
  text-align:center;
  line-height:64px;
}

.hoverBlock li .imgWrap img {
  max-width:100%;
}


.hoverBlock .pic,
.productList .pic {
  height:220px;
  line-height:220px;
  background:white;    
  display:block;
  text-align:center;
  margin-bottom:2px;
  position:relative;
}

section.product { position: relative; }

.product .labels,
.productList .pic .labels {
  position:absolute;
  right:0px;
  top:0px;
  display:block;
  line-height:normal;    
}

.productList .pic img {
  max-width:100%;
}

.productList .info {
  display:block;
  background:white;
  padding:7px 0 3px;
  overflow:hidden;
}

.productList .info h3 {
  font-size:14px;
  font-weight:normal;
  height:50px;
}

.productList .info:hover h3 {
  color:#02a6cb;
}


.productList .descr {
  font-size:12px;
  color:#a6a69a;
  margin-top:3px;
}

.productList .titleGroup {
  height:80px;
  display:block;
  overflow:hidden;
}

.productList .titleGroup h3 {
  height:auto;
  text-align: center;
}



.productList .info .group {
  margin-bottom:4px;
  margin-top:5px;
  overflow:hidden; 
  text-align: center;
}

.productList .info .group .name {
  display:table-cell;
  vertical-align:middle;
  padding:2px 65px 2px 0;
  height:29px;
}

.productList .info .group .ratingBlock {
  padding: 7px 0 0;
}
.productList .info .group .ratingBlock:after {
  content: '';
  display: block;
  clear: both;
}
.productList .info .group .ratingBlock .rating {
  vertical-align: middle;
}


.productList .info .group .scost {
  white-space:nowrap;
}

.scost {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  line-height: 26px;
  padding: 0 14px;
  border: 1px solid #d4d4d4;
  border-radius: 13px;
  box-sizing: border-box;
  color: #545454;
  position: relative;
  font-size: 14px;
}

.container_12 .grid_fr {
  float:right;
}

.grid_cleft {
  clear:left;
}

.grid_cright {
  clear:right;
}

footer {
  padding:36px 0;
  margin-top:50px;
}
footer .container_12:before {
  content: '';
  display: block;
  visibility: visible;
  width: auto;
  position: absolute;
  top: -36px;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: #e9e9e9;
}

footer a {
 
}

footer .cms {
  font-size:11px;
}

footer .cmsName {
  color:#2bbfbd;
}

footer .copy {
  font-size:11px;
  margin-top:9px;
}

footer h4 {
  font-weight: bold;
  font-size: 16px;
  color: #5b5b5b;
  margin-bottom: 17px;
  display: block;
  line-height: 1;
  text-transform: uppercase;
}

footer ul a {
  font-size:14px;
  font-weight: 300;
}
footer ul a:hover { color: #02a6cb; }

footer li {
  padding: 0 0 8px;
}

.bottomSites { overflow:hidden; }

.bottomSites li {
  float:left;
  padding:0 6px;
  line-height:26px;
  margin-right:7px;
}

.bottomSites li a { font-size:12px; }
.bottomSites .act { background:#2bbfbd; }
.bottomSites .act a { color:#222; }

.bottomAuth {
  margin:27px 0;
}

.bottomAuth a {
  font-size:12px;
  border-bottom:1px dashed #A4AAAA;
  margin-right:10px;
  line-height:24px;
}

footer .feedback {
  line-height:36px;
  display:inline-block;
  padding:0 20px;
  border:1px solid #e4e4df;
  white-space:nowrap;
  font-size:14px;
}

footer .feedback:hover {
  background:-moz-linear-gradient(top, #fefefe, #a7adad);
  background:linear-gradient(top, #fefefe, #a7adad);
}

.mbot10 {
  margin-bottom:10px;
}

.categoryToggle {
  border:1px solid #dcdcc9;
  color:#939384;
  margin-bottom:10px;
}

.breadcrumb {
  margin-bottom:20px;
  padding: 0 0 15px;  
}

.breadcrumb i {
  font-style:normal;
}

.breadcrumb a,
.breadcrumb span {
  margin-left:8px;
  font-size:14px;
  color: #c7c7c7;
}

.breadcrumb span:after {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
  margin-left: 10px;
  top: -1px;
}

.breadcrumb i i:last-child a { color: #000; }
.breadcrumb i i:last-child a:after, .breadcrumb i i:last-child span:after { display: none; }
.breadcrumb i i:hover a { color: #888; }
.breadcrumb i i:last-child:hover a { color: #000; }

.breadcrumb .first {
  padding-left:0;
  margin-left:0;
  background:none;
}

.breadcrumb span {
  color:#02a6cb;
}

.subCategory {
  margin-bottom:15px;
}

.subCategory a {
  color:#939384;
  font-size:12px;
  margin-right:20px;
}

.subCategory a:hover {
  color:#02a6cb;
}

.viewOptions {
  line-height: 38px;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  padding: 0 15px;
  font-size: 12px;
}

.viewAs {
  width:22px;
  height:22px;
  float:right;
  margin-top:8px;
  margin-left:6px;
  opacity: 0.4;
}

.viewAs.table { background: url(../img/viewlist.png) no-repeat center; }
.viewAs.blocks { background: url(../img/viewgrid.png) no-repeat center; }

.viewAs.act,
.viewAs:hover { opacity: 1; }




.rating {
  width:79px;
  height:14px;
  display:inline-block;
  background:url(../img/stars_na.gif) no-repeat top left;
  position:relative;
}

.rating .value {
  width:79px;
  height:14px;
  position:absolute;
  background:url(../img/stars.gif) no-repeat top left;
  top:0;
  left:0;
}

.rating .mark1 { width:16px; }
.rating .mark2 { width:32px; }
.rating .mark3 { width:48px; }
.rating .mark4 { width:64px; }
.rating .mark5 { width:79px; }

.productList .comments_1 {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.productList .comments_1 span {
  color: #585858;
}

.actionBar { padding-bottom: 12px; }

.actionBar2 {
  opacity: 0;
  position: absolute;
  left: 20%;
  right: 20%;
  text-align: center;
  top: 190px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #eee;
  border-radius: 20px;
  line-height: 30px;
  padding-bottom: 1px;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.productList li:hover .actionBar2 {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.productList .compare, .productList .favorite {
  display: inline-block;
  vertical-align: middle;
  text-align:center;
  font-size:16px;
  margin: 0 10px;
  cursor: pointer;
}


.compare:hover, .favorite:hover {
  color:#02a6cb;
}



.productList .cartButton, .productListTable .cartButton {
   width: 100%;
   position: relative;
   max-width: 140px;
   height: 36px;
   line-height: 35px;
   box-sizing: border-box;
   display: block;
   text-align: center;
   margin: 0 auto;
   font-size: 12px;
   font-weight: bold;
   background: #fff;
   border: 1px solid #02a6cb;
   color: #02a6cb;
   cursor: pointer;
   border-radius: 3.1px; /* Старое значение: 18px */
   transition: all 400ms;
   -webkit-transition: all 400ms;
 }
.productList .cartButton .fa.
.productListTable .cartButton .fa {
  font-size: 18px;
  vertical-align: middle;
  margin: -2px 3px 0px 0;
}



.productListTable .cartButton {
  display: inline-block;
  height: 28px;
  line-height: 27px;
  margin-left: 9px;
  max-width: 100px;
  vertical-align: middle;
}

.cartButton:hover {
  background-color:#02a6cb;
  color: #fff;
}

.cartButton.mobileCartButton { display: none; }


.bottomProductAddToCart {
  margin-bottom:10px;
  text-align: center;
}




.cartButton.unobt,
.cartButton.unobt:hover {
  background-color:#ebebe5;
  border-color:#dcdcc9;
  color: #02a6cb;
}

.cartButton.added,
.cartButton.added:hover {
  color: transparent;
  background-color: #02a6cb;
}
.cartButton.added:before {
  position: absolute;
  content: "добавлено";
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 300;
}


.compare span {
  border-bottom:1px dashed #939384;
}

.inCompare span {
  background:url(../img/ok.png) no-repeat left center;
  padding-left:16px;    
  border:none;
  color:#02a6cb;
}

.folding .category {
  display:none;
}

.folding.on .category {
  display:block;
}

.folding .category {
  margin-top:20px;
  margin-bottom:20px;
}

.showHideFilters {
  display: none;
}
.filterSection {
  position:relative;
}
.filterSection div {
  transition: none;
  -webkit-transition: none;
}

.filterSection .loadOverlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:white;
  z-index:101;
  opacity:0.6;
  display:none;
}

.filterSection.inLoading .loadOverlay {
  display:block;
}

.filters .filter {
  background:white;
  margin-bottom:6px;
  padding:15px 10px;
}

.filters .filter h4 {
  font-size:12px;
  font-weight:normal;
  margin-bottom:15px;
  text-transform: uppercase;
  color: #545454;
}

.filters .submitFilter {
  margin-bottom:6px;
  display:block;
  width:100%;
  color:black;
}

.textinp {
  border:1px solid #dcdcc9;
  height:28px;
}

.filters .string {
  width:98%;
}

.filters .yesno {
  border:1px solid #dcdcc9;
  height:28px;
  padding:5px 5px 5px 0;    
}

.compareProducts {
  overflow:hidden;
  padding: 6px 0 15px;
}
.compareProducts li { overflow:hidden; margin-bottom:13px; }
.compareProducts .image { 
  float:left; 
  width:50px;
  padding:5px;
  background:white;
  text-align:center;
}
.compareProducts .image img { vertical-align:bottom; max-width:100%; }

.compareProducts .categoryName,
.compareProducts .title {
  margin-left:70px;
  display:block;
  font-size:14px;
}

.compareProducts .categoryName {
  font-size:12px;
  margin-top:5px;
  color: #7b7b7b;
}


.compareProducts .remove {
  cursor:pointer;
  display: block;
  float: right;
  height:16px;
  width:16px;  
  border:1px solid #b1b1b1;
  border-radius: 4px;
  position: relative;
  opacity: 0.4;
}
.compareProducts .remove:before, .compareProducts .remove:after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  background-color: #b1b1b1;
  height: 80%;
  left: 50%;
  margin-left: -1px;
  top: 10%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.compareProducts .remove:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.compareProducts .remove:hover {
  opacity: 1;
}



.sideBlock {
  margin-bottom: 50px;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 40px;
}
.filterSection.sideBlock {
  margin-bottom: 20px;
}


.grid_cleft h2,
.h2_1 {
  font-size: 18px;
  color: #fff;
  position: relative;
  margin-bottom: 25px;
}
.grid_cleft h2 span,
.h2_1 span {
  padding: 19px;
  background-color: #02a6cb;
  border-radius: 4px;
  text-align: center;
  display: block;
}
.grid_cleft h2:before, .grid_cleft h2:after,
.h2_1:before, .h2_1:after {
  content: '';
  display: block;
  position: absolute;
  height: 18px;
  width: 18px;
  background-color: #0590af;
  left: 4px;
  top: auto;
  bottom: -7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
} 
.grid_cleft h2:after,
.h2_1:after {
  width: 11px;
  height: 11px;
  background-color: #02a6cb;
  left: 3px;
  bottom: -18px;
}


/* 3 колонки */

.wrapWidth {
  width:100%;
  overflow:hidden;    
}

.lastViewedList {
  width:100%;
  overflow:hidden;
  margin: 0 -4px;
}

.lastViewedList li {
  width: 33.3%;
  margin-bottom: 5px;
  padding: 0 4px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 96px;
  line-height: 86px;
  background: white;
  position: relative;
  text-align: center;
}

.lastViewedList a {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
}
.lastViewedList a:hover {
  border-color: #d6d6d6;
}

.lastViewedList a img {
  vertical-align:middle;
  max-width:100%;
}

.filters {
  font-size:14px;
}

.jslider .jslider-bg i,
.jslider .jslider-pointer { background:url(../img/jslider.plastic.png) no-repeat 0 0; }

.jslider { display:block; width:100%; height:1em; position:relative; top:0.6em; font-family:Arial, sans-serif; }
.jslider table { width:100%; border-collapse:collapse; border:0; }
.jslider td, .jslider th { padding:0; vertical-align:top; text-align:left; border:0; }

.jslider table,
.jslider table tr,
.jslider table tr td { width:100%; vertical-align:top; }

.jslider .jslider-bg { position:relative; }
.jslider .jslider-bg i { height:5px; position:absolute; font-size:0; top:0; }
.jslider .jslider-bg .l { width:10%; background-position:0 0; left:0; }
.jslider .jslider-bg .f { width:80%; left:10%; background-repeat:repeat-x; background-position:0 -20px; }
.jslider .jslider-bg .r { width:10%; left:90%; background-position:right 0; }
.jslider .jslider-bg .v { position:absolute; width:60%; left:20%; top:0; height:5px; background-repeat:repeat-x; background-position:0 -40px; }

.jslider .jslider-pointer { width:13px; height:17px; background-position:0 -57px; position:absolute; left:20%; top:0px; margin-left:-6px; cursor:pointer; cursor:hand; }
.jslider .jslider-pointer-hover { background-position:-20px -57px; }
.jslider .jslider-pointer-to { left:80%; }

.jslider .jslider-label { font-size:9px; line-height:12px; color:black; opacity:0.4; white-space:nowrap; padding:0px 2px; position:absolute; top:-18px; left:0px; }
.jslider .jslider-label-to { left:auto; right:0; }

.jslider .jslider-value { font-size:9px; white-space:nowrap; padding:1px 2px 0; position:absolute; top:-19px; left:20%; background:white; line-height:12px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
.jslider .jslider-value-to { left:80%; }

.jslider .jslider-label small,
.jslider .jslider-value small { position:relative; top:-0.4em; }

.jslider .jslider-scale { position:relative; top:12px; }
.jslider .jslider-scale span { position:absolute; height:5px; border-left:1px solid #999; font-size:0; }
.jslider .jslider-scale ins { font-size:9px; text-decoration:none; position:absolute; left:0px; top:5px; color:#999; }

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label { display:none; }

.filters .jslider {
  padding-bottom:20px;
  width:94%;
  margin-left:3%;
}

.filterToggle {
  display:none;
}

.fullwidth { width:100%; }
.fullwidth td { vertical-align:middle; padding:2px; }
.fullwidth .fromto { 
  width:95%; 
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;    
}

.typeMultiselect .cb {
  float:left;
}

.typeMultiselect .propsContent {
  max-height:205px;
  overflow:auto;
}

.typeMultiselect .propsContent {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
}

.typeMultiselect .removeBlockProps {
  display:inline-block;
  width:12px;
  height:12px;
  margin-bottom:2px;
  cursor: pointer;
  vertical-align:middle;
  background-image:url(../img/close.png);
  background-position:top left;
  background-repeat:no-repeat;
}

.typeMultiselect .removeBlockProps.hidden {
  display:none;
}

.typeMultiselect label {
  margin-left:30px;
  line-height:22px;
  display:block;
}

.typeMultiselect li {
  overflow:hidden;
  margin-bottom:3px;
  flex-shrink:0;
  -webkit-flex-shrink:0;
} 

.filter.typeClickable ul {
  word-spacing:-2px;
}

.filter.typeClickable .clickableItem {
  display:inline-block;
  vertical-align:top;
}

.filter.typeClickable .clickableItemValue {
  visibility:hidden;
  position:absolute;    
}

.filter.typeClickable .clickableItem img {
  vertical-align:top;
}

.filter.typeClickable .clickableItemValue + label {
  border:1px solid #dcdcc9;
  display:inline-block;
  width:22px;
  height:22px;
  line-height:20px;
  margin:0;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px white;
  margin:2px;
  overflow:hidden;
}

.filter.typeImage .clickableItemValue + label {
  width:60px;
  height:60px;
  line-height:58px;
}

.filter.typeClickable .clickableItemValue:checked + label {
  border:2px solid #a8a891;
  margin:1px;
}

.jq-checkbox {
  position:relative;
  width:20px;
  height:20px;
  margin: -4px 3px 0 0;
  border:1px solid #dcdcc9;
  background:white;
  vertical-align:middle;
  cursor:pointer;
  border-radius: 3px;
}
.jq-checkbox.checked span {
  display:block;
  height:20px;
  background:url(../img/ok.png) no-repeat 5px center;
}
.jq-checkbox.focused {
  border:1px solid #08C;
}
.jq-checkbox.disabled {
  opacity:0.55;
  filter:alpha(opacity=55);
}

.filter .jq-checkbox, .concomitantBlock .concomitantItem .jq-checkbox {
  margin: 0px 3px 0 0;
}


.jq-selectbox.yesno {
  border:none;
  padding:0;
  height:auto;
}

.jq-selectbox {
  vertical-align:middle;
  cursor:pointer;
}
.jq-selectbox .select {
  height:30px;
  line-height:30px;
  padding:0 45px 0 10px;
  border:1px solid #dcdcc9;
  background:white;
  color:#333;
}
.jq-selectbox .select:hover .trigger {
  background-color:#E6E6E6;
  background-position:0 -10px;
}

.jq-selectbox .select:active .trigger {
  background:#F5F5F5;
  box-shadow:inset 1px 1px 3px #DDD;
  -moz-box-shadow:inset 1px 1px 3px #DDD;
  -webkit-box-shadow:inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .select {
  border:1px solid #5794BF;
}
.jq-selectbox.disabled .select {
  border-color:#dcdcc9;
  background:#F5F5F5;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  color:#888;
}
.jq-selectbox .select .text {
  display:block;
  float:left;    
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jq-selectbox .trigger {
  position:absolute;
  top:1px;
  right:1px;
  width:34px;
  height:30px;
  border-left:1px solid #dcdcc9;
  background:#ebebe5;
}
.jq-selectbox .trigger .arrow {
  position:absolute;
  top:12px;
  right:10px;
  width:15px;
  height:9px;
  background:url(../img/dropdown.png) no-repeat center center;
  opacity:0.3;
  filter:alpha(opacity=30);
}
.jq-selectbox:hover .arrow {
  opacity:1;
  filter:alpha(opacity=100);
}
.jq-selectbox.disabled .arrow {
  opacity:0.3;
  filter:alpha(opacity=30);
}
.jq-selectbox .dropdown {
  top:33px;
  min-width:100px;
  margin:0;
  padding:0;
  border:1px solid #C6CBD0;
  background:#FFF;
  box-shadow:0 2px 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 2px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);
}
.jq-selectbox ul {
  margin:0;
  padding:0;
}
.jq-selectbox li {
  padding:5px 10px 6px;
  color:#231F20;
}
.jq-selectbox li.selected {
  background:#A3ABB1;
  color:#FFF;
}
.jq-selectbox li:hover {
  background:#2BBFBD;
  color:#FFF;
}
.jq-selectbox li.disabled {
  color:#AAA;
}
.jq-selectbox li.disabled:hover {
  background:none;
}
.jq-selectbox li.optgroup {
  font-weight:bold;
}
.jq-selectbox li.optgroup:hover {
  background:none;
  color:#231F20;
  cursor:default;
}
.jq-selectbox li.option {
  padding-left:25px;
}

.productListTable li {
  margin:10px 0;
  overflow:hidden;
}

.productListTable .pic {
  float:left;
  padding:10px;
  background:white;
  float:left;
  width:74px;
  text-align:center;
  line-height:66px;
}

.productListTable .info {
  margin-left:105px;
  padding:6px;
}

.productListTable li:hover .info {
  background:white;
}

.productListTable .titleGroup h3 {
  font-size:14px;
  font-weight:normal;
  margin-bottom:7px;    
} 

.productListTable .titleGroup .descr {
  color:#a6a69a;
  font-size:12px;
  margin-bottom:7px;
}

.productListTable .compare {
  font-size:12px;
  cursor: pointer;
  margin-left:10px;
  color:#939384;
}

.productListTable .compare:hover {
  color:#02a6cb;
}

.productListTable .compare span {
  border-bottom:1px dashed #939384;
}

.productListTable .compare.inCompare span {
  background:url(../img/ok.png) no-repeat left center;
  padding-left:20px;
  border:none;
  color:#02a6cb;
}

.pages-line {
  padding:10px 0;
  line-height:29px;
}

.paginator {
  display:block;
  line-height:27px;
}

.paginator a {
  vertical-align:middle;        
  padding:4px 7px;
  border:1px solid #dcdcc9;
  border-radius: 4px;
  font-size:10px;
  background:#f2f2f0;
  color:#a6a69a;
}

.paginator a:hover {
  background:white;
}

.paginator .act {
  border-color:#02a6cb;
  color:#02a6cb;
  background-color: #fff;
}

.pages-line .pageSizeBlock {
  float:left;
}

.pages-line .paginator {
  float:right;
}
.pages-line.before .paginator {
  margin-top: -2px;
}

.pageSizeBlock {
  font-size:12px;
}

.sectionListBlock .lineList, .sectionListBlock .lineList li,
.lineListBlock .lineList, .lineListBlock .lineList li {
  display:inline;
}

.sectionListBlock,
.lineListBlock {
  vertical-align:middle;
  margin-top: -3px;
  display: inline-block;
}


.lineList .item {
  padding:7px 10px;    
  line-height:normal;
  zoom:1;
  white-space:nowrap;
}

.lineList .item i {
  font-style:normal;
  border-bottom:1px dashed #939384;
}

.lineList .item.act,
.lineList .item.asc,
.lineList .item.desc {
  background:white;
  border-radius:13px;
  color:#02a6cb;
  border: 1px solid #eee;
}

.lineList .item.asc {
  background:white url(../img/sort_asc.gif) no-repeat right center;
  padding-right:17px;
}

.lineList .item.desc {
  background:white url(../img/sort_desc.gif) no-repeat right center;
  padding-right:17px;
}

.lineList .item.act i {
  border:none;
}


.lineListBlock .lineTrigger {
  display:none;
}

.clearboth {
  clear:both;
  height:0;
  font-size:0;
}

.header-exception {
  text-align:center;
  line-height:72px;
}

.header-exception .logo {
  display:inline;
}

.exceptionBlock {
  width:300px;
  margin:0 auto;
  text-align:center;
}

.exceptionBlock .code {
  font-size:130px;
  line-height:120px;
  margin-top:30px;
  font-weight:bold;
}

.exceptionBlock .message {
  font-size:12px;
  margin-bottom:25px;
}

.exceptionBlock .gomain {
  font-size:16px;
  color:#02a6cb;
  background:url(../img/gonext.png) right center no-repeat;
  padding-right:20px;
}

.exceptionBlock .gomain:hover {
  color:#097d7b;
}

.exceptionWrapper .photoCategory {
  margin-left:0px;
  margin-right:0px;
  margin-top:30px;
  text-align:center;
}

.exceptionWrapper .photoCategory li {
  margin-right:7px;
}

.exceptionWrapper .centerColumn {
  display:block;
  width:960px;
  margin-left:auto;
  margin-right:auto;
}

.exceptionWrapper .photoCategory .topTitle {
  height:44px;
}

.p50 {
  width:49%;
}

.article,
article {
  font-size:15px;    
  line-height:135%;
}

.article p,
article p {
  margin:15px 0;
}

.article ul,
article ul {
  list-style:square;
  padding-left:30px;
}

.article ul li,
article ul li {
  padding-bottom:10px;
}

.article img,
article img {
  max-width:100%;
}

.article a,
article a {
  text-decoration: none;
    color: #02a6cb;
}

.article table td,
article table td {
  border:1px solid #aaa;
  padding:5px;
}

.article table td > p,
article table td > p {
  margin-top:0;
  margin-bottom:0;
}



.article h1,
.article h2,
.article h3,
article h2,
article h1,
article h3 {
  background:none;
  text-align:left;
}

.article h1, article h1, .h1_1 {
  font-size: 28px;
    font-weight: 600;
    margin: 2px 0 21px -2px;
    text-align: center;
    line-height: 1.2em;
    text-transform: uppercase;
}

.article .mainImage {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.article .date {
  color:#939384;
  font-size:11px;
}

.article h3,
article h3,
.article h2,
article h2 {
  font-size:26px;
  font-weight:400;
  line-height:100%;
  margin-bottom:20px;
}

.h3_1 {
  font-size:26px;
  font-weight:300;
  line-height: 1;
  margin-bottom:17px;
  padding: 0 0 8px;
  border-bottom: 1px solid #d6d6d6;
}

.grid_12.productMargin{
  margin: 0;
}

.grid_12.productMargin .grid_cleft{
  margin-left:0;
}

.grid_12.productMargin .grid_fr{
  margin-right:0;
}

.product .packages {
  display:inline-block;
  margin-bottom:10px;
}

.product .packages .package {
  font-size:12px;   
}

.product .packages .package .pname {
  color:#939384;
}

.product .packages .package .values {
  margin-top:5px;
}

.packages .package .values input {
  margin:0 3px 0 0;
  vertical-align:top;
}

.packages .packageItem {
  padding-bottom:5px;
}

.product .image {
  position:relative;
  margin-bottom: 65px;
}

.dataBlock .colorTriangle,
.product .colorTriangle{
  border: 46px solid transparent;
  border-right: 46px solid black;
  border-top: 46px solid black;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.dataBlock .colorTriangle{
  border: 32px solid transparent;
  border-right: 32px solid black;
  border-top: 32px solid black;
  top: 10px;
}

.product .image .labels {
  right:-7px;
}

.product .offersPillow{
  height: 60px;
  margin-bottom: 16px;
}

@media (max-width: 980px) {
	.product .offersPillow {
		height: auto;
	}
}

.productColorWrapper{
  display: block;
}

.productColorsSelect,
.filterColorsSelect {
  display:block;
  overflow:hidden;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1px;
  padding-right:1px;
}

.productColorsSelectPillow{
  width:100%;
  height: 47px;
}

.productColorWrapper .productColorsSelect{
  text-align: center;
}

.productColorsSelect .color,
.filterColorsSelect .color {
  display:inline-block;
  width:36px;
  height:36px;
  border-radius: 50%;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
  cursor:pointer;
  border:1px solid #d4d4d4;
}

.productColorWrapper .productColorsSelect .color{
  text-align: center;
  float: none;
  vertical-align: middle;
  width:30px;
  height:30px;
  line-height: 30px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 12px;
  letter-spacing: -1px;
}

.productColorsSelect .color:hover,
.filterColorsSelect .color:hover {
  border:1px solid #02a6cb;
}

.productColorsSelect .color.sel,
.filterColorsSelect .color.sel {
  border:1px solid #02a6cb;
  box-shadow: 0 0 0 1px #02a6cb;
}

.productColorsSelect .color.multicolor,
.filterColorsSelect .color.multicolor {
  background-image:url(../img/multicolor.png);
  background-position:center center;
  background-repeat:no-repeat;
}
 

.productColorsSelect .color.hidden { display: none; }

.productColorsSelect .offerTitle {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  color: #5a5a5a;
}

.product .inform {
  position:relative;
}

.product .mainPicture {
  display:block;
  height:310px;
  padding:20px;
  background:white;
  text-align:center;
  line-height:310px;  
}

.product .mainPicture img {
  max-width:100%;
  max-height:100%;
}

.product .hidden {
  display:none;
}

.forcedReserve .reserve.hidden,
.notAvaliable.canBeReserved .reserve.hidden,
.notAvaliable .unobtainable.hidden {
  display:block !important;
}

.forcedReserve .addToCart,
.notAvaliable.canBeReserved .unobtainable.hidden {
  display:none !important;
}

.notAvaliable .toBasket {
  display:none; 
}

.notAvaliable .oneclick {
  display:none; 
}

.product h1 {
  font-size:40px;
  font-weight:normal;
  margin-bottom:20px;
  padding: 0 30px 10px 0;
  border-bottom: 1px solid #d6d6d6;
}
.productImageH1 { display: none; }

.productGalleryWrap {
  margin-top:3px;    
  position:relative;
}


.productGalleryWrap .prev,
.productGalleryWrap .next {
  width:13px;
  height:19px;
  position:absolute;
  line-height: 19px;
  font-size: 30px;
  top:50%;
  margin-top:-9px;
  left:0;
  cursor: pointer;
}
.productGalleryWrap .next {
  left:auto;
  right:0;
}

.productGalleryWrap .control:hover {
  color: #02a6cb;
}




.productGalleryWrap .gallery  {
  margin:0 28px;
  height:72px;
  overflow:hidden;    
  position:relative;
}

.productGalleryWrap .gallery ul {
  position:relative;
  width:1300px;
}

.productGalleryWrap ul li {
  float:left;
  width:72px;
  height:72px;
  background:white;
  margin-right:3px;
  vertical-align:middle;
}

.productGalleryWrap .gallery a {
  display:block;
  padding:5px;
  width:64px;
  height:64px;
  line-height:64px;
  text-align:center;
}

.productGalleryWrap li.hidden {
  display:none;
}

.productGalleryWrap .gallery a img {
  max-width:100%;
  max-height:100%;
}

.productGalleryWrap .disabled:hover,
.productGalleryWrap .disabled {
  opacity:0.2;
  background-position:0 0;
}

.floatWrap {
  overflow:hidden;
}

.commentsCount {
  font-size:11px;
  color:#515148;
}

.product .ratingBlock {
  font-size:12px;
  margin-bottom:25px;
  padding: 6px 0 0;
}
.product .rating {
  vertical-align: middle;
}

.bg .rating {
  background:url(../img/bgstars_na.gif) no-repeat;
}

.bg .rating span {
  background:url(../img/bgstars.gif) no-repeat;
}

.product .gotoComment {
  margin-left:27px;
  font-size:12px;
  color:#939384;    
  border-bottom:1px dashed #939384;
}
.product .commentsCount {
  font-size: 12px;
  margin-left: 25px;
}

.product .compare:hover,
.product .gotoComment:hover {
  color:#02a6cb;
}

.multiOffers {
 margin-bottom:16px; 
}

.multiOffers .title { 
  margin-top:5px;
  font-size: 16px;
  color: #888;  
  margin-bottom:5px;
}

.multiOffers select {
  height: 36px;
  display: block;
  width: 100%;
  max-width: 250px;
  line-height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  border: 1px solid #dcdcc9;
}

.multiOffers .multiOfferValues {
 overflow:hidden; 
 line-height:40px;
 font-size:14px;
}

.multiOffers .multiOfferValueBlock {
 display:inline-block;
 float:left;
 border:2px solid #dfdfdf;
 vertical-align:middle; 
 margin-right:3px;
 margin-bottom:3px;
 height:40px;
 width:40px;
 cursor:pointer;
 overflow:hidden;
 background:white;
}

.multiOffers .multiOfferValueBlock img {
 height:40px; 
 vertical-align:top;
}

.multiOffers .multiOfferValueBlock.likeString {
 padding-left:6px; 
 padding-right:6px; 
 line-height:40px;
 width:auto;
}

.multiOffers .multiOfferValueBlock.sel,
.multiOffers .multiOfferValueBlock:hover {
 background-color:#02a6cb; 
 border-color:#02a6cb;
 color:white;
}

.concomitantBlock {
  margin:10px 0;
}

.concomitantBlock .concomitantTitle {
  font-size:12px;
  margin-bottom:11px;  
  color:#616161;
}

.concomitantBlock .concomitantItem {
  font-size:12px;
  padding-bottom:10px;
  overflow:hidden;
}

.concomitantBlock .concomitantItem input {
  float:left;
  margin:0 3px 0 0;
}

.concomitantBlock .jq-checkbox {
  width:14px;
  height:14px;
  margin-left:0px;
  margin-right:5px;
  float:left;
}

.concomitantBlock .jq-checkbox.checked span {
  height:14px;
  background-position:2px center;
}

.concomitantBlock .concomitantItem label {
  display:block;
  margin-left:20px;
}


.product .fcost, .product_price.fcost {
  font-size: 26px;
  margin-bottom: 15px;
  line-height: 40px;
  border-radius: 20px;
}
.product .descr {
  margin-bottom: 15px;
  padding: 23px 0 0 0;
  font-size: 18px;
  font-weight: 300;
  border-top: 1px solid #d6d6d6;
}

.reserve {

}


.oneclick {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  border: 2px solid #02a6cb;
  border-radius: 4px;
  color: #02a6cb;
  line-height: 38px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.oneclick:hover {
  background-color:#02a6cb;
  color:#fff;
}


/* Старый стиль для кнопки десктопной версии
.toBasket, .reserve {
  width: 100%;
  position: relative;
  max-width: 160px;
  height: 40px;
  line-height: 36px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 0;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  border: 2px solid #02a6cb;
  color: #02a6cb;
  cursor: pointer;
  border-radius: 21px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
*/
/* Новый стиль для кнопки десктопной версии */
.toBasket, .reserve {
  width: 100%;
  position: relative;
  max-width: 176.2px;
  height: 40px;
  line-height: 36px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 0;
  font-size: 16.1px;
  font-weight: bold;
  background: #02a6cb;
  color: #fff;
  cursor: pointer;
  border-radius: 3.1px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}

.toBasket .fa, .reserve .fa {
  font-size: 16px;
  vertical-align: middle;
  margin: -2px 3px 0;
}
.toBasket.added {
  opacity:0.7;
}
.toBasket:hover, .reserve:hover {
  background-color: #02a6cb;
  color: #fff;
}



.unobtainable {
  border: 2px solid red;
  padding: 8px 21px;
  color: red;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.basketLine {
  margin-bottom: 15px;
}

.basketLine .compare {
  padding-bottom:1px;    
  display: inline-block;
  vertical-align: middle;
  font-size:14px;
  color:#939384;
  cursor: pointer;  
}

.product .brand {
  margin-top:5px;
  font-size:16px;
}

.product .brand .brandTitle {
  border-bottom:1px dotted #333;
}

.product .barcode {
  margin-top:15px;
  font-size:16px;
}
.product .barcode .cap, .product .brand .cap {
  color: #888;
}

.product .warehouseDiv,
.productPreview .warehouseDiv
 {
  background-color:white;
  padding:6px 0 17px;
  margin-top:10px;
} 

.productPreview .warehouseDiv {
  padding-left:0;
  padding-right:0;
}

.product .warehouseDiv .warehouseRow,
.productPreview .warehouseDiv .warehouseRow
 {
  margin-top:7px;
  transition: none;
  -webkit-transition: none;
}

.product .warehouseDiv .title,
.productPreview .warehouseDiv .title
 {
  font-size:12px;
  font-weight:bold;
  background:white;
}

.product .warehouseDiv .warehouseRow .title,
.productPreview .warehouseDiv .warehouseRow .title
 {
  font-size:12px;
  display:block;
  font-weight:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;    
  background:url('../img/stock_dot.gif') repeat-x center left;    
  color:#939384;
}

.product .warehouseDiv .warehouseRow .title:hover,
.productPreview .warehouseDiv .warehouseRow .title:hover {
  color:#02a6cb;
}

.product .warehouseDiv .warehouseRow .title span,
.productPreview .warehouseDiv .warehouseRow .title span {
  background:white;
  padding-right:5px;
}

.product .warehouseDiv .warehouseRow .stickWrap,
.productPreview .warehouseDiv .warehouseRow .stickWrap {
  border:1px solid #02a6cb;
  float:right;
  padding:2px 1px;
  font-size:0;
  background:white;
}

.product .warehouseDiv .warehouseRow .stick,
.productPreview .warehouseDiv .warehouseRow .stick
 {
  display:inline-block;
  background-color:#f7f7f7;
  height:6px;
  line-height:6px;
  width:6px;
  vertical-align:top;
  margin:0 1px;
}

.product .warehouseDiv .warehouseRow .stick.filled,
.productPreview .warehouseDiv .warehouseRow .stick.filled
 {
  background-color:#02a6cb;
}

.product .prLine {
  height:42px;
}


.product .share {
  font-size:12px;
  color:#a6a69a;
  position: absolute;
  right: 0;
  top: 9px;
  z-index: 1;
}

.product .share .handler {
  width:18px;
  height:18px;
  display:block;
  line-height: 18px;
  font-size: 21px;
  margin-bottom:5px;
  cursor: pointer;
}
.product .share:hover .handler {
  color: #02a6cb;
}

.product .share .block {
  position:absolute;
  background:white;
  border-radius: 4px;
  right:0;
  white-space:nowrap;
  padding:11px 15px;
  box-shadow:0 0 5px #c1c1c1;
  -moz-box-shadow:0 0 5px #c1c1c1;
  -webkit-box-shadow:0 0 5px #c1c1c1;
  display:none;
}

.product .b-share__handle {
  display:inline-block;
  float:none;
}

.product .share .block i {
  width:12px;
  height:7px;
  background:url(../img/social_corner.png) no-repeat top left;
  display:block;
  position:absolute;
  top:-7px;
  right:4px;
}

.product .share:hover .handler {
  background-position:0 0;
}

.product .share:hover .block {
  display:block;
}

.product .share .block .text {
  margin-bottom:5px;
}

.properties .kv {
  width:100%;
  border-collapse:collapse;
}

.properties tr {
  display:table-row;
  font-size:14px;
}

.properties tr:hover,
.properties tr:hover .key span {
  color:#02a6cb;
}

.properties tr:hover td {
  border-color:#02a6cb;
}

.properties .key {
  border-bottom:1px solid #e0e0d7;
  display:table-cell;
  width:48%;
  padding-right:2%;
  padding-top:10px;
  color:#939384;
  vertical-align:bottom;
}

.properties .key span {
  padding:1px;
}

.properties .value {
  border-bottom:1px solid #e0e0d7;
  width:50%;
  display:table-cell;
  vertical-align:bottom;
  padding-top:10px;
  text-align:right;
}

.properties h2 {
  margin:30px 0 0;
}

.comments {
  margin-top:50px;
  margin-bottom:30px;
}

.comments .head {
  background:#ebebe5;
  padding:6px;
  font-size:18px;
  line-height:24px;
}

.comments .head ul {
  display:inline;
  margin-left:30px;
  color:#939384;
  font-size:12px;
}

.comments .head ul li {
  display:inline;
}

.comments .lineList .item {
  padding:4px 10px;
}

.comments .lineList .item a {
  color:#a6a69a;    
}

.comments .lineList .item a:hover,
.comments .lineList .act a {
  color:#02a6cb;
}

.writeComment {
  padding:0 0 20px;
  font-size:14px;
}

.writeComment .title {
  
}

.commentList li {
  padding: 12px 22px 15px;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 12px;
}
.commentList li .info {
  border-bottom: 1px solid #d4d4d4;
  padding: 0 0 9px;
  color: #414141;
}

.commentList .right {
  float: right;
  width: 80px;
  text-align: center;
  font-size: 11px;
  top: 5px;
}

.commentList .right .useful {
  margin-top:15px;
  color:#515148;
}

.commentList .right .useful a {
  width:39px;
  height:30px;
  line-height:30px;
  border:1px solid #dcdcc9;
  background:white;
  display:block;
  margin-left:2px;
  float:left;
  margin-top:4px;
}

.commentList .useful .yes { color:#02a6cb; }
.commentList .useful .no { color:#db4646; }

.commentList .useful .yes:hover { border:1px solid #2bbfbd; }
.commentList .useful .no:hover { border:1px solid #df5c5c; }

.commentList .info .date {
  font-size:14px;
  font-weight: 300;
}

.commentList .info .user {
  font-size:14px;
  margin-right:9px;
}

.commentList .message {
  margin:11px 0 0;
  font-size:14px;
  line-height:18px;
}

.form-packages {
  margin-bottom:15px;
}

.mobileBasketLine {
  text-align:center;
  display:none;
}

.hidden {
  display:none;
}

.articles li {
  margin-bottom:20px;
}

.articles .date {
  color:#939384;
  font-size:11px;
}

.articles .title {
  font-size: 28px;
  color: #000;
  font-weight: 600;
  display: block;
  padding: 6px 0 4px;
  text-align: center;
}

.articles .image {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}

.articles .link {
  color:#585858;
  font-size: 14px;
}

.writeComment form {
  background:white;
  position:relative;
  margin-top:10px;
  padding:20px;
}

.writeComment .corner {
  width:14px;
  height:7px;
  background:url(../img/whitecorner.png) no-repeat;
  position:absolute;
  top:-7px;
  left:9px;
}

.adaptForm li {
  overflow:hidden;
  margin-bottom:20px;
}

.adaptForm .caption {
  font-size:12px;
  color:#939384;
  padding-top:12px;
}


.adaptForm .name {
  width:33%;
  float:left;
}

.adaptForm .name .caption {
  width:50px;
  float:left;
}

.adaptForm .name .field {
  margin-left:50px;
}

.adaptForm .ball {
  width:65%;
  float:left;
}

.adaptForm .ball .rate {
  float:right;
}
.adaptForm .ball .descr {
  text-align:center;
  font-size:12px;
}

.adaptForm .ball .stars {
  display:block;
  overflow:hidden;
}

.adaptForm .ball .stars i {
  width:21px;
  height:20px;
  background:url(../img/stars.png) no-repeat;
  float:left;
  cursor:pointer;
}

.adaptForm .ball .stars .act {
 background-position:0 -20px; 
}

.adaptForm .ball .caption {
  font-size:14px;
  float:right;
  margin-right:17px;
}

.adaptForm .text .caption {
  width:50px;
  float:left;
}
.adaptForm .text .field {
  margin-left:50px;
}

.adaptForm .text textarea, .adaptForm .text select, .adaptForm input {
  height: 36px;
  display: block;
  width: 100%;
  line-height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  border: 1px solid #dcdcc9;
}
.adaptForm .text textarea {
  height: 120px;
  padding: 12px 12px;
  line-height: 1.2;
}

.adaptForm .captchaImg {
  width:40%;
  float:left;
}

.adaptForm .captchaImg img {
  float:right;
}

.adaptForm .captchaField {
  float:left;
  width:60%; 
}

.adaptForm .captchaField .subtext {
  font-size:11px;
  color:#939384;
}

.adaptForm .submit {

}

.adaptForm .submit input {
  display: inline-block;
  overflow: hidden;
  height: 38px;
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  max-width: 250px;
  border: none;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 0 7px;
  background-color: #02a6cb;
  cursor: pointer;
  font-size: 12px;
}
.adaptForm .submit input:hover {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}

.adaptForm .error {
  color: #c0392b;
  font-size: 14px;
  border: 1px solid #c0392b;
  padding: 10px 12px;
  border-radius: 20px;
}

.writeComment form {
  display:none;
}

.writeComment.on form {
  display:block;
}

.mt10 {
  margin-top:10px;
}

.recommended {
  margin-top:50px;
}

.recommended .previewList {
  background:white;
  padding: 11px 50px 25px;
  position:relative;
}

.recommended .gallery {
  position:relative;
  overflow:hidden;
}

.recommended ul {
  position:relative;
  width:9000px;
}

.recommended ul li {
  float:left;
  width:72px;
  height:72px;
  margin-right:3px;    
}

.recommended ul a {
  padding:5px;
  line-height:62px;
  display:block;
  text-align:center;
}

.previewList .prev, .previewList .next {
  width: 13px;
  height: 19px;
  position: absolute;
  line-height: 19px;
  font-size: 30px;
  top: 44%;
  margin-top: -9px;
  left: 15px;
  cursor: pointer;
  text-decoration: none;
}

.previewList .next {
  left: auto;
  right: 15px;
}

.previewList .next:hover,
.previewList .prev:hover {
  color: #02a6cb;
}

.previewList .disabled:hover,
.previewList .disabled {
  opacity:0.2;
  background-position:0 0;
}


.compareHead {
  display:table-row;
}

.compareHead li {
  display:table-cell;
  vertical-align:top;
  padding-right:20px;  
  width:221px;
}

.compareHead .logoZone {
 position:relative; 
 padding-right:0;
 width:250px;
}

.compareHead .logoZone .print {
  width: 100%;
  max-width: 220px;
  height: 36px;
  line-height: 35px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #d6d6d6;
  color: #777777;
  cursor: pointer;
  border-radius: 18px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.compareHead .logoZone .print:hover {
  background-color: #ebebe5;
  border-color: #dcdcc9;
  color: #02a6cb;
}

.compareHead .back {
  margin-bottom:30px;
  position:relative;
  margin-right:20px;
  width:230px;
  text-align:center;  
}

.compareHead .topline {
  height:35px;
  position:relative;
}

.compareHead .image {
  background:white;
  padding:10px;
  width:201px;
  height:183px;
  line-height:183px;
  text-align:center;
}

.compareHead .image img {
  max-width:100%;
  max-height:100%;
}

.compareHead .activelist {
  cursor:pointer;
}

.compareHead .item .remove {
  background:url("../img/x.png") no-repeat scroll center center #EBEBE5;
  cursor:pointer;
  display:block;
  height:19px;
  width:19px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-9px;
}

.compareHead .item .remove:hover {
  background-color:white;
}

.comparePageBody {
  margin-top:20px;
}

.comparePageBody #debug-top-block {
  margin-top:-20px;
  margin-bottom:20px;
}

.compareHead .item .multiOffers .title {
  height:auto;
  font-size:12px;
  margin-bottom:2px;
  margin-top:10px;
}

.compareHead .item .title {
  font-size:18px;
  margin:15px 0 10px;
  height:90px;
  font-weight: 300;
  overflow:hidden;
}
.compareHead .basketwrap {
  text-align: center;
}
.compareHead .basketwrap .toBasket, .compareHead .basketwrap .reserve {
  margin: 0 7px 7px;
}

.compareHead .favorite {
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: block;
}

.compareScost_wr {
  text-align: center;
  padding: 0 0 15px;
}

.compareHead .item .vendor {
  font-size:12px;
  margin-bottom:10px;  
}

.compareHead .item .offer {
  margin-bottom:10px;
}

.compareHead .item .cost {
  font-size:20px;
  font-weight:bold;
  margin:10px 0;
}

.compareHead .multiOffers {
  margin:10px 0;
}

.compareHead .pname {
  font-size:14px;
  margin-bottom:5px;
}


.compareBody h3 {
  border: 1px solid #e0e0d7;
  line-height: 40px;
  text-transform: uppercase;
  color: #4e4e4e;
  margin-top: 30px;
  padding: 0 20px;
  font-weight: 300;
  font-size: 18px;
  border-radius: 20px 20px 0 0;
}

.compareBody h3 span {

}

.compareBody {
  margin-bottom: 30px;
}

.compareBody .table {
  display:table;
  font-size:14px;
  min-width: 100%;
  border: 1px solid #e0e0d7;
  border-top: none;
  box-sizing: border-box;
}

.compareBody .table li {
  display:table-row;
}

.compareBody .table li:hover .key,
.compareBody .table li:hover .value
 {
  background:#f0fffe;
  border-bottom:1px solid #f0fffe;
}

.compareBody .table .key,
.compareBody .table .value {
  display:table-cell;
  vertical-align:top;
  width:221px;    
  padding:12px 20px 12px 0;   
  border-bottom:1px solid #e0e0d7; 
}

.compareBody .table .value .product {
  display:none;
}

.compareBody .table .key {
  color:#939384;
  width:230px;
  padding-left: 10px;
}

.centerWrap {
  text-align:center;
}

.centerWrap .center {
  display:inline-block;
  *display:inline;
  text-align:left;
}

.noQuery,
.noProducts,
.noData,
.noCompare {
  font-size:24px;
  text-align:center;
  font-weight: 300;
  color:#585858;
  text-shadow:0 1px 0 white; 
}

/* Корзина */

.cartDialog #cboxClose {
  right:38px;
  top:21px;
}


.cart .top {
  border-bottom: 2px solid #02a6cb;
  padding: 2px 0 0;
}

.cartIcon {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  line-height: 63px;
  display: inline-block;
}
.cartIcon .fa {
  color: #02a6cb;
  font-size: 16px;
  margin: 0 5px 0px 0;
  display: inline-block;
  top: -1px;
  line-height: 1;
  position: relative;
}

.cartDialog .cartIcon {
  margin-left:40px;
}

.clearCart {
  margin-left: 45px;
  font-size: 14px;
  font-weight: 300;
  margin-top: -2px;
  display: inline-block;
  color: #888;
  border-bottom: 1px dotted;
  vertical-align: middle;
}


.cartDialog .cart .padd {
  padding:0 40px;
}

.cart .head {
  overflow:hidden;
  font-size:12px;
  padding:12px 0;
  border-bottom:1px solid #e0e0d7;
}

.cart .head .price {
  width:190px;
  float:right;
}

.cart .head .amount {
  width:160px;
  float:right;
}

.cartDialog .cart .viewport {
  max-height:440px;
  overflow:auto;
}

.cartProducts {
  width:100%;
  border-collapse:collapse;
}

.cartProducts .barcode {
    font-size: 12px;
    color: #666;
}

.cartProducts .multiOffers {
  margin-top:10px;
  margin-bottom:10px;
}

.cartProducts .multiOffers .title {
  font-size:12px;
  color:#7e7e6a;
  margin: 7px 0 3px;
}

.cartProducts .colTitle select {
  font-size:12px;
}
.cartProducts .colTitle label {
  font-size: 14px;
}

.cartProducts td {
  padding:15px 0;
  border-top:1px solid #e0e0d7;
  vertical-align:middle;
}

.cartProducts .first td {
  border-top:none;
}

.cartProducts .preview {
  display:block;
  height:64px;
  line-height:64px;
  border-radius: 4px;
  padding:5px;
  text-align:center;
  border:1px solid #ececec;
  background:white;
}

.cartProducts .colPreview {
  width:74px;
}

.cartProducts .colTitle {
  padding-left:10px;
  padding-right:10px;
}

.cartProducts .title {
  font-size:14px;
}

.cartProducts .colAmount {
  width:140px;
}

.cartProducts .colAmount .error {
  font-size:11px;
  color:red;
  margin-top:5px;
  clear:left;
}

.cartProducts .colPrice {
  width:154px;
  white-space:nowrap;
}

.cartProducts .colRemove {
  width:56px;
  text-align: right;
}

.cartProducts .remove {
  cursor:pointer;
  display: inline-block;
  height:19px;
  width:19px;  
  border:1px solid #b1b1b1;
  border-radius: 4px;
  position: relative;
  opacity: 0.6;
}
.cartProducts .remove:before, .cartProducts .remove:after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  background-color: #b1b1b1;
  height: 80%;
  left: 50%;
  margin-left: -1px;
  top: 10%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.cartProducts .remove:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.cartBonuses, .cartBonusesWrapper b { color: #02a6cb; }


.cartProducts .remove:hover {
  opacity: 1;
}

.cartProducts .discount {
  color:green;
  font-size:12px;
}

.cartProducts .unobtainable {
  display:none;
}

.notAvaliable .unobtainable {
  display:block;
}

.notAvaliable .amoutPicker {
  display:none;
}


.cartFooter {
  background: #02a6cb;
  border-radius: 4px;
  padding: 12px 17px;
  color: white;
  font-size: 14px;
  overflow: hidden;
  line-height: 30px;
}

.cartFooter .discountText {
  float:left;
}

.cartFooter .couponCode {
  height: 29px;
  width: 130px;
  line-height: 29px;
  border-radius: 4px;
  padding: 0 12px;
  border: 1px solid #30a7c1;
}

.cartFooter .hasError {
  background:#ffcccc;
}

.cartFooter .applyCoupon {
  display: inline-block;
  line-height: 26px;
  margin-left: 8px;
  padding: 0 14px;
  border: 1px solid #fff;
  border-radius: 13px;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  font-size: 14px; 
  cursor: pointer;
}

.cartFooter .applyCoupon:hover {
  background-color: #fff;
  color: #02a6cb;
}


.cartFooter .total {
  float:right;
  font-size:22px;
  font-weight:bold;
}

.cartFooter .total .text {
  display:none;
}

.cart .bottom {
  margin:18px 0;
  text-align:center;
  overflow:hidden;
}



.cart .submit {
  float:right;
  display: block;
  overflow: hidden;
  height: 38px;
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  max-width: 250px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 0 7px;
  background-color: #02a6cb;
  cursor: pointer;
  font-size: 12px;
}
.cart .submit:hover {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}


.cart .submit.disabled {
  background:#c0c0c0;
  color:#808080;
  text-shadow:0 1px 0 white;
}




.cart .continue,
.cart .toggleOneClickCart {
  width: 100%;
  max-width: 250px;
  height: 36px;
  line-height: 35px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #d6d6d6;
  color: #777777;
  cursor: pointer;
  border-radius: 18px;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.cart .continue:hover,
.cart .toggleOneClickCart:hover {
  background-color: #ebebe5;
  border-color: #dcdcc9;
  color: #02a6cb;
}


.cart .continue {
  float:left;
}


.cart .bottom .error {
  padding-top:10px;
  font-size:12px;
  color:red;
}

.cart .qpicker {
  float:left;
  width:20px;
}

.cart .qpicker .inc, .cart .qpicker .dec {
  display:block;
  width:15px;
  height:9px;
  color: #888;
  font-size: 21px;
  line-height: 9px;
  cursor: pointer;
}
.cart .qpicker .dec {
  margin-top:11px;
}

.cart .qpicker .inc:hover,
.cart .qpicker .dec:hover {
  color: #02a6cb;
}

.cart .fieldAmount {
  height: 29px;
  width: 55px;
  line-height: 29px;
  border-radius: 4px;
  padding: 0 12px;
  border: 1px solid #dcdcc9;
}

.amoutPicker .unit {
  font-size: 14px;
  font-weight: 300;
}

.cart .priceBlock {
  font-weight:bold;
  color: #02a6cb;
}

.cart .linesContainer .line {
  border-bottom:1px dotted white;
  margin-bottom:5px;
  overflow:hidden;
}

.cart .linesContainer .line .remove {
  width:19px;
  height:19px;
  background:url(../img/close.png) no-repeat center center;
  float:left;
  display:block;
  cursor:pointer;
  margin-top:5px;
  margin-right:3px;    
}

.cart .linesContainer .line .remove:hover {
  background-color:white;
}

.cart .linesContainer .line .text {
  float:left;
}

.cart .linesContainer .line .digits {
  float:right;
  width:200px;
}

.cart .empty {
  text-align:center;
  padding:100px 0;
  font-weight: 300;
  font-size:22px;
  color:#808080;
  text-shadow:0 1px 0 white;
}

.cart .recalc {
  float:left;
  cursor:pointer;
  background:none;
  padding:8px 20px;
  font-size:16px;    
  margin:0;
  margin-right:10px;
}

.cart.inloading .loader {
  background:url(../img/cart_loading.gif) no-repeat center center;
  width:32px;
  height:32px;
  float:right;
  margin-right:10px;
}

.oneClickCartForm {
  background-color:white;
  padding: 20px;
  text-align:center;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  max-width: 400px;
  margin: 0 auto;
}

.oneClickCartTable {
  margin:0 auto;
}

.oneClickCartForm input[type="text"] {
  width: 300px;
  max-width:100%;
  margin: 0 auto 10px;
}

.oneClickCartForm .caption {
  font-weight: 300;
  margin: 0 0 2px;
}

.oneClickCartCaption {
  color:#939384;
  margin-bottom:16px;
}

.formTable .oneClickCartForm tr .key,
.formTable .oneClickCartForm tr .value {
  border-bottom:0px;
}

.oneClickCartForm .formSave {
  margin-left:inherit;
  width:260px;
  display:inline-block;
}

.oneClickCartSuccess {
  color:green;
  font-size:15px;
  padding:40px 30px;
}

.formSection {
  line-height:42px;
  padding:0;
  border-bottom: 2px solid #02a6cb;
}

.formTable {
  border-collapse:collapse;
  width:100%;
  margin-bottom:40px;
}

.formTable input.has-error {
  border:1px solid #f9c1c1;
}

.formTable .form-error {
  color:red;
}

.formTable .field-error,
.formTable .formFieldError {
  font-size:12px;
  color:red;
}

.formTable tr .key,
.formTable tr .value,
.formTable tr .valueFix {
  padding:18px 0;    
  border-bottom:1px solid  #dcdcc9;
  vertical-align:middle;
}



.formTable .noBottomLine .key, 
.formTable .noBottomLine .value {
  border-bottom:none;
}

.formTable tr .key {
  width:145px;
  font-size:14px;
  padding-right: 10px;
  color: #2d2d2d;
}

.formTable .help {
  color:#939384;
  font-size:11px;
}

.formTable input, .formTable select, .feedbkForm .feedTextArea,
.checkoutBox input, .checkoutBox select, .checkoutBox textarea {
  height: 36px;
  display: block;
  width: 100%;
  line-height:36px;
  border-radius: 4px; 
  padding: 0 12px;
  border: 2px solid #797970;
}
.feedbkForm .feedTextArea, .checkoutBox textarea {
  height: 120px;
  padding: 12px 12px;
  line-height: 1.2;
}




.formTable input[type=radio] {
  border: none;
}
.formTable input[type=radio], .formTable input[type=checkbox],
.checkoutBox input[type=radio], .checkoutBox input[type=checkbox] {
  height: auto;
  width: auto;
}


.formTable select {
 
}

.formTable .inline {
  float:left;
  margin-left:10px;
}

.formTable .inline.f {
  margin-left:0;
}

.formSuccessText {
  border:1px solid #f29b30;
  padding:20px;
}

.w300 {
  width:300px;
}

.ml10 {
  margin-left:10px;
}

.formResult.success {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #229325;
}

.formSection {
  font-size:12px;
}

.formSection .inline * {
  vertical-align:middle;
}

.formSectionTitle {
  padding:7px 0;
  font-size: 18px;
  font-weight: 300;
  color:#02a6cb;
}
.formSectionTitle a {
  font-size: 12px;
}


.formAddresPoints {
  padding: 14px 0 0;
}


.feedbkRqrd {
  font-size: 16px;
  font-weight: 300;
}

.formSave {
  display: block;
  overflow: hidden;
  height: 38px;
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  max-width: 250px;
  margin: 20px auto 0;
  border: none;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 0 7px;
  background-color: #02a6cb;
  cursor: pointer;
  font-size: 12px;
}
.formSave:hover {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}



.ib {
  display:inline-block;
  vertical-align:middle;
}

.userProfile .organization {
  display:none;
}

.userProfile .thiscompany .organization {
  display:table-row-group;
}

.formTable input[type="checkbox"], .formTable input[type="radio"], label
.formPickUpTypeWrapper input[type="radio"], .formPickUpTypeWrapper input[type="checkbox"] {
  vertical-align:middle;
}

.forgotPassword {
  float:left;
  line-height:30px;
}

.authRegisterA {
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}

.authorization .forgotPassword {
  float:none;
  display: block;
  width: 115px;
  text-align: center;
  margin: 0 auto 5px;
  font-size:14px;
}

.authorization .forgotPassword span {
  border-bottom:1px dashed #000;
}

.authorization .error {
  color:red;
}

.authorization .dialogForm .error {
  background:#f22e2e;
  color:white;
  text-align:center;
  font-size:14px;
  padding:5px;
  margin-bottom:4px;
}

.authorization .dialogForm .login,
.authorization .dialogForm .password {
  width:100%;
  margin-bottom:10px;
}

.authorization .dialogForm .def-value {
  text-align:center;
}

.authorization .rememberBlock {
  height:38px;
  line-height:38px;
  float:left;
}

.authorization .rememberBlock input,
.authorization .rememberBlock label {
  vertical-align:middle;
}

.authorization .floatWrap label {
  font-size:11px;
}

.authorization .floatWrap button {

}


.authorization .noAccount {
  border-top:1px dashed #c7c7bc;
  margin-top:30px;
  padding-top:18px;
  text-align:center;
  font-size:12px;
  color:#939384;
  margin-bottom:5px;
  line-height:22px;
}

.authorization .noAccount a {
  color:#939384;
  border-bottom:1px dashed #939384;
}

.authorization .noAccount a:hover {
  color:#2bbfbd; 
  border-bottom:none;
}

.authorization .recoverText {
  background:#ebebe5;
  padding:10px;
  font-size:12px;
  margin-bottom:20px;
  position:relative;
}

.authorization .recoverText i {
  width:12px;
  height:6px;
  background:url(../img/gray_corner_up.png) no-repeat;
  position:absolute;
  left:10px;
  top:-6px;
}

.authorization .recoverText.success {
  background:#f29b30;
  color:white;
}

.authorization .recoverText.success i {
  background-image:url(../img/orange_corner_up.png);
}

.authorized,
.authorized a {
  font-size:12px;
  color: #4c4c4c;
}

.authorized a:hover {
  color:#02a6cb;
}

.authorized .top {
  padding:14px 0 4px;
  text-align: center;
  margin: 0 auto;
}

.authorized .bottom {
  width:55px;
  padding-top:14px;    
  float:right;
  width:28%;
}

.authorized .user {
  white-space:nowrap;
  display: inline-block;
  vertical-align: middle;
}
.authorized .user .balance {
  white-space:nowrap; 
}
.authorized .user .username {
}


.notAuthIcon {
  display: none;
}


.authorized .my {
  height:22px;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 10px;
  width: 34px;
}
.authorized .my .dropdown {
  display:none;
}
.authorized .my .dropdown li a {
  padding:6px 8px 7px;
  display:block;
  color:#222;
}
.authorized .my .dropdown li:last-child a {
  border-radius: 0 0 4px 4px;
}
.authorized .my .dropdown li a:hover {
  background:#02a6cb;
  color:#fff;
}
.authorized .my .dropblock {
  position:absolute;
  white-space: nowrap;
  border-radius: 4px;
}

.authorized .my .dropdown-handler {
  background: url(../img/down.png) no-repeat center left;
  display:block;
  padding:6px 6px 6px 23px;
  white-space:nowrap;
  color: #02a6cb;
  text-align: left;
  cursor: pointer;
}


.authorized .exit {
  color:#6e6e67;
}

.authorized .mail {
  height:17px;
  padding-left:36px;
  background:url(../img/messages.png) no-repeat left center;
  margin-top:10px;
  display:block;
}

.authorized .dropblock:hover  {
  background:white;
  z-index:3;
  box-shadow:0 2px 6px #aaa;
  -moz-box-shadow:0 2px 6px #aaa;
  -webkit-box-shadow:0 2px 6px #aaa;
}

.authorized .dropblock:hover .dropdown-handler {
  color: #2980b9;
}

.authorized .dropblock:hover .dropdown {
  display:block;
  border-top:1px solid #eaeaea;
}

.pageError {
  padding: 10px;
  border: 1px solid #ffcfcf;
  border-radius: 10px;
  font-size: 16px;
  color: red;
  margin: 5px auto 20px;
  font-weight: 300;
}

/* Оформление заказа */



.themeTable {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 14px;
  color: #000;
}
.themeTable td {
  padding: 15px 6px 16px 0;
  font-size: 14px;
  border-bottom: 1px solid #E0E0D7;
  vertical-align: middle;
}
.themeTable td:first-child {
  width: 20%;
  color: #4c4c4c;
}

.onePageProductsBlock .themeTable td:first-child {
  width: 70%;
}
.onePageProductsBlock .themeTable .price {
  width: 100px;
}




.onePageAdressBlock .address .formPickUpTypeWrapper, .form_wr1 .vertItems {
  margin: 0 0 1px;
}
.onePageAdressBlock .address .formPickUpTypeWrapper li, .form_wr1 .vertItems li {
  padding: 10px 0 11px;
  border-bottom: 1px solid #E0E0D7;
}
.onePageAdressBlock .address .formPickUpTypeWrapper li:last-child,
.form_wr1 .vertItems li:last-child { border: none; }

.form_wr1 .vertItems {
  margin-bottom: 40px;
}

.onePageAdressBlock .address .radio, .form_wr1 .vertItems .radio {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  line-height: 1;
}
.onePageAdressBlock .address .info, .form_wr1 .vertItems .info {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.formAddressSectionWrapper {
  padding: 14px;
  border: 1px solid #eee;
  border-radius: 4px;
  margin-bottom: 40px;
}

.onePageProductsBlock {
  padding: 20px 0 0;
}
.onePageProductsBlock thead td {
  background: #02a6cb;
  padding: 12px 6px 12px 0;
  color: white;
  font-size: 14px;
  border-bottom: none;
}
.onePageProductsBlock thead td:first-child { color: transparent; }

.onePageProductsBlock .summary {
  border-top: 3px solid #02a6cb;
  font-size: 20px;
  color: #02a6cb;
  padding: 15px 0 20px;
}
.onePageProductsBlock .summary .price {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-weight: bold;
}
.onePageProductsBlock .summary .text {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-weight: bold;
}



.formAddressSectionWrapper input, .formAddressSectionWrapper select,
.onePageDeliveryBlock input, .onePageDeliveryBlock select
.form_wr1 input, .form_wr1 select {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.formAddressSectionWrapper label {
  vertical-align: middle;
}

.addrTable1 {
  margin: 10px 0 0;
}
.addrTable1 td {
  vertical-align: middle;
  padding: 4px 0;
}
.addrTable1 td:first-child {
  width: 150px;
  color: #4c4c4c;
}
.addrTable1 .help {
  color: #4c4c4c;
}



.checkoutAddCityChoose, .checkoutAddCityChoose {
  margin-top: 7px;
}

.checkoutBox {
  color: #000;
}

.checkoutBox .hasAccount,
.checkoutBox.user .newAccount,
.checkoutBox .organization {
  display:none;
}

.checkoutBox.user .hasAccount,
.checkoutBox.company .organization {
  display:block;
}



.checkoutSteps li {
  float:left;
  padding-top:9px;
  margin-right:9px;
  padding-right:19px;
  background:url(../img/arrow_right.png) no-repeat right center;
  position:relative;
  height:63px;
}

.checkoutSteps li.already {
  background:url(../img/arrow_right_act.png) no-repeat right center;
}

.checkoutSteps .confirm.already {
  background:none;
}

.checkoutSteps .confirm {
  margin-right:0;
  padding-right:0;
  background:none;
}

.checkoutSteps .item {
  display:block;
  padding:5px 9px;
  margin:1px;
  cursor:default;
}

.checkoutSteps .already a.item {
  cursor:pointer;
}

.checkoutSteps .already a.item:hover .title {
  color:#4bdad8;
}

.checkoutSteps .act .item {
  border:1px solid #2bbfbd;
  border-radius:20px;    
  margin:0;
}

.checkoutSteps .icon {
  width:45px;
  height:42px;
  background:url(../img/checkout.png) no-repeat top left;
  display:inline-block;    
  vertical-align:middle;    
}

.checkoutSteps .delivery .icon { background-position:-45px 0; }
.checkoutSteps .payment .icon { background-position:-90px 0; }
.checkoutSteps .confirm .icon { background-position:-135px 0; }

.checkoutSteps .address.already .icon { background-position:0 -42px; }
.checkoutSteps .delivery.already .icon { background-position:-45px -42px; }
.checkoutSteps .payment.already .icon { background-position:-90px -42px; }
.checkoutSteps .confirm.already .icon { background-position:-135px -42px; }

.checkoutSteps .title {
  color:#a4aaaa;
  font-size:12px;
  display:inline-block;
  vertical-align:middle;
}

.checkoutSteps .already .title {
  color:#2bbfbd;
}

.checkoutSteps .act .corner {
  width:18px;
  height:10px;
  background:url(../img/checkout_corner.png) no-repeat top left;
  display:block;
  position:absolute;
  bottom:-10px;
  left:50%;
  margin-left:-18px;    
}

.headerCheckout {
  margin-bottom:20px;
}

.existsAddress {
  border: 1px solid #DFDFD5;
  padding: 10px 12px;
  margin: 10px 0;
  border-radius: 4px;
  font-size: 14px;
}
.existsAddress td {
  padding: 9px 5px 0 0;
}

.deleteAddress {
  display:inline-block;
  vertical-align:middle;
  background:url(../img/close.png) no-repeat top left;
  width:11px;
  height:11px;
  margin: -2px 0 0 5px;
  cursor:pointer;
}

.clearLeft {
  clear:left;
  height:0;
  font-size:0;
}

.orderInfo.fullwidth,
.cartInfo.fullwidth {
  float:none;
  width:auto;
  margin-right:0;
  padding: 20px 0;
}


.orderInfo {
  float:right;
  background:white;
  padding:20px;
  width:330px;
  margin-bottom:20px;
}

.orderInfo .section {
  margin-top:15px;
}

.orderInfo .section.first {
  margin-top:0;
}

.orderInfo .section li {
  padding:5px 0;
  border-bottom:1px dashed #aaa;
  font-size:14px;
}

.orderInfo .section .key {
  color:#585858;
}

.orderInfo .section.last li {
  border-bottom:none;
}

.cartInfo {
  margin-right:390px;
}

.cartInfo .errorNum {
  font-size:12px;
  color:red;
}

.orderBasket {
  width:100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 14px;
}

.orderBasket .multioffersWrap {
 margin-top:5px; 
}

.orderBasket td {
  padding:9px 6px 9px 0;    
}

.orderBasket .head td {
  background:#02a6cb;
  padding:12px 6px 12px 0;
  color:white;
  font-size:14px;
  border-bottom: none;
}

.orderBasket tbody td {
  border-bottom:1px solid #E0E0D7;
  vertical-align:middle;
}

.orderBasket .summary td {
  white-space:nowrap;
  border-top:3px solid #02a6cb;
  font-weight:bold;
  font-size:20px;
  color: #02a6cb;
  padding-top:8px;
  padding-bottom:8px;
}

.orderBasket .bold .price {
  font-weight:bold;
}

.orderBasket .additional td {
  background:white;
  border:none;
  border-top:1px dotted #E0E0D7;
  color:#444;
}

.orderBasket .additional .first td {
  border-top:3px solid #E0E0D7;
}

.orderBasket .codeLine {
  font-size:12px;
  color:#939384;
  padding:4px 0;
}

.orderBasket .codeLine .value {
  font-weight:bold;
}

.orderBasket .priceBlock {
  font-weight:bold;
}

.orderBasket .discount {
  color:green;
  font-size:12px;
}

.orderComment label, .commentLabel {
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 6px;
  display: block;
}
.orderComment textarea {
  height: 80px;
  display: block;
  width: 100%;
  line-height: 1.2;
  border-radius: 4px;
  padding: 12px 12px;
  border: 1px solid #dcdcc9;
}

.mb10 {
  margin-bottom:20px;
}

.underline {
  text-decoration:underline;
}

.underText {
  font-weight: 300;
}
.underText a {
  text-decoration:underline;
  color: #02a6cb;
}

.orderList {
  width:100%;
  border-radius: 4px;
  overflow: hidden;
}
.orderList thead th {
  padding: 10px;
}
.orderList td {
  border-bottom:1px solid #dcdcc9;
  padding:20px 0;
  vertical-align:middle;
}

.orderList .date {
  color:#939384;
  font-size:12px;
}

.orderList .products .image {
  background:white;
  padding:4px;
  display:inline-block;
  line-height:36px;
  height:36px;
  width:36px;
  text-align:center;
  margin-bottom:2px;
  margin-right:7px;
  float:left;
}

.orderList .products .title {
  font-size:14px;
  color:#222;
}

.orderList .products .title:hover {
  color:#02a6cb;
}

.orderList .price {
  font-size:18px;
  font-weight:bold;
}

.orderList .statusItem {
  display: inline-block;
  zoom: 1;
  line-height: 26px;
  padding: 0 14px;
  border: 1px solid #d4d4d4;
  border-radius: 13px;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  font-size: 14px;
}

.orderList .actions a {
  color:#02a6cb;
  font-size:12px;
}

.orderList .actions a:hover {
  color:#222;
}

.orderList .actions .more {
  color: #686868;
  font-size: 14px;
  display: block;
}
.orderList .actions .more .fa {
  color: #02a6cb;
  font-size: 17px;
  margin: -3px 0 0 10px;
  vertical-align: middle;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}


.orderList .multioffersWrap {
  font-size:10px;
  color:gray;
  margin-top:5px;
}

.moreItems .items,
.moreItems .collapse {
  display:none;
}

.moreItems .expand,
.moreItems .collapse {
  color:#02a6cb;
}

.moreItems .expand:hover,
.moreItems .collapse:hover {
  color:#222;
}

.moreItems.on .items,
.moreItems.on .collapse {
  display:block;
}

.moreItems.on .expand {
  display:none;
}

.orderList td {
  padding-left:5px;
  padding-right:5px;
}

.orderList .products li {
  overflow:hidden;
}

.viewOrder .statusItem {
  float:right;
  padding:3px 5px;
  line-height:32px;
  color:white;
  font-size:12px;
  white-space:nowrap;    
}

.viewOrder .formTable .key {
  width:auto;
}

.viewOrder .products {
  background:white;
  position:relative;
  margin-bottom:20px;
}

.viewOrder .products .control {
  position:absolute;
  top:50%;
  margin-top:-10px;
  background:url(../img/prev.png) no-repeat;
  width:13px;
  height:18px;
  display:block;    
}

.viewOrder .products .prev {
  background:url(../img/prev.png) no-repeat;
  left:10px;    
}

.viewOrder .products .next {
  background:url(../img/next.png) no-repeat;
  right:10px;    
}

.viewOrder .products .control:hover {
  background-position:0 -19px;
}

.viewOrder .products .control.disabled,
.viewOrder .products .control.disabled:hover {
  opacity:0.3;
  background-position:0 0;
  cursor:default;
}

.viewOrder .products .itemsWrap {
  margin:0 45px;
  overflow:hidden;
  padding:13px 0;
  position:relative;
}

.viewOrder .products .items {
  width:10000px;
  position:relative;
}

.viewOrder .products .items li {
  float:left;
  width:220px;
  margin-right:20px;
}

.viewOrder .products .items li .image {
  height:200px;
  display:block;
  line-height:200px;
  vertical-align:middle;
  text-align:center;
}

.viewOrder .products .items li .title {
  margin-top:5px;
  font-size:14px;
  display:block;
}

.viewOrder .products .items .keyval {
  font-size:12px;
  margin-top:5px;
}

.viewOrder .products .items .keyval .key {
  color:#939384;
}

.viewOrder .products .items .keyval li {
  padding:2px 0;
}

.viewOrder .formTable .key {
  color:#939384;
}

.viewOrder .formTable tr .key,
.viewOrder .formTable tr .value {
  padding:12px 5px;
}

.viewOrder .summary .key,
.viewOrder .summary .value
 {
  border-bottom:none;
  background:#2bbfbd;
  color:white;
}

.viewOrder .userText {
  background:white;
  padding:20px;
}

.paymentDocuments {
  background:#E0E0E0;
  padding:20px;
  margin-bottom:20px;
}

.paymentDocuments h3 {
  margin-bottom:10px;
  font-size:20px;
}

.paymentDocuments .docsList {
  list-style:square;
  padding-left:15px;
  margin-top:20px;
}

.paymentDocuments .docsList a {
  text-decoration:underline;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -webkit-appearance:none;
  -moz-appearance:none; /* mobile firefox too! */
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline:none;
}

.blockWizard {
  position:relative;
  padding:10px;
  margin:20px 0;
  border:1px dashed #939384;
}

.blockWizard .back {
  background:white;
  opacity:0.5;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
}

.blockWizard .title {
  text-align:center;
  position:relative;
  color:#808080;
  font-size:18px;
}

.blockWizard.blockLeft .title {
  text-align:left;
}

.blockWizard .title img {
  margin-right:10px;
}

.blockWizard .title * {
  vertical-align:middle;    
}

.blockWizard .do {
  position:relative;
  visibility:hidden;
  text-align:center;
  margin-top:20px;
}

.blockWizard:hover {
  box-shadow:0 0 10px #ccc;
  -moz-box-shadow:0 0 10px #ccc;
  -webkit-box-shadow:0 0 10px #ccc;
}

.blockWizard:hover .do {
  visibility:visible;
}

.blockWizard.noBack {
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

.blockWizard .do li {
  display:inline-block;
}

.blockWizard .do li a {
  display:block;
  border:1px solid #dcdcc9;
  padding:13px;
  margin:2px 0;
  font-size:14px;
}

.blockWizard .do li a:hover {
  background:#cfcfb7;
  border-color:#cfcfb7;
  color:white;
}

.blockWizard.noBack {
  border:none;
}

.blockWizard.noBack .back {
  display:none;
}

.blockWizard.blockSmall {
  padding:0;
}

.blockWizard.canEdit.blockSmall:hover .title {
  visibility:hidden;
}

.blockWizard.blockSmall .do {
  margin-top:0;
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  text-align:left;
}

.blockWizard.noBack .do a {
  color:#939384;
  background:white;
}

.blockWizard.noBack .do a:hover {
  background:white;
  color:#2bbfbd;
}

.blockWizard.blockSmall .middle {
  text-align:left;
}


.blockLogo {
  margin-top:10px;
  height:50px;
}

.blockLogo .title {
  margin-top:10px;
}

.blockMenu {
  height:30px;
  margin:2px 0 0;
}

.blockWizard.blockMenu .do {
  left:auto;
}

.blockWizard.blockMenu .do a {
  padding:0 5px;
  white-space:nowrap;
  line-height:28px;
  height:28px;
  border:none;
}

.blockLastNews .outer,
.blockBannerView .outer,
.blockCategory .outer {
  height:300px;
}

.blockTopProducts .outer {
  height:500px;
}

.outer {overflow:hidden; position:relative; width:100%}
.outer[class] {display:table; position:static;}

.middle {position:absolute; top:50%; width:100%; text-align:center} /* for quirk explorer only*/
.middle[class] {display:table-cell; vertical-align:middle; width:100%; position:static;}

.inner {position:relative; top:-50%} /* for quirk explorer only */
.inner[class] {position:static;}

.balanceLine {
  overflow:hidden;
  margin: 20px 0 30px;
  display: block;
}

.balanceLine .balance {
  display: inline-block;
  zoom: 1;
  line-height: 35px;
  padding: 0 14px;
  border: 1px solid #d4d4d4;
  border-radius: 21px;
  box-sizing: border-box;
  color: #545454;
  position: relative;
  font-size: 14px;
  width: 49%;
  float:left;
}
.balanceLine .balance strong { color: #02a6cb; }

.balanceLine .balance .cap {
  margin-left:10px;
  color:#939384;
}

.balanceLine .addfunds {
  float:right;
  width:50%;
}

.balanceLine .addfunds a {
  display: inline-block;
  overflow: hidden;
  height: 38px;
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 0 7px;
  background-color: #02a6cb;
  cursor: pointer;
  font-size: 12px;
}
.balanceLine .addfunds a:hover {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}

.balanceLine .addfunds a .fa {
  font-size: 18px;
  margin-right: 7px;
  vertical-align: middle;
  margin-top: -2px;
}



.balanceLine .addfunds a img {
  margin-right:10px;
}


.balanceTable thead th {
  font-size:12px;
}

.tcost {
  background:none repeat scroll 0 0 #2b71bf;
  color:white;
  display:inline-block;
  font-size:14px;
  height:29px;
  line-height:29px;
  padding:0 8px;
  position:relative;
}

.balanceTable .reason {
  font-size:14px;
}

.reserveForm {
  overflow:hidden;
}

.reserveForm .infotext {
  color:#939384;
  font-size:12px;
  margin:10px 0;    
}

.reserveForm .prodtitle {
}

.reserveForm button {
  float:right;
}

.reserveForm label {
  display:block;
  font-size:12px;
  margin-bottom:3px;
}

.reserveForm .inp {
  border:1px solid #dcdcc9;
  
  box-sizing:border-box;
  -moz-box-sizing:border-box; /*Firefox 1-3*/
  -webkit-box-sizing:border-box; /* Safari */
  
  width:99%;
  height:30px;
}

.reserveForm .formTable .amount {
  width:80px;
  text-align:center;
}

.reserveForm .formTable .kaptcha {
  width:120px;
}

.reserveForm .unobtainable {
  display:none;
}

.disabled .reserveForm .unobtainable {
  float:none;
  display:inline-block;
}

.sbutton {
  background:#2bbfbd;
  border:none;
  color:white;
  padding:0 40px;
  height:38px;
  line-height:38px;
}

.sbutton:hover {
  background:#049d9b;
}

.reserveForm .qpicker {
  display:inline-block;
  vertical-align:middle;
  width:20px;
}

.reserveForm .qpicker .inc {
  display:block;
  width:15px;
  height:9px;
  background:url(../img/inc.png) no-repeat;
}

.reserveForm .qpicker .dec {
  display:block;
  width:15px;
  height:9px;
  background:url(../img/dec.png) no-repeat;
  margin-top:11px;
}

.reserveForm .qpicker .inc:hover,
.reserveForm .qpicker .dec:hover {
  background-position:0 -9px;
}

.reserveForm .error {
  background:#f22e2e;
  color:white;
  text-align:center;
  font-size:14px;
  padding:5px;
  margin-bottom:4px;
}

#colorbox .dialogTable,
#colorbox .dialogTable tbody,
#colorbox .dialogTable tr,
#colorbox .dialogTable td
 {
  width:100%;
  display:block;
  padding:0;
  margin:0;
  border:none;
}
#colorbox, #colorbox * {
  transition: none;
  -webkit-transition: none;
  transition: color 400ms, background-color 400ms, border-color 400ms;
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
}

#colorbox .dialogTable .key {
  font-size:12px;
  margin-bottom:3px;    
}

#colorbox .dialogTable .value {
  margin-bottom:15px;
}

#colorbox .dialogTable .inp {
  width:99%;
}

#colorbox .dialogTable .formSave {
  margin:0;
}

.dialogTitle {
  display:none;
}

.prodtitle {
  font-size:26px;
}

#colorbox .dialogTitle {
  display:block;
}

#colorbox .prodtitle {
  font-size:16px;
}

.successPay {
  text-align:center;
}

.successPay .title {
  color:#02a6cb;
  font-size:26px;
  margin:20px 0 10px;
}

.failPay {
  text-align:center;
}

.failPay .title {
  color:red;
  font-size:26px;
  margin:20px 0 10px;
}

/* Тех. поддержка:Список топиков */

.supportTopics {
  width:100%;
  margin-bottom:30px;
  border-radius: 4px;
  overflow: hidden;
}

.supportTopics thead td, .orderList thead th {
  background:#02a6cb;
  font-size:12px;
  color: #fff;
  border-bottom: none;
}

.supportTopics td {
  padding:10px;
  border-bottom:1px solid #dcdcc9;
  vertical-align:middle;
}
.supportTopics td.topic {
  font-size: 18px;
  font-weight: 300;
}

.supportTopics .dateCol {
  width:100px;
  font-size:12px;
  color:#939384;
}

.supportTopics .toolsCol {
  width:25px;
}

.supportTopics .remove {
  width:20px;
  height:20px;
  background:url(../img/x.png) no-repeat center center;
  display:block;
}

.supportTopics .remove:hover {
  background-color:#DCDCC9;
}

.supportForm {
  background:white;
  padding:15px;
  position:relative;
}

.bonusCardWrapper {
  font-size: 18px;
  font-weight: 300;
}
.bonusHistoryAmount {
  font-weight: 300;
  margin-top: 15px;
}
.bonusHistoryWrapper .formSave {
  margin: 10px 0 20px;
  max-width: 320px;
}

#newtopic {
  margin-top:10px;
}

.supportForm .newtopic {
  width:97%;
}

.supportTopics .msgCount .text {
  display:none;
}

.nothing {
  padding-top:140px; 
}

.nothing div {
  color:#026885; 
  text-align:center; 
  font-size:20px; 
  width:420px;
  margin:0 auto;
}

/* Тех. поддержка:Диалог */

.supportChat {
  margin-top:15px;
}

.supportChat .quest,
.supportChat .answer {
  margin-bottom:15px;
}

.supportChat .quest {
  background:white;
  padding:9px 16px 15px;
}

.supportChat .quest .date span {
  display: inline-block;
  zoom: 1;
  line-height: 22px;
  padding: 0 12px;
  border: 1px solid #d4d4d4;
  border-radius: 11px;
  box-sizing: border-box;
  color: #545454;
  position: relative;
  font-size: 12px;
}

.supportChat .answer .date,
.supportChat .quest .date {
  overflow:hidden;
  padding:4px 0;
  margin-bottom:7px;
}

.supportChat .text {
  color:#444;
  font-size:14px;
}

.supportChat .answer {
  background:#cfcfc3;
  margin-left:15px;
  padding:7px;
  position:relative;
}

.supportChat .answer .tip {
  position:absolute;
  top:-11px;
  left:5px;
  
  background:url(../img/supporttip.png) no-repeat top left;
  width:11px;
  height:11px;
}

.supportChat .answer .date span {
  background:#8c8c79;
  padding:4px 5px;
  color:white;
  font-size:11px;
}

.supportChat .answer .img {
  float:left;
  margin-right:8px;
  margin-bottom:5px;
}

.supportBlock .cbutton {
  margin-top:10px;
}

.adaptForm .wideForm {
  margin:5px 0 20px;
}

.adaptForm .wideForm textarea {
  height: 120px;
  padding: 12px 12px;
  line-height: 1.2;
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #dcdcc9;
}

.supportForm .corner {
  width:14px;
  height:7px;
  background:url(../img/whitecorner.png) no-repeat;
  position:absolute;
  top:-7px;
  left:20px;
}

.licAgreement {
  text-decoration:underline;
}

#colorbox .licenseAgreementViewport {
  max-height:400px;
  overflow:auto;
}

.confirmPayTable {
  width:100%;
}

.confirmPayTable td {
  padding:10px;
  border-bottom:1px solid #DCDCC9;
}

.confirmPayTable .key {
  width:25%;
  font-size:14px;
}

.feedbkForm {
  margin-top:10px;
}

.feedbkFormName {
  font-size:22px;
  margin-bottom:10px;
  font-weight: 300;
}


.sideBanners .banner {
  background:white;
  text-align:center;
  margin-bottom:20px;
}

.sideBanners .banner img {
  max-width:100%;
}

.bannerSlider {
  position:relative;
}

.bannerSlider .banners {
  position:relative;
}

.bannerSlider .banners .item {    
  display:none;    
}

.bannerSlider .banners .transform {
  position:absolute;
  top:0;
  left:0;
  width:100%;    
}

.bannerSlider .banners .item img {
  max-width:100%;
}

.bannerSlider .banners .item.act {
  display:block;
}

.bannerSlider .pages {
  padding: 13px 0 20px;
  text-align: center;
}

.bannerSlider .pages a {
  width:13px;
  height:13px;
  box-sizing: border-box;
  display:inline-block;
  background: #fff;
  border: 2px solid #02a6cb;
  border-radius: 50%;
  margin: 0 3px 2px;
}

.bannerSlider .pages a.act {
  background:#02a6cb;
}


.oneClickWrapper .pageError {
  margin-bottom:0;
}

.logoService {
  margin-right:10px;
  margin-bottom:5px;
}

.middleBox {
  display:inline-block;
  zoom:1;    
  vertical-align:middle;
}

.formTable .checkoutPriceCol {
  text-align:right;
}

.previewList .gallery ul {
  list-style:none;
  padding:0;
}

.listCategoryH1 {
  margin-top:0px;
  margin-bottom:20px;
  font-size: 28px;
  color: #02a6cb;
}

.categoryDescription {
  font-size: 13.6px;
  margin: 20px 0 20px;
  padding: 10px 0 0;
  color: #3a3a3a;
  border-top: 2px solid #02a6cb;
}

.searchItems,
.searchCityItems {
  background:white;
  position:absolute;
  z-index:15;
  box-shadow:0 2px 4px #999;
  -moz-box-shadow:0 2px 4px #999;
  -webkit-box-shadow:0 2px 4px #999;
}

.searchItems li,
.searchCityItems li {
  overflow:hidden;
  border-bottom:1px solid #EBEBE5;
  position:relative;
  cursor: pointer;
}

.searchItems li .image,
.searchCityItems li .image {
  width:62px;
  height:62px;
  float:left;
  text-align:center;
  line-height:62px;
  padding:5px;
  background:url(../img/loading.gif) no-repeat center center;
}

.searchItems li a,
.searchCityItems li a {
  display:block;
  margin-left:70px;
  padding:5px;
  min-height:62px;
  color:black;
}

.searchCityItems li a {
  margin-left: 0;
  line-height: 20px;
  min-height: inherit;
}

.searchItems li a.ui-state-focus,
.searchCityItems li a.ui-state-focus {
  background:#EBEBE5;
  color:black;
}

.searchItems li a .label,
.searchCityItems li a .label,
.searchItems li a .barcode,
.searchItems li a .price {
  display:block;
  font-size:14px;
}

.searchItems li a .label,
.searchCityItems li a .label,
.searchItems li a .barcode {
  padding-bottom:3px;
}

.searchItems li a .barcode {
  font-style:italic;
  color:#585858;
}

.rememberBox {
  margin-top:10px;
  font-size: 14px;
}
.multiComplectations .leftColumn {
  width:48%;
  padding-right:2%;
  float:left;
  border-right:1px solid #F0F0F0;
}

.multiComplectations .inform {
  float:right;
  width:48%;
}

.multiComplectations .inform .packages {
  font-size:14px;
}

.multiComplectations .fn {
  font-size:26px;
  margin-bottom:15px;
}

.multiComplectations .image {
  width:310px;
  height:310px;
  line-height:310px;
}

.multiComplectations .mainPicture {
  height:210px;
  line-height:210px;
}

.multiComplectations .barcode {
  margin-bottom:15px;
  font-size:12px;
}

.multiComplectations .descr {
  font-size:14px;
  margin:15px 0;
}

.multiComplectations .concomitantTitle,
.multiComplectations .pname {
  font-size:14px;
  margin-bottom:10px;
  display:block;
  color:#939384;
}

.multiComplectations .fcost {
  font-size:24px;
}

.brandPage article p {
  margin-top:0;
}

.brandLine {
  overflow:hidden; 
  position:relative;
  margin-top:10px;
}

.brandall {
  font-size:12px;
  text-align:center;
  margin-top:7px; 
}

.brandLine ul {
  overflow:hidden;
  width:103%;
}

.brandLine ul li {
  background:white;
  float:left;
  height:72px;
  line-height:72px;
  margin-bottom:3px;
  margin-right:1.31391%;
  position:relative;
  text-align:center;
  width:31.4798%;
  overflow:hidden;
}

.brandLine .onemore {
  margin-top:5px;
}

.brandLine ul li img {
  max-width:100%;
  max-height:100%;
  vertical-align:middle;
}

.brandPage h1 {
  font-size:21px;
  font-weight:normal;
  margin-bottom:10px;  
}

.brandPage .description {
  overflow:hidden;
  margin-bottom:20px;
}

.brandPage .mainImage {
  float:left;
  margin-right:15px;
  margin-bottom:15px;
}

.brandList {
  overflow:hidden;
}

.brandList .list {
  display:inline-block;
  float:left;
  width:25%;
  overflow:hidden;
}

.brandList .list .letter {
  margin-bottom:20px;
  overflow:hidden;
}

.brandList .list .letter .lColl {
  float:left;
  width:20px;
}

.brandList .list .letter .rColl {
  float:left;
  width:80%;
  border-left:2px solid silver;
  padding-left:5px;
}

.brandDirs .cats {
  overflow:hidden;
}

.brandDirs .cats sup {
  color:#aaa;
}

.brandDirs .cats a {
  font-size:14px;
}

.brandDirs .cats li {
  padding:3px 10px 3px 0;
  box-sizing: border-box;
}

.brandDirs .cats.col2 li {
  display:inline-block;
  width:49%;
}               

.brandDirs .cats.col3 li {
  display:inline-block;
  vertical-align: top;
  width:33.3%;
}

.brandList .oneBrand {
  display:inline-block;
  text-align:center;
  margin:10px 10px;
  width:195px;
  vertical-align:top;
}

.brandList .oneBrand a {
  background:white;
  display:block;
}

.brandList .oneBrand a span {
  display:block;
  margin-top:5px;
  border-top:1px solid #ddd;
  padding:3px;
}

.tabProducts .tabFrame {
  display:none;
}

.tabProducts .tabFrame.act {
  display:block;
}

.tabProducts .tabList {
  display:block;
  overflow:hidden;
  text-align: center;
  padding: 0 0 25px;
}

.tabProducts .tabList li {
  display:inline-block;
  vertical-align: top;
}

.tabProducts .tabList li a {
  border: 1px solid transparent;
  border-top: 3px solid #d6d6d6;
  display: block;
  min-height: 45px;
  box-sizing: border-box;
  padding: 9px 17px;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: -1px;
  font-weight: 300;
}

.tabProducts .tabList li a.act {
 border-color: #e6e6e6; 
 border-top-color: #02a6cb;
 color: #02a6cb;
}

.tabProducts .botLine {
 clear:both;
 height:1px;
 border-bottom:1px solid #dcdcc9; 
}

.warehouseCard h1 {
  font-size:26px;
  font-weight:300;
  margin-bottom:7px;
}

.warehouseCard .warehouseMap {
  width:100%;
  height:500px;
  margin-top:10px;
  background:white url(../img/loading.gif) no-repeat center center;
}

.warehouseCard .warehouseDesc {
  margin-bottom:10px;
  overflow:hidden;
}

.warehouseCard .warehouseDesc .mainImage {
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

.warehouseCard .warehouseInfo {
  font-size:14px;
  clear:both;
  margin:17px 0;
  background:white;
  padding:25px;
  overflow:hidden;
}

.warehouseCard .warehouseInfo .address,
.warehouseCard .warehouseInfo .phone,
.warehouseCard .warehouseInfo .worktime {
  width:33%;    
  float:left;
  font-size:12px;
  text-align:center;
}

.warehouseCard .warehouseInfo i {
  background:url(../img/warehouse.png) no-repeat top left;
  display:block;
  float:left;    
}

.warehouseCard .warehouseInfo .center {
  display:inline-block;
  text-align:left;
}

.warehouseCard .warehouseInfo .address i {
  width:42px;
  height:44px;
}

.warehouseCard .warehouseInfo .phone i {
  width:44px;
  height:44px;
  background-position:-42px 0;
}

.warehouseCard .warehouseInfo .worktime i {
  width:43px;
  height:44px;
  background-position:-86px 0;
}

.warehouseCard .warehouseInfo .title {
  margin-left:50px;
  font-weight:bold;
  margin-bottom: 3px;
  font-size: 16px;
}

.warehouseCard .warehouseInfo .value {
  margin-left:50px;
}


.sheeplaMap {
 padding:10px; 
}

.sheeplaMap td {
 padding:5px; 
 font-size:12px !important;
}

.cdekWidjet .formSave {
  display:inline-block;
  width:auto;
  padding:8px 20px;
  margin-top:0px;
}

.cdekWidjet .title {
  margin-top:20px;
  margin-bottom:7px;
  font-size:12px;
}

.cdekWidjet .cdekMap {
  max-width:500px;
  height:350px;
  margin-top:10px;
}

.cdekWidjet .cdekAdditionalInfo {
  margin-top:7px;
}

.cdekWidjet .cdekAdditionalInfo {
 font-size:12px;
}

.cdekWidjet .cdekAdditionalInfo .key {
 margin-right:5px;
 border-bottom:0px;
}

.cdekWidjet .cdekAdditionalInfo .row {
 display:block;
 padding-top:3px;
 padding-bottom:3px;
 color:gray;
}

.cdekWidjet .additionalTitleInfo {
 font-size:12px;
 margin-bottom:10px; 
 color:gray;
}

.filesList li {
  font-size:15px;    
  margin:15px 0 0;
}

.filesList li a {
  background:url(../img/download.png) no-repeat left center;
  padding-left:20px;
}

.filesList .fileDescription {
  color:#939384;
  margin-top:5px;
}


.callBtnBlock {
  text-align: center;
  padding: 16px 10px 0;
}
.feedbackCall {
  display: inline-block;
  overflow: hidden;
  height: 38px;
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 0 7px;
  border: none;
  background-color: #02a6cb;
  cursor: pointer;
  font-size: 12px;
}
.feedbackCall:hover {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}

.feedbackCall span {

}
.feedbackCall i {
  font-size: 18px;
  vertical-align: middle;
}


.photoCategory {
  display:block;
  list-style:none;
  padding-top:10px;
  padding-bottom:20px;
  overflow:hidden;
  margin: 0 -10px;
}

.photoCategory li {
  display:inline-block;  
  vertical-align:top;
  width:33.3%;
  padding: 0 10px;
  box-sizing:border-box;
  list-style:none;
}

.photoCategory li.item {
  margin-bottom:20px;
}


.photoCategory li img {
  width:100%;  
}

.photoCategory li .itemImage:hover {
  opacity:0.5;
}

.photoCategory ul {
  display:block;
  list-style:none;
  margin-top:10px; 
  border-left:3px solid #F29B30;
  padding-left:10px;
}       

.photoCategory ul li {
  display:block;
  width:auto;      
  margin-bottom:10px;   
}

.photoCategory .topTitle {
  display:block;
  font-size:18px;
  font-weight: 300;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:3px solid #02a6cb;
}
.photoCategory li.item:hover .topTitle {
  color: #02a6cb;
}

.productBonuses {
  font-weight:bold;
  font-size:14px;
  padding-bottom:10px;
}

.cartTotalBonuses {
  font-weight:bold;
  font-size:14px;
  text-align:right;
}


.colorShow {
  position:absolute;
  display:inline-block;
  padding:5px;
  background-color:white;
  border:1px solid #d4d4d4;
  z-index:10;
  border-radius: 4px;
}

.colorShow .colorTitle {
  font-size:14px;
  margin-bottom:5px;
}

.colorShow .back {
  width:140px;
  height:140px;
  border-radius: 4px;
}

.productTabs {
  margin: 40px 0;
}
.productTabs .tabList {
  display: block;
  overflow: hidden;
  text-align: left;
  padding: 0 0 0; 
  border: 1px solid #e6e6e6;
  border-top: none;
  position: relative;
}
.productTabs .tabList:before {
  content: '';
  z-index: 0;
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  top: 0;
  height: 3px;
  background-color: #d6d6d6;
}

.productTabs .tab.act {
  display:block;
}

.productTabs .tabList li {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  z-index: 1;
  position: relative;
}

.productTabs .tabList li a {
  border: 1px solid transparent;
  border-top: 3px solid #d6d6d6;
  border-bottom: none;
  line-height: 43px;
  display: block;
  height: 45px;
  box-sizing: border-box;
  padding: 0 17px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  margin-bottom: -1px;
  font-weight: 300;
}
.productTabs .tabList li:first-child a {
  border-left: none;
}

.productTabs .tabList li a:hover {
  background:#f2f2f2;
}

.productTabs .tabList li a.act {
  border-color: #e6e6e6;
  border-top-color: #02a6cb;
  color: #02a6cb;
}

.productTabs .tab {
  padding: 20px 14px;
  border: 1px solid #e6e6e6;
  border-top: none;
}

.productTabs .tab h3, .productTabs .tab h2 {
  font-size: 21px;
  font-weight: 300;
  text-align: center;
  border-bottom: 2px solid #02a6cb;
  padding: 4px 0 6px;
  margin: 0 0 12px;
}
.productTabs .tab h2 { font-size: 24px; }

.productTabs .offerProperty, .productTabs .propertyGroup {
  margin-bottom: 25px;
}


.devpay_wr {

}
.devpay_wr.mrgBtn {
  margin-bottom: 10px;
}
.devpay_title {
  padding: 14px 17px;
  border: 1px solid #d4d4d4;
  line-height: 16px;
  border-radius: 25px;
  cursor: pointer;
}
.devpay_title:hover { color: #02a6cb; }

.devpay_title i.fa {
  color: #02a6cb;
  margin-right: 8px;
  font-size: 18px;
}
.devpay_title span.fa {
  display: block;
  position: absolute;
  top: 50%;
  line-height: 1;
  margin-top: -8px;
  right: 18px;
}

.devpay_cont {
  transition: none;
  -webkit-transition: none;
  padding: 12px;
  font-size: 14px;
  display: none;
}


.footer-signup-wrapper1 .title {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 5px;
}
.footer-signup-wrapper1 button { margin-top: 10px; }
.footer-signup-wrapper1 .formTable { margin-bottom: 16px; }

.freeDeliveryList .addToCartFreeDelivery {
  background: #fff;
  border: 2px solid #f29b30;
  color: #f29b30;
  border-radius: 22px;
  line-height: 22px;
  width: 100%;
  display: block;
  padding: 6px 20px 8px;
  max-width: 100px;
  margin: 8px auto 0;
  cursor: pointer;
}
.freeDeliveryList .addToCartFreeDelivery:hover {
  background-color: #f29b30;
  color: #fff;
}
.freeDeliveryList li .freeDeliveryCost { color: #1abde2; }
.freeDeliveryList li .freeDeliveryTitle { font-weight: normal; }

.grid_12 .topProducts .productList > li{
  width: 32.3%;
}


@media only screen and (max-width:480px) {
  .productTabs .tabList {
      display:block;    
  }
  
  .productTabs .tabList li {
      display:block;
      float:none;
      width:100%;
  }

  .productTabs .tab{
      display: none;
  }
}

footer .social {
  margin-top:14px;
}

footer .social a {
  display:inline-block;
  margin-right:7px;
  margin-bottom:5px;
  cursor:pointer;
  color: #888;
  cursor: pointer;
  font-size: 27px;
}
footer .social a:hover {
  color: #02a6cb;
}






@-webkit-keyframes bodyShow {
  0% { opacity:0; } 100% { opacity:1; }
}
@keyframes bodyShow {
  0% { opacity:0; } 100% { opacity:1; }
}





@media screen and (max-width: 1280px) {


  .navContainer .menuIconWrapper {
    display: block;
    text-align: center;
    padding: 6px 0 0;
  }
  .menu_button1 {
    display: inline-block;
    cursor: pointer;
  }

  .menu_button1 .menu_bar {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 16px;
    padding: 7px 0 0;
  }
  .menu_button1 .menu_bar > div {
    width: 100%;
    height: 2px;
    background-color: #444;
  }
  .menu_button1 .menu_bar:before, .menu_button1 .menu_bar:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #444;
    transition: all 400ms;
    -webkit-transition: all 400ms;
  }
  .menu_button1 .menu_bar:after {
    top: auto;
    bottom: 0;
  }


  .menu_button1 .menu_text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: -2px 0 0 8px;
    color: #888;
  }


  .menu_button1:hover .menu_bar > div { background-color: #02a6cb; }
  .menu_button1:hover .menu_bar:before { background-color: #02a6cb; left: -4px; }
  .menu_button1:hover .menu_bar:after { background-color: #02a6cb; left: 4px; }
  .menu_button1:hover .menu_text { color: #02a6cb; }


  .closeMenuBtn {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 20px;
    cursor: pointer;
  }
  .closeMenuBtn:before, .closeMenuBtn:after {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #888;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .closeMenuBtn:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .closeMenuBtn:hover:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    background-color: #e74c3c;
  }
  .closeMenuBtn:hover:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    background-color: #e74c3c;
  }



  div.navContainer .menuMobWrapper {
    display: block;
    position: fixed;
    top: -110%;
    opacity: 0;
    z-index: 1020;
    left: 25%;
    right: 25%;
    width: auto;
    background: #fff;
    padding: 20px 20px 40px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  }
  div.navContainer .menuMobWrapperShow {
    top: 0;
    opacity: 1;
  }


  div.navContainer .topMenuNav, div.navContainer ul.category {
    display: block;
    margin: 0;
  }

  .menuMobWrapper .topMenu li, .menuMobWrapper .category li {
    width: 100%;
    float: none;
    display: block;
    height: auto;
    border-right: none;
  }
  .menuMobWrapper .topMenu li .fa.hidden,
  .menuMobWrapper .category li .fa.hidden {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
  }

  .menuMobWrapper .category li li .fa.hidden{
    width: 40px;
    height: 26px;
    line-height: 26px;
  }

  .menuMobWrapper .topMenu li:hover .fa.hidden,
  .menuMobWrapper .category li:hover .fa.hidden {
    color: #02a6cb;
  }

  .menuMobWrapper .topMenu li:hover a,
  .menuMobWrapper .category li:hover a {
    background: transparent;
  }
  
  .menuMobWrapper .topMenu li a,
  .menuMobWrapper .category li a {
    padding: 0 0 1px;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
  }
  .menuMobWrapper .topMenu > li:first-child > a {
    padding-left: 0;
  }
  
  .menuMobWrapper .topMenu ul li a,
  .menuMobWrapper .category ul li a {
    line-height: 24px;
  }

  

  .menuMobWrapper .topMenu ul, .menuMobWrapper .category ul {
    position: relative;
    top: auto;
    left: auto;
    padding: 10px 10px 20px;
    background: white;
    z-index: 5;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    transition: none;
    -webkit-transition: none;
  }
  .menuMobWrapper .topMenu li:hover > ul, .menuMobWrapper .category li:hover > ul {
    display: none;
  }

  .menuMobWrapper .category .twoColumn, .menuMobWrapper .category .threeColumn,
  .menuMobWrapper .category .fourColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }


  .productList > li { width: 33.3%; }
  .grid_12 .productList > li { width: 25%; }

  .grid_12 .topProducts .productList > li{
    width: 32.3%;
  }
}





@media screen and (max-width: 980px) {

  .authorized .user { display: none; }
  .authorized .my { margin-left: 0; }
  .headerContainer .cityPhone { font-size: 14px; }
  .headerContainer .cityContacts .fa-phone { margin: 0 2px; font-size: 14px; }

  .basketZone .basket .cost, .basketZone .basket .products { font-size: 11px; white-space: nowrap; }
  .basketZone .basket .products { margin-right: 2px; }
  .basketZone .basket { margin-left: -20px; }
  
  body > .container_12 .grid_1, body > section .container_12 .grid_1,
  body > .container_12 .grid_2, body > section .container_12 .grid_2,
  body > .container_12 .grid_3, body > section .container_12 .grid_3,
  body > .container_12 .grid_4, body > section .container_12 .grid_4,
  body > .container_12 .grid_5, body > section .container_12 .grid_5,
  body > .container_12 .grid_6, body > section .container_12 .grid_6,
  body > .container_12 .grid_7, body > section .container_12 .grid_7,
  body > .container_12 .grid_8, body > section .container_12 .grid_8,
  body > .container_12 .grid_9, body > section .container_12 .grid_9,
  body > .container_12 .grid_10, body > section .container_12 .grid_10,
  body > .container_12 .grid_11, body > section .container_12 .grid_11,
  body > .container_12 .grid_12, body > section .container_12 .grid_12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  

  div.navContainer .menuMobWrapper { left: 20%; right: 20%; }

  
  .filterSection.sideBlock { display: none; margin-bottom: 50px; }

  .filterSection.sideBlock.filtersShow { display: block; }
  .showHideFilters {
    display: block;
    margin-bottom: 20px;
  }

  

  .newsTitle {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .newsLine .date {
    margin-bottom: 6px;
  }

  .advBlock .info .title {
    font-size: 24px;
  }

  h2 { font-size: 28px; }
  
  .cart .bottom { text-align: center; }
  .cart .bottom a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 14px;
    float: none;
  }

  .product h1 { display: none; }
  .product h1.productImageH1 { display: block; }

  .mobileShow { display: block; }
  .desctopShow{
    display: none;
  }
  
  .product .inform{
    margin-bottom: 20px;    
  }
}


@media screen and (max-width: 760px) {
  
  .container_12 {
    padding: 0 10px;
  }
  .navContainer .container_12 { padding: 0; }

  header.headerContainer { height: 60px; }
  div.headerContainer { 
    height: 60px;
    text-align: right;
    padding: 0 60px 0 10px;
  }
  header .headerLogoWrapper {
    position: absolute;
    left: 10px;
    top: 0;
  }
  .logoContainer {
    line-height: 40px;
    height: 60px;
  }
  
  .auth { display: none; }
  .notAuthIcon {
    display: block;
    height: 60px;
    line-height: 56px;
    font-size: 21px;
    color: #02a6cb;
    padding: 0 16px;
  }
  
  .headerContainer .cityContacts { display: none; }

  a.phoneHidden.hidden {
    display: block;
    position: absolute;
    font-size: 14px;
    top: 50%;
    line-height: 1;
    margin: -7px 10px 0 0;
    right: 100%;
  }


  header .authBlock, header .searchHeaderBlock, header .callBtnBlock, header .basketZone {
    display: inline-block;
    vertical-align: middle;
  }
  
  .navContainer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1002;
    margin: 0;
    height: 60px;
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
  }
  .navContainer .menuIconWrapper { padding: 17px 10px 0 0; }
  .menu_button1 .menu_text { display: none; }

  .basketZone { 
    line-height: 56px;
    padding: 0 16px;
  }
  .basketZone .title, .basketZone .products, .basketZone .cost { display: none; }
  .basketZone .alignright { float: none; }
  .basketZone .basket { margin: 0; }
  .basketZone .basket .cart .fa { 
    margin: -4px 2px 0 0;
    font-size: 24px;
  }
  .basketZone:after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    bottom: 11px;
    width: 1px;
    background-color: #000;
    opacity: 0.1;
    right: 0;
  }


  
  header .callBtnBlock {
    padding: 0 16px;
    line-height: 56px;
  }
  
  header .feedbackCall {
    vertical-align: middle;
    padding: 0;
    line-height: 1;
    width: auto;
    height: auto;
    background-color: transparent;
    color: #02a6cb;
  }
  header .feedbackCall i {
    font-size: 24px;
  }
  header .feedbackCall span {
    display: none;
  }
  header .feedbackCall:hover {
    box-shadow: inset 0 0 0 transparent;
  }


  .searchHeaderBlock .header_search_wr {
    height: 60px;
    line-height: 56px;
    font-size: 21px;
    padding: 0 15px;
  }

  header .authorized .top {
    padding: 0;
  }
  header .authorized .my {
    height: auto;
    margin: 0;
    width: auto;
  }
  header .authorized .my .dropblock {
    position: relative;
  }
  header .authorized .my .dropdown-handler {
    background: none;
    padding: 0 15px;
    line-height: 56px;
    font-size: 21px;
  }
  
  header .authorized .dropblock:hover {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
  }
  header .authorized .my .dropdown {
    background: white;
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -webkit-box-shadow: 0 2px 6px #aaa;
  }
  header .authorized .dropblock:hover .dropdown {
    border-top: none;
  }


  
  .productList > li, .grid_12 .productList > li { width: 33.3%; }
  .newsLine li { width: 50%; }


  .brandDirs .cats.col3 li { width: 50%; }
  
  .productList .cartButton, .productListTable .cartButton { display: none !important; }
  .cartButton.mobileCartButton { display: block !important; }
  .productListTable .cartButton.mobileCartButton { display: inline-block !important; }


  footer {
    text-align: center;
  }
  footer .container_12 > div {
    margin: 0 auto 30px;
    max-width: 320px;
  }

}




@media screen and (max-width: 660px) {

  .productList > li, .grid_12 .productList > li,  .grid_12 .topProducts .productList > li {
    width: 47.5%;
    margin: 0 1% 15px 1%;
    border: 1px solid #eee;
    border-radius: 4px;
  }
  
  .advBlock .picture {
    width:30%;
    text-align:center;
  }
  .advBlock .info {
    width: 70%;
    padding: 0 0 0 25px;
  }
  .advBlock .info .title { font-size: 18px; }

  .pages-line.before .pageSizeBlock { margin-bottom: 6px; }
  .pages-line.before .pageSizeBlock, .paginator {
    float: none;
    width: 100%;
    text-align: center;
  }
  

  .cartProducts .colPrice { width: auto; }
  .cart .head { display: none; }
  .cartProducts .title, .cartProducts .colTitle label { font-size: 12px; }
  

  .warehouseCard .warehouseInfo {
    padding: 5px 0 20px;
    text-align: center;
  }
  .warehouseCard .warehouseInfo .address, .warehouseCard .warehouseInfo .phone, .warehouseCard .warehouseInfo .worktime {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 0 10px 20px;
    font-size: 12px;
    text-align: center;
  }
  
  .product h1 { font-size: 32px; }

  #colorShow { display: none !important; }

}




@media screen and (max-width: 520px) {

  div.navContainer .menuMobWrapper {
    left: 25px;
    right: 25px;
  }
  
  .logoContainer {
    line-height: 34px;
    padding: 13px 0;
  }
  div.headerContainer {
    padding: 0 50px 0 10px;
  }

  .basketZone, header .callBtnBlock, .notAuthIcon, .searchHeaderBlock .header_search_wr, header .authorized .my .dropdown-handler {
    padding: 0 10px;
  }
  .basketZone .basket .cart .fa,
  header .feedbackCall i,
  .searchHeaderBlock .header_search_wr,
  header .authorized .my .dropdown-handler, .notAuthIcon {
    font-size: 18px;
  }

  .photoCategory li { width: 50%; }
  .photoCategory .topTitle { font-size: 16px; }
  
  .listCategoryH1, .article h1, article h1, .h1_1, .warehouseCard h1 { font-size: 21px; }
  .article, article { font-size: 14px; }
  

  .cartFooter .discountText { float: none; text-align: center; }
  .cartFooter .total {
    float: none;
    text-align: center;
    padding: 10px 0 0;
  }

  .orderList tr, .orderList .date {
    text-align: center;
  }
  .orderList td {
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 6px 0;
  }
  .orderList td:last-child {
    border-bottom: 1px solid #dcdcc9;
    padding-bottom: 15px;
    text-align: center;
  }
  
  .orderList .price, .orderList .status {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    width: auto;
  }

  .orderList.balanceTable thead { display: none; }
  .orderList.balanceTable td { text-align: center; }
  
  .supportTopics td.topic { font-size: 12px; }
  .supportTopics td { width: auto; }
  

  .formTable tr td { width: auto; }

  .adaptForm .name, .adaptForm .ball { width: 100%; float: none; }
  .adaptForm .ball { text-align: center; padding: 16px 0 0; }
  .adaptForm .ball .caption {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 10px;
    padding-top: 6px;
  }
  .adaptForm .ball .rate {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

} 




@media screen and (max-width: 440px) {
  
  body { padding-top: 90px; }
  
  .logoContainer {
    line-height: 27px;
    padding: 16px 0;
  }
  
  h2 {
    font-size: 24px;
    margin: 14px 0 12px;
  }

  .productList > li, .grid_12 .productList > li,  .grid_12 .topProducts .productList > li {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .productList .titleGroup {
    height: 52px;
  }

  .newsLine li {
    width: 100%;
    padding: 0 0 26px 0;
  }
  

  a.phoneHidden.hidden {
    margin: 0;
    top: 70px;
    position: fixed;
    z-index: 10;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 0 10px 7px;
    border-radius: 0 0 19px 19px;
    border: 2px solid #02a6cb;
    border-top: none;
    /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); */
  }


  
  .cartProducts td {
    display: block;
    padding: 6px 0;
    border-top: none;
  }
  .cartProducts tr {
    text-align: center;
  }
  .cartProducts tr td:first-child {
    border-top: 1px solid #e0e0d7;
  }
  .cartProducts .colPreview { width: 100%; }
  .cartProducts .colPreview { margin: 0 auto; }
  .cartProducts .colPrice { text-align: center; }
  .cartProducts .colAmount, .cartProducts .colPrice {
    display: inline-block;
    vertical-align: middle;
  }
  .cartProducts .colRemove {
    display: block;
    width: 100%;
    text-align: center;
  }

  .formTable tr .key { width: auto; }
  
  .warehouseCard .warehouseInfo { text-align: left; }

  .product h1 { font-size: 24px; }

  .brandDirs .cats.col3 li { width: 100%; }


}






/* scroll ----------------------*/

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
  border: 2px solid #f1f1f1;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
  background-color: #a8a8a8;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

mark {
	background-color:#bcd9e7;
}

/* --- Помощник --- */
.container {
    min-height: 400px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
  }
  
  .item {
    flex: 0 0 auto;
    margin: 5px;
  }

  .container-h {
      min-height: 400px;
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
    }
  
  .item {
    flex: 0 0 auto;
    margin: 5px;
  }

/* Изделие */

  .footwear {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/footwear.png');
  }
  .footwear:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/footwear-after.png');
  }
  .bag {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/bag.png');
  }
  .bag:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/bag-after.png');
  }
  .clothes {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/clothes.png');
  }
  .clothes:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/clothes-after.png');
  }
  .furniture {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/furniture.png');
  }
  .furniture:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/furniture-after.png');
  }
  .belt {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/belt.png');
  }
  .belt:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/belt-after.png');
  }
  .vehicle {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/vehicle.png');
  }
  .vehicle:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/vehicle-after.png');
  }
  .purse {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/purse.png');
  }
  .purse:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/purse-after.png');
  }

/* Материал */

.smooth-leather {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/smooth-leather.png');
  }
  .smooth-leather:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/smooth-leather-after.png');
  }
  .suede-and-nubuck {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/suede-and-nubuck.png');
  }
  .suede-and-nubuck:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/suede-and-nubuck-after.png');
  }
  .patent-leather {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/patent-leather.png');
  }
  .patent-leather:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/patent-leather-after.png');
  }
  .synthetic-leather {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/synthetic-leather.png');
  }
  .synthetic-leather:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/synthetic-leather-after.png');
  }
  .textile {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/textile.png');
  }
  .textile:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/textile-after.png');
  }
  .all-types-of-leather {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/all-types-of-leather.png');
  }
  .all-types-of-leather:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/all-types-of-leather-after.png');
  }
  .delicate-leather {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/delicate-leather.png');
  }
  .delicate-leather:hover {
    display: block;
    width: 225px;
    height: 225px;
    background-image: url('/storage/tiny/assistant/delicate-leather-after.png');
  }

/* Уровни сложности */
.light {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/light.png');
}
.light:hover {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/light-after.png');
}
.medium {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/medium.png');
}
.medium:hover {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/medium-after.png');
}
.strong {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/strong.png');
}
.strong:hover {
  display: block;
  width: 1200px;
  height: 225px;
  background-image: url('/storage/tiny/assistant/strong-after.png');
}
/* Читабельный внешний вид описаний категорий 10.06.2019 13:31 */
.categoryDescription p {
    margin-top: 10px;
}
.categoryDescription ul {
    margin-top: 10px;
	list-style-type: square;
}
.categoryDescription ol {
    margin-top: 10px;
	list-style-type: decimal;
}
.categoryDescription li {
    margin-left: 2.5em;
}
.categoryDescription h3 {
    font-size:18.8px;
	margin-top: 10px;
}
/* Читабельный внешний вид описаний товаров 14.06.2019 7:43 */
.description p {
    margin-top: 10px;
}
.description ul {
    margin-top: 10px;
	list-style-type: square;
}
.description ol {
    margin-top: 10px;
	list-style-type: decimal;
}
.description li {
    margin-left: 2.5em;
}
.description h3 {
    font-size:18.8px;
}
/* Читабельный внешний вид статей блога 14.06.2019 10:25 */
article p {
    margin-top: 10px;
}
article ul {
    margin-top: 10px;
	list-style-type: square;
}
article ol {
    margin-top: 10px;
	list-style-type: decimal;
}
article li {
    margin-left: 2.5em;
}
article h3 {
    font-size:18.8px;
	margin-top: 10px;
}
/* --- */
/* Читабельный внешний вид описаний складов 08.07.2019 13:32 */
.warehouseDesc p {
    margin-top: 10px;
}
.warehouseDesc ul {
    margin-top: 10px;
	 list-style-type: square;
}
.warehouseDesc ol {
    margin-top: 10px;
	list-style-type: decimal;
}
.warehouseDesc li {
    margin-left: 2.5em;
}
.warehouseDesc h3 {
    font-size:18.8px;
	margin-top: 10px;
}
/* --- */

/* Grid для страницы Видео */
.vd-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "video products" "instruction instruction";
  grid-gap: 20px;
}

.vd-video { grid-area: video; }

.vd-products {
	grid-area: products;
}

.vd-instruction {
	grid-area: instruction;
}

/* Grid для страницы Контакты */
.contact-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "contact-a contact-b contact-c" "contact-d contact-e contact-f" "contact-g contact-h contact-i";
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

/* Корректное отображение страницы Контакты на мобильных устройствах */
.contact-a { grid-area: contact-a; }
.contact-b { grid-area: contact-b; }
.contact-c { grid-area: contact-c; }
.contact-d { grid-area: contact-d; }
.contact-e { grid-area: contact-e; }
.contact-f { grid-area: contact-f; }
.contact-g { grid-area: contact-g; }
.contact-h { grid-area: contact-h; }
.contact-i { grid-area: contact-i; }

@media screen and (max-width: 768px) {
	.contact-grid-container {
	display: grid;
  	grid-template-columns: 1fr;
  	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  	grid-template-areas: "contact-a" "contact-b" "contact-c" "contact-d" "contact-e" "contact-f" "contact-g" "contact-h" "contact-i";
  	grid-column-gap: 20px;
  	grid-row-gap: 20px;
}
}

/* Виджет товара внутри статьи */
.card-for-blog {
  box-shadow: 0 4px 8px 0 rgba(2, 166, 203, 0.2) !important;
  max-width: 300px !important;
  margin: auto !important;
  text-align: center !important;
  font-family: arial !important;
}

.card-for-blog button {
  border: none !important;
  outline: 0 !important;
  padding: 12px !important;
  color: white !important;
  background-color: #02a6cb !important;
  text-align: center !important;
  cursor: pointer !important;
  width: 100% !important;
  font-size: 18px !important;
}

.card button:hover {
  opacity: 0.7 !important;
}
.parent-for-blog {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: 1fr !important;
  grid-column-gap: 10px !important;
  grid-row-gap: 0px !important;
  margin-top: 20px !important;
}

.div1-for-blog { grid-area: 1 / 1 / 2 / 2 !important; }
.div2-for-blog { grid-area: 1 / 2 / 2 / 3 !important; }
.div3-for-blog { grid-area: 1 / 3 / 2 / 4 !important; }

@media only screen and (max-width: 768px) {
.parent-for-blog {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(3, 1fr) !important;
  grid-column-gap: 0px !important;
  grid-row-gap: 10px !important;
  margin-top: 10px !important;
}

.div1-for-blog { grid-area: 1 / 1 / 2 / 2 !important; }
.div2-for-blog { grid-area: 2 / 1 / 3 / 2 !important; }
.div3-for-blog { grid-area: 3 / 1 / 4 / 2 !important; }
}

.h4-for-blog {
  font-size: 20.9px !important;
  margin-top: 10px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.p-for-blog {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.rs-checkout_pvzSelectButton{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16.1px;
  width: 100%;
  position: relative;
  max-width: 176.2px;
  height: 40px;
  line-height: 36px;
  box-sizing: border-box;
  border: 2px solid black;
  border-radius: 3.1px;
  color: black;
  background-color: white;
  cursor: pointer;
}

.rs-checkout_pvzSelectButton:hover{
  background-color: black;
  color: white;
}

.gotomessendger{
	margin-bottom: 20px;
}