@charset "UTF-8"; * { margin:0; padding:0; outline:none; } ::-moz-focus-inner { padding:0; border:0; } ::-moz-placeholder { color:#aaa; opacity:1;} ::-webkit-input-placeholder {color:#aaa; opacity:1;} @font-face { font-family: 'Gotham Pro'; src: url('../fonts/GothamPro/GothamPro-Light.eot'); src: local('Gotham Pro Light'), local('GothamPro-Light'), url('../fonts/GothamPro/GothamPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro/GothamPro-Light.woff') format('woff'), url('../fonts/GothamPro/GothamPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('../fonts/GothamPro/GothamPro.eot'); src: local('Gotham Pro'), local('GothamPro'), url('../fonts/GothamPro/GothamPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro/GothamPro.woff') format('woff'), url('../fonts/GothamPro/GothamPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('../fonts/GothamPro/GothamPro-Bold.eot'); src: local('Gotham Pro Bold'), local('GothamPro-Bold'), url('../fonts/GothamPro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro/GothamPro-Bold.woff') format('woff'), url('../fonts/GothamPro/GothamPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } html {height:100%; width:100%;} body {font-size:17px; font-family:'Gotham Pro'; color:#454545; background:#ffffff; min-height:100%; min-width:300px; height:100%; } body.overflowHidden {overflow:hidden;} img { border:0; } table {border-collapse:collapse;} table td {vertical-align:top;} textarea {font-family:inherit; font-size:inherit; resize:none;} input, select {font-family:inherit; font-size:inherit; color:inherit;} a { text-decoration:underline; color:#5BC029; outline:none; } a:visited { color:#5BC029; } a:hover { text-decoration:none; color:#000; } a:active { text-decoration:none; color:#000; } .clear {clear:both;} .stdAni {transition:border 0.3s, background-color 0.3s, color 0.3s; } .noSelect {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;} .maxWidth {max-width:1400px; padding:0 20px; margin:0 auto; box-sizing:border-box; } .ya-phone {white-space:nowrap;} .marginTopMin {margin-top:40px;} .marginTopMax {margin-top:80px;} .marginBottomMin {margin-bottom:40px;} .marginBottomMax {margin-bottom:80px;} .paddingTopMin {padding-top:40px;} .paddingTopMax {padding-top:80px;} .paddingBottomMin {padding-bottom:40px;} .paddingBottomMax {padding-bottom:80px;} #pageFrames {min-height:100%; margin:0 auto -200px; width:100%; transition:transform 0.3s; } #header {padding:15px 0px;} #headerData {height:100px;} #logo {position:relative; float:left; margin-top:-2px; z-index:1;} #logo a {text-decoration:none; display:block; width:157px;} #logo a img {display:block; width:100%; height:auto; } #logo .slogan {position:absolute; left:180px; top:3px; font-size:14px; line-height:17px; white-space:nowrap;} .isIndexfalse #logo a {display:none; } .isIndexfalse #logo .slogan {left:0;} #headerRight {position:relative; padding-left:460px;} #headerContact {position:relative;} #headerContact .phone {position:absolute; right:490px; top:7px; font-weight:500; font-size:20px; padding-left:25px; } #headerContact .phone i {display:block; width:20px; height:20px; line-height:20px; position:absolute; left:0; top:2px; font-size:18px; color:#5BC029;} #headerContact .phone a {color:#454545; text-decoration:none;} #headerContact .phone a:hover {color:#000;} .isFixedHeader #headerContact .phone {position:fixed; right:70px; top:20px; font-size:18px; z-index:6;} .isFixedHeader #headerContact .phone i {font-size:16px; top:1px; } #headerContact .email {position:absolute; right:175px; top:7px; font-size:18px; padding-left:25px; } #headerContact .email i {display:block; width:20px; height:16px; line-height:16px; position:absolute; left:0; top:4px; font-size:20px; color:#5BC029;} #headerContact .email a {color:#454545; text-decoration:none; font-weight:500;} #headerContact .email a:hover {color:#000; } #headerContact .write {position:absolute; right:0px; top:7px; font-size:18px; padding-left:25px; } #headerContact .write i {display:block; width:21px; height:21px; position:absolute; left:0; top:1px; background:url('../img/whatsapp.png') no-repeat center center; background-size:cover;} #headerContact .write a {color:#454545; text-decoration:none; font-weight:500; } #headerContact .write a:hover {color:#000; } #basketInformer {position:absolute; right:0; top:67px; width:40px; height:34px; z-index:1; } #basketInformer i {width:40px; height:34px; line-height:34px; text-align:center; font-size:32px; color:#5BC029;} #basketInformer a {display:block; text-decoration:none; position:relative; } #basketInformer .count {display:block; color:#fff; background:#000; width:16px; height:16px; line-height:16px; text-align:center; border-radius:3px; font-size:11px; position:absolute; right:0; top:0; z-index:3; box-sizing:border-box;} #basketInformer span .count {background:#f0f0f0; border:1px solid #ccc; line-height:14px; color:#888;} .isFixedHeader #basketInformer {position:fixed; right:20px; top:14px; z-index:6;} #headerTopData {position:relative; padding:0 200px 15px 0; margin-bottom:15px; border-bottom:1px solid #eee; } #headerTopMenu ul {font-size:0;} #headerTopMenu ul li {display:inline-block; vertical-align:top; position:relative; } #headerTopMenu ul .children {visibility:hidden; opacity:0; display:block; position:absolute; left:0; top:100%; background:#f7f7f7; min-width:215px; transition:opacity 0.5s; z-index:5; padding:5px 15px 10px 15px; border-bottom:1px solid #ccc; box-shadow:-3px 3px 4px -2px rgba(0,0,0,0.5); border-radius:0 0 5px 5px;} #headerTopMenu ul li:last-child .children { /* left:auto; right:0; */ } #headerTopMenu ul li:hover .children {visibility:visible; opacity:1;} #headerTopMenu ul li > a {display:block; position:relative; font-size:16px; line-height:20px; color:#454545; font-weight:500; text-decoration:none; padding:5px 0px; margin-right:25px; } #headerTopMenu ul li .collapse {display:none;} #headerTopMenu ul li:last-child > a {margin-right:0;} #headerTopMenu ul li > a i {display:block; position:absolute; left:0; top:12px; font-size:22px;} #headerTopMenu ul li:hover > a {color:#000;} #headerTopMenu ul li > a.active {color:#000;} #headerTopMenu ul li > a.active:before {position:absolute; left:0; bottom:0; width:100%; height:2px; background:#5bc029; content:""; z-index:0;} #headerTopMenu ul li > a {} #headerTopMenu ul li > a span {position:relative; z-index:1;} #headerTopMenu ul .children a {font-size:16px; color:#555; border-bottom:3px solid transparent; display:block; padding:5px 0; text-decoration:none; } #headerTopMenu ul .children a.active {color:#000; border-bottom:3px solid #ccc;} #headerTopMenu ul .children a:hover {color:#000; border-bottom:3px solid #5bc029;} #searchForm {position:absolute; right:0px; top:1px; width:200px;} #searchOpen {display:none; width:34px; height:34px; line-height:34px; font-size:28px; position:absolute; right:65px; top:6px; text-align:center; color:#757575; cursor:pointer; text-decoration:none;} #searchOpen:hover {color:#000;} .searchInputData {position:relative; padding-left:30px;} .searchInputData input {width:100%; height:30px; padding:0 8px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; font-size:14px;} .searchInputData button {width:30px; height:30px; position:absolute; left:0; top:0; border:none; background:none; cursor:pointer; } .searchInputData button span {font-size:20px; color:#aaa; } .searchInputData button:hover span {color:#333; } #extSearchForm .searchInputData button span {color:#5bc029; } #extSearchForm .searchInputData button:hover span {color:#333; } #mobileSearchForm {padding:5px 10px; background:#f7f7f7; display:none; } #mobileSearchForm.isOpen {display:block;} .searchFormContainer {z-index:10;} .searchFormContainer.isProcess input {background:url('../img/loading-green.svg') no-repeat 98% center; background-size:20px; } .searchResultDynamic {display:none; position:absolute; left:0; top:100%; width:100%; min-width:200px; max-height:334px; overflow-y:auto; box-sizing:border-box; border:1px solid #ddd; border-radius:0 0 5px 5px; padding:10px; margin-top:-2px; background:#fff; z-index:10; } .searchResultDynamic .searchItemResult {padding:5px 0; border-bottom:1px solid #ddd; } .searchResultDynamic .searchItemResult:first-child {} .searchResultDynamic .searchItemResult:last-child {padding-bottom:0; border-bottom:none; } .searchResultDynamic .searchItemResult a {display:block; position:relative; text-decoration:none;} .searchResultDynamic .searchItemResult .data {display:block; padding-left:45px; min-height:70px;} .searchResultDynamic .searchItemResult img {display:block; position:absolute; left:0; top:0; height:70px; width:auto;} .searchResultDynamic .searchItemResult .data .name {display:block; font-weight:bold;} .searchResultDynamic .searchItemResult .data .cost {color:#000; font-weight:500; display:block; padding-top:5px;} .searchResultDynamic .notFound {color:#000; font-size:13px;} /* Для фурнитуры */ .searchResultDynamic .searchItemResult.asFurniture .name {display:block; font-weight:bold; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px;} .searchResultDynamic .searchItemResult.asFurniture img {top:22px; height:auto; width:70px; } .searchResultDynamic .searchItemResult.asFurniture .data {padding-left:80px; min-height:42px;} .searchResultDynamic .searchItemResult.asFurniture .data .color {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; font-size:14px;} .searchResultDynamic .searchItemResult.asFurniture .data .model {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; font-size:14px;} /* Для входных дверей */ .searchResultDynamic .searchItemResult.asIrondoor .name {display:block; font-weight:bold; font-size:15px; line-height:17px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; } .searchResultDynamic .searchItemResult.asIrondoor img {top:3px; height:auto; width:60px; } .searchResultDynamic .searchItemResult.asIrondoor .data {padding-left:72px; min-height:65px;} #mainMenuContainer {margin-bottom:10px;} .isFixedHeader #mainMenuContainer {position:fixed; left:0; top:0; width:100%; box-shadow:0 2px 6px -3px rgba(0,0,0,0.5); background:#fff; z-index:5;} #mainMenu ul {font-size:0; position:relative; } #mainMenu ul li {display:inline-block; vertical-align:top; position:relative; } #mainMenu ul li.isCopy {display:none;} #mainMenu ul .children {visibility:hidden; opacity:0; display:block; position:absolute; left:0; top:100%; background:#f7f7f7; min-width:215px; transition:opacity 0.5s; z-index:5; padding:5px 15px 10px 15px; border-bottom:5px solid #ccc; box-shadow:-3px 3px 4px -2px rgba(0,0,0,0.5); } #mainMenu ul li:last-child .children {left:auto; right:0;} #mainMenu ul li:hover .children {visibility:visible; opacity:1;} #mainMenu ul li > a {display:block; position:relative; font-size:16px; line-height:20px; font-weight:500; color:#454545; text-decoration:none; padding:20px 15px 20px 0; } #mainMenu ul li .collapse {display:none;} #mainMenu ul li > a.icons {padding-left:32px; font-weight:bold; color:#555;} #mainMenu ul li > a i {display:block; position:absolute; left:0; top:12px; font-size:22px;} #mainMenu ul li:hover > a {color:#000; text-decoration:underline; } #mainMenu ul li > a.active {color:#000; text-decoration:underline; } /* #mainMenu ul li:hover > a:before, #mainMenu ul li > a.active:before {position:absolute; left:0; bottom:14px; width:100%; height:9px; background:#fff684; content:""; z-index:0;} */ #mainMenu ul li > a span {position:relative; z-index:1;} #mainMenu ul .children a {font-size:16px; color:#555; border-bottom:3px solid transparent; display:block; padding:5px 0; text-decoration:none; } #mainMenu ul .children a.active {color:#000; border-bottom:3px solid #ccc;} #mainMenu ul .children a:hover {color:#000; border-bottom:3px solid #5bc029;} #mobileMenuBtn {display:none; height:48px; font-size:16px; color:#757575; font-weight:bold; font-size:16px; text-decoration:none; position:relative; margin:0 auto; padding:24px 15px 0 50px; line-height:0px; box-sizing:border-box; border-radius:5px; cursor:pointer; } #mobileMenuBtn span {display:block; width:30px; height:40px; position:absolute; left:15px; top:3px; } #mobileMenuBtn span i {display:block; width:100%; height:3px; position:absolute; left:0; background:#757575; border-radius:1px;} #mobileMenuBtn span i.l1 {top:10px;} #mobileMenuBtn span i.l2 {top:20px;} #mobileMenuBtn span i.l3 {top:30px;} #mobileMenuBtn:hover {color:#000; } #mobileMenuBtn:hover span i {background:#000;} .isMainmenuOpen #mainMenu {padding:0; width:100%; height:100%; overflow-y:auto;} .isMainmenuOpen #mainMenu ul li {display:block; border-bottom:1px solid #e5e5e5;} .isMainmenuOpen #mainMenu ul li > a {margin:0; padding:10px 15px; font-weight:bold; font-size:16px; letter-spacing:0;} .isMainmenuOpen #mainMenu ul li > a.icons {padding-left:47px; color:#000;} .isMainmenuOpen #mainMenu ul li > a i {left:15px; top:9px;} #mobileMenuOverlayClose {visibility:hidden; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer; z-index:1; transition:opacity 0.5s;} .isMainmenuOpen #mobileMenuOverlayClose {visibility:visible; opacity:1; z-index:5;} .isMainmenuOpen #pageFrames {transform:translateX(270px); } .isMainmenuOpen #footer {transform:translateX(270px); } #mobileMenuContainer {position:fixed; left:0; top:0; width:300px; max-width:100%; height:100%; background:#fff; transform:translateX(-300px); z-index:5; } #mobileMenuContainer.setAnimate {transition:transform 0.3s;} .isMainmenuOpen #mobileMenuContainer {transform:translateX(0);} #mobileMenuBtnClose {display:none; width:24px; height:24px; position:absolute; top:10px; right:10px; cursor:pointer; } .isMainmenuOpen #mobileMenuBtnClose {display:block;} #mobileMenuBtnClose span {display:block; width:100%; height:3px; background:#5bc029; position:absolute; left:-1px; top:14px; transform:rotate(45deg);} #mobileMenuBtnClose span.i1 {transform:rotate(-45deg); } #mobileMenuBtnClose:hover span {background:#000;} #mobileMenuData {padding-top:50px; width:100%; height:100%; box-sizing:border-box; position:relative; } #mobileMenuData > a img {width:120px; top:10px; height:auto; display:block; left:12px; position:absolute; } #mobileMenuScroll {width:100%; height:100%; overflow-y:auto; box-sizing:border-box; border-top:1px solid #e5e5e5; position:relative; } #mobileMenuItemList ul {} #mobileMenuItemList li {display:block; list-style:none; border-bottom:1px solid #e5e5e5; position:relative;} #mobileMenuItemList li > a {display:block; position:relative; font-size:16px; line-height:20px; text-transform:uppercase; color:#000; text-decoration:none; padding:12px 15px; font-weight:bold;} #mobileMenuItemList li > a.icons {padding-left:47px; } #mobileMenuItemList li > a i {display:block; position:absolute; left:15px; top:11px; font-size:22px;} #mobileMenuItemList li .collapse {display:block; width:36px; height:44px; line-height:44px; position:absolute; top:0; right:0; text-align:center; background:#f7f7f7; cursor:pointer; } #mobileMenuItemList li .children {display:none; background:#f7f7f7; padding:0px 15px 10px 15px; border-bottom:5px solid #ccc; } #mobileMenuItemList li .collapse span {display:block; position:absolute; width:16px; height:16px; line-height:16px; text-align:center; top:50%; left:50%; margin:-8px 0 0 -8px;} #mobileMenuItemList li.open .collapse span {transform:rotate(90deg);} #mobileMenuItemList li.open .children {display:block;} #mobileMenuItemList li.open .children a {display:block; color:#000; text-decoration:none; padding:8px 0; font-weight:500; font-size:16px; border-bottom:1px solid #e8e8e8; } #mobileMenuItemList li.open .children div:last-child a {border-bottom:none; } #mainMenu ul li.extendMenu {position:unset; } #mainMenu ul li.extendMenu .children {width:100%; max-width:100%; } #mainMenu ul li.extendMenu .children .extendSubMenu {padding-top:10px; column-count:6; column-gap:30px; } #mainMenu ul li.extendMenu .children .extendBlock {padding-bottom:10px; page-break-inside:avoid; break-inside: avoid; } #mainMenu ul li.extendMenu .children .extendBlock .caption {font-size:16px; font-weight:bold; padding-bottom:10px; } #mobileMenuItemList li.extendMenu.open {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:1; box-sizing:border-box; } #mobileMenuItemList li.extendMenu.open > a {background:#f3f3f3; padding-left:40px; } #mobileMenuItemList li.extendMenu.open > .collapse {background:transparent; right:auto; left:0; } #mobileMenuItemList li.extendMenu.open > .collapse span {transform:rotate(180deg);} #mobileMenuItemList li.extendMenu.open .caption {display:block; position:relative; font-size:16px; line-height:20px; text-transform:uppercase; color:#000; text-decoration:none; padding:12px 15px; font-weight:bold; cursor:pointer; } #mobileMenuItemList li.extendMenu.open .children {padding:0;} #mobileMenuItemList li.extendMenu.open .extendBlock {border-top:1px solid #e5e5e5; } #mobileMenuItemList li.extendMenu.open .extendBlock.open {} #mobileMenuItemList li.extendMenu.open .extendBlock .collapse span {transform:rotate(0deg);} #mobileMenuItemList li.extendMenu.open .extendBlock.open .collapse span {transform:rotate(90deg);} #mobileMenuItemList li.extendMenu.open .extendBlock.open .items {display:block; padding:0 15px; } #mobileMenuItemList li.extendMenu.open .extendBlock.open .items a {border-top:1px solid #e8e8e8;} #mobileMenuItemList li.extendMenu.open .items {display:none; } /* Хлебные крошки */ #pagesPathList {} #pagesPathList .data {font-size:13px; font-weight:500; padding:5px 0 8px 0; border-bottom:1px solid #f7f7f7; } #pagesPathList span {vertical-align:top; display:inline-block; padding-bottom:3px;} #pagesPathList span.separator {padding-left:3px; padding-right:3px; color:#888; } #pagesPathList span.last {color:#888; } /* ============= */ /* Меню блоков "Наши преимущества" на главной */ #indexBlockMenu {font-size:0; margin:0 -10px; } #indexBlockMenu .item {display:block; padding:0 10px 20px 10px; vertical-align:top; width:33.33%; box-sizing:border-box; text-decoration:none; float:left;} #indexBlockMenu .item .data {display:block; width:100%; min-height:255px; box-sizing:border-box; background:#f3f3f3; box-shadow:none; transition:0.2s; overflow:hidden; text-decoration:none; border-radius:10px;} #indexBlockMenu .item .data .top {display:block; padding:15px 0 18px 0; position:relative;} #indexBlockMenu .item .data .top .border {display:block; height:15px; width:80%; border-bottom:1px solid #acacac; margin:0 auto; } #indexBlockMenu .item .data .name {display:block; margin:0 auto; padding:0 15px; text-align:center; color:#353535; font-size:20px; font-weight:500; line-height:24px; text-transform:uppercase;} #indexBlockMenu .item .data .bottom {display:block; margin:0 auto; padding:0 20px 15px 20px; text-align:center; color:#6e6e6e; font-size:16px; } #indexBlockMenu .item .data .icon {display:block; width: 36px; height:36px; margin:0 auto 15px; position:relative; overflow:hidden;} #indexBlockMenu .item .data .icon img {display:block; width:36px; position:absolute; left:0; top:0; } #indexBlockMenu .item .data:hover {background:#fff; box-shadow:0 0 14px -5px rgba(0,0,0,0.2); } #indexBlockMenu .item .data:hover .icon img {top:-49px;} #indexBlockMenu .item .data:hover .name {color:#000; } /* Меню с картинками дверей на главной */ #indexDoorMenu {font-size:0; margin:0 -10px; } #indexDoorMenu .item {display:inline-block; padding:0 10px 20px 10px; vertical-align:top; width:16.66%; box-sizing:border-box; text-decoration:none;} #indexDoorMenu .item a {display:block; box-sizing:border-box; } #indexDoorMenu .item a img {display:block; margin:0 auto; text-decoration:none; } #indexDoorMenu .item a .name {display:block; padding-top:15px; font-size:18px; text-align:center;} /* Сворачиваемый текст */ .collapseTextContent {padding-bottom:20px;} .collapseTextContent .collapseTextData {margin-bottom:10px;} .collapseTextContent .collapseTextData.isCollapse {max-height:150px; overflow:hidden; position:relative; padding-bottom:30px;} .collapseTextContent .collapseTextData.isCollapse:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:30px; background:linear-gradient(to top, #ffffff, transparent); z-index:1; } .collapseTextContent a.controlCollapseLink {font-weight:500; } /* Анонс категорий каталога */ #catalogIndexAnons {} #catalogIndexAnons .categoryItem {border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px;} #catalogIndexAnons .categoryItem:last-child {margin-bottom:0;} #catalogIndexAnons .categoryItem .textData {float:left; width:25%; box-sizing:border-box;} #catalogIndexAnons .categoryItem .textData .h3 {text-align:left;} #catalogIndexAnons .categoryItem .anonsListData {padding-left:27%; box-sizing:border-box; } #catalogIndexAnons .categoryItem .textData .link a {font-weight:bold;} /* Таблица из 5-ти пунктов */ #numBlockMenu {display:table; width:100%; border-collapse:collapse; margin:5px 0 10px 0;} #numBlockMenu .item {display:table-cell; width:20%; border:1px solid #c9ccd1; } #numBlockMenu .item .header {background:#f4f5f7; padding:15px; text-align:center;} #numBlockMenu .item .header .num {color:#aaa; font-size:56px;} #numBlockMenu .item .header .text {font-weight:500; color:#333; line-height:22px; min-height:100px;} #numBlockMenu .item .textData {padding:15px;} #numBlockMenu .item .textData .link {padding-top:10px;} /* Список товаров каталога */ #catalogItemData {padding-bottom:15px;} .catalogItemListData {margin:0 -5px; font-size:0;} .catalogItemListData .item {display:inline-block; width:25%; padding:0 5px 10px 5px; box-sizing:border-box; vertical-align:top;} .catalogItemListData .item .iData {padding:10px; border:1px solid transparent; transition:box-shadow 0.2s, border 0.2s; border-radius:10px;} .catalogItemListData .item .iData:hover {box-shadow:0 0 14px -5px rgba(0,0,0,0.2); border:1px solid #ccc;} .catalogItemListData .item a {display:block; text-decoration:none; text-align:center; color:#6e6e6e; box-sizing:border-box; } .catalogItemListData .item a .image {position:relative; display:inline-block; margin-bottom:15px; /* box-shadow:0 0 26px 8px rgba(100, 100, 100, 0.4); */ transition:box-shadow 0.3s;} .catalogItemListData .item a:hover .image {box-shadow:none;} .catalogItemListData .item a .image img.main {display:block; margin:0 auto; max-height:240px;} .catalogItemListData .item a .image img.percent {display:block; position:absolute; top:0; right:0; width:30px;} .catalogItemListData .item a .image .fixPercent {display:block; position:absolute; top:5px; left:0; width:38px;} .catalogItemListData .item a .image .fixPercent img {display:block; position:absolute; top:0; right:0; height:16px;} .catalogItemListData .item a .image .fixPercent span {font-size:11px; font-weight:bold; color:#fff; display:block; width:32px; text-align:center; position:absolute; top:3px; left:2px; line-height:10px;} .catalogItemListData .item a .image img.archive {display:block; position:absolute; bottom:0; right:0; } .catalogItemListData .item a .image img.al {display:block; position:absolute; bottom:0; left:0; width:38px;} .catalogItemListData .item a .image img.box360 {display:block; position:absolute; bottom:0; left:0; width:38px;} .catalogItemListData .item a .name {display:block; font-size:16px; font-weight:500; min-height:36px; } .catalogItemListData .item a .colorName {display:block; font-size:13px; padding-top:3px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .catalogItemListData .item a .glassName {display:block; font-size:13px; padding-top:3px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .catalogItemListData .item a .cost {display:block; padding-top:10px; white-space:nowrap;} .catalogItemListData .item a .cost .real {font-weight:bold; font-size:18px; color:#333; } .catalogItemListData .item a .cost .old {font-size:14px;} .catalogItemListData .item a .cost .old span {font-weight:500; letter-spacing:-1px; font-size:14px; text-decoration:line-through;} .catalogItemListData .item a:hover .name {color:#000;} .catalogItemListData .item a:hover .cost .real {color:#000;} .catalogItemListData.anonsSectList .item {width:25%;} .catalogItemListData.collectionList .item {width:16.66%;} .isRoot .catalogItemListData.collectionList .item {width:25%;} .catalogItemListData.anonsItemList {padding-bottom:15px;} .catalogItemListData.anonsItemList .item {width:16.66%;} .catalogItemListData.anonsIronList .item {width:25%;} .catalogItemListData.anonsIronList .item .name {height:36px; line-height:18px; overflow:hidden; } .catalogItemListData.anonsIronList .item .cost {font-size:18px; font-weight:bold; color:#000; } /* Анонс коллекций */ #catalogCollectionList .collectionSeparator {text-align:center; position:relative; padding:0 20px; } #catalogCollectionList .collectionSeparator span {display:inline-block; background:#fff; padding:3px 10px; font-weight:500; color:#888; position:relative; } #catalogCollectionList .collectionSeparator:before {content:""; display:block; position:absolute; left:0; top:50%; height:1px; width:100%; background:#ddd; } #catalogCollectionList .h3 {padding-bottom:20px;} #catalogCollectionList .collectionBanner {padding:8px 0;} #catalogCollectionList .collectionBanner img {display:block; margin:0 auto;} .collectionItem a.collectionLink {color:#333;} .collectionItem a.collectionLink:hover {color:#000;} .collectionInfo {padding:15px 0 20px 0; border-bottom:1px dotted #fff; margin-bottom:15px;} .collectionInfo .countData {float:left;} .collectionInfo .caption {color:#000; font-weight:500;} .collectionInfo i {display:inline-block; font-style:normal; line-height:28px; height:28px; font-weight:500; color:#fff; padding:0 10px; margin-left:10px; background:#bbb; border-radius:3px; } .collectionInfo .costData i {margin-right:20px; } .collectionInfo .styleBtn {line-height:28px; height:28px; margin:0; font-size:15px; vertical-align:top;} .collectionInfo .costData {float:right;} .collectionGoCatalogLink {text-align:center;} /* Пагинация */ .stdPagination {padding-bottom:20px;} .stdPagination .loadMoreBtn {padding-bottom:10px;} .stdPagination .loadMoreBtn a {display:block; line-height:40px; background:#9b9c9d; color:#fff; text-align:center; text-decoration:none; border-radius:5px; font-weight:500;} .stdPagination .loadMoreBtn a:hover, .stdPagination .loadMoreBtn a.isProcess {background:#5bc029; color:#fff;} .stdPagination .loadMoreBtn a img {display:none; vertical-align:-2px; margin-right:5px; width:16px; heigth:16px; } .stdPagination .loadMoreBtn a.isProcess img {display:inline-block; } .stdPagination .loadPagesList {text-align:center;} .stdPagination .loadPagesList a {display:inline-block; line-height:32px; font-weight:500; font-size:14px; min-width:32px; box-sizing:border-box; margin-right:5px; background:#e9e9e9; color:#333; text-decoration:none; text-align:center; border-radius:3px;} .stdPagination .loadPagesList a:hover {background:#9b9c9d; color:#fff; } .stdPagination .loadPagesList a.active {background:#5bc029; color:#fff; } /* Наша команда */ .commandImageGroup {overflow:hidden; padding-top:10px;} .commandImageGroup .commandImageData {margin:0 -10px; font-size:0;} .commandImageGroup .commandImageData .item {display:inline-block; width:14.28%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top;} .commandImageGroup .commandImageData .item .itemData {text-align:center;} .commandImageGroup .commandImageData .item .itemData img {max-width:100%; height:auto; display:block; margin:0 auto;} .commandImageGroup .commandImageData .item .itemData .name {display:block; font-size:17px; padding-top:10px;} .commandImageGroup .commandImageData .item .itemData .text {display:block; font-size:17px; padding-top:10px;} /* Наши клиенты */ .clientsImageGroup {overflow:hidden; padding-top:10px;} .clientsImageGroup .clientsImageData {margin:0 -10px; font-size:0; text-align:center;} .clientsImageGroup .clientsImageData .item {display:inline-block; width:20%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:middle;} .clientsImageGroup .clientsImageData .item img {max-width:100%; height:auto; display:block; margin:0 auto;} /* Слайдер из группы картинок */ .vendorSlider {position:relative; margin-top:-10px; margin-left:auto; margin-right:auto; max-width:1920px;} .sliderSizeImage {width:100%; max-width:100%; height:auto; opacity:0; display:block; } .vendorSliderData {position:absolute; left:0; top:0; width:100%; height:100%;} .vendorSliderData .slide {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-size:auto 100%; background-position:center center; background-repeat:no-repeat;} .vendorSliderData .slide.active {opacity:1; z-index:2;} .vendorSliderData .slide .sliderContent {height:100%;} .vendorSliderData .slide .sliderData {height:100%; position:relative; } .vendorSliderData .slide .text {width:35%; height:100%; position:absolute; right:55px; top:0;} .vendorSliderData .slide .text table {width:100%; height:100%; } .vendorSliderData .slide .text table td {vertical-align:middle; color:#fff; font-size:24px; text-align:center; } .vendorSliderData .slide .text table td b {} .vendorSliderData .slide .text table td span {display:inline-block; margin-top:20px; font-weight:500; background:#ffe400; color:#000; font-size:21px; padding:0 35px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box; margin-left:15px;} .vendorSliderData .slide .text table td i.bold {font-weight:bold; font-style:normal;} .vendorSliderData .slide a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .vendorSliderData .slide:hover .text table td span {background:#ffd800; } .vendorSlider .points {position:absolute; padding-top:10px; left:0; bottom:5px; width:100%; text-align:center; z-index:3;} .vendorSlider .points .point {display:inline-block; padding:10px; cursor:pointer; } .vendorSlider .points .point span {display:inline-block; width:8px; height:8px; border:1px solid #fff; border-radius:10px;} .vendorSlider .points .point:hover span {background:#ffe400;} .vendorSlider .points .point.active span {background:#fff;} .vendorSlider .arrow {display:block; position:absolute; top:50%; margin-top:-20px; width:50px; height:40px; cursor:pointer; z-index:3; } .vendorSlider .arrow i {font-size:32px; line-height:40px; color:#fff; } .vendorSlider .arrow.next {right:10px;} .vendorSlider .arrow.next:hover i { color:#ffe400; } .vendorSlider .arrow.prev {left:10px; } .vendorSlider .arrow.prev:hover i { color:#ffe400;} /* Страница производство */ .vendorLendBlock {position:relative; padding-bottom:90px; margin-bottom:10px;} .vendorLendBlock:before {position:absolute; bottom:0%; content:""; font-size:82px; color:#f1f1f1; font-weight:bold; z-index:-1; } .vendorLendBlock .cols {float:left;} .vendorLendBlock .cols.alignRight {float:right;} .vendorLendBlock .cols.text {width:65%; box-sizing:border-box;} .vendorLendBlock .cols.text .h1 span {display:block;} .vendorLendBlock .cols.image {width:35%; padding-left:30px; box-sizing:border-box;} .vendorLendBlock .cols.image img {display:block; max-width:100%; height:auto; margin:0 0 0 auto; } .vendorLendBlock .cols.image.left {padding-left:0px; padding-right:30px; } .vendorLendBlock .cols.image.left img {margin:auto 0 0 0;} .vendorLendBlock.quality:before {right:0; content:"Качество";} .vendorLendBlock.design:before {left:0; content:"Дизайн";} /* Анимированные GIF "Мы производим" */ #weProduce {} #weProduceData {margin:0 -5px; font-size:0; padding-top:20px; padding-bottom:30px; text-align:center; } #weProduceData .item {display:inline-block; width:20%; padding:0 5px; vertical-align:top; box-sizing:border-box;} #weProduceData .item a {display:block; border-radius:5px; text-decoration:none; text-align:center; font-size:16px; padding:10px; min-height:140px; font-weight:500;} #weProduceData .item a img {max-width:100%; height:auto; display:block;} #weProduceData .item a img.animate {display:none;} #weProduceData .item a:hover {color:#000; box-shadow:0 0 9px -2px rgba(0,0,0,0.5);} #weProduceData .item a:hover img.animate {display:block;} #weProduceData .item a:hover img.static {display:none;} /* Формы */ .feebackFormBlock {padding:10px 0;} .feebackFormBlock.isProcess {position:relative;} .feebackFormBlock.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.7) url('../img/loading-green.svg') no-repeat center center; z-index:5;} .stdFormData .rowLine {padding-bottom:15px;} .stdFormData .rowLine .caption {width:200px; float:left; padding-top:5px;} .stdFormData .rowLine .caption .required {color:red; } .stdFormData .rowLine .input {margin-left:220px;} .stdFormData .rowLine.isCaptionfalse .input {margin-left:0px;} .stdFormData .rowLine .input .stdFormError {font-size:13px; color:red; padding-top:2px; } .stdFormData .rowLine .input .stdInput, .stdFormData .rowLine .input .stdPassword {padding:5px 10px; width:100%; border:1px solid #cccccc; box-sizing:border-box; height:35px; border-radius:4px;} .stdFormData .rowLine .input .stdSelect {padding:5px; width:100%; border:1px solid #d8e0e8; box-sizing:border-box; height:35px; border-radius:4px 0 0 4px; font-family:inherit;} .stdFormData .rowLine .input .stdSelect option {font-family:Tahoma;} .stdFormData .rowLine .input .stdTextarea {padding:5px 10px; width:100%; min-height:100px; border:1px solid #cccccc; box-sizing:border-box; resize:vertical; border-radius:4px;} .stdFormData .rowLine .input .stdFileselect {width:180px; height:35px; overflow:hidden; position:relative;} .stdFormData .rowLine .input .stdFileselect .fsBtn {display:block; line-height:34px; height:35px; background:#9b9c9d; color:#fff; padding:0 7px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; } .stdFormData .rowLine .input .stdFileselect:hover .fsBtn {background:#5bc029; color:#fff;} .stdFormData .rowLine .input .stdFileselect input {cursor:pointer; direction:ltr; font-size:23px; margin:0; opacity:0; position:absolute; right:0; top:0; transform:translate(-300px, 0px) scale(4);} .stdFormData .rowLine .input .stdFileselect .fsDel {position:absolute; right:0; top:0; height:35px; width:35px; background:#fff; display:block; cursor:pointer; display:none;} .stdFormData .rowLine .input .stdFileselect .fsDel:before {display:block; position:absolute; left:12px; top:7px; color:red; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-suze:18px;} .stdFormData .stdLineCheckbox .stdCheckbox {display:none;} .stdFormData .stdLineCheckbox label {position:relative; display:inline-block; padding:5px 0 5px 25px; box-sizing:border-box; cursor:pointer;} .stdFormData .stdLineCheckbox label:before {content:"\f04d"; font-family:"Font Awesome 5 Pro"; font-size:17px; color:#333; position:absolute; left:0; top:3px; height:25px; width:25px; line-height:24px;} .stdFormData .stdLineCheckbox input:checked + label:before {content:"\f14a"; } .stdFormData .consentCheckControl {font-size:12px;} .stdFormData .consentCheckControl label {padding-left:20px;} .stdFormData .consentCheckControl label:before {top:0;} .stdFormData .rowLine .input .stdCaptchaImage {width:110px; height:50px; cursor:pointer; } .stdFormData .rowLine .input .stdCaptcha {padding:5px 10px; width:60px; border:1px solid #cccccc; vertical-align:top; margin:8px 10px 0 10px; box-sizing:border-box; height:35px; border-radius:4px;} .stdFormData .rowLine .input .stdUpdateCapchaCode {display:inline-block; margin-top:17px; border-bottom:1px dashed #333; color:#333; cursor:pointer; line-height:16px; font-size:14px; vertical-align:top; } .stdFormData .rowLine .input .stdUpdateCapchaCode:hover {border-bottom:1px solid transparent;} .stdFormData .rowSubmit {padding-bottom:10px;} .stdFormData .rowSubmit button {display:inline-block; height:40px; line-height:39px; border:none; white-space:nowrap; border-radius:3px; background:#5bc029; color:#fff; font-weight:bold; padding:0 20px; cursor:pointer; font-family:inherit; font-size:16px;} .stdFormData .rowSubmit button:hover {background:#8dd36a;} /* Форма вызова замерщика */ #feebackFormBlock8 {text-align:left; } #feebackFormBlock8 .stdFormData .rowLine .caption {float:none; padding:0 0 5px 0; font-weight:bold; } #feebackFormBlock8 .stdFormData .rowLine .input {margin-left:0; } #feebackFormBlock8 .stdFormData .rowSubmit {text-align:center;} /* SEO-фильтр */ #mobileFilterBtn {display:none; border-left:1px solid #fff; height:48px; font-size:16px; color:#757575; font-weight:bold; font-size:16px; text-decoration:none; position:relative; margin:0 auto; padding:24px 15px 0 45px; line-height:0px; box-sizing:border-box; border-radius:5px; cursor:pointer; } #mobileFilterBtn span {display:block; position:absolute; left:10px; top:13px; } #mobileFilterBtn span i {display:block; font-size:24px; line-height:24px;} #mobileFilterBtn span i.fas {display:none; color:#5bc029; } #mobileFilterBtn span b {display:none; font-size:11px; line-height:10px; text-align:center; position:absolute; top:-6px; right:-6px; min-width:10px; background:#f0f0f0; padding:2px; border-radius:3px; border:1px solid #ccc; } #mobileFilterBtn.isUse span i.far {display:none;} #mobileFilterBtn.isUse span i.fas {display:block;} #mobileFilterBtn.isUse span b {display:block;} #mobileFilterBtn:hover {color:#000;} body.isFilterOpen {overflow:hidden;} #filterHelpOverlay {display:none; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:4; } #filterMobileBtn { position:absolute; left:130px; top:120px;} .isFixedHeader #filterMobileBtn { top:60px;} #filterMobileBtn .helper {position:absolute; left:0px; top:0; width:160px; height:70px; background:url('../img/chalk.png') no-repeat 0 0; padding:25px 0 0 40px; color:#fff; font-size:14px; z-index:5; } #filterMobileBtn .helper .close {position:absolute; right:8px; top:5px; font-size:20px;} .filterHelpShow #filterHelpOverlay {display:block;} .filterHelpShow #mainMenuContainer {z-index:6;} .filterHelpShow #searchOpen {display:none;} #catalogFilterContainer {background:#fff; width:100%; height:100%; padding:10px 0px 75px 0px; box-sizing:border-box;} #catalogFilterData {width:100%; height:100%; background:#fff;} #catalogFilterData .container {padding-right:5px;} #catalogFilterControl {position:absolute; bottom:20px; left:0px; width:100%; box-sizing:border-box; text-align:center;} #catalogFilterControl .close {display:none; margin:0 0 12px 0; font-size:14px; text-align:center; margin:0 0 10px 0; padding:0; width:200px;} #catalogFilterControl .clear {margin:0 0 12px 0; background:#e9e9e9; font-size:14px; color:#777; text-align:center; margin:0; padding:0; width:200px;} #catalogFilterControl .clear:hover {background:#9b9c9d; color:#fff;} /* BARON STYLE SCROLLER */ .baron__clipper {position:relative; overflow:hidden; height:100%; } .baron__scroller {overflow-y:hidden; -ms-overflow-style:none; margin:0; border:0; padding:0; width:100%; height:100%; -webkit-overflow-scrolling:touch; padding-right:10px; } .baron__scroller::-webkit-scrollbar {width:0;} .baron__track {position:absolute; top:0px; right:0px; bottom:0px; width:10px; } .isDesktop .baron__track {opacity:0; transition:opacity 0.2s;} .isDesktop .baron__root:hover .baron__track {opacity:1;} .baron__track:before {content:""; position:absolute; top:0px; right:2px; height:100%; width:4px; background:#f2f2f2;} .baron__free {position:absolute; top:0; bottom:0; right:0;} .baron__bar {position:absolute; right:0; z-index:1; width:8px; background:#5bc029; border-radius:4px; opacity:0; transition:opacity 0.3s; } .baron__root._scrollbar .baron__bar {opacity:1;} .baron__control {display:none; width:15px; height:15px;} /* Фильтр каталога слева */ #catalogFilterContainer {} #catalogFilterContainer .closeBtn {display:none; width:24px; height:24px; position:absolute; top:12px; left:10px; cursor:pointer; } .isFilterOpen #catalogFilterContainer .closeBtn {display:block;} #catalogFilterContainer .closeBtn span {font-size:22px; color:#5bc029; width:100%; text-align:center; line-height:24px;} #catalogFilterContainer .closeBtn:hover span {color:#000;} #catalogFilterContainer .filterCaption {display:none; position:absolute; top:12px; left:50px; font-weight:bold; font-size:18px;} .isFilterOpen #catalogFilterContainer .filterCaption {display:block;} .isFilterOpen.filterRun #catalogFilterContainer .filterMobileLoadingUpdate {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.7) url('../img/loading-green.svg') no-repeat center center; z-index:5;} #extSearchForm {margin-bottom:15px;} #catalogFilterContainer .filterOne {box-sizing:border-box; position:relative;} #catalogFilterContainer .filterOne .caption {color:#000; background:#f7f7f7; border-bottom:1px solid #fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; padding-left:10px; box-sizing:border-box; position:relative; font-weight:bold; line-height:35px; cursor:pointer; border-radius:5px;} #catalogFilterContainer .filterOne .caption:hover {color:#777;} #catalogFilterContainer .filterOne.isSelecttrue .caption {padding-right:62px;} #catalogFilterContainer .filterOne .caption i {display:block; width:12px; height:11px; line-height:10px; text-align:center; position:absolute; right:10px; top:13px; transition:transform 0.2s;} #catalogFilterContainer .filterOne .caption span {position:absolute; right:30px; top:50%; margin-top:-10px; display:block; height:20px; line-height:20px; color:#888; font-size:11px; text-align:right; text-decoration:underline; font-weight:normal; letter-spacing:0; text-transform:none;} #catalogFilterContainer .filterOne .caption:hover i {color:#777;} #catalogFilterContainer .filterOne.open .caption i {transform:rotate(180deg);} #catalogFilterContainer .filterOne .optionList {display:none; padding:10px; border-bottom:1px solid #fff; } #catalogFilterContainer .filterBlock:last-child .filterOne .optionList {border-bottom:none;} #catalogFilterContainer .filterOne.open .optionList {display:block; } #catalogFilterContainer .filterOne .listData {overflow-y:hidden;} #catalogFilterContainer .filterOne .collapseBtn {padding-top:5px; font-size:13px; text-align:right;} #catalogFilterContainer .filterOne .collapseBtn span {display:inline-block; color:#5a5a5a; border-bottom:1px dashed #5a5a5a; cursor:pointer; } #catalogFilterContainer .filterOne .collapseBtn span:hover {color:#000; border-bottom:1px dashed transparent; } #catalogFilterContainer .filterOne .collapseBtn span.show {display:none;} #catalogFilterContainer .filterOne .isCollapsed .collapseBtn span.hide {display:none;} #catalogFilterContainer .filterOne .isCollapsed .collapseBtn span.show {display:inline-block;} #catalogFilterContainer .filterOne .filterItem .valueItem {display:block; padding-left:20px; height:26px; font-size:14px; line-height:26px; color:#5a5a5a; text-decoration:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } #catalogFilterContainer .filterOne .filterItem .valueItem:hover {color:#000; } #catalogFilterContainer .filterOne .filterItem .valueItem i {display:block; font-size:16px; width:15px; height:16px; line-heihgt:16px; text-align:center; position:absolute; left:0; top:5px; } #catalogFilterContainer .filterOne .filterItem .valueItem i.setCheck {display:none; font-size:15px; top:6px; } #catalogFilterContainer .filterOne .filterItem .valueItem.checked {font-weight:bold; color:#000;} #catalogFilterContainer .filterOne .filterItem .valueItem.checked i.setCheck {display:block;} #catalogFilterContainer .filterOne .filterItem .valueItem.checked i.notCheck {display:none;} #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {opacity:0.4; cursor:default;} #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {color:#000; } #catalogFilterContainer .filterOne .filterItem.asColor {padding-left:0px; } #catalogFilterContainer .filterOne .filterItem.asColor .valueItem {padding-left:30px;} #catalogFilterContainer .filterOne .filterItem.asColor .image {position:absolute; left:0; top:1px; width:20px; height:20px; border:2px solid #eee; } #catalogFilterContainer .filterOne .filterItem.asColor .image img {width:100%; height:auto; padding:1px; box-sizing:border-box;} #catalogFilterContainer .filterOne .filterItem.asColor:hover .image {border:2px solid #aaa;} #catalogFilterContainer .filterOne .filterItem.asColor:hover .disabled .image {border:2px solid #eee;} #catalogFilterContainer .filterOne .filterItem.asColor .checked .image {border:2px solid #aaa;} #catalogFilterContainer .filterOne .filterItem.asColor .valueItem i {display:none;} #catalogFilterContainer .filterOne .filterItem.asColor .valueItem.checked i {display:block; color:#000; left:6px;} /* Убрать если галочку в квадрате цвета */ #catalogFilterContainer .filterOne .filterItem.asColor .valueItem.checked {padding-left:50px;} #catalogFilterContainer .filterOne .filterItem.asColor .valueItem.checked i {left:30px;} #catalogFilterContainer .filterOne .filterItem.asType {padding-left:0px; display:inline-block; float:left; width:50%;} #catalogFilterContainer .filterOne .filterItem.asType .valueItem {padding-left:0px; text-align:center; height:68px; padding:0 5px; overflow:unset; } #catalogFilterContainer .filterOne .filterItem.asType .image {display:block; text-align:center; opacity:0.5;} #catalogFilterContainer .filterOne .filterItem.asType .image img {display:block; width:30px; height:30px; margin:0 auto; } #catalogFilterContainer .filterOne .filterItem.asType .name {text-align:center; height:30px; line-height:14px; font-size:13px; white-space:normal; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #catalogFilterContainer .filterOne .filterItem.asType:hover .image { opacity:1;} #catalogFilterContainer .filterOne .filterItem.asType:hover .disabled .image { opacity:0.5;} #catalogFilterContainer .filterOne .filterItem.asType .checked .image { opacity:1;} .filterRun #catalogFilterContainer {position:relative;} .isFilterOpen.filterRun #catalogFilterContainer {position:absolute;} .filterRun #catalogUpdateFilterData {position:relative;} .filterRun #catalogUpdateFilterData .filterLoadingUpdate {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.8) url('../img/loading-green.svg') no-repeat center 0; z-index:5;} .isFilterOpen.filterRun #catalogUpdateFilterData .filterLoadingUpdate {display:none;} /* Список товаров */ .catalogListTopText {padding-bottom:15px;} .catalogListBottomText {padding-top:15px;} #listControlBlock {background:#f3f3f3; padding:7px 15px; position:relative; margin-bottom:15px; border-radius:10px; } #listControlBlock .sort {} #listControlBlock .sort .caption {display:inline-block; vertical-align:top; font-size:15px; font-weight:500; line-height:18px; padding-right:10px;} #listControlBlock .sort a {display:inline-block; vertical-align:top; font-size:15px; font-weight:500; line-height:18px; margin-right:10px; position:relative; white-space:nowrap; } #listControlBlock .sort a:last-child {margin-right:0;} #listControlBlock .sort a i {display:none; width:16px; height:16px; line-height:15px; text-align:center; position:absolute; right:-2px; top:3px; } #listControlBlock .sort a.active {padding-right:12px; font-weight:bold; color:#000; } #listControlBlock .sort a.active i {display:block; } #listControlBlock .sort a.active.desc i {transform:rotate(180deg); line-height:16px; } #itemListNotFount {background:#e9e9e9; color:#000; border:1px solid #ddd; padding:5px 10px; border-radius:3px; margin-bottom:20px;} /* Карточка товара */ #cardFullData {padding:10px 0 20px 0;} #catalogUpdateCardData {position:relative;} .cardChangeRun #catalogUpdateCardData .cardLoadingUpdate {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.8) url('../img/loading-green.svg') no-repeat center 0; z-index:5;} #cardImageData {width:65%; float:left; padding-right:30px; box-sizing:border-box;} #cardInfoData {padding-left:65%;} #imagesDataTable {display:table; width:100%;} #mainImageData {display:table-cell; text-align:center; vertical-align:top;} #mainFullImage {display:inline-block; text-decoration:none; position:relative;} #mainFullImage img.main {display:block; margin:0 auto; } #mainFullImage img.percent {display:block; position:absolute; top:0; right:0; } #mainFullImage .fixPercent {display:block; position:absolute; top:10px; left:0; width:46px; height:22px; } #mainFullImage .fixPercent img {display:block; position:absolute; top:0; right:0; height:22px;} #mainFullImage .fixPercent span {display:block; position:absolute; top:5px; left:5px; width:28px; text-align:center; font-weight:bold; font-size:13px; line-height:10px; color:#000; } #mainFullImage img.archive {display:block; position:absolute; bottom:0; right:0; } #mainFullImage img.al {display:block; position:absolute; bottom:0; left:0; } #mainFullImage img.box360 {display:block; position:absolute; bottom:0; left:0; } #mainImageData .stars {font-size:14px; padding:5px 0; text-align:center;} #mainImageData .stars span {margin-right:3px; color:#888;} #mainImageData .stars span.count {margin-left:5px; color:#454545; margin-right:0;} #mainImageData .stars span.count a {color:#333; text-decoration:none; display:inline-block; border-bottom:1px dashed #333; line-height:14px; } #mainImageData .stars span.count a:hover {border-bottom:1px dashed transparent;} #mainImageData .stars span.fas {color:#ebbc00;} #doorCardExtendSlider {max-width:340px;} #mainImageData .miniGallery {font-size:0; /* margin:0 -5px; */ padding-top:15px;} #mainImageData .miniGallery .item {padding:0 5px; width:25%; display:inline-block; vertical-align:top; box-sizing:border-box;} #mainImageData .miniGallery .item a {text-decoration:none; display:block; padding:5px; border:1px solid #eee; border-radius:5px;} #mainImageData .miniGallery .item a:hover {border:1px solid #ccc; } #mainImageData .miniGallery .item a img {display:block; max-height:65px; margin:0 auto;} #cgVariantData {display:table-cell; text-align:center; width:60%; vertical-align:top;} #cgVariantData .baron__root .container {padding-right:10px;} #cgVariantData .baron__root._scrollbar .container {padding-right:0px;} #cgVariantDataCols {display:table; width:100%; } #cgVariantDataCols .cgListCols {display:table-cell; vertical-align:top; padding-left:30px;} #cgVariantDataCols .cgListCols.glass {width:50%; } #cgVariantDataCols .cgListCols .caption {height:43px; font-weight:500; font-size:15px; color:#000; text-align:left; } #colorListData {width:200px; margin:0 auto;} #glassListData {width:200px; margin:0 auto;} #cgVariantDataCols .baron__clipper {height:387px;} #cgVariantData .cgOne {text-align:left; position:relative; height:43px; padding-right:30px; box-sizing:border-box; overflow:hidden;} #cgVariantData .cgOne .change {display:block; text-decoration:none; position:relative; width:100%; height:100%; box-sizing:border-box; padding-left:50px; font-size:14px; color:#555; } #cgVariantData .cgOne .change .image {display:block; border:2px solid #eee; padding:2px; width:43px; height:43px; position:absolute; left:0; top:0; box-sizing:border-box; } #cgVariantData .cgOne .change .image img {display:block; max-width:100%; height:auto; } #cgVariantData .cgOne .change .name {display:table; width:100%; height:100%; } #cgVariantData .cgOne .change .name .td {display:table-cell; width:100%; height:100%; text-align:left; vertical-align:middle; } #cgVariantData .cgOne .change .name .td span {max-height:32px; line-height:15px; font-size:13px; white-space:normal; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #cgVariantData .cgOne .change:hover .image {border:2px solid #ccc; } #cgVariantData .cgOne .change:hover .name .td span {color:#000;} #cgVariantData .cgOne.active .change .image {border:3px solid #aaa} #cgVariantData .cgOne.active .change .name .td span {color:#000; font-weight:bold;} #cgVariantData .cgOne .show {display:block; width:22px; height:22px; margin-top:-11px; position:absolute; right:5px; top:50%;} #cgVariantData .cgOne .show i {width:100%; text-align:center; height:22px; line-height:22px; font-size:15px; color:#888;} #cgVariantData .cgOne .show:hover i {color:#000; } #cgVariantData .cgOne .show.iconRed i {color:red; } #cgVariantData .cgOne .show.iconRed:hover i {opacity:0.7;} #cardCalcData {background:#fff; } #cardCalcData .isArchive {background:#f7f7f7; padding:10px 15px; color:red; font-size:14px; font-weight:500;} #cardCalcData .numCaption {font-weight:bold; padding:6px 0 15px 37px; font-size:15px; color:#000; text-align:left; position:relative; } #cardCalcData .numCaption span {display:block; width:30px; height:30px; line-height:28px; position:absolute; left:-8px; top:0; text-align:center; border:1px solid #000; border-radius:100px; } #cardCalcData .numCaption i {font-style:normal; } #cardCalcData .numCaption.clickable {cursor:pointer;} #cardCalcData .numCaption.clickable i {display:inline-block; border-bottom:1px dashed #000; } #cardCalcData .numCaption.clickable:hover i {border-bottom:1px dashed transparent; } #itemSizeSelector {padding-bottom:15px; padding-top:10px; font-weight:500;} #itemSizeSelector.hide {display:none;} #itemSizeSelector .size {padding:0 0 15px 26px; font-size:22px; width:180px; display:inline-block; box-sizing:border-box; vertical-align:top; position:relative; cursor:pointer; } #itemSizeSelector .size span {width:18px; height:18px; display:block; border:1px solid #454545; position:absolute; left:0; top:2px; border-radius:100px;} #itemSizeSelector .size.checked span {border:1px solid #5BC029;} #itemSizeSelector .size.checked span:before {content:""; width:12px; height:12px; background:#5BC029; position:absolute; left:3px; top:3px; border-radius:100px;} #itemSizeSelector .manual {} #itemSizeSelector .manual input {padding:5px 10px; border:2px solid #5bc029; height:40px; font-size:18px; width:100%; box-sizing:border-box; border-radius:5px; } #itemSizeSelector .manual input:disabled {background:#f0f0f0; border:2px solid #aaa;} #itemSizeSelector .manual div {padding-top:5px; font-size:16px;} #itemSizeSelector .zamer {padding:5px 5px 5px 34px; margin-top:20px; color:#5bc029; font-size:18px; line-height:25px; height:40px; box-sizing:border-box; position:relative; cursor:pointer; border:2px solid #5bc029; border-radius:5px; } #itemSizeSelector .zamer span {width:16px; height:16px; display:block; border:1px solid #454545; background:#fff; position:absolute; left:10px; top:9px; } #itemSizeSelector .zamer.checked span {border:1px solid #5BC029;} #itemSizeSelector .zamer.checked span:before {content:""; width:10px; height:10px; background:#5BC029; position:absolute; left:3px; top:3px; } #cardCalcData .caption {font-weight:bold; padding-top:10px; font-size:15px; color:#000; text-align:left; } #cardCalcData .calcLine {height:30px; border-bottom:1px dotted #aaa; position:relative; font-weight:500; font-size:15px; margin-bottom:10px;} #cardCalcData .calcLine .name {height:21px; line-height:21px; position:absolute; left:0; bottom:-2px; background:#fff; padding-left:22px; cursor:pointer; } #cardCalcData .calcLine .name i {display:block; width:20px; height:20px; line-height:20px; font-size:17px; text-align:center; position:absolute; left:0; top:0px;} #cardCalcData .calcLine .name .setCheck {display:none;} #cardCalcData .calcLine .name .fixCheck {display:none;} #cardCalcData .calcLine .name:hover {color:#000;} #cardCalcData .calcLine.fix .name {cursor:default; color:#000; } #cardCalcData .calcLine.fix .name .setCheck {display:none;} #cardCalcData .calcLine.fix.check .name .setCheck {display:none;} #cardCalcData .calcLine.fix .name .notCheck {display:none;} #cardCalcData .calcLine.fix .name .fixCheck {display:block;} #cardCalcData .calcLine.fix .name span {position:relative;} #cardCalcData .calcLine .name span b {display:block; position:absolute; left:100%; top:-10px; margin-left:2px; color:#fff; font-size:11px; background:red; line-height:10px; padding:3px 3px; border-radius:3px;} #cardCalcData .calcLine.check .name {color:#000;} #cardCalcData .calcLine.check .name .setCheck {display:block;} #cardCalcData .calcLine.check .name .notCheck {display:none;} #cardCalcData .calcLine .value {background:#fff; height:21px; line-height:21px; padding-left:5px; position:absolute; right:120px; bottom:-2px;} #cardCalcData .calcLine .value span {text-decoration:line-through;} #cardCalcData .calcLine.noControl .value {right:0px;} #cardCalcData .calcLine .control {width:120px; padding:0 35px 0 45px; position:absolute; right:0; bottom:-4px; height:30px; box-sizing:border-box; background:#fff; } #cardCalcData .calcLine .control .count {width:100%; height:100%; line-height:30px; border:1px solid #eee; font-size:17px; text-align:center; display:block; box-sizing:border-box;} #cardCalcData .calcLine .control .button {width:30px; height:30px; line-height:29px; font-size:12px; border:1px solid #eee; position:absolute; top:0; background:#f7f7f7; text-align:center; box-sizing:border-box; cursor:pointer; } #cardCalcData .calcLine .control .button.fa-minus {left:10px;} #cardCalcData .calcLine .control .button.fa-plus {right:0;} #cardCalcData .calcLine .control .button:hover {background:#5BC029; color:#fff; border:1px solid #5BC029; } #cardCalcData .infoLine {padding-bottom:7px; margin-top:-2px;} #cardCalcData .infoLine .info {text-align:right; font-size:11px;} #calcTotalResult {color:#555; font-size:26px; padding-top:15px; } #calcTotalCost {color:#5fa02c;} #calcTotalCost .value {font-size:32px; font-weight:bold; } #сalcTotalOldPrice {text-decoration:line-through; font-weight:500;} #сalcTotalOldPrice.isHide {display:none;} #creditItemBlock {font-size:16px; padding-top:10px; color:#777; } /* Вторая линия карточки товара */ #cardExtendInfoData {padding-bottom:20px;} #cardTypeListData {float:left; width:65%; padding-right:30px; box-sizing:border-box; } #cardTypeListData .item {float:left; width:25%; box-sizing:border-box; margin-top:10px;} #cardTypeListData .item a {display:block; height:50px; padding:0 10px 0 45px; position:relative; color:#000; overflow:hidden; opacity:0.6; text-decoration:none; line-height:16px;} #cardTypeListData .item a:hover {opacity:1;} #cardTypeListData .item a.active {opacity:1; font-weight:bold; } #cardTypeListData .item a img {display:block; width:36px; height:36px; position:absolute; left:0; top:11px; } #cardTypeListData .item a .name {display:table; width:100%; height:100%;} #cardTypeListData .item a .name span {display:table-cell; vertical-align:middle; text-align:left; font-size:14px; } #cardInWhatsapp {padding-top:20px; font-size:15px; } #cardInWhatsapp a {display:block; font-size:22px; line-height:22px; padding:10px; text-align:center; box-sizing:border-box; background:#5bc029; color:#fff; margin:0; } #cardInWhatsapp a:hover {background:#8dd36a;} #cardInBuyButtons {font-size:0;} #cardInCaclBlock {padding-top:20px; display:inline-block; vertical-align:top; padding-right:10px; width:50%; box-sizing:border-box; } #cardInCaclBlock a {display:block; font-size:18px; line-height:22px; padding:10px; margin:0; background:#5bc029; color:#fff; white-space:nowrap; box-sizing:border-box; text-align:center; } #cardInCaclBlock a:hover {background:#8dd36a; } #cardInBasketBlock {padding-top:20px; display:inline-block; vertical-align:top; padding-left:10px; width:50%; box-sizing:border-box; } #cardInBasketBlock a {display:block; font-size:22px; line-height:22px; padding:10px; margin:0; text-align:center; box-sizing:border-box; background:#5bc029; color:#fff; } #cardInBasketBlock a.goBasket {font-size:18px; } #cardInBasketBlock a:hover {background:#8dd36a;} #cardInBasketBlock a.isProcess {color:transparent; background-image:url('../img/loading-white.svg'); background-size:25px 25px; background-position:center center; background-repeat:no-repeat;} #catalogCardModelDesc {padding-bottom:15px;} #cardItemTabList {padding-bottom:10px;} #cardItemTabList .tabCaption {font-size:0; border-bottom:1px solid #ccc; } #cardItemTabList .tabCaption .tabName {display:inline-block; padding:10px 15px; font-size:18px; border:1px solid #ccc; border-bottom:1px solid transparent; border-top:4px solid #ccc; margin-right:5px; cursor:pointer; margin-bottom:-1px; font-weight:bold; color:#777;} #cardItemTabList .tabCaption .tabName:hover {color:#000;} #cardItemTabList .tabCaption .tabName.active {border-bottom:1px solid #fff; border-top:4px solid #aaa; background:#fff; color:#000; cursor:default; } #cardItemTabList .tabContent {padding-top:15px;} #cardItemTabList .tabContent .tabData {display:none; padding-bottom:15px; border-bottom:1px solid #fff; } #cardItemTabList .tabContent .tabData.active {display:block;} /* Галерея */ .galleryList {overflow:hidden;} .galleryListData {margin:0 -10px; font-size:0;} .galleryListData .item {display:inline-block; width:14.28%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top; } .galleryListData .item .image {display:block; text-decoration:none;} .galleryListData .item .image img {display:block; max-width:100%; height:auto; margin:0 auto; } .galleryListData .item .name {display:block; padding:10px 0; text-align:center; font-size:16px; font-weight:500;} #galleryWindowDescription {position:absolute; left:0; bottom:0; width:100%; padding:10px 15px; background:rgba(0,0,0,0.7); box-sizing:border-box;} #galleryWindowDescription * {color:#fff;} #galleryWindowDescription a {color:#ebbc00;} #galleryWindowDescription a:hover {color:#fff;} /* Корзина */ #basketDataReplace {margin-bottom:20px;} #basketDataReplace.isProcess {position:relative;} #basketDataReplace.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.7) url('../img/loading-green.svg') no-repeat center center; z-index:5;} #basketDoorList {box-sizing:border-box; padding:10px 0;} #basketDoorList .table {display:table;} #basketDoorList .table .tr {display:table-row;} #basketDoorList .table .tr.header {background:#f7f7f7; } #basketDoorList .table .tr.header .td {font-size:17px; font-weight:bold;} #basketDoorList .table .tr.header .td.image {padding-left:10px;} #basketDoorList .table .tr .td {display:table-cell; border-bottom:1px solid #e0e0e0; vertical-align:middle; padding:5px 0; } #basketDoorList .table .tr:last-child .td {border-bottom:none;} #basketDoorList .table .tr .td.image {width:1%;} #basketDoorList .table .tr .td.image a {display:block;} #basketDoorList .table .tr .td.image img {width:60px; height:auto; max-width:none; display:block; } #basketDoorList .table .tr .td.name {padding-left:20px;} #basketDoorList .table .tr .td.name .param {padding-top:3px; font-size:15px; } #basketDoorList .table .tr .td.complect {padding-left:20px;} #basketDoorList .table .tr .td.complect .item {padding:5px 0; width:300px; font-size:15px; white-space:nowrap; line-height:19px;} #basketDoorList .table .tr .td.complect .item .val {float:right;} #basketDoorList .table .tr .td.summ {padding-left:20px; white-space:nowrap; width:1%;} #basketDoorList .table .tr .td.summ i {font-style:normal; display:none;} #basketDoorList .table .tr .td.del {text-align:center; width:1%; padding-left:20px;} #basketDoorList .table .tr .td.del a {display:inline-block; text-decoration:none; padding:5px; width:20px; height:20px; text-align:center; font-size:18px;} .basketDataList {box-sizing:border-box; padding:10px 0;} .basketDataList .table {display:table;} .basketDataList .table .tr {display:table-row;} .basketDataList .table .tr.header {background:#f7f7f7;} .basketDataList .table .tr.header .td {font-size:17px; font-weight:bold;} .basketDataList .table .tr.header .td.image {padding-left:10px;} .basketDataList .table .tr .td {display:table-cell; border-bottom:1px solid #e0e0e0; vertical-align:middle; padding:5px 0;} .basketDataList .table .tr:last-child .td {border-bottom:none;} .basketDataList .table .tr .td.image {width:1%;} .basketDataList .table .tr .td.image a {display:block;} .basketDataList .table .tr .td.image img {width:120px; height:auto; max-width:none; display:block; } .basketDataList .table .tr .td.name {padding-left:20px;} .basketDataList .table .tr .td.cost {white-space:nowrap; width:1%; padding-left:20px; text-align:center;} .basketDataList .table .tr .td.clear {display:none;} .basketDataList .table .tr .td.count {white-space:nowrap; width:1%; padding-left:20px;} .basketDataList .table .tr .td.summ {padding-left:20px; white-space:nowrap; width:1%;} .basketDataList .table .tr .td.summ i {font-style:normal; display:none;} .basketDataList .table .tr .td.del {text-align:center; width:1%; padding-left:20px;} .basketDataList .table .tr .td.del a {display:inline-block; text-decoration:none; padding:5px; width:20px; height:20px; text-align:center; font-size:18px;} .basketDataList .countControl {position:relative; border:1px solid #ccc; padding:0 32px; width:50px; display:inline-block; vertical-align:top; border-radius:2px;} .basketDataList .countControl input {border:none; height:32px; font-size:15px; text-align:center; width:100%; box-sizing:border-box;} .basketDataList .countControl span {display:block; position:absolute; top:0; width:32px; height:32px; text-align:center; font-size:24px; font-family:Tahoma; cursor:pointer; } .basketDataList .countControl span:hover {color:#ebbc00; } .basketDataList .countControl span.minus {left:0; border-right:1px solid #ccc; line-height:28px;} .basketDataList .countControl span.plus {right:0; border-left:1px solid #ccc; line-height:28px;} #basketDoorList .miniCountControl {position:relative; border:1px solid #ccc; padding:0 20px; width:30px; display:inline-block; vertical-align:middle; border-radius:2px;} #basketDoorList .miniCountControl input {border:none; height:20px; font-size:15px; text-align:center; width:100%; box-sizing:border-box; font-size:13px;} #basketDoorList .miniCountControl span {display:block; position:absolute; top:0; width:20px; height:20px; text-align:center; font-size:18px; font-family:Tahoma; cursor:pointer; } #basketDoorList .miniCountControl span:hover {color:#5bc029; } #basketDoorList .miniCountControl span.minus {left:0; border-right:1px solid #ccc; line-height:18px;} #basketDoorList .miniCountControl span.plus {right:0; border-left:1px solid #ccc; line-height:16px;} #basketCouponData {padding:10px; background:#ddd; float:left; width:300px; box-sizing:border-box;} #basketCouponData .data {position:relative; padding-right:115px; box-sizing:border-box; width:100%; box-sizing:border-box;} #basketCouponData .data input {border:1px solid #ccc; box-sizing:border-box; padding:0 10px; height:30px; width:100%;} #basketCouponData .data a {text-decoration:none; width:100px; height:30px; line-height:30px; font-size:12px; text-align:center; display:block; position:absolute; right:0; top:0; background:#5bc029; color:#fff; border-radius:3px;} #basketCouponData .data a:hover {background:#8dd36a;} #basketCouponData.isSettrue .data input {background:#eee;} #basketCouponData.isSettrue .data a {font-size:0;} #basketCouponData.isSettrue .data a:after {content:"Сбросить"; font-size:12px;} #basketCouponData.isProcess .data input {background:#eee; } #basketCouponData.isProcess .data a {background:#888; font-size:0; cursor:default;} #basketCouponData.isProcess .data a:after {content:"Подождите..."; font-size:12px;} #basketCouponData .error {color:red; font-size:13px; padding-top:5px; display:none;} #basketPriceInfo {text-align:right; padding-bottom:5px; padding-top:10px; border-top:2px solid #ddd;} #basketPriceInfo .deliveryCost {padding-bottom:5px; font-weight:500;} #basketPriceInfo .deliveryInfo {font-size:13px; padding-bottom:5px;} #basketPriceInfo .totalSumm {font-size:22px; font-weight:500;} #basketPriceInfo .totalSumm span {font-size:28px; font-weight:bold; color:#5fa02c;} #priceText {padding-top:10px;} #basketOrderFormData .rowSubmit {padding-bottom:20px;} #basketOrderFormData .rowSubmit button {font-size:18px; font-weight:500;} /* Фурнитура */ #furnitureItemData {margin:0 -10px; font-size:0; } #furnitureItemData .item {display:inline-block; width:25%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top;} #furnitureItemData.asIronSearch .item {width:20%;} #furnitureItemData .item .iData {padding:10px; border:1px solid transparent; transition:box-shadow 0.2s, border 0.2s; } #furnitureItemData .item .iData:hover {box-shadow:0 0 14px -5px rgba(0,0,0,0.2); border:1px solid #ccc;} #furnitureItemData .item a {display:block; text-decoration:none; } #furnitureItemData .item a .name {display:block; font-size:15px; font-weight:500; text-align:center; padding-top:10px; color:#333; min-height:36px;} #furnitureItemData .item a:hover .name {color:#000; } #furnitureItemData .item a .cost {display:block; font-size:16px; font-weight:bold; text-align:center; padding-top:10px; color:#000; } #furnitureSectData {margin:0 -10px; font-size:0; } #furnitureSectData .item {display:inline-block; width:33.33%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top;} #furnitureSectData .item a {display:block; padding:10px; text-decoration:none; border:1px solid transparent; transition:box-shadow 0.2s, border 0.2s; } #furnitureSectData .item a:hover {box-shadow:0 0 14px -5px rgba(0,0,0,0.2); border:1px solid #ccc;} #furnitureSectData .item a .name {display:block; font-size:15px; font-weight:500; text-align:center; padding-top:10px; color:#333; } #furnitureSectData .item a:hover .name {color:#000; } #furnitureOneData {padding-bottom:20px; } #furnitureOneData .image {float:left; width:65%; padding-right:30px; box-sizing:border-box; } #furnitureOneData .image a {text-decoration:none;} #furnitureOneData .image img.main {display:block; max-width:100%; height:auto; margin:0 auto; } #furnitureOneData .priceData {padding-left:65%; } #furnitureOneData .priceData .price {color:#555; font-size:26px; } #furnitureOneData .priceData .price .value {color:#5fa02c; font-size:32px; font-weight:bold;} #furnitureOneData .priceData .shortDescription {padding-top:15px;} #furnitureOneData .priceData .shortDescription * {line-height:20px; font-size:16px; padding-bottom:3px;} #furnitureOneData .fullDescription {padding-top:20px;} #furnitureInBasketBlock {padding-top:15px;} #furnitureInBasketBlock a {font-weight:500; font-size:22px; padding:5px 40px; text-align:center; box-sizing:border-box; } #furnitureInBasketBlock a.isProcess {color:transparent; background-image:url('../img/loading-white.svg'); background-size:25px 25px; background-position:center center; background-repeat:no-repeat;} #furnitureOneData .miniGallery {margin:0 -5px; font-size:0; text-align:center; margin-top:10px;} #furnitureOneData .miniGallery div {display:inline-block; width:20%; padding:0 5px 10px 5px; box-sizing:border-box; } #furnitureOneData .miniGallery div a {display:block; text-decoration:none; padding:5px; border:1px solid #ccc; } #furnitureOneData .miniGallery div a img {display:block; max-width:100%; height:auto; } #furnitureOneData.isIronDoor .image {width:50%;} #furnitureOneData.isIronDoor .priceData {padding-left:50%;} /* Карусель фото из папки */ .stdStaticImageFolder {padding-top:32px; position:relative; margin-bottom:15px;} .jcarousel-wrapper {margin:0px auto; position:relative; overflow:hidden;} .jcarousel {position:relative; overflow:hidden; margin:0px -10px;} .jcarousel ul {width:15000em; position:relative; list-style:none !important; margin:0 !important; padding:0 !important; } .jcarousel li {width:276px; float:left; box-sizing:border-box; padding:0 10px;} .jcarousel img {display:block; max-width:100%; height:auto; } .jcarousel-control-prev, .jcarousel-control-next {position:absolute; right:0px; top:0px; width:30px; height:30px; text-align:center; background:#ffe400; text-decoration:none; } .jcarousel-control-prev {right:32px;} .jcarousel-control-prev:hover, .jcarousel-control-next:hover { background:#ffd800;} .jcarousel-control-prev i, .jcarousel-control-next i {width:100%; height:100%; line-height:30px; color:#000; } .stdStaticImageFolder.galleryList {padding:0; margin:0 -10px; overflow:hidden; font-size:0;} .stdStaticImageFolder.galleryList .data {display:inline-block; padding:0 10px 20px 10px; width:16.66%; vertical-align:top; box-sizing:border-box;} .stdStaticImageFolder.galleryList .data a {display:block; text-decoration:none;} .stdStaticImageFolder.galleryList .data a img {display:block; margin:0 auto;} /* Статьи */ #articleList {padding-bottom:15px;} #articleList .item {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #fff;} #articleList .item:last-child {border-bottom:none; margin-bottom:0px;} #articleList .item .image {width:180px; float:left; } #articleList .item .image img {display:block; border-radius:10px; } #articleList .item.isImagetrue .data {padding-left:195px; } #articleList .item .data .date {font-size:14px; padding-bottom:5px;} #articleList .item .data .name {font-weight:500; font-size:20px;} #articleList .item .data .anons {padding-top:10px;} .articleDate {padding-bottom:10px;} .returnLink {font-size:14px; padding:15px 0;} /* Акции */ #actionsListData {margin:0 -10px; padding-bottom:10px; font-size:0;} #actionsListData .item {width:25%; display:inline-block; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top;} #actionsListData .item .data {background:#fff; border:1px solid #eee; padding:20px; transition:box-shadow 0.2s, border 0.2s; border-radius:5px;} #actionsListData .item .data:hover {border:1px solid #fff; box-shadow:0 0 7px -2px rgba(0,0,0,0.5);} #actionsListData .item .data .image {display:block; text-decoration:none; margin-bottom:5px;} #actionsListData .item .data .image img {display:block; max-width:100%; height:auto; margin-bottom:10px; border-radius:3px;} #actionsListData .item .data .image .name {display:table; height:42px; width:100%; font-size:18px; font-weight:500;} #actionsListData .item .data .image .name span.td {display:table-cell; vertical-align:middle;} #actionsListData .item .data .image .name span.td span {text-decoration:underline; text-align:center; max-height:42px; line-height:20px; white-space:normal; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #actionsListData .item .data .image:hover .name span.td span {text-decoration:none;} #actionsListData .item .data .anons {font-size:15px; height:80px; line-height:20px; white-space:normal; display:block; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #actionsListData .item .data .time {margin-top:5px; font-size:14px; font-weight:500; height:18px; line-height:18px; white-space:normal; display:block; overflow:hidden; text-overflow:ellipsis; color:#ea5d5c; text-align:center; } .actionOneTime {font-size:14px; font-weight:500; color:#ea5d5c;} #actionsListData .item .data .more {text-align:center; padding-top:10px;} /* Карта сайта */ .textstyle .pageSiteMap {padding-bottom:20px;} .textstyle .pageSiteMap ul {margin-bottom:0; padding-bottom:0;} .textstyle .pageSiteMap li {list-style-type:square; padding-bottom:0;} /* Поиск по сайту */ #searchResultList {padding-bottom:10px;} #searchResultList .resultOne {padding-bottom:10px;} #searchResultList .resultOne .name {font-weight:500;} #searchResultList .resultOne .content {padding-top:3px;} #searchResultList .resultOne .content .searchLight {font-weight:bold;} /* Статичные табы */ .staticTabList {padding:10px 0;} .staticTabList .tabCaption {font-size:0; } .staticTabList .tabCaption .tabName {margin-left:-1px; display:inline-block; white-space:nowrap; line-height:32px; padding:5px 10px; height:32px; font-size:15px; font-weight:bold; cursor:pointer; color:#333; background:#fff; border:1px solid #e0e0e0; } .staticTabList .tabCaption .tabName:first-child {margin-left:0px; } .staticTabList .tabCaption .tabName.isIcontrue {padding:5px 10px 5px 45px; position:relative;} .staticTabList .tabCaption .tabName.isIcontrue img {position:absolute; left:5px; top:5px; width:32px; height:32px; display:block; } .staticTabList .tabCaption .tabName:hover {background:#f4f5f7;} .staticTabList .tabCaption .tabName.active {background:#f4f5f7; cursor:default; border:1px solid #c9ccd1;} .staticTabList .tabContent {padding-top:10px; border-top:2px solid #e0e0e0; margin-top:-1px;} .staticTabList .tabContent .tabData {display:none;} .staticTabList .tabContent .tabData.active {display:block;} /* Отзывы */ #answersContainer {} #answersContainer .answerAddBtnBlock {padding:5px 0 15px 0;} #answersContainer .answerAddFormBlock {display:none; padding-bottom:15px;} #answersContainer .answerAddFormBlock.isProcess {position:relative;} #answersContainer .answerAddFormBlock.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.7) url('../img/loading-green.svg') no-repeat center center; z-index:5;} #answersList {} #answersList .item {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #fff;} #answersList .item .stars {font-size:14px; padding-bottom:3px;} #answersList .item .stars span {margin-right:3px; color:#888;} #answersList .item .stars span.fas {color:#ebbc00;} #answersList .item .date {font-size:14px; padding-bottom:3px;} #answersList .item .name {font-weight:bold; color:#000; padding-bottom:5px;} #answersList .item .gallery {font-size:0; margin:10px -5px 0 -5px;} #answersList .item .gallery div {display:inline-block; width:10%; padding:5px; box-sizing:border-box; vertical-align:top; } #answersList .item .gallery div a {display:block; text-decoration:none;} #answersList .item .gallery div a img {display:block; } #answersList .item .answer {font-size:15px; border:1px solid #e9e9e9; background:#f7f7f7; padding:6px 8px 8px 48px; position:relative; margin-top:10px; border-radius:5px;} #answersList .item .answer span {color:#aaa; position:absolute; top:10px; left:10px; font-size:27px;} /* Контакты */ #officesListData {clear:both; padding-top:15px;} #officesListData .officeItem {margin-bottom:20px; padding:0 0 20px 0px; border:none; } #officesListData .officeItem .caption {font-size:22px; font-weight:bold; } #officesListData .officeItem h1 {text-align:left;} #officesListData .officeItem .lineParam {padding-left:40px; min-height:25px; position:relative; padding-top:10px;} #officesListData .officeItem .lineParam.address {background:url('../img/c-map.png') no-repeat 0 12px; background-size:24px;} #officesListData .officeItem .lineParam.metro {background:url('../img/c-metro.png') no-repeat 0 12px; background-size:24px;} #officesListData .officeItem .lineParam.worktime {background:url('../img/c-time.png') no-repeat 0 11px; background-size:24px;} #officesListData .officeItem .lineParam.phone {background:url('../img/c-phone.png') no-repeat 0 11px; background-size:24px;} #officesListData .officeItem .lineParam.email {background:url('../img/c-mail.png') no-repeat 0 14px; background-size:24px;} #officesListData .officeItem .lineParam.messenger {display:inline-block; vertical-align:top; white-space:nowrap; padding-left:0;} #officesListData .officeItem .lineParam a {color:#454545;} #officesListData .officeItem .lineParam a:hover {color:#000;} #officesListData .officeItem .lineParam .telegram {text-decoration:none; margin-right:15px;} #officesListData .officeItem .lineParam .telegram .ico {color:#35acf1; font-size:32px; } #officesListData .officeItem .lineParam .whatsapp {text-decoration:none; margin-right:15px;} #officesListData .officeItem .lineParam .whatsapp .ico {color:#30be66; font-size:32px; } #officesListData .officeItem .moreLink {padding-top:14px; margin-left:0px; text-align:right; } #officesListData .officeItem .moreLink a {margin:0 180px 0 0;} #officesListData .officeItem.isGalerytrue {padding-right:430px; min-height:280px; position:relative; } #officesListData .officeListSlider {width:400px; position:absolute; right:0px; top:0px; } #officesListData .officeListSlider .item a {display:block;} #officesListData .officeListSlider .item a img {display:block;} #officesListData .officeListSlider .slick-dots {padding:0; bottom:10px; } #officesListData .officeListSlider .slick-dots li {padding:0; margin-bottom:0px; height:15px;} #officesListData .officeListSlider .slick-dots li button {border:1px solid #fff; background:transparent; width:6px; height:6px; border-radius:10px;} #officesListData .officeListSlider .slick-dots li button:hover {background:#5bc029;} #officesListData .officeListSlider .slick-dots li button:before {display:none;} #officesListData .officeListSlider .slick-dots li.slick-active button {background:#fff; } #officesListData .officeMapsBlock {margin-bottom:30px; border-radius:10px; overflow:hidden; } #officesListData .officeItem.isList {border-bottom:1px solid #ccc; margin-bottom:20px;} #officeCallbackBlock {float:right;} #overHeader {position:relative; background:#fff; z-index:10; } #pageContent {padding-top:15px;} #filterColsData {position:fixed; top:0; height:100%; width:300px; z-index:1; padding-top:160px; box-sizing:border-box; } .isLeftFiltertrue #contentColsData {margin-left:320px;} .textstyle h1, .textstyle .h1 {color:#333; font-size:32px; line-height:36px; margin:0; padding-bottom:20px; font-weight:bold;} .textstyle .h1.bigSize {font-size:69px; line-height:normal; letter-spacing:3px;} .textstyle h2, .textstyle .h2 {color:#333; font-size:26px; line-height:30px; margin:0; padding:7px 0 15px 0; font-weight:bold;} .textstyle h2:first-child, .textstyle .h2:first-child {padding-top:0;} .textstyle h3, .textstyle .h3 {color:#333; font-size:24px; line-height:27px; margin:0; padding:6px 0 10px 0; font-weight:500;} .textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0;} .textstyle h4, .textstyle .h4 {color:#333; font-size:20px; line-height:23px; margin:0; padding:4px 0 5px 0; font-weight:500;} .textstyle h4:first-child, .textstyle .h4:first-child {padding-top:0;} .textstyle h5, .textstyle .h5 {color:#333; font-size:18px; line-height:20px; margin:0; padding:4px 0 5px 0; font-weight:bold;} .textstyle h6, .textstyle .h6 {color:#333; font-size:18px; line-height:20px; margin:0; padding:4px 0 5px 0; font-weight:bold;} .textstyle p {padding-bottom:8px; line-height:24px;} .textstyle ul, .textstyle ol {padding-bottom:10px; margin:0;} .textstyle ul {padding-left:20px;} .textstyle ul li, .textstyle ol li {padding-bottom:6px; margin:0; list-style-position:inside; line-height:24px;} .textstyle ul li:last-child, .textstyle ol li:last-child {padding-bottom:0px;} .textstyle img {max-width:100%; height:auto;} .textstyle table {max-width:100%; } .textstyle strong, .textstyle b {color:#333; } .textstyle .blueTextBlock {width:100%; box-sizing:border-box; background:#f4f5f7; border-radius:5px; border:1px solid #c9ccd1; padding:15px; margin:5px 0 10px 0;} .textstyle .blueTextBlock table {width:100%;} .textstyle .blueTextBlock table td {vertical-align:top;} .textstyle .blueTextBlock table td:first-child {width:1%; padding-right:15px;} .textstyle .blueTextBlock table td img {min-width:100px; display:block;} .textstyle .imageTable {width:100%;} .textstyle .imageTable td {vertical-align:top; padding-bottom:20px;} .textstyle .imageTable td:first-child {width:1%; padding-right:15px;} .textstyle .imageTable td img {min-width:100px; display:block;} /* Стилизованная кнопка */ .styleBtn, a.styleBtn {display:inline-block; line-height:34px; border-radius:3px; background:#5bc029; color:#fff; padding:0px 20px; cursor:pointer; font-family:inherit; font-size:16px; font-weight:500; text-decoration:none; margin:5px 0;} .styleBtn:hover, a.styleBtn:hover {background-color:#8dd36a;} .itemMoreButtons {display:grid; grid-template-columns: auto auto; padding-top:15px; } .itemMoreButtons .styleBtn {margin:0; padding:0 5px !important; line-height:30px !important; text-align:center; font-size:14px; border:none !important; box-shadow:none !important; transition:background 0.2s, color 0.2s !important; background:#5BC029; } .itemMoreButtons .styleBtn.buy {margin-right:5px; color:#fff; white-space:nowrap; } .itemMoreButtons .styleBtn.buy:hover {background-color:#8dd36a; } .itemMoreButtons .styleBtn.more {margin-left:5px; background:#e9e9e9; color:#777; } .itemMoreButtons .styleBtn.more:hover { background:#9b9c9d; color:#fff; } .itemMoreButtons .styleBtn.isProcess {color:transparent; background-image:url('../img/loading-white.svg'); background-size:20px 20px; background-position:center center; background-repeat:no-repeat; transition:none !important; } /* Стилизованная таблица */ .horizontalScroll {overflow-y:auto; overflow-y:hidden; max-width:100%;} .colorTable {width:100%; margin-bottom:10px;} .colorTable td {border:1px solid #c9ccd1; padding:10px 15px; } .colorTable thead td, .colorTable th {border:1px solid #c9ccd1; background:#f4f5f7; text-align:center; color:#333; font-weight:bold; padding:10px 15px;} .colorTable td *:last-child, .colorTable th *:last-child {margin:0; padding:0;} /* Блок в 2 колонки */ .textBlockCols2:after {display:block; content:""; clear:both;} .textBlockCols2 .left {float:left; width:50%; padding-right:15px; box-sizing:border-box; } .textBlockCols2 .left img {max-width:100%; height:auto; display:block; border-radius:10px;} .textBlockCols2 .right {float:left; width:50%; padding-left:15px; box-sizing:border-box; } .textBlockCols2 .right img {max-width:100%; height:auto; display:block; border-radius:10px;} /* Галерея из 3х картинок */ .textBlockGallery3:after {display:block; content:""; clear:both;} .textBlockGallery3 .data {margin:0 -10px;} .textBlockGallery3 .cols {float:left; width:33.33%; padding:5px 10px 20px 10px; box-sizing:border-box; } .textBlockGallery3 .cols img {max-width:100%; height:auto; border-radius:10px;} /* Галерея из 4х картинок */ .textBlockGallery4 {padding-bottom:5px;} .textBlockGallery4:after {display:block; content:""; clear:both;} .textBlockGallery4 .data {margin:0 -10px;} .textBlockGallery4 .cols {float:left; width:25%; padding:5px 10px 20px 10px; box-sizing:border-box; } .textBlockGallery4 .cols img {max-width:100%; height:auto; display:block; border-radius:10px;} .textBlockGallery4 .cols *:last-child {padding-bottom:0;} /* Фрейм с видео */ .iframeVideoWrapper {position:relative; width:100%; padding-bottom:56.3%; } .iframeVideoWrapper iframe {position:absolute; left:0; top:0; width:100%; height:100%; border:none; } #contentColsData > p > img {border-radius:10px; } .headerH1.isLogotrue {padding-right:150px; position:relative;} .headerH1.isLogotrue img {position:absolute; right:0; top:7px; width:140px;} #cboxLoadedContent {} #cboxLoadedContent .textstyle {padding:10px 15px 15px 15px;} #cboxLoadedContent .stdFormData .rowLine .caption {width:100%; float:none; padding:0 0 3px 0;} #cboxLoadedContent .stdFormData .rowLine .input {margin:0;} #cboxLoadedContent .feebackFormBlock.isProcess {position:relative;} #cboxLoadedContent .feebackFormBlock.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, 0.7) url('../img/loading-green.svg') no-repeat center center; z-index:5;} #footerProtect {height:240px; clear:both;} #footer {height:200px; margin:-200px auto 0 auto; width:100%; position:relative; transition:transform 0.3s; background:#f3f3f3; box-sizing:border-box; } #footerContent {height:100%; } #footerData {height:100%; padding-right:60px; position:relative; box-sizing:border-box; } .isLeftFiltertrue #footerData {margin-left:320px;} #footerData .cols a {color:#6e6e6e;} #footerData .cols a:hover {color:#000;} #footerData .table {display:table; width:100%; height:100%;} #footerData .table .cols {display:table-cell; width:20%; vertical-align:top; font-size:13px; padding:20px 20px 20px 0;} #footerData .table .cols .caption {color:#000; padding-bottom:10px; font-weight:500; font-size:15px; } #footerData .table .cols .footerMenu div {padding-bottom:4px;} #footerData .table .cols .footerMenu a {font-weight:500; font-size:14px; text-decoration:none; } #footerData .table .cols .footerMenu a:hover {text-decoration:underline; } #footerData .table .cols .footerMenu a.active {color:#000;} #footerData .table .cols#footerCopiright {padding-right:40px; } #footerData .table .cols#footerContacts {text-align:right; } #devLogo {width:36px; height:36px; display:block; position:absolute; right:0; top:18px; background:url('../img/dev.png') no-repeat 0 0;} #devLogo:hover {background-position:0 -36px;} #contactsData {} #contactsData .market {} #socialsLinks {padding:10px 0; } #socialsLinks a {display:inline-block; vertical-align:top; text-decoration:none; border-radius:4px;} #socialsLinks a i {display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:21px; color:#fff; } #socialsLinks a.insta {background:#dd3b72 linear-gradient(to bottom, #ba338f, #f9952e); } #socialsLinks a.vk {background:#5181b8;} #socialsLinks a:hover {opacity:0.8;} /* .grid .col-x-y */ .grid { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -13px; margin-right: -13px; overflow: hidden; box-sizing: border-box; } .grid * { box-sizing: border-box; } .grid [class*='col-'] { margin-left: 13px; margin-right: 13px; margin-bottom: 20px; border-radius:10px; overflow:hidden; } .grid .col-1-1 { margin-bottom: 0; } .grid .row { display: flex; width: 100%; } /*==========================================================================================*/ /* Генерируем классы для инлайнового варианта */ /*==========================================================================================*/ .col-1-1 { width: calc(100% - 26px); } .col-1-2 { width: calc(50% - 26px); } .col-1-3 { width: calc(33.33333% - 26px); } .col-2-3 { width: calc(66.66667% - 26px); } .col-1-4 { width: calc(25% - 26px); } .col-3-4 { width: calc(75% - 26px); } .col-1-5 { width: calc(20% - 26px); } .col-2-5 { width: calc(40% - 26px); } .col-3-5 { width: calc(60% - 26px); } .col-4-5 { width: calc(80% - 26px); } .col-1-6 { width: calc(16.66667% - 26px); } .col-5-6 { width: calc(83.33333% - 26px); } .col-1-7 { width: calc(14.28571% - 26px); } .col-2-7 { width: calc(28.57143% - 26px); } .col-3-7 { width: calc(42.85714% - 26px); } .col-4-7 { width: calc(57.14286% - 26px); } .col-5-7 { width: calc(71.42857% - 26px); } .col-6-7 { width: calc(85.71429% - 26px); } .col-1-8 { width: calc(12.5% - 26px); } .col-3-8 { width: calc(37.5% - 26px); } .col-5-8 { width: calc(62.5% - 26px); } .col-7-8 { width: calc(87.5% - 26px); } .col-1-9 { width: calc(11.11111% - 26px); } .col-2-9 { width: calc(22.22222% - 26px); } .col-4-9 { width: calc(44.44444% - 26px); } .col-5-9 { width: calc(55.55556% - 26px); } .col-7-9 { width: calc(77.77778% - 26px); } .col-8-9 { width: calc(88.88889% - 26px); } .col-1-10 { width: calc(10% - 26px); } .col-3-10 { width: calc(30% - 26px); } .col-7-10 { width: calc(70% - 26px); } .col-9-10 { width: calc(90% - 26px); } @media (min-width: 768px) { .col-md-1-1 { width: calc(100% - 26px); } .col-md-1-2 { width: calc(50% - 26px); } .col-md-1-3 { width: calc(33.33333% - 26px); } .col-md-2-3 { width: calc(66.66667% - 26px); } .col-md-1-4 { width: calc(25% - 26px); } .col-md-3-4 { width: calc(75% - 26px); } .col-md-1-5 { width: calc(20% - 26px); } .col-md-2-5 { width: calc(40% - 26px); } .col-md-3-5 { width: calc(60% - 26px); } .col-md-4-5 { width: calc(80% - 26px); } .col-md-1-6 { width: calc(16.66667% - 26px); } .col-md-5-6 { width: calc(83.33333% - 26px); } .col-md-1-7 { width: calc(14.28571% - 26px); } .col-md-2-7 { width: calc(28.57143% - 26px); } .col-md-3-7 { width: calc(42.85714% - 26px); } .col-md-4-7 { width: calc(57.14286% - 26px); } .col-md-5-7 { width: calc(71.42857% - 26px); } .col-md-6-7 { width: calc(85.71429% - 26px); } .col-md-1-8 { width: calc(12.5% - 26px); } .col-md-3-8 { width: calc(37.5% - 26px); } .col-md-5-8 { width: calc(62.5% - 26px); } .col-md-7-8 { width: calc(87.5% - 26px); } .col-md-1-9 { width: calc(11.11111% - 26px); } .col-md-2-9 { width: calc(22.22222% - 26px); } .col-md-4-9 { width: calc(44.44444% - 26px); } .col-md-5-9 { width: calc(55.55556% - 26px); } .col-md-7-9 { width: calc(77.77778% - 26px); } .col-md-8-9 { width: calc(88.88889% - 26px); } .col-md-1-10 { width: calc(10% - 26px); } .col-md-3-10 { width: calc(30% - 26px); } .col-md-7-10 { width: calc(70% - 26px); } .col-md-9-10 { width: calc(90% - 26px); } } @media (min-width: 1024px) { .col-lg-1-1 { width: calc(100% - 26px); } .col-lg-1-2 { width: calc(50% - 26px); } .col-lg-1-3 { width: calc(33.33333% - 26px); } .col-lg-2-3 { width: calc(66.66667% - 26px); } .col-lg-1-4 { width: calc(25% - 26px); } .col-lg-3-4 { width: calc(75% - 26px); } .col-lg-1-5 { width: calc(20% - 26px); } .col-lg-2-5 { width: calc(40% - 26px); } .col-lg-3-5 { width: calc(60% - 26px); } .col-lg-4-5 { width: calc(80% - 26px); } .col-lg-1-6 { width: calc(16.66667% - 26px); } .col-lg-5-6 { width: calc(83.33333% - 26px); } .col-lg-1-7 { width: calc(14.28571% - 26px); } .col-lg-2-7 { width: calc(28.57143% - 26px); } .col-lg-3-7 { width: calc(42.85714% - 26px); } .col-lg-4-7 { width: calc(57.14286% - 26px); } .col-lg-5-7 { width: calc(71.42857% - 26px); } .col-lg-6-7 { width: calc(85.71429% - 26px); } .col-lg-1-8 { width: calc(12.5% - 26px); } .col-lg-3-8 { width: calc(37.5% - 26px); } .col-lg-5-8 { width: calc(62.5% - 26px); } .col-lg-7-8 { width: calc(87.5% - 26px); } .col-lg-1-9 { width: calc(11.11111% - 26px); } .col-lg-2-9 { width: calc(22.22222% - 26px); } .col-lg-4-9 { width: calc(44.44444% - 26px); } .col-lg-5-9 { width: calc(55.55556% - 26px); } .col-lg-7-9 { width: calc(77.77778% - 26px); } .col-lg-8-9 { width: calc(88.88889% - 26px); } .col-lg-1-10 { width: calc(10% - 26px); } .col-lg-3-10 { width: calc(30% - 26px); } .col-lg-7-10 { width: calc(70% - 26px); } .col-lg-9-10 { width: calc(90% - 26px); } } @media (min-width: 1280px) { .col-xl-1-1 { width: calc(100% - 26px); } .col-xl-1-2 { width: calc(50% - 26px); } .col-xl-1-3 { width: calc(33.33333% - 26px); } .col-xl-2-3 { width: calc(66.66667% - 26px); } .col-xl-1-4 { width: calc(25% - 26px); } .col-xl-3-4 { width: calc(75% - 26px); } .col-xl-1-5 { width: calc(20% - 26px); } .col-xl-2-5 { width: calc(40% - 26px); } .col-xl-3-5 { width: calc(60% - 26px); } .col-xl-4-5 { width: calc(80% - 26px); } .col-xl-1-6 { width: calc(16.66667% - 26px); } .col-xl-5-6 { width: calc(83.33333% - 26px); } .col-xl-1-7 { width: calc(14.28571% - 26px); } .col-xl-2-7 { width: calc(28.57143% - 26px); } .col-xl-3-7 { width: calc(42.85714% - 26px); } .col-xl-4-7 { width: calc(57.14286% - 26px); } .col-xl-5-7 { width: calc(71.42857% - 26px); } .col-xl-6-7 { width: calc(85.71429% - 26px); } .col-xl-1-8 { width: calc(12.5% - 26px); } .col-xl-3-8 { width: calc(37.5% - 26px); } .col-xl-5-8 { width: calc(62.5% - 26px); } .col-xl-7-8 { width: calc(87.5% - 26px); } .col-xl-1-9 { width: calc(11.11111% - 26px); } .col-xl-2-9 { width: calc(22.22222% - 26px); } .col-xl-4-9 { width: calc(44.44444% - 26px); } .col-xl-5-9 { width: calc(55.55556% - 26px); } .col-xl-7-9 { width: calc(77.77778% - 26px); } .col-xl-8-9 { width: calc(88.88889% - 26px); } .col-xl-1-10 { width: calc(10% - 26px); } .col-xl-3-10 { width: calc(30% - 26px); } .col-xl-7-10 { width: calc(70% - 26px); } .col-xl-9-10 { width: calc(90% - 26px); } } #CalltouchWidgetFrame { right: -15px!important; } .amo-button-holder.amo-vertical { bottom: 100px!important; } @media (min-width: 568px) { #CalltouchWidgetFrame { bottom: 50px!important; right: 27px!important; } } @media (min-width: 768px) { .amo-button-holder.amo-vertical { bottom: 150px!important; } } #antibotDataContainer {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:50000000;} #antibotWindow {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#000; padding:20px; border-radius:10px; color:#fff; max-width:300px; min-width:260px; } #antibotWindow.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8) no-repeat center center; background-image:url('../img/loading-green.svg'); background-size:140px; border-radius:12px;} #antibotWindow .text {padding-bottom:10px; text-align:center; font-weight:bold; } #antibotWindow .caption {padding-bottom:10px; color:#5bc029; text-align:center;} #antibotWindow .list {text-align:center; font-size:0;} #antibotWindow .list div {width:60px; height:60px; line-height:60px; font-size:40px; text-align:center; margin:10px; cursor:pointer;} #antibotWindow .list div:hover {color:#5bc029; } .designerMarginBottom {margin-bottom:30px;} .designer4icon {margin:0 -10px; font-size:0;} .designer4icon .item {display:inline-block; width:25%; padding:0 10px 30px 10px; vertical-align:top; box-sizing:border-box; } .designer4icon .item table {width:100%; } .designer4icon .item table .image {width:64px; vertical-align:middle;} .designer4icon .item table .image img {display:block; min-width:64px; width:64px; height:64px; } .designer4icon .item table .text {padding-left:10px; vertical-align:middle; font-size:14px; } #designerSliderData {padding:0 40px; position:relative; } #designerSliderData .swiper-button-next {color:#5ebe2e; right:0; } #designerSliderData .swiper-button-prev {color:#5ebe2e; left:0; } .designerGrayBg {padding:20px; background:#f5f5f5; border-radius:10px; } .designer4Bicon {margin:0 -10px; font-size:0;} .designer4Bicon .item {display:inline-block; width:50%; padding:0 10px 30px 10px; vertical-align:top; box-sizing:border-box; } .designer4Bicon .item table {width:100%; } .designer4Bicon .item table .image {width:192px; vertical-align:middle;} .designer4Bicon .item table .image img {display:block; min-width:192px; width:192px; height:192px; } .designer4Bicon .item table .text {padding-left:10px; vertical-align:middle; padding-right:15px; } .designer4Bicon .item table .text h3 { font-size:20px; text-align:left; } .designer4Bicon .item table .text p { font-size:16px; text-align:left; } .designer2icon {margin:0 -10px; font-size:0;} .designer2icon .item {display:inline-block; width:50%; padding:0 10px 20px 10px; vertical-align:top; box-sizing:border-box; } .designer2icon .item img {display:block; } #designerSendForm {display:none; background:rgba(0,0,0,0.4); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; } #designerSendFormData {position:fixed; right:0; top:0; width:400px; max-width:75%; height:100%; background:#fff; padding:40px 25px 30px 25px; margin-right:-500px; transition:margin-right 0.3s; } #designerSendFormData .designerFormClose {position:absolute; right:15px; top:15px; cursor:pointer; } #designerSendFormData .designerFormClose span {width:24px; height:24px; text-align:center; line-height:24px; font-size:30px; } #designerSendFormData .designerFormClose:hover span {color:#5BC029; } #designerSendFormData .scrollData {height:100%; overflow-y:auto; overflow-x:hidden; } #designerSendFormData .scrollData .centerTable {width:100%; height:100%; } #designerSendFormData .scrollData .centerTd {vertical-align:middle; } #feebackFormBlock15 {text-align:left; } #feebackFormBlock15 .stdFormData .rowLine .caption {float:none; padding:0 0 5px 0; font-weight:bold; } #feebackFormBlock15 .stdFormData .rowLine .input {margin-left:0; } #feebackFormBlock15 .stdFormData .rowSubmit {text-align:center;} .designerOpen #designerSendForm {display:block; } .designerAnimate #designerSendFormData {margin-right:0;} @media screen and (max-width: 900px) { .designer4icon .item {width:50%;} .designer4Bicon .item {width:100%;} .designer4Bicon .item table .image {width:100px;} .designer4Bicon .item table .image img {width:100px; height:100px; min-width:100px; } .designer4Bicon .item table .text {padding-right:0;} } @media screen and (max-width: 700px) { .designer2icon .item {width:100%;} } @media screen and (max-width: 500px) { .designerGrayBg {padding:15px; } .designer4icon .item {width:100%; padding-bottom:20px; } .designer4icon .item table .image {width:50px;} .designer4icon .item table .image img {width:50px; height:50px; min-width:50px; } .designer4icon .item table .text br {display:none; } .designer4Bicon .item table {display:block;} .designer4Bicon .item table tr {display:block;} .designer4Bicon .item table td {display:block; min-width:100%; } .designer4Bicon .item table td img {display:block; margin:0 auto;} .designer4Bicon .item table .text {padding-left:0; } .designer4Bicon .item table .text h3 {text-align:center;} .designer4Bicon .item table .text p {text-align:center;} } .grecaptcha-badge {display:none; } #swiperSlider {border-radius:10px; overflow:hidden;} #swiperSlider .slideData {position:relative; border-radius:10px; overflow:hidden; } #swiperSlider .slideData img {max-width:100%; height:auto; display:block; } #swiperSlider .slideData img.mob {display:none;} #swiperSlider .slideData > div {display:block; position:absolute; left:0; top:0; width:100%; height:100%; } #swiperSlider .slideData table {width:100%; height:100%;} #swiperSlider .slideData table td {width:100%; height:100%; text-align:center; vertical-align:middle; padding:30px; } #swiperSlider .slideData table td.posWL {text-align:left;} #swiperSlider .slideData table td.posWR {text-align:right;} #swiperSlider .slideData table td.posHT {vertical-align:top;} #swiperSlider .slideData table td.posHB {vertical-align:bottom;} #swiperSlider .slideData table td span {display:inline-block; } #swiperSlider .slideData table td .shadow0 {padding:0 !important; background:transparent !important; } #swiperSlider .slideData table td .shadow1 {padding:10px 15px; border-radius:10px;} #swiperSlider .slideData table td .caption {display:inline-block; font-size:40px; font-weight:bold;} #swiperSlider .slideData table td .content {display:inline-block; font-size:26px;} #swiperSlider .slideData table td .sep {display:block; height:10px; } #swiperSlider-pagination {padding-top:10px; text-align:center;} #swiperSlider-pagination .swiper-pagination-bullet {margin:0 3px; width:10px; height:10px; } #swiperSlider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#5bc029; } .swiperSlidemenu {border-radius:10px; overflow:hidden;} .swiperSlidemenu .slideData {position:relative; border-radius:10px; overflow:hidden; background:#f0f0f0; } .swiperSlidemenu .slideData img {max-width:100%; height:auto; display:block; } .swiperSlidemenu .slideData img.mob {display:none;} .swiperSlidemenu .slideData > div {display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .swiperSlidemenu .slideData table {width:100%; height:100%;} .swiperSlidemenu .slideData table td {width:100%; height:100%; text-align:center; vertical-align:middle; padding:20px; } .swiperSlidemenu .slideData table td.posWL {text-align:left;} .swiperSlidemenu .slideData table td.posWR {text-align:right;} .swiperSlidemenu .slideData table td.posHT {vertical-align:top;} .swiperSlidemenu .slideData table td.posHB {vertical-align:bottom;} .swiperSlidemenu .slideData table td span {display:inline-block; } .swiperSlidemenu .slideData table td .shadow0 {padding:0 !important; background:transparent !important; } .swiperSlidemenu .slideData table td .shadow1 {padding:10px 12px; border-radius:8px;} .swiperSlidemenu .slideData table td .caption {display:inline-block; font-size:16px;} .swiperSlidemenu .slideData > a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-decoration:none; } .swiperSlidemenu .slideMenuPaginator {padding-top:10px; text-align:center; margin:0 auto; } .swiperSlidemenu .slideMenuPaginator .swiper-pagination-bullet {margin:0 3px; width:10px; height:10px; } .swiperSlidemenu .slideMenuPaginator .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#5bc029; } .isFurnitureFramirtrue #pageFrames {margin:0 auto; } .isFurnitureFramirtrue #overHeader {display:none; } .isFurnitureFramirtrue #footerProtect {height:30px;} .isFurnitureFramirtrue #footer {display:none; } .isFurnitureFramirtrue #filterColsData {padding-top:10px !important;} .isFurnitureFramirtrue .itemMoreButtons {display:block; } .isFurnitureFramirtrue #furnitureOneData {border-bottom:1px solid #ccc; margin-bottom:40px; } .isFurnitureFramirtrue #furnitureOneData .fParams {padding-bottom:15px;} .isFurnitureFramirtrue #furnitureOneData .fParams .line {padding-bottom:5px;} .isFurnitureFramirtrue #furnitureOneData .fParams .line .pname {min-width:160px; padding-right:10px; display:inline-block; vertical-align:top; color:#000; font-weight:bold; } .isFurnitureFramirtrue #furnitureOneData .fParams .line .pvalue {display:inline-block; vertical-align:top;} .isFurnitureFramirtrue #furnitureOneData .priceData .price {padding-bottom:40px;} .isFurnitureFramirtrue #furnitureOneData .description {padding-bottom:40px;} .isFurnitureFramirtrue #cardColorList {margin:0 -5px; font-size:0; margin-top:20px;} .isFurnitureFramirtrue #cardColorList .color {width:20%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 5px 10px 5px; } .isFurnitureFramirtrue #cardColorList .color a {display:block; text-decoration:none; border:2px solid #f0f0f0; } .isFurnitureFramirtrue #cardColorList .color a.active {border:2px solid #5bc029; } .isFurnitureFramirtrue #cardColorList .color a img {display:block;} #cookieWindowContainer {position:fixed; left:50%; bottom:20px; transform:translateX(-50%); width:700px; max-width:95%; padding:35px 20px 15px 20px; border-radius:10px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); z-index:10; } #cookieWindowContainer .close {display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; position:absolute; right:10px; top:10px; color:#000; cursor:pointer; } #cookieWindowContainer .close:before {font-family:"Font Awesome 5 Pro"; content:"\f00d"; display:block; width:20px; height:20px; } #cookieWindowContainer .close:hover {color:#5bc029;} #cookieWindowContainer .data > * {font-size:16px; line-height:21px; color:#333; } #cookieWindowContainer .data a {color:#5bc029; } #cookieWindowContainer .data h3 {font-size:18px; font-weight:bold; color:#000; padding-bottom:10px; }