/******************************************************************************\
                                    Общее
\******************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800&subset=latin,cyrillic);

@font-face {
    font-family: 'sfuidisplay-light';
    src: url('/templates/fonts/sfuidisplay-light.eot');
    src: url('/templates/fonts/sfuidisplay-light.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/sfuidisplay-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sfuidisplay-thin';
    src: url('/templates/fonts/sfuidisplay-thin.eot');
    src: url('/templates/fonts/sfuidisplay-thin.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/sfuidisplay-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sfuidisplay-medium';
    src: url('/templates/fonts/sfuidisplay-medium.eot');
    src: url('/templates/fonts/sfuidisplay-medium.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/sfuidisplay-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {  padding: 0px; margin:0px; }
body { background: #e3dbcf url('/templates/pictures/bg-main.jpg') center 0 no-repeat ; background-attachment: fixed; }
body, table { color: #353535; font-size: 13px; font-family: "Open Sans";  line-height: 1.4; }

a { color: #7e8194; outline: none; text-decoration: none; }
a:hover { color: #353535; }

a img {	border: none; outline: none; }
table { border-collapse: collapse; }
td { vertical-align: top; }
p { margin-top: 0; }

form { margin: 0px; }
input, textarea { font-size: 13px; outline-width: 0; font-family: "Open Sans"; outline-style: none; }
label {	cursor: pointer; }
.hr { height: 0px; border: none; border-bottom: 1px solid #e1e1e1; margin: 0px 0px 10px 0px; clear: left;}

input[type="submit"], input[type="button"] , input[type="checkbox"]{  cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }

.reds {	color: #f1091f;	}
.rel { position: relative; width:100%; height: 100%; }

::-webkit-input-placeholder {color:#7e8194 !important; font-size: inherit; line-height: inherit;}
::-moz-placeholder          {color:#7e8194 !important; font-size: inherit; line-height: inherit; opacity: 1;}/* Firefox 19+ */
:-moz-placeholder          {color:#7e8194 !important; font-size: inherit; line-height: inherit; opacity: 1;}/* Firefox 18- */
:-ms-input-placeholder     {color:#7e8194 !important; font-size: inherit; line-height: inherit;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

.rouble { display: inline-block; position: relative; text-transform: uppercase; }
.rouble::after { content: "_"; left: 0; overflow: hidden; position: absolute; top: -26%; width: 90%;}


.main-holder { margin: 0 auto;  }
.holder { width: 1060px; position: relative;  }
.header { height: 222px;   }
.page { /*min-height: 100px;*/ padding-top: 20px;  }

.shadow { position: absolute; box-shadow: #000 0px 0px 4px 4px; opacity: 0.2;  }
.shadow.d1 { top: 0; left: 0px; width: 795px; height: 222px; }
.shadow.d2 { top: 0; right: 0px; width: 265px; height: 202px; }
.shadow.d3 { top: 0; right: 0px; left: 0; bottom: 0; }
.shadow.d4 { top: 0; left: 0px; width: 795px; bottom: 0; }
.shadow.d5 { top: 20px; right: 0px; width: 265px; bottom: 0;}

.holder-page { width: 100%; position: relative; }
.holder-page .holder-content { background: #fff; padding: 0;  width: 795px;  }
.holder-page .holder-menu { background: #3b3d4c; padding: 0; }
.place-content { position: relative; }
.place-content .white-top { position: absolute; top: -20px; right: 0px; left: 0; height: 20px; background: #fff; }
.page .shadow { opacity: 0.1;  }

.lifter { height: 10px /*329px;*/; overflow: hidden; }
.show-action { position: absolute; background: #fff; width: 265px; height: 50px; /*width: 132px; height: 20px;*/ left: 795px; top: 202px; }
.show-action .shadow { opacity: 0.1; box-shadow: #000 0px 0px 2px 2px;  }
.show-action-click { position: absolute; background: url('/templates/pictures/bg-star.png') 33px 17px no-repeat; width: 209px; height: 34px; padding: 16px 0 0 56px; right: 0; top: 202px; font-family: 'sfuidisplay-medium'; font-size: 20px; line-height: 1; color: #3b3d4c; z-index: 10; cursor: pointer;  }
.hide-action-click { position: absolute; width: 132px; height: 18px; padding: 2px 0 0 0; right: 133px; top: 202px; font-family: "Open Sans"; font-size: 11px; text-align: center; text-transform: uppercase; color: #7e8194; z-index: 10; cursor: pointer;  }

.show-action.open { height: 20px; width: 132px; }
.lifter.open { height: 329px; }
.show-action-click.close, .hide-action-click.open  { display: block; }
.show-action-click.open, .hide-action-click.close  { display: none; }

.place_show_banners { position: fixed; width: 100%; height: 740px; left: 0; top: 222px; overflow: hidden; }
.place_show_banners .slide { width: 100%; height: 740px; background-position: 50% 0; background-repeat: no-repeat; }
.place_show_banners .slide.hide { display: none; }

.place_switcher_banners { position: absolute; top: 0; left: 0; right: 0; }
.place_switcher_banners .switcher { position: absolute; top: 36px; left: 0; right: 0; text-align: center; }
.place_switcher_banners .switcher span { display: inline-block; margin: 0 5px; height: 10px; width: 10px; background: #3b3d4c; opacity: 0.3; cursor: pointer; }
.place_switcher_banners .switcher span.sel { opacity: 1;  cursor: default;  }
.place_switcher_banners .linker { position: absolute; top: 229px; left: 432px;  }
.place_switcher_banners .linker div { width: 194px; height: 65px; }
.place_switcher_banners .linker div.hide { display: none; }
.place_switcher_banners .linker .button { display: inline-block; width: 194px; height: 65px; background: url('/templates/pictures/bg-link-banner.png') 0 0 no-repeat; }
.place_switcher_banners .linker .button:hover { background-position: 0 100%; }

.holder-page .holder-content.bottom,  .holder-page .holder-menu.bottom { height: 158px; }
.holder-page .holder-menu.bottom { text-align: center; color: #a1a4b4; font-size: 11px; padding-top: 56px; height: 102px;  }
.holder-page .holder-content.bottom { border-top: 1px solid #c1c2cb; }

.pagetitle { padding: 35px 15px 37px 60px; }
.pagetitle.listing { padding-bottom: 52px; }
.pagetitle h1 { margin: 0; font-family: 'sfuidisplay-thin'; font-size: 40px; font-weight: normal; color: #3b3d4c; padding: 0; line-height: 1; }

.breadcrumb { padding-bottom: 12px; color: #7e8194; font-size: 12px;   }
.breadcrumb a { color: #7e8194; font-size: 12px; text-decoration: none; white-space: nowrap; }
.breadcrumb .dl { display: inline-block; width: 20px;}
.breadcrumb .dl:after { display: inline-block; content: "-"; margin-left: 9px; }
.breadcrumb .name { white-space: nowrap; width: auto; }

div.navigator { padding: 0 15px 58px 60px; }

table.navigator { font-size: 13px; line-height: 1;}
table.navigator td { padding: 0 1px 0 0; }
table.navigator a { color: #fff; background: #3b3d4c; text-decoration: none; border-radius: 5px; display: inline-block; padding: 7px 4px 8px; min-width: 21px; text-align: center;  }
table.navigator a.img { height: 13px; background: #3b3d4c url('/templates/pictures/bg-navigator.png') 50% 9px no-repeat;  }
table.navigator a.img.right { background-position: 50% -15px;  }
table.navigator a:hover { background-color: #7e8194; }
table.navigator span.sel { border-radius: 5px; display: inline-block; background: #ffff00; color: #3b3d4c; padding: 7px 4px 8px; min-width: 21px; text-align: center;}
table.navigator .dot { padding: 0 1px;  }
table.navigator .dot span { display: inline-block; padding: 6px 8px 9px; text-align: center; color: #353535; font-size: 14px; }

.link-button { display: inline-block; text-align: center; background: #3b3d4c; color: #fff; border-radius: 5px; padding: 15px 50px 16px; min-width: 38px;  text-decoration: none; cursor: pointer; }
.link-button:hover { background: #7e8194; color: #fff; }

.error { padding: 0 60px; }
.content_text { padding: 0 60px 60px; }

/*меню*/
.header-menu { background: #3b3d4c url('/templates/pictures/bg-menu.jpg') no-repeat; width: 795px; height: 89px; position: absolute; top: 0; left: 0px; }
.header-menu-holder { position: absolute; top: 35px; left: 36px; right: 0; padding-right: 220px; }
.header-menu-holder a { display: inline-block; padding: 0 4px 26px; margin-right: 22px; color: #fff; text-decoration: none; vertical-align: top; }
.header-menu-holder a:hover { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);  }
.header-menu-holder a.home{ width: 15px; height: 18px; background: url('/templates/pictures/bg-home.png') 50% 2px no-repeat;  }
.header-menu-holder a.sel {  border-bottom: 2px #c0c0c0 solid;  }

.header-menu-holder .header-update { position: absolute; right: 40px; top: 0; color: #a1a4b4; background: url('/templates/pictures/bg-header-update.png') 0 3px no-repeat; padding-left: 21px;  }


/*
.header-menu-holder a.publication { position: absolute; right: 40px;  opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); padding-left: 23px;  background: url('/templates/pictures/bg-publ.png') 0 2px no-repeat;   }
.header-menu-holder a.publication:hover { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
*/

/*поиск*/
.header-search { position: absolute; top: 0; right: 0px; height: 89px; width: 265px; background: #fff;  }
.header-search form { position: absolute; top: 33px; left: 40px;  width: 185px; height: 26px; border-bottom: 1px solid #c1c2cb; }
.header-search input[type="text"] { padding: 0; margin: 0; position: absolute; top: 0; left: 0; border: 0; font-size: 13px; color: #000; width: 166px; padding: 2px 0; }
.header-search .search-btn { display: inline-block; border: none; position: absolute; top: 3px; right: -2px; width: 20px; height: 20px; background: url('/templates/pictures/bt-search.png') no-repeat 50% 50%; cursor: pointer; }
.header-search .search-btn:hover { opacity: 0.7; }

/*шапка*/
.header-contact { position: absolute; top: 89px; left: 0px; height: 133px; width: 795px; background: #fff;  }
.header-contact .main-logo { position: absolute; top: 36px; left: 43px; }
.header-contact .header-phone, .header-contact .header-worktime { position: absolute; height: 53px; border-left: 1px solid #cecfd3; padding-left: 36px; top: 40px; line-height: 1; } 
.header-contact .header-phone { left: 193px; }
.header-contact .header-phone a { color: #3b3d4c; }
.header-contact .header-phone .data { background: url('/templates/pictures/bg-phone.png') 0 2px no-repeat; padding-left: 22px; color: #3b3d4c; font-size: 20px; font-family: 'sfuidisplay-light'; margin-top: 9px;  }
.header-contact .header-phone-text, .header-contact .header-worktime-text  { color: #7e8194; font-size: 12px; padding: 5px 0 0 8px; } 
.header-contact .header-worktime { left: 453px;  }
.header-contact .header-worktime .data { background: url('/templates/pictures/bg-clock.png') 0 0 no-repeat; padding-left: 22px; color: #3b3d4c; font-size: 20px; font-family: 'sfuidisplay-medium'; margin-top: 9px;  }
.header-contact .header-worktime .header-schedule { font-family: 'sfuidisplay-light'; }
.header-cart { background: #3b3d4c url('/templates/pictures/bg-cart.jpg') no-repeat; width: 265px; height: 113px; position: absolute; top: 89px; right: 0px; }

.header-reserve { width: 265px; height: 113px; color: #fff;  cursor: pointer;  }
.header-reserve .num {  font-family: 'sfuidisplay-thin'; font-size: 47px; text-align: right; padding: 34px 14px 0 16px; width: 62px; line-height: 1; }
.header-reserve .title { font-family: 'sfuidisplay-medium'; font-size: 20px; padding: 38px 0 0 0;  line-height: 1; }
.header-reserve .link {  font-size: 12px; color: #fff; text-decoration: none;  line-height: 1; } 
.header-reserve:hover .link { color: #a1a4b4; }

.helper { display: inline-block; width: 14px; height: 12px; padding-top: 2px; color: #3b3d4c; box-shadow: #2b2c37 1px 1px 2px;   border-radius: 3px; font-size: 11px; line-height: 1; font-family: 'sfuidisplay-medium'; font-weight: bold; text-align: center; position: relative;  }
.helper.yellow { background: #ffff00 url('/templates/pictures/bg-help.png') 50% 50% no-repeat;}
.helper.yellow:hover { background-color: #fff; }
.header-reserve .helper { top: -13px; margin-left: 2px; }

/*каталогизатор*/
.catalog-tree { position: relative;  }
.catalog-tree-header {  background: url('/templates/pictures/bg-name-catalog.jpg') no-repeat; width: 225px; height: 56px; color: #fff; font-family: 'sfuidisplay-medium'; font-size: 20px; position: relative; padding: 38px 0 0 40px; line-height: 1 }
.catalog-tree-header .ico { position: absolute; width: 19px; height: 20px; background: url('/templates/pictures/bg-cart.png') no-repeat; left: 209px; top: 36px;  }

.catalog-tree-item.level-first { background: url('/templates/pictures/bg-catalog.jpg') no-repeat; padding: 15px; /*17px 20px 16px 40px;*/ }
.catalog-tree-item a { text-decoration: none; color: #fff; font-size: 15px; font-family: 'sfuidisplay-medium'; display: inline-block; padding: 4px 4px 2px; margin-left: 21px; position: relative; }
.catalog-tree-item a:hover { color: #b2b6c8; }

.catalog-tree-item.level-first .catalog-tree-parent { line-height: 1; }

.catalog-tree-subitems { padding: 15px 0 5px; }
.catalog-tree-subitems .catalog-tree-item { padding: 12px 5px 13px 5px; }
.catalog-tree-subitems a { color: #a1a4b4; font-size: 13px; font-family: "Open Sans";  margin-left: 16px;   }
.catalog-tree-subitems a:hover { color: #fff; }
.catalog-tree-subitems a.sel { color: #ffff00;}
.catalog-tree-subitems .catalog-tree-item.sel { background: #353744; border-radius: 9px; position: relative; }
.catalog-tree-subitems .catalog-tree-item.sel:after { display: inline-block; content: ""; position: absolute; top: 17px; left: -15px; width: 8px; height: 15px; background: #3b3d4c url('/templates/pictures/bg-select-filter.png') no-repeat; }

.catalog-tree-item a span { display: inline-block; width: 13px; height: 7px; background: url('/templates/pictures/bg-arrow.png') 0 -8px no-repeat; position: absolute; top: 8px; right: 0;   }
.catalog-tree-item a:hover span { background-position: 0 -24px }
.catalog-tree-item a.open span { background-position: 0 0; }
.catalog-tree-item a.open:hover span { background-position: 0 -16px; }
.catalog-tree-item a { width: 181px; }

.header-favorit { position: absolute; top: 35px; right: 35px; background: #3b3d4c url('/templates/pictures/bg-name-catalog.jpg') -138px -35px no-repeat; padding: 5px 5px 5px 0; }
.header-favorit.hide { display: none; }  
.header-favorit a { display: inline-block; padding-left: 18px; background: url('/templates/pictures/bg-favorit.png') 0 -27px no-repeat; font-size: 12px; color: #ffff00;  }
.header-favorit a:hover { background-position: 0 -57px; color: #a1a4b4;    } 

/*фильтр*/
.catalog-filter { margin: 14px 0 -8px; }
.catalog-filter .catalog-group, .catalog-filter .catalog-price { background: #2a2c37; padding: 18px 19px; border-radius: 5px; margin-bottom: 5px; color: #878a9b; }
.catalog-filter .title { font-size: 13px; margin-bottom: 8px; line-height: 1; color: #fff; padding-bottom: 1px; }

.filter-diapason { position: relative; margin-bottom: 10px; }
.filter-diapason  .min, .filter-diapason  .max { display: inline-block; width: 80px;  position: relative; line-height: 1; padding: 7px 0 8px; color: #585b6c;  }
.filter-diapason input { position: absolute; top: 0; left: 24px; border: none; border-bottom: 1px solid #55565f; background: #2a2c37; padding: 4px 1px 6px; color: #fff; font-size: 13px; width: 48px;  }
.filter-diapason ::-webkit-input-placeholder {color:#86899a !important; font-size: inherit; line-height: inherit;}
.filter-diapason ::-moz-placeholder          {color:#86899a !important; font-size: inherit; line-height: inherit; opacity: 1;}/* Firefox 19+ */
.filter-diapason :-moz-placeholder          {color:#86899a !important; font-size: inherit; line-height: inherit; opacity: 1;}/* Firefox 18- */
.filter-diapason :-ms-input-placeholder     {color:#86899a !important; font-size: inherit; line-height: inherit;}
.filter-diapason :focus::-webkit-input-placeholder {color: transparent}
.filter-diapason :focus::-moz-placeholder          {color: transparent}
.filter-diapason :focus:-moz-placeholder           {color: transparent}
.filter-diapason :focus:-ms-input-placeholder      {color: transparent}

.catalog-filter .func { padding-top: 10px; line-height: 1; font-size: 13px; color: #585b6c; }
.catalog-filter .func span { border-bottom: 1px dashed #585b6c;  cursor: pointer;}
.catalog-filter .func:hover { color: #b2b6c8; }
.catalog-filter .func:hover span { border-bottom: 1px dashed #b2b6c8;}

.catalog-open { font-size: 13px; line-height: 1; color: #fff; cursor: pointer; position: relative; }
.catalog-open:hover { color: #b2b6c8;  }
.catalog-open .opener { display: inline-block; position: absolute; top: 0; right: 0; width: 13px; height: 13px; background: #3b3d4c url('/templates/pictures/bg-open.png') 3px 3px no-repeat;  border-radius: 2px; }
.catalog-group.open .catalog-open .opener { background-position: 3px -11px; }
.catalog-open:hover .opener { background-position: -11px 3px; }
.catalog-group.open .catalog-open:hover .opener { background-position: -11px -11px; }

.catalog-group .items { display:none; padding-top: 8px; margin-bottom: -9px; }
.catalog-group.open  .items { display:block; }
.catalog-group .item { position: relative; padding: 8px 0 8px 22px; line-height: 1;  font-size: 13px;}
.catalog-group .item input { position: absolute; top: 8px; left: 0; margin: 0; padding: 0; cursor: pointer;  }
.catalog-group .item label:hover { color: #b2b6c8; }
.catalog-group .item.disabled { opacity: 0.30; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); display: none;   }
.catalog-group input + label::before { content: "";  display: inline-block; height: 13px; width: 13px; position: absolute; left: 0; top: 8px; background: url('/templates/pictures/bg-checkbox-filter.gif') 0 0 no-repeat; }
.catalog-group input:checked + label::before { background-position: 0 100%; }
.catalog-filter .submit input { border: none; background: #ffff00; display: inline-block; text-align: center; color: #3b3d4c; width: 225px; border-radius: 5px; padding: 5px 0 6px; font-size: 13px; }
.catalog-filter .submit input:hover { background: #fff; }
.catalog-filter .resplace { padding-top: 5px; }
.catalog-filter .resplace input { border: none; background: #a1a4b4; display: inline-block; text-align: center; color: #3b3d4c; width: 225px; border-radius: 5px; padding: 5px 0 6px; font-size: 13px; }
.catalog-group.status { padding: 2px 19px 19px; }

#map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.main-map { width: 100%; height: 296px; position: relative  }
.main-map .bgline { position: absolute; left: 0; right: 0; height: 12px; }
.main-map .bgline.top { background: url('/templates/pictures/bg-map-top.png') repeat-x; top: 0;  }
.main-map .bgline.bottom { background: url('/templates/pictures/bg-map-bottom.png') repeat-x; bottom: 0;  }
.main-map .address-place { position: absolute; top: 110px; left: -9px;  width: 316px;  }
.main-map .address { width: 276px;  background: #fff url('/templates/pictures/color-line.gif') no-repeat 0 100%; padding: 18px 20px 19px;  }
.main-map .title { font-family: 'sfuidisplay-medium'; font-size: 20px; padding-bottom: 1px; line-height: 1; }

.bottom-holder { position: relative; }
.bottom-menu { position: absolute; top: 54px; left: 46px; }
.bottom-menu a { color: #3b3d4c; display: inline-block; margin: 0 7px 0 12px; text-decoration: none; font-size: 11px; text-transform: uppercase; }
.bottom-menu a:hover { color: #000; }

.user-menu { top: 50px; left: 626px; position: absolute; }
.user-menu .name { padding-bottom: 10px; }
.user-menu .login { background: #3b3d4c;  color: #fff;  text-decoration: none; display: inline-block; padding: 6px 10px 7px; border-radius: 5px; font-size: 11px; }
.user-menu .login:hover { background: #a1a4b4; }

.main_product .title { font-family: 'sfuidisplay-thin'; font-size: 40px; padding: 37px 57px 22px; line-height: 1;  }
.main_product .title span { text-transform: lowercase; }
.main_product .param { position: relative; height: 79px;  }
.main_product .param .item { display: inline-block; padding: 5px 20px 6px; color: #3b3d4c; text-decoration: none; cursor: pointer;  }
.main_product .param .item:hover { color: #7e8194; }
.main_product .param .item.sel { color: #fff; background: #3b3d4c; border-radius: 5px;  cursor: default; }
.main_product .param span { display: inline-block; padding: 5px 11px 6px 0; color: #7e8194;  }
.main_product .param-limit a { padding: 5px 12px 6px;  }
.main_product .param-type { position: absolute; top: 0; left: 57px; }
.main_product .param-limit { position: absolute; top: 0; right: 47px; }

.all-product { width: 795px;  }
.product-item {  width: 264px; height: 240px; display: inline-block; margin-right: 1px; position: relative; vertical-align: top;  }
.product-item .img { position: absolute; display: inline-block; height: 132px; top: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: 264px; background-position: 50% 50%;  }
.product-item .data { position: absolute; display: inline-block; top: 147px; left: 60px; right: 20px; }
.product-item .data .name, .product-item .data .catalog, .product-item .data .brand { display: block; padding-bottom: 1px; }

.product-item .data .name { overflow: hidden; max-height: 36px; color: #3b3d4c; }
.product-item .data .catalog { color: #7e8194; }
.product-item .data .brand { color: #7e8194; }
.product-item .data .price { display: block; color: #3b3d4c; font-family: 'sfuidisplay-medium'; font-size: 20px; padding-top: 14px; line-height: 1 }
.product-item .price span { display: inline-block; }
.product-item .price .sprice { font-size: 13px; color: #7e8194; margin-left: 10px; position: relative; }
.product-item .price .sprice:after { display: inline-block; position: absolute; content: ""; width: 100%; bottom: 6px; left: 0; border-bottom: 1px solid #7e8194;   }

.product-item .zoom, .product-item .del-favorit { display: inline-block; position: absolute; width: 24px; height: 24px; top: 118px; left: 228px; background: #3b3d4c url('/templates/pictures/bg-zoom.png') 6px 6px no-repeat; border: 2px solid #fff; border-radius: 7px;  }
.product-item:hover .brand, .product-item:hover .name { color: #7e8194; }
.product-item:hover .img { opacity: 0.7 }
.product-item .del-favorit { background-image: url('/templates/pictures/bg-delfav.png'); background-position: 7px 7px; }
.product-item:hover .zoom, .product-item .del-favorit:hover { background-color: #7e8194; } 
.product-item.main { height: 293px; } 
.price sup { font-size: 11px; }

#place_main_product { min-height: 586px; }

/* страница продукции */
.product-card { height: 258px; margin-top: 15px; margin-bottom: 60px; position: relative;  }
.product-card .place-img { width: 258px; height: 258px; background: #7e8194; position: absolute; top:0; left: 60px;}
.product-card .place-img img { width: 258px; height: 258px;  cursor: pointer;}
.product-card .place-img.hover:hover { opacity: 0.7 }
.product-card .place-img .zoom { background: #3b3d4c url("/templates/pictures/bg-zoom.png") no-repeat 6px 6px; border: 2px solid #fff; border-radius: 7px; display: inline-block; height: 24px; width: 24px; bottom: 8px; right: 8px; position: absolute; cursor: pointer; }
.product-card .place-data { position: absolute; top: 2px; left: 380px; height: 256px; }

.price-holder .middle { vertical-align: middle; }
.price-holder .price { font-size: 20px; font-family: 'sfuidisplay-medium'; line-height: 1;  }
.price-holder .availability { background: #ffff00; display: inline-block; border-radius: 5px; padding: 5px 9px 6px; margin-left: 12px; margin-top: 1px; }
.price-holder .action { font-size: 20px; font-family: 'sfuidisplay-medium'; color: #7e8194;  margin-left: 10px; display: inline-block; position: relative; line-height: 1;  }
.price-holder .action sup { font-size: 11px; }
.price-holder .action:after { display: inline-block; position: absolute; content: ""; width: 100%; bottom: 9px; left: 0; border-bottom: 2px solid #7e8194;   }

.place-data .availability-unit { color: #7e8194; padding-top: 6px; }
.place-data .availability-unit span { color: #3b3d4c; }
.place-data .availability-unit sup { font-size: 8px; }
.place-data .revision { color: #7e8194; padding-top: 6px; }
.place-data .revision  span { color: #3b3d4c; }
.place-data .optional { color: #7e8194; padding-top: 6px; }
.place-data .placer-input { display: inline-block; height: 20px; width: 130px; position: absolute; left: 22px; bottom: 4px; text-align: center; }
.place-data .placer-input .placer-value { position: relative; }
.place-data .incart-product .unit { display: inline-block; position: absolute; bottom: 0; right: -7px; color: #7e8194; width: 0; }
.place-data .incart-product sup { font-size: 8px; }
.place-data .incart-product { display: inline-block; position: absolute; left: 0; bottom: 103px; border-bottom: 1px solid #c1c2cb; width: 205px; }
.place-data .incart-value { position: absolute; border: none; width: 100%; text-align: right; color: #7e8194; bottom: 0; left: 0; font-size: 13px; margin: 0; padding: 0 4px; background: #fff; border-radius: 3px; }

.product-card .holder-best-price { padding-top: 6px; padding-bottom: 10px; }
.product-card .holder-best-price .best-price { background: #ffff00; padding: 5px 9px 6px; border-radius: 5px; display: inline-block; vertical-align: top; }
.product-card .holder-best-price .notice { padding-top: 6px; display: inline-block; padding: 5px 0 6px; vertical-align: top; color: #7e8194; }

/*
.place-data .placer-input.new { position: relative; }
.place-data .placer-input.new .incart-value2  { display: inline; vertical-align: baseline; position: relative; width: ; }
*/

.place-data .incart-value:hover { background: #e9eaef; }
.place-data .incart-value:focus { background: #e9eaef;  }
.place-data .incart-product .count { display: inline-block; width: 13px; height: 7px; position: absolute; background-image: url("/templates/pictures/bg-arrow.png"); cursor: pointer; font-size: 0; bottom: 11px; }
.place-data .incart-product .count.minus { left: 0; background-position: 0 -8px; }
.place-data .incart-product .count.plus { right: 0; background-position: 0 0; }
.place-data .link-button { position: absolute; bottom: 49px; width: 205px; font-size: 20px; font-family: 'sfuidisplay-medium'; padding: 13px 0 11px; line-height: 1; }
.place-data .link-button:hover { background: #7e8194; }
.place-data .favorit { position: absolute; bottom: 0; left: 0; }
.place-data .favorit span { display: inline-block; background: #ffff00 url("/templates/pictures/bg-favorit.png") 13px 10px  no-repeat; border-radius: 5px; padding: 5px 0px 6px 30px;  width: 175px; cursor: pointer;  }
.place-data .favorit span:hover { background-color: #fff; }
.place-data .favorit span.out { background: #7e8194 url("/templates/pictures/bg-favorit.png") 13px -20px  no-repeat; color: #ffff00; padding-left: 35px;  width: 170px; }
.place-data .favorit span.out:hover { background-color: #3b3d4c; }

.place-char { border-top: 1px solid #dbdce1; }
.place-char .item-char { border-bottom: 1px solid #dbdce1; padding: 15px 0 16px; }
.place-char .item-char span { display: inline-block; padding-left: 60px; width: 266px; color: #7e8194; }

/***** автокомплект  *****/
.ac_results { padding: 3px; margin: 5px 0 0 -23px; overflow: hidden; z-index: 99999; position: absolute; }
.ac_results:before { position: absolute; display: block; content: ""; box-shadow: #000 0px 0px 2px 1px; opacity: 0.2; top: 3px; left: 3px; right: 3px; bottom: 3px; z-index: 0; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 5px 0 5px; margin: 0; z-index: 1; position: relative; background-color: #fff;  }
.ac_results li { margin: 0px; padding: 5px 6px 5px 10px; cursor: default; display: block; font-size: 13px; line-height: 16px; overflow: hidden; cursor: pointer; }
.ac_over { color: #7e8194; }
.ac_results div { overflow: hidden; width: 195px; white-space: nowrap;  }
.ac_results div .img { display: inline-block; width: 20px; height: 20px; background-size: cover; background-position: center center; margin-right: 10px;}
.ac_results div span { vertical-align: middle;}


/****** Диалоговый слой *****/
.popup-place, .fon_proccess { position:absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 2147483600; }
.fon_proccess { z-index: 2147483647; cursor: progress; display: none; }
.popup-bg { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7; background: #000; z-index: 10001;}
.popup-bg.transparent { background: none; }
.popup-window { z-index: 10010; position: absolute; font-size: 0;  }
.popup-window-content { opacity: 1; background: #fff; border: none; font-size: 13px; width: 600px; position: relative;  border: 1px solid #d9dae4;  }
.popup-window-content:before { position: absolute; content: ""; display: block; top: -1px; left: -1px; right: -1px; height: 5px; background: url('/templates/pictures/bg-color-line.gif') no-repeat 50% 50%; background-size: 100% 100%; }
.popup-window-content-bg { padding: 62px 60px 60px; position: relative; }
.popup-window-title { font-size: 40px; line-height: 1; padding: 0 0 0;  font-family: 'sfuidisplay-thin'; color: #3b3d4c; }
.popup-window-alert { /*padding: 24px 30px 20px 30px; width: 500px;*/ padding: 47px 0; width: 400px; }
.popup-window-alert b { font-weight: 800 }
.popup-window-close { position: absolute; font-size: 0; line-height: 0; top: 15px; right: 10px; width: 21px; height: 21px; background: url('/templates/pictures/popup-close.png') no-repeat 50% 50%;  }
.popup-window-function { padding: 10px 0 0 0;  margin: 0; }
.popup-window-buttons a, .popup-window-buttons .button,  .popup-window-buttons input { cursor: pointer; background: #3b3d4c; border-radius: 5px; border: none; color: #fff; cursor: pointer; display: inline-block; padding: 15px 50px 16px; min-width: 38px; text-align: center; text-decoration: none;}
.popup-window-buttons .continue { background: #ffff00; color: #3b3d4c; }
.popup-window-buttons .incart.continue { margin-left: 10px; }
.popup-window-buttons .incart { width: 135px; }
.popup-window-buttons a:hover, .popup-window-buttons .button:hover , .popup-window-buttons input:hover { opacity: 0.75; }
.popup-window-content b { font-family: 'sfuidisplay-medium'; }


/***** корзина *****/
#build_list_cart { padding: 0 60px; }

.place-list-cart { background: #3b3d4c; border-radius: 5px;  margin-bottom: 1px; }
.place-list-cart:hover { background: #4a4c5f; }

.list-cart { width: 100%;}
.list-cart th { color: #7e8194; font-weight: normal;  padding: 8px 0 6px 12px ;  font-size: 12px; }
.list-cart td {  padding: 15px 0 13px 12px; color: #fff; text-align: center; }
.list-cart .price { width: 70px; }
.list-cart .sum { width: 80px; }
.list-cart .num { width: 140px;  }
.list-cart .name { padding-left: 21px; text-align: left; }
.list-cart .name a { color: #ffff00; }
.list-cart .name a:hover { color: #a1a4b4; }
.list-cart .avail { width: 80px; }
.list-cart td.avail { text-align: right; }
.list-cart.print .avail { padding-right: 20px; }
.list-cart .incart { position: relative; padding: 0 20px; display: inline-block; }
.list-cart .incart .placer-input { display: inline-block; height: 20px; min-width: 55px; padding-right: 13px; text-align: center; }
.list-cart .incart .placer-value { position: relative; }
.list-cart .placer-value .value {  min-width: 10px; }
.list-cart .placer-value .unit { display: inline-block; position: absolute; bottom: 0; right: -3px; width: 0; }
.list-cart .placer-value sup { font-size: 8px; }

.incart .value-product { position: absolute; border: none; width: 100%; text-align: right; background: #3b3d4c; color: #fff; bottom: 0; left: 0; font-size: 13px; margin: 0; padding: 0; border-radius: 3px; }
.incart .value-product:focus { background: #3b3d4c; }
.place-list-cart:hover .incart .value-product { background: #4a4c5f; }
.place-list-cart:hover .incart .value-product:hover { background: #3b3d4c; }

.list-cart .incart .count { display: inline-block; position: absolute; top: 6px; width: 13px; height: 7px; font-size: 0; cursor: pointer; }
.list-cart .incart .count:hover { opacity: 0.75; }
.list-cart .incart .count.minus { background: url('/templates/pictures/bg-arrow-cart.png') no-repeat; left: 0; }
.list-cart .incart .count.plus { background: url('/templates/pictures/bg-arrow-cart.png') no-repeat 0 100%; right: 0; }
.list-cart .total {  padding-left: 21px; text-align: left;  }
.list-cart .total-sum { text-align: right; font-weight: 800; font-size: 20px; padding: 10px 0 0; }
.list-cart.print .total-sum { padding-right: 20px; }
.list-cart .del { width: 47px; }
.list-cart .del a { display: inline-block;  vertical-align: top; width: 21px; height: 21px; font-size: 0; background: url('/templates/pictures/bg-del.png') 50% 50% no-repeat; }
.list-cart .del a:hover { opacity: 0.8; }


/***** форма *****/
.form { padding: 0 60px 60px; }
.form.order { padding-top: 60px; }
.form td.lf { padding: 0 0 10px 0; line-height: 0; }
.form td.rt { text-align: right; padding: 0 0 10px 11px; line-height: 0; }
.form .group { padding-bottom: 6px; padding-top: 4px; font-size: 20px; line-height: 1;  font-family: 'sfuidisplay-medium';   }
.form .group.first { padding-bottom: 0;  padding-top: 0;  }
.form .group.next { padding-top: 48px; padding-bottom: 0;  }
.form textarea, .form input[type="text"], .form input[type="password"] { border: 1px solid #c1c2cb; padding: 14px 20px 15px; border-radius: 5px; margin: 0; line-height: normal;   }
.form .edit-big { width: 633px; }
.form textarea { width: 633px; height: 82px;   }
.form .edit { width: 290px; }
.form .submit { cursor: pointer; background: #3b3d4c; border-radius: 5px; border: none; color: #fff; cursor: pointer; display: inline-block; padding: 15px 40px 16px; min-width: 38px; text-align: center;  }
.form .submit:hover { background: #4a4c5f; }
.form.order .submit { width: 332px; }
.form .num-control { width: 105px; }
.form .title { line-height: 1; padding: 13px 5px 9px ; text-align: left; }
.form textarea.alert, .form input[type="text"].alert, .form input[type="password"].alert { border: 1px solid #a90303; }
.form.calculator input[type="text"] { width: 239px; }
.form.calculator .submit { width: 279px; }
.form .clear_form { display: inline-block; background: url("/templates/pictures/bg-clear-form.png") no-repeat 0 2px; padding-left: 20px; line-height: 1.2; cursor: pointer; margin: 34px 0 0 3px }
.form .clear_form:hover { opacity: 0.8; }

.popup-window-content .form { padding: 40px 0 0; }
.popup-window-content .place { width: 480px; }
.popup-window-content .form  .edit { width: 440px; }


.captcha-layout td { vertical-align: middle;  }
.captcha-layout .num-input { width: 150px;}
.captcha-layout .num-img { width: 90px;}
.captcha-layout .reload { font-size: 10px; text-transform: uppercase; cursor: pointer; color: #7e8194; }
.captcha-layout .reload:hover { color: #3b3d4c; }

.order-summary-header { padding: 0 60px 30px; font-weight: 800; }
.order-summary { padding: 25px 60px 25px 81px; border-bottom: 1px solid #c1c2cb; border-top: 1px solid #c1c2cb;  }
.order-summary div { padding: 5px 0; }
.order-table { padding: 30px 60px; }
.form-footer {  padding: 0 60px 30px; }

.place-favorit { border-top: 1px solid #c1c2cb; }
.place-favorit .title { padding: 39px 60px 36px; font-family:  'sfuidisplay-medium'; font-size: 20px;  }
.place-favorit .title span { margin-left: 5px; color: #7e8194;  }

.function_button { position: relative; height: 0; }
.function_button .link-button { position: absolute; top: 0; right: 60px; }

.clear-favorit.link-button { background-image: url('/templates/pictures/bg-delfav.png'); background-repeat: no-repeat; background-position: 27px 20px; text-align: left; padding-right: 0; padding-left: 46px; width: 159px; }

/***** отзывы *****/
.submit_review { padding-bottom: 22px; }
.submit_review.top { padding-bottom: 22px; }
.submit_review input { display: inline-block; margin-right: 10px;  padding: 5px 20px 6px; color: #fff; font-size: 14px; background: #2836ab; text-decoration: none; border: none; cursor: pointer; line-height: 25px; border-radius: 5px; }
.submit_review input:hover { opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  }


.review { margin: 0 60px 60px; }
.review .text { border: 1px solid #c1c2cb; border-radius: 5px; padding: 10px 20px 20px; line-height: 2; position: relative; }
.review .text:before, .review .reply_text:before { display: inline-block; content: ''; position: absolute; width: 20px; height: 11px; background: url('/templates/pictures/bg-notice.png') no-repeat; top: -11px; left: 14px; }
.review .name { position: relative; padding-bottom: 17px; font-size: 15px;  font-family:  'sfuidisplay-medium';  text-transform: uppercase; }
.review .time { color: #7e8194; position: absolute; right: 0;  top: 0;  text-transform: none; font-size: 13px; }

.review .reply_text { background: #ffff00; border-radius: 5px; padding: 10px 20px 20px; line-height: 2; position: relative; margin: -9px 0 0 20px; }
.review .reply_text:before { background-position: 0 100%; }
.review .reply_name { font-weight: 800; } 


/* новости - недоработано*/
.publication-item { line-height: 24px; margin-bottom: 20px; }
.publication-item td { padding: 0; }
.publication-item td.time { width: 120px; padding-right: 10px; }
.publication-item div.time { padding-bottom: 8px; }

.publication .h1 h1 { margin: -9px 0 0; font-size: 24px; font-weight: normal; line-height: 36px; }
.publication .h1 { padding-bottom: 14px; }
.publication .time { padding-bottom: 14px; }
.publication .text { line-height: 24px; }
.publication .img { float: left; margin: 8px 14px 14px 0 }

.publication-catalog { padding-bottom: 27px; }
.publication-catalog .item { color: #353535; margin-right: 12px; }
.publication-catalog .item a { margin-right: 2px; }


.footer-counter { position: absolute; top: 110px; left: 58px }
.footer-counter  img { vertical-align: bottom; display: inline-block; }
.footer-creators  { position: absolute; top: 132px; right: 50px; font-size: 11px; }

.result_calculator { padding: 34px 0; width: 600px;  font-size: 16px; line-height: 1.5; }
.result_calculator .title {  font-family: "sfuidisplay-medium";  font-size: 20px; padding-bottom: 12px; }


.catalog_function { margin-top: -15px; padding-bottom: 41px; padding-left: 60px; }
.catalog_function  span { display: inline-block; cursor: pointer; }
.catalog_function  span:hover { opacity: 0.8 }
.catalog_function.catalog { margin-top: -30px; padding-bottom: 56px; }


.social.vk { display: inline-block; width: 64px; height: 64px; background: url('/templates/pictures/vk.gif') center center no-repeat; top: 83px; left: 897px; position: absolute; border-radius: 64px; opacity: 0.8 }
.social.vk:hover { opacity: 1; }

.block-product-add .title { font-family: 'sfuidisplay-thin'; font-size: 32px; font-weight: normal; color: #3b3d4c; padding: 29px 15px 26px 60px; line-height: 1;  }