.right { text-align: right; } #trbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } a { color: #c51a1b; text-decoration: none; } a:hover { text-decoration: underline; } .col { margin: 0 32px 0 0; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cols-1 { width: 64px; } .cols-2 { width: 160px; } .cols-3 { width: 256px; } .cols-4 { width: 352px; } .cols-5 { width: 448px; } .cols-6 { width: 544px; } .cols-7 { width: 640px; } .cols-8 { width: 736px; } .cols-9 { width: 832px; } .cols-10 { width: 928px; } .cols-11 { width: 1024px; } .cols-12 { width: 1120px; } .nth-cols-2 .col:nth-child(1) { display: grid; grid-column: 1 / 7; grid-row: 1 / 1; align-items: center; margin: 0 !important; padding: 0 !important; width: auto; } .nth-cols-2 .col:nth-child(2) { display: grid; grid-column: 7 / 13; grid-row: 1 / 1; align-items: center; margin: 0 !important; padding: 0 !important; width: auto; } .gcols-3, .gcols-6 { display: grid; grid-row: auto; } .gcols { display: grid; grid-row: auto; } .gcols.start-1 { grid-column-start: 1; } .gcols.start-2 { grid-column-start: 2; } .gcols.start-3 { grid-column-start: 3; } .gcols.start-4 { grid-column-start: 4; } .gcols.start-5 { grid-column-start: 5; } .gcols.start-6 { grid-column-start: 6; } .gcols.start-7 { grid-column-start: 7; } .gcols.start-8 { grid-column-start: 8; } .gcols.start-9 { grid-column-start: 9; } .gcols.start-10 { grid-column-start: 10; } .gcols.start-11 { grid-column-start: 11; } .gcols.start-12 { grid-column-start: 12; } .gcols.start-13 { grid-column-start: 13; } .gcols.finish-1 { grid-column-end: 1; } .gcols.finish-2 { grid-column-end: 2; } .gcols.finish-3 { grid-column-end: 3; } .gcols.finish-4 { grid-column-end: 4; } .gcols.finish-5 { grid-column-end: 5; } .gcols.finish-6 { grid-column-end: 6; } .gcols.finish-7 { grid-column-end: 7; } .gcols.finish-8 { grid-column-end: 8; } .gcols.finish-9 { grid-column-end: 9; } .gcols.finish-10 { grid-column-end: 10; } .gcols.finish-11 { grid-column-end: 11; } .gcols.finish-12 { grid-column-end: 12; } .gcols.finish-13 { grid-column-end: 13; } .lgray-bg { background-color: #e9e9e9; } .lgreen-bg { _background-color: #dcecd6; background-color: #eef6ec; } .text-page { padding: 40px 0 12px 0px; } block { display: block; } .inline-block { display: inline-block; } html *, body * { font-family: 'Montserrat', sans-serif; font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { height: 100%; } html, body { position: relative; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: white; } #grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; _display: none; display: block; visibility: hidden; font-family: sans; } #grid .center-cnt, #grid .main-cnt { height: 100%; } #grid-button { display: none; position: fixed; top: 10px; left: 10px; border: solid 1px #777; background-color: white; z-index: 999999; padding: 10px; color: #777; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #grid-button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .grid-columns { grid-template-areas: "columns columns columns columns columns columns columns columns columns columns columns columns"; position: relative; z-index: 10; display: grid; grid-template-columns:	repeat(12, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; } .grid-columns-inner { grid-template-areas: "columns columns columns columns columns columns columns columns columns columns columns columns"; position: relative; z-index: 10; display: grid; grid-template-columns:	repeat(12, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; width: 100%; } .grid-columns-6 { grid-template-areas: "columns columns columns columns columns columns"; position: relative; z-index: 10; display: grid; grid-template-columns:	repeat(6, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; } .grid-columns.v1 { height: 100%; background-color: rgba(0,0,0,0); } .grid-columns .gcol { display: grid; grid-column:	1 / 12; grid-row: 1 / 12; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .grid-columns .gcol:nth-child(1) { grid-column:	1 / 2; } .grid-columns .gcol:nth-child(2) { grid-column:	2 / 3; } .grid-columns .gcol:nth-child(3) { grid-column:	3 / 4; } .grid-columns .gcol:nth-child(4) { grid-column:	4 / 5; } .grid-columns .gcol:nth-child(5) { grid-column:	5 / 6; } .grid-columns .gcol:nth-child(6) { grid-column:	6 / 7; } .grid-columns .gcol:nth-child(7) { grid-column:	7 / 8; } .grid-columns .gcol:nth-child(8) { grid-column:	8 / 9; } .grid-columns .gcol:nth-child(9) { grid-column:	9 / 10; } .grid-columns .gcol:nth-child(10) { grid-column:	10 / 11; } .grid-columns .gcol:nth-child(11) { grid-column: 11 / 12; } .grid-columns .gcol:nth-child(12) { grid-column:	12 / 13; } .grid-columns { grid-template-areas: "columns columns columns columns columns columns columns columns columns columns columns columns"; position: relative; z-index: 10; background-color: rgba(0,0,0,0); height: 100%; display: grid; grid-template-columns: repeat(12, 1fr) minmax(1fr, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; } .grid-columns.wide .gcol { display: grid; grid-column:	1 / 14; grid-row: 1 / 14; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .grid-columns.wide .gcol:nth-child(1) { grid-column:	1 / 2; } .grid-columns.wide .gcol:nth-child(2) { grid-column:	2 / 3; } .grid-columns.wide .gcol:nth-child(3) { grid-column:	3 / 4; } .grid-columns.wide .gcol:nth-child(4) { grid-column:	4 / 5; } .grid-columns.wide .gcol:nth-child(5) { grid-column:	5 / 6; } .grid-columns.wide .gcol:nth-child(6) { grid-column:	6 / 7; } .grid-columns.wide .gcol:nth-child(7) { grid-column:	7 / 8; } .grid-columns.wide .gcol:nth-child(8) { grid-column:	8 / 9; } .grid-columns.wide .gcol:nth-child(9) { grid-column:	9 / 10; } .grid-columns.wide .gcol:nth-child(10) { grid-column:	10 / 11; } .grid-columns.wide .gcol:nth-child(11) { grid-column: 11 / 12; } .grid-columns.wide .gcol:nth-child(12) { grid-column:	12 / 13; } .grid-columns.wide .gcol:nth-child(13) { grid-column:	12 / 14; } .grid-columns.wide .gcol:nth-child(14) { grid-column:	12 / 15; } .hidden { display: none; } .form-error-text p, .cart-page .form-error-text p { color: red; } .grid-container0 { display: grid; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns:	1fr; grid-template-rows: 1fr; margin: 0 0 16px 0; } .grid-container0 .b0 { display: grid; grid-column:	1 / 1; } .grid-container1 { display: grid; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(6, 1fr); justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; } .grid-container1 .p-title { display: grid; grid-column:	1 / 6; _background-color: red; } .grid-container1 .p-text1-1 { display: grid; grid-column:	6 / 13; _background-color: blue; } .grid-container2 { display: grid; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 200px auto 100px; grid-template-rows: repeat(1, 1fr); justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; } .grid-columns.wide { grid-template-areas: "columns columns columns columns columns columns columns columns columns columns columns columns columns columns"; position: relative; z-index: 9999; background-color: rgba(0,0,0,0); height: 100%; display: grid; grid-template-columns: repeat(14, 1fr) minmax(1fr, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; } .grid-columns.wide .gcol { display: grid; grid-column:	1 / 12; grid-row: 1 / 12; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .grid-columns.gap0 { grid-column-gap: 0px; } .relative { position: relative; } .file-input-hidden { overflow: hidden; width: 0px; height: 0px; position: absolute; top: -10px; left: -10px; _border: solid 1px; _display: none; _width: auto; _height: auto; } .file-input-div { _display: block; _width: 100%; overflow-x: hidden; overflow-y: visible; display: inline-block; width: auto; position: relative; padding: 0 0px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; } .cart-page .file-input-div { overflow-x: visible; overflow-y: visible; } .cart-page .input-block .link { white-space: nowrap; } #pop-menu2 .file-input-div { overflow-x: visible; overflow-y: visible; } .file-input-div.selected { padding: 0 0px 0 0; } .file-input-div label { padding: 0 0 0 0px; } .file-input-div.selected label { padding: 0 0 0 0px; } .file-input-filename { _overflow-x: hidden; _overflow-y: visible; display: block; _width: 100%; white-space: nowrap; position: relative; z-index: 100; _border: solid 1px red; padding: 0 0 0 30px; margin: 8px 0 0 0; font-size: 14px; } #pop-menu2 .file-input-filename { _margin-top: 8px; } .file-input { position: relative; } .file-input-div .close { display: none; } .file-input-div.selected .close, #pop-menu2 .file-input-div.selected .close { position: absolute; display: inline-block; top: 8px; left: 0px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('/images/template/close-menu.svg'); z-index: 999; cursor: pointer; } .main-cnt .grid-columns .grid-cnt { display: grid; grid-column: 1 / 13; grid-row: 1 / 2; display: grid; grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: repeat(12, 1fr); justify-items: stretch; align-items: stretch; justify-content: stretch; align-content: start; grid-auto-flow: row; } body { margin: 0; _padding: 114px 0 186px 0; min-height: 100%; width: 100%; background-color: white; padding: 114px 0 186px 0; padding: 114px 0 150px 0; } .main-cnt { display: block; padding: 0 32px; max-width: 1120px; margin: 0 auto; } .main-cnt.wide { display: block; padding: 0 32px; padding: 0 0px; max-width: 1312px; max-width: 1303px; margin: 0 auto; } .center-cnt { display: block; padding: 0 32px; max-width: 1120px; } .main-cnt.wide .grid-columns.wide .center-cnt { display: grid; grid-column: 1 / 15; } .center { text-align: center; } textarea { resize: vertical; } input[type="text"].pd0, input[type="number"].pd0, textarea.pd0 { padding: 0; } input[type="text"], input[type="number"], textarea { _width: 544px; width: 100%; margin: 0; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: solid 1px white; font-size: 14px; line-height: 38px; padding: 1px 19px; -moz-border-radius: 6px; -webkit-border-radius:	6px; -khtml-border-radius:	6px; border-radius: 6px; behavior: url(border-radius.htc); outline: none !important; overflow: hidden; } input.graybrd[type="text"], input.graybrd[type="number"], textarea.graybrd { border: solid 1px #e9e9e9; } input[type="text"]:focus, input[type="number"]:focus, textarea:focus { border: solid 2px #c51a1b; padding: 0px 18px; } input[type="text"].error, input[type="number"].error, textarea.error { border: solid 1px red; padding: 1px 19px; } input[type="text"].error:focus, input[type="number"].error:focus, textarea.error:focus { border: solid 2px red; padding: 0px 18px; } textarea:focus{ padding-top: 9px; padding-bottom: 9px; padding-left: 19px; } textarea.error:focus { padding-top: 9px; padding-bottom: 9px; padding-left: 18px; } textarea.error { padding-top: 10px; padding-bottom: 10px; } input[type="number"] { text-align: center; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'], input[type="number"]:hover, input[type="number"]:focus { appearance: none; -moz-appearance: textfield; } textarea { line-height: 1.5em; height: 100px; padding: 10px 20px; } input[type="text"]::-webkit-input-placeholder { color: #9d9d9c; } input[type="text"]::-moz-placeholder { color: #9d9d9c; } input[type="text"]:-moz-placeholder { color: #9d9d9c; } input[type="text"]:-ms-input-placeholder { color: #9d9d9c; } textarea::-webkit-input-placeholder { color: #9d9d9c; } textarea::-moz-placeholder { color: #9d9d9c; } textarea:-moz-placeholder { color: #9d9d9c; } textarea:-ms-input-placeholder { color: #9d9d9c; } .cols-6 textarea { height: 110px; } .input-block { display: block; margin: 0 0 18px 0; } .w100 { width: 100%; } .link { display: inline-block; font-size: 14px; color: #c51a1b; text-decoration: underline; cursor: pointer; width: auto; } .input-block .link { display: inline-block; margin: 8px 0 0 0; font-size: 14px; color: #c51a1b; text-decoration: underline; cursor: pointer; } .button { display: inline-block; font-size: 14px; line-height: 36px; -moz-border-radius: 6px; -webkit-border-radius:	6px; -khtml-border-radius:	6px; border-radius: 6px; behavior: url(border-radius.htc); text-decoration: none; text-align: center; cursor: pointer; padding: 2px 0px 2px 0px; outline: none; } #pop-menu2 .button { padding-left: 40px; padding-right: 40px; border: none; } .button:hover { text-decoration: none; } .button:active { padding: 4px 0 0px 0; } .button { border: none; } .button.blue { background-color: #c51a1b; color: white; } .button.blue:hover { background-color: #901011; color: white; } .button.red { background-color: #c51a1b; color: white; } .button.red:hover { background-color: #890909; color: white; } .button.blue:active { background-color: #901011; } .button.red:active { background-color: #890909; } header { position: relative; z-index: 1000; } #header { height: 113px; -webkit-box-shadow: 0px 0px 15px #929497; -moz-box-shadow: 0px 0px 15px #929497; box-shadow: 0px 0px 15px #929497; position: fixed; display: block; top: 0; left: 0; width: 100%; _overflow-y: hidden; background-color: white; z-index: 1000 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #header .main-cnt { _height: 73px; _overflow: hidden; } #header .main-cnt .grid-columns .grid-cnt { } #header .main-cnt .grid-columns .grid-cnt .header__logo_top { display: grid; grid-column: 1 / 3; grid-row: 1 / 1; margin: 0 0 12px 0; height: 24px; height: 2vw; height: auto; top: 0px; left: 0px; padding: 32px 12px 8px 12px; padding: 24px 20px 8px 20px; background-color: #c51a1b; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius:	0 0 8px 8px; -khtml-border-radius:	0 0 8px 8px; border-radius: 0 0 8px 8px; behavior: url(border-radius.htc); } #header .main-cnt .grid-columns .grid-cnt .header__logo_top img { width: 100%; max-width: 136px; height: auto; } @media screen and (max-width: 800px) { #header .main-cnt .grid-columns .grid-cnt .header__logo_top { grid-column: 1 / 4; } } #header .main-cnt .grid-columns .grid-cnt .header__menu_top { display: grid; grid-column: 3 / 7; grid-row: auto; align-items: end; margin: 0 0 12px 0; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item { display: inline-block; margin: 0 16px 0 0; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item:before { display: none; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item a { display: inline-block; text-decoration: none; color: #404750; padding: 0 0 4px 0; font-size: 15px; border-bottom: solid 4px white; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item a:hover { color: #9d9d9c; border-bottom: solid 4px #9d9d9c; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item.current a { border-bottom: solid 4px #c51a1b; } #header .main-cnt .grid-columns .grid-cnt .articul.search { position: absolute; top: 25px; left: 500px; height: 40px; white-space: nowrap; } @media all and (max-width: 700px) { #header .main-cnt .grid-columns .grid-cnt .articul.search { display: none; } } #header .main-cnt .grid-columns .grid-cnt .articul.search .cnt { position: absolute; top: 0; left: 0; white-space: nowrap; } #header .main-cnt .grid-columns .grid-cnt .articul.search input[type="text"] { border: solid 1px #9d9d9c; margin: 0; padding: 0px 10px; line-height: 30px; width: 180px; display: inline-block; font-size: 12px; } #header .main-cnt .grid-columns .grid-cnt .articul.search input[type="submit"] { display: inline-block; padding: 10px 10px 9px 10px; line-height: 1em; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; color: white; background-color: #c51a1b; border: none; font-size: 12px; margin: 0 0 0 10px; } #header .main-cnt .grid-columns .grid-cnt .header__city { display: -ms-flexbox; display: flex; grid-column: 7 / 10; grid-row: 1 / 1; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: end; align-content: end; padding: 5px 32px 0px 0; flex-direction: column; justify-content: flex-start; } #header .main-cnt .grid-columns .grid-cnt .header__cnt { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: end; align-content: end; grid-column: 10 / 13; grid-row: 1 / 1; align-items: start; text-align: left; padding: 0 0 20px 0; } #header .main-cnt .grid-columns .grid-cnt .header__cnt .cnt { border-left: solid 4px #c51a1b; padding: 0 0 0 31px; margin: 0 0 0 -33px; } #header .header__city_ordercall { font-size: 15px; color: #404750; cursor: pointer; } #header .header__city_ordercall:hover { text-decoration: none; color: #9d9d9c; } #header .header__city_email a { text-decoration: none; color: #404750; } #header .header__city_email a:hover { text-decoration: none; color: #9d9d9c; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt { display: block; _padding: 20px 0 12px 0; margin: 18px 0 0 0; padding: 2px 0; text-align: right; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt .header__city_select { display: inline-block; color: #9d9d9c; font-size: 14px; cursor: pointer; line-height: 18px; padding-right: 10px; background-repeat: no-repeat; background-position: right 8px; background-image: url('/images/template/top-arrow-down-gray.svg'); background-size: 7px; white-space: nowrap; } #header .header__city_phone a { display: block; font-size: 16px; cursor: pointer; line-height: 20px; color: #404750; white-space: nowrap; text-decoration: none; } #header .header__city_phone a:hover { text-decoration: none; cursor: text; } #header .main-cnt .grid-columns .grid-cnt .header__cart { display: grid; grid-column: 11 / 13; grid-row: 1 / 1; align-items: center; margin: 10px 0 0 0; white-space: nowrap; justify-self: end; } #header .main-cnt .grid-columns .grid-cnt .header__cart .header__cart_icon { display: inline-block; margin: 5px 10px 0 0; vertical-align: middle; } #header .main-cnt .grid-columns .grid-cnt .header__cart .header__cart_icon { width: 20px; height: auto; } #header .main-cnt .grid-columns .grid-cnt .header__cart .header__cart_number { display: inline-block; vertical-align: middle; color: white; font-size: 18px; line-height: 20px; background-color: #c51a1b; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); padding: 6px; text-align: center; min-width: 20px; } .header__menu_main { display: block; background-color: #e9e9e9; } .header__menu_main ul { } .header__menu_main .grid-cnt { } .header__menu_main .cnt { display: grid; grid-column: 3 / 13; grid-row: 1 / 1; align-items: center; margin: 0px 0 0 0; white-space: nowrap; justify-self: start; } .header__menu_main ul { } .header__menu_main__item { display: inline-block; color: #404750; font-size: 16px; line-height: 40px; } .header__menu_main__item:before { display: none; } .header__menu_main__item a { color: #404750; text-decoration: none; _margin: 0 22px 0 0; } .header__menu_main__item:last-child a { margin: 0 0px 0 0; } .header__menu_main__item a:hover { text-decoration: underline; color: #9d9d9c; } #header .main-cnt .header__menu_main_cnt { display: grid; grid-column: 1 / 13; grid-row: 1 / 1; align-items: end; margin: 0; } #header .main-cnt .header__menu_main_cnt ul { list-style-type: none; margin: 0; padding: 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; _width: calc(100% + 25px); } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item { position: relative; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item a { display: inline-block; margin: 0 20px 0 0; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item a:hover { text-decoration: none; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item a.current { color: #c51a1b; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item a.current:hover { color: #890909; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item ul.l2 { display: none; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 { z-index: 10; display: inline-block; position: absolute; bottom: auto; top: 40px; left: 0; padding: 0px 0; border: solid 1px #9d9d9c; border: solid 1px #d5d5d5; border-top: none; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 li { background-color: #e9e9e9; line-height: 1.2em; padding: 5px 20px; font-size: 14px; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 li:first-child { padding-top: 10px; background: -moz-linear-gradient(top, #cccccc 0%, #e9e9e9 15px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(15px,#e9e9e9)); background: -webkit-linear-gradient(top, #cccccc 0%,#e9e9e9 15px); background: -o-linear-gradient(top, #cccccc 0%,#e9e9e9 15px); background: -ms-linear-gradient(top, #cccccc 0%,#e9e9e9 15px); background: linear-gradient(to bottom, #cccccc 0%,#e9e9e9 15px); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e9e9e9',GradientType=0 ); } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 li:last-child { padding-bottom: 10px; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 li a:hover { color: #9d9d9c; text-decoration: none; } #header .main-cnt .header__menu_main_cnt ul li.header__menu_main__item:hover ul.l2 li.shadow { display: block; display: none; overflow: hidden; height: 1px; -webkit-box-shadow: 0px 0px 15px #929497; -moz-box-shadow: 0px 0px 15px #929497; box-shadow: 0px 0px 15px #929497; _background-color: red; } #header .main-cnt .header__menu_main_cnt ul li:last-child a { display: inline-block; padding: 0 0px 0 0; margin: 0; } footer { width: 100%; display: block; width: 100vw; margin: 0; padding: 0 0px; } #footer { display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; _background-color: #e9e9e9; _border-bottom: solid 82px #404750; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 190px; height: 210px; } #footer .block2 { background-color: #404750; color: #dcdcdd; margin: 40px 0 0 0; padding: 30px 0; font-size: 15px; } #footer .block2 .main-cnt { } #footer .block2 .main-cnt .grid-columns { min-height: 160px; } #footer .block2 p, #footer .block2 span { color: #dcdcdd; } #footer .block2 a { color: #dcdcdd; text-decoration: none; } #footer .block2 a:hover { color: #9d9ea1; text-decoration: none; } #footer .block2 ul { margin: -1px 0 0 0; padding: 0; } #footer .block2 .c1 { margin: 0 44px 0 0; vertical-align: top; } #footer .block2 .c2 { vertical-align: top; } #footer .block2 ul li { display: inline-block; list-style-type: none; padding: 0 10px 0 0; font-size: 16px; } #footer .block2 ul.v2 li { display: block; list-style-type: none; padding: 0 10px 0 0; font-size: 16px; } #footer .block2 .c1 ul li { line-height: 25px; } #footer .block2 .c2 ul li { line-height: 27px; } #footer .block2 ul li.block { display: block; } #footer .address { font-size: 13px; line-height: 1.5em; } #footer .address p { margin: 0 0 21px 0; } #footer .address p:nth-child(2) { _background-color: red; margin: 0 0 22px 0; } #footer .address a.phone, #footer .address a.phone:hover { text-decoration: none; cursor: text; } #footer .line0 { font-size: 13px; line-height: 1.5em; margin: 0 0 25px 0; } #footer .block2 ul li ul.sub { } #footer .block2 ul li ul.sub li { display: block; white-space: nowrap; font-size: 14px; line-height: 22px; padding-left: 20px; } #footer .block2 .menu.n2 { margin: 20px 0 0 0; } #footer .block2 .copy { position: absolute; _right: 0; _text-align: right; top: 0; left: 800px; font-size: 13px; line-height: 1.5em; } #footer .block2 .copy .line1 { display: block; margin: 0 0 21px 0; } #footer .block2 .gcols.address { line-height: 22px; } #footer .block2 .address-block { display: block; } #footer .block2 div.address { display: inline-block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #footer .block2 .address-block .address.n1 { display: inline-block; vertical-align: top; padding: 0 10px 0 25px; position: relative; } #footer .block2 .address-block .address.n1:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('/images/template/location_lgray.svg'); } #footer .block2 .address-block .address.n2 { display: inline-block; vertical-align: top; padding: 0 0px 0 25px; position: relative; } #footer .block2 .address-block .address.n2:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('/images/template/location_lgray.svg'); } @media all and (max-width: 700px) { #footer .block2 .address-block .address.n1 { width: 100%; display: block; padding-bottom: 2em; padding-bottom: 0em; } #footer .block2 .address-block .address.n2 { width: 100%; display: block; } #footer .gcols.menu-block { padding-left: 0 !important; } #footer .block2 .copy { text-align: left; left: 0; } } #footer .gcols.menu-block { padding-left: 32px; } #footer .block2 .dsk-block { display: block; } #footer .gcols.menu-block li.current > a { color: #9d9ea1; } @media all and (max-width: 700px) { #footer .block2 .dsk-block { display: inline-block; } #footer .block2 .menu.n2 { display: none; } } @media all and (max-width: 700px) { #footer .block2 .grid-columns { display: block; } #footer .block2 .gcols.address { display: block; } #footer .block2 .gcols.address .block { display: inline-block; } #footer .block2 .menu-block ul { display: none; } #footer .block2 .copy { display: block; position: relative; padding: 1em 0 2em 0; } #formquery1 .button { margin: -30px 0 40px 0; } #formquery1 .file-input-div label { position: relative; margin: 0px 0 0 0; top: -10px; } #footer .block2 .main-cnt .grid-columns { min-height: auto; } #footer .block2 { padding: 30px 0 0 0; } } #footer .footer__city_left { display: grid; grid-column: 1 / 6; grid-row: 1 / 1; align-items: end; margin: 32px 0 0 0; margin: -32px 0 0 0; } #footer .footer__city_left_contact { display: grid; grid-column: 1 / 3; grid-row: 1 / 1; align-items: start; margin: 0; } #footer .footer__city_left_write { display: grid; grid-column: 3 / 6; grid-row: 1 / 1; align-items: start; margin: 0; } .footer__city_left_contact_city { white-space: nowrap; color: #9d9d9c; font-size: 14px; } .footer__city_left_contact_phone a { text-decoration: none; white-space: nowrap; color: #c51a1b; font-size: 16px; } .footer__city_left_contact_phone:hover a { text-decoration: underline; } .footer__city_left_contact:first-child .footer__city_left_contact_phone:hover a { cursor: default; text-decoration: none; } #footer .footer__city_right { white-space: nowrap; position: absolute; top: 35px; right: 0; } #footer .footer__city_right_contact { display: inline-block; margin: 0 30px 0 0; white-space: nowrap; } #footer .footer__city_right_contact:last-child { margin: 0; } #footer .footer__city_right_write { display: inline-block; border: solid 1px; margin: 0; } .footer__city_right_contact_city { white-space: nowrap; color: #9d9d9c; font-size: 14px; } .footer__city_right_contact_phone a { text-decoration: none; white-space: nowrap; color: #c51a1b; font-size: 16px; } .footer__city_right_contact_phone:hover a { text-decoration: underline; } .footer__city_right_contact:first-child .footer__city_right_contact_phone:hover a { cursor: default; text-decoration: none; } .footer__city_right_contact_icon { position: relative; display: inline: block; margin: 0px 4px 0 0; top: 5px; } .footer__city_right_contact_icon.v2 { position: relative; top: 8px; } .footer__city_right_contact_text { text-decoration: none; white-space: nowrap; color: #c51a1b; font-size: 16px; } .page-slider-cnt { display: inline-block; _border: solid 1px red; width: auto; height: auto; } .slider-block { display: grid; grid-column: 1 / 15; } .slider { position: relative; vertical-align: top; padding: 0 40px; padding: 0; } .slider_button-prev { position: absolute; top: calc(50% - 10px); left: 0; } .slider_button-next { position: absolute; top: calc(50% - 10px); right: 0; } .slider_text { position: absolute; bottom: 0px; _right: 4%; _right: 56px; right: 96px; right: 91px; background-color: #c51a1b; color: white; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius:	4px 4px 0px 0px; -khtml-border-radius:	4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; behavior: url(border-radius.htc); padding: 14px 16px 14px 17px; font-size: 22px; line-height: 31px; letter-spacing: 0px; } .slider-cnt .slider_text { right: 56px; right: 96px; right: 91px; } .slider_image { width: auto; height: 512px; height: 508px; overflow: hidden; background-position: center 0; background-repeat: no-repeat; position: relative; z-index: 1; } .box-sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .no-margin-right { margin-right: none; } .block { display: block; } h1, h2, h3, h4 { color: #404750; } h1 { font-weight: normal; font-size: 46px; line-height: 1.1em; } h1 .small { font-weight: normal; font-size: 32px; line-height: 1.2em; } .big-title-with-line { display: block; } .big-title-with-line h1 { margin-top: 0.5em; } .big-title-with-line h1 .small { margin-top: 0.45em; } .big-title-with-line .right-text .cnt { display: block; border-left: solid 4px #c51a1b; padding: 0.4em 0 0.4em 1.2em; } .big-title-with-line .right-text .cnt.open-popup-action { border: none; padding: 0; font-size: inherit; } h2 { font-weight: normal; font-size: 46px; margin: 0 0 34px 0; } h3 { font-weight: normal; font-size: 32px; margin: 0 0 34px 0; } h4 { font-weight: normal; font-size: 28px; margin: 0 0 0.7em 0; } p { color: #404750; margin: 0 0 1em 0; } .rounded { display: inline-block; overflow: hidden; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius:	8px 8px 8px 8px; -khtml-border-radius:	8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding: 0; _height: 256px; width: 100%; } .rounded img { margin: 0; vertical-align: top; } .white-bg-2-cols-images { display: block; padding: 44px 0 44px 0; } .page__content_main { display: block; padding: 113px 0 0 0; padding: 0px 0 0 0; } .page__content_main ul.simple { list-style-type: none; padding: 0 0 0 0; } .page__content_main ul.simple li { display: block; padding: 0 0 0 1em; position: relative; margin: 0 0 10px 0; color: #404750; } .page__content_main ul.simple li:before { content: ''; position: absolute; top: 5px; left: 0px; display: block; width: 10px; height: 10px; background-color: #c51a1b; color: #9d9d9c; } .page-main__slider_image { width: auto; height: 512px; height: 508px; overflow: hidden; background-position: center 0; background-repeat: no-repeat; _background-image: url('/images/pages/home/banner_rm.png'); position: relative; z-index: 1; _top: 96px; } .page-main__slider_image img { width: 1303px; height: 512px; height: 508px; } .page-main__pb1 { padding: 64px 0 0px 0; margin: 0px 0 0px 0; } .page-main__pb1_2 { margin-top: 16px; margin-bottom: 80px; } .page-main__pb1 h1 { } .page-main__pb1_2 .item { padding: 0; margin: 0; display: inline-block; } .page-main__pb1_2 .rounded { display: block; background-position: center center; background-repeat: no-repeat; _background-size: cover; heigth: 256px; } .page-main__pb1_2 .rounded.n1 { background-size: contain; } .page-main__pb1_2 .rounded.n2 { background-size: 140%; } .page-main__pb1_2 .rounded.n3 { background-size: 140%; } .page-main__pb1_2 .rounded:first-child { background-color: #c51a1b; } .page-main__pb1_2 .rounded .content { display: block; height: 256px; } .page-main__pb1_2 .rounded:first-child .content { padding: 0 30px; } .page-main__pb1_2 .rounded img { height: 100%; } .page-main__pb1 .nth-cols-2 .col:nth-child(1) { } .page-main__pb1 .nth-cols-2 .col:nth-child(2) { border-left: solid 4px #c51a1b; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 8px 0 8px 0px; } .page-main__pb1 .nth-cols-2 .col:nth-child(2) .pleft-18 { padding-left: 18px; } .page-main__pb1 p { font-size: 16px; line-height: 1.2em; margin: 0 0 0.6em 0; } .page-main__pb1 p:last-child, .page-catalog__pb1 p:last-child { margin: 0 0 0 0; } .page-main__slider_text { position: absolute; bottom: 0px; right: 90px; background-color: #c51a1b; color: white; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius:	4px 4px 0px 0px; -khtml-border-radius:	4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; behavior: url(border-radius.htc); padding: 14px 16px 14px 17px; font-size: 22px; line-height: 31px; letter-spacing: 0px; } .lgray-bg.pb2 { margin: 74px 0 0px 0; margin: 32px 0 0px 0; padding: 24px 0 16px 0; } .page-main__pb2 h2 { margin: 8px 0 62px 0; padding: 0; line-height: 1em; } .page-main__pb2 .rounded { display: inline-block; overflow: hidden; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius:	8px 8px 8px 8px; -khtml-border-radius:	8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; height: 254px; transition-duration: .2s; } .page-main__pb1_catalog-groups { padding: 0 0 20px 0; margin: -22px 0 0 0; } .page-main__pb1_catalog-groups .pb-line { display: block; margin: 0 0 0px 0; padding: 0; } a.catalog-groups__item, div.catalog-groups__item { text-decoration: none; height: 254px; height: 250px; height: 335px; height: auto; overflow: hidden; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .catalog-groups.right-kromka { position: relative; top: calc(90px); left: 0; height: 64px; -moz-border-radius: 32px; -webkit-border-radius:	32px; -khtml-border-radius:	32px; border-radius: 32px; overflow: hidden; background-image: url('/images/pages/home/home_image_1-1.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; } .catalog-groups.right-kromka-line { content: ''; position: absolute; right: 0px; top: 140px; display: block; height: 2px; width: 200%; z-index: 1; height: 2px; background-image: url(/images/template/dotted-1.png); background-repeat: repeat-x; background-position: 0 bottom; overflow: hidden; } @media all and (max-width: 700px) { .catalog-groups.right-kromka { display: none; } .catalog-groups.right-kromka-line { display: none; } } .catalog-groups__item_image { width: 100%; } a.catalog-groups__item .rounded, div.catalog-groups__item .rounded { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; background-color: white; min-height: 254px; width: 100%; width: calc(100% - 4px); width: calc(100% - 1px); display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-size: 100%; background-position: center center; border: solid 2px white; } a.catalog-groups__item:hover .rounded { border: solid 2px #c51a1b; } a.catalog-groups__item.noborder .rounded, a.catalog-groups__item.noborder:hover .rounded, div.catalog-groups__item.noborder .rounded, div.catalog-groups__item.noborder:hover .rounded { border: none; } a.catalog-groups__item .rounded img, div.catalog-groups__item .rounded img { width: 100%; height: auto; } .page-main a.catalog-groups__item, .page-main div.catalog-groups__item { height: 335px; } .page-main a.catalog-groups__item .rounded img, .page-main div.catalog-groups__item .rounded img { width: auto; height: auto; vertical-align: top; } a.catalog-groups__item .rounded.normal, div.catalog-groups__item .rounded.normal { display: block; } a.catalog-groups__item .rounded.hover, div.catalog-groups__item .rounded.hover { display: none; } a.catalog-groups__item:hover .rounded, div.catalog-groups__item:hover .rounded { } a.catalog-groups__item:hover .rounded.normal, div.catalog-groups__item:hover .rounded.normal { display: none; } a.catalog-groups__item:hover .rounded.hover, div.catalog-groups__item:hover .rounded.hover { display: block; } a.catalog-groups__item .rounded.normal.nohide, a.catalog-groups__item .rounded.normal.nohide, div.catalog-groups__item .rounded.normal.nohide, div.catalog-groups__item .rounded.normal.nohide { display: block; } .catalog-groups__item_text { display: block; text-decoration: none; color: #404750; font-size: 24px; font-weight: normal; line-height: 1em; border-left: solid 4px #c51a1b; margin: 10px 0 2px 0; padding: 8px 0px 6px 16px; } .catalog-groups__item_price { font-size: 16px; color: #9d9d9c; position: absolute; bottom: 15px; left: 20px; white-space: nowrap; } .catalog-groups__item_list { display: block; width: 100%; } .page-main .catalog-groups__item_list .content { display: block; padding: 0 30px; width: 100%; } .page-main .catalog-groups__item_list .rounded.n1 { padding-right: 4px; background-position: center 45%; background-repeat: no-repeat; } .catalog-groups__item_list_text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; color: white; background-color: #c51a1b; display: inline-block; overflow: hidden; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius:	8px 8px 8px 8px; -khtml-border-radius:	8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; height: 254px; font-size: 24px; padding: 10px; margin: 20px 0px 0 0; } .page-main .catalog-groups__item_list_text { margin-top: 0; height: 256px; } .catalog-groups__item_list_text img.spacer { } .catalog-groups__item_list_text .ul { _width: 100%; display: block; padding: 41px 20px 40px 64px; } .catalog-groups__item_list_text .li { display: block; position: relative; padding: 0 0 11px 24px; margin: 0 0 0 0; font-size: 24px; white-space: nowrap; } .catalog-groups__item_list_text .li:before { content: ''; width: 10px; height: 10px; background-color: white; position: absolute; top: 10px; left: 0; } a.catalog-groups__item:hover .catalog-groups__item_image .icon { position: absolute; transition-duration: 1.3s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } a.catalog-groups__item:hover .catalog-groups__item_text { color: #c51a1b; } .catalog-groups__item_image { position: relative; padding: 0; border: solid 1px transparent; display: inline-block; } .catalog-groups__item_image .icon { display: inline-block; position: absolute; transition-duration: 1.6s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; width: 144px; height: 144px; -moz-border-radius: 64px; -webkit-border-radius:	64px; -khtml-border-radius:	64px; border-radius: 64px; -moz-border-radius: 72px; -webkit-border-radius:	72px; -khtml-border-radius:	72px; border-radius: 72px; background-color: #9d9d9c; top: 78px; top: calc(50% - 72px); left: 20px; text-align: center; z-index: 20; } .catalog-groups__item_image .icon img { border: none; margin: calc(50% - 40px) 0; width: 80px; height: auto; } .page-main__pb_logos { display: block; padding: 30px 0 0px 0; } .page-main__pb_logos_items { width: 100%; display: flex; flex-flow: row wrap; _justify-content: space-between; align-content: flex-start; align-items: start; margin: 0 0 40px 0; } .page-main__pb_logos_items_item { margin: 5px; padding: 5px; flex: 0 1 auto; } .cart-page .catalog.form .bottom-block .cols-6.text p { margin: 0 0 70px 0; margin: 0 0 0px 0; } .cart-page { display: block; padding: 24px 0 0 0; } .cart-page .catalog.form { padding: 30px 0; } .cart-page .catalog.form .input-rekvisits { display: block; margin: 0 0 32px 0; _margin: 0 0 29px 0; } .cart-page .catalog.form .cols-4 { width: calc(50% - 16px); } .cart-page .catalog.form .input-block.checkbox { line-height: 40px; position: relative; padding-right: 50px } .cart-page .catalog.form .input-block.checkbox .text { font-size: 14px; position: relative; top: 2px; } .cart-page .catalog.form .input-block.checkbox .input .cnt { display: inline-block; background-color: white; position: absolute; left: 150px; top: 2px; width: 36px; line-height: 36px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius:	2px; -khtml-border-radius:	2px; border-radius: 2px; behavior: url(border-radius.htc); border: solid 2px white; cursor: pointer; color: #9d9d9c; display: flex; height: 36px; aspect-ratio: 1 / 1; } .cart-page .catalog.form .input-block.checkbox .input .cnt .txt { display: none; } .cart-page .catalog.form .input-block.checkbox .input .cnt:hover { border: solid 2px #c51a1b; } .cart-page .catalog.form .input-block.checkbox .input .cnt:hover .txt { display: block; text-align: center; width: 100%; } .cart-page .catalog.form .input-block.checkbox.checked .input .cnt { border: solid 2px #c51a1b; color: #404750; } .cart-page .catalog.form .input-block.checkbox.checked .input .cnt .txt { display: block; text-align: center; width: 100%; } .cart-page .catalog.form h3 { margin-bottom: 26px; } .cart-page .catalog.form .data-text { display: block; margin: 0 0 54px 0; } .cart-page .catalog.form .data-text p { color: #9d9d9c; font-size: 14px; line-height: 1.2em; margin-top: 0.6em; } .cart-page p, .cart-page td, .cart-page div { color: #404750; } .cart-page .items table { border-collapse: collapse; width: 100%; } .cart-page .items table tr { position: relative; } .cart-page .items table tr th { text-align: left; font-weight: normal; font-size: 14px; color: #9d9d9c; white-space: nowrap; padding: 4px 20px 8px 0; } .cart-page .items table tr th.price { text-align: right; } .cart-page .items table tr th:last-child { text-align: right; } .cart-page .items table .link { text-decoration: none; } .cart-page .items table .link:hover { text-decoration: underline; } .cart-page .items table tr th:last-child { padding-right: 0; } .cart-page .items table tr td { padding-top: 10px padding-bottom: 10px; } .cart-page .items table tr td:nth-child(1) { width: 64px; width: auto; } .cart-page .items table tr th:nth-child(2), .cart-page .items table tr td:nth-child(2) { padding-left: 32px; padding-top: 10px; padding-bottom: 10px; } .cart-page .items table tr td:nth-child(1) img { width: 160px; width: 158px; height: auto; vertical-align: top; } .cart-page .items table tr td:nth-child(2) { font-size: 14px; _min-width: 300px !important; width: 50%; padding-right: 32px; } .cart-page .items table tr td:nth-child(2) .image { _border: solid 1px; } .cart-page .items table tr td:nth-child(2) .line.articul { white-space: nowrap; } .cart-page .items table tr td:nth-child(2) .name { diplay: inline-block; vertical-align: top; } .cart-page .items table tr td:nth-child(2) .value { diplay: inline-block; vertical-align: top; padding-right: 32px; } .cart-page .items table tr th:nth-child(3), .cart-page .items table tr td:nth-child(3) { text-align: center; } .cart-page .items table tr td:nth-child(3) { font-size: 18px; white-space: nowrap; padding-right: 32px; } .cart-page .items table tr th:nth-child(4), .cart-page .items table tr td:nth-child(4) { text-align: center; } .cart-page .items table tr td:nth-child(4) { position: relative; padding-left: 8px; padding-right: 20px; } .cart-page .items table tr td:nth-child(4) .cnt { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; padding-left: 12px; padding-right: 14px; position: relative; } .cart-page .items table tr td:nth-child(4) .minus, .cart-page .items table tr td:nth-child(4) .plus { position: absolute; top: 8px; font-size: 18px; _border: solid 1px; cursor: pointer; } .cart-page .items table tr td:nth-child(4) .minus { left: 0; } .cart-page .items table tr td:nth-child(4) .plus { right: 0; } .cart-page .items table tr td:nth-child(4) input[type="text"] { width: 100%; border: none; outline: none; text-align: center; padding: 0 0px; font-size: 17px; _border: solid 1px; } .cart-page input[type="text"], .cart-page textarea { width: 100%; } .cart-page .items table tr td:nth-child(5) { width: 20%; padding-left: 0; _padding-right: 32px; white-space: nowrap; font-size: 24px; line-height: 1em; text-align: right; } .cart-page .items table tr td:nth-child(6) { width: 20%; padding-left: 16px; padding-right: 0; text-align: right; } .cart-page textarea { width: 100%; outline: none; } .cart-page .items table tr { background-image: url(/images/template/dotted-1.png); background-repeat: repeat-x; background-position: 0 bottom; z-index: 10; } .cart-page .items table tr:last-child { background-image: none; } .cart-page .items table tr:last-child td { } .cart-page .items table tr:last-child td.summary table { padding: 0; margin: 0; border-collapse: collapse; } .cart-page .items table tr:last-child td.summary table tr, .cart-page .items table tr:last-child td.summary tr:last-child { background-image: none; } .cart-page .items table tr:last-child td.summary table { margin: 6px 0 20px 0; width: 80%; } .cart-page .items table tr:last-child td.summary table td { width: 100%; padding: 8px 0 0 0; position: relative; } .cart-page .items table tr:last-child td.summary table td .cnt { position: relative; display: inline-block; background-color: white; padding: 0 0 2px 0; margin: 0 0 0px 0; z-index: 10; } .cart-page .items table tr:last-child td:nth-child(5) { text-align: right; padding: 12px 0 0 0; } .cart-page .items table tr:last-child td:nth-child(5) .text { display: block; font-size: 14px; color: #9d9d9c; margin: 0 0 22px 0 } .cart-page .items table tr:last-child td:nth-child(5) .value { display: block; font-size: 32px; color: #c51a1b; margin: 0 0 35px 0 } .cart-page .items table tr:last-child td:nth-child(6) { vertical-align: top; padding: 14px 0 0 16px; } .cart-page .items table tr:last-child td.summary table td.totaldata__name { } .cart-page .items table tr:last-child td.summary table td.totaldata__name .cnt { font-size: 14px; line-height: 1em; color: #9d9d9c; } .cart-page .items table tr:last-child td.summary table td.totaldata__value { font-size: 16px; line-height: 1em; text-align: right } .cart-page .items table tr:last-child td.summary table td:after { content: ''; display: block; position: absolute; bottom: 5px; left: 0px; width: 100%; z-index: 1; height: 2px; background-image: url(/images/template2/dotted-1.png); background-repeat: repeat-x; background-position: 0 bottom; overflow: hidden; } .cart-page .items table tr .line.articul { color: #9d9d9c; display: block; margin: 0 0 0px 0; } .cart-page .items table tr .line.size { display: block; margin: 0 0 8px 0; } .cart-page .items table tr .line.size .name { color: #9d9d9c; display: block; margin: 0 0 0px 0; } .cart-page .items table tr .line.color .name { color: #9d9d9c; display: block; margin: 0 0 0px 0; } .cart-page .items table tr .line.title { display: block; margin: 0px 0 8px 0; } .cart-page .bottom-block div { vertical-align: top; padding: 0; } .catalog.form .bottom-block .cols-6.text { margin-top: 0; margin-bottom: 0; } .page-catalog__slider_image { width: auto; height: 512px; height: 508px; _height: 480px; overflow: hidden; background-position: center 0; background-repeat: no-repeat; background-size: 1232px; background-size: 1312px; background-size: 1303px; position: relative; z-index: 1; } .catalog.list .catalog.items { padding: 14px 0 40px 0; } .page-catalog .padding-cnt { _padding: 0 0 40px 0; border: solid 1px red; } .catalog.list .catalog.items .grid-columns { grid-template-areas: "columns columns columns columns columns columns columns columns columns columns columns columns"; position: relative; z-index: 10; background-color: rgba(0,0,0,0); height: 100%; height: auto; display: grid; grid-template-columns:	repeat(12, 1fr); grid-template-rows: 340px 1fr; grid-template-rows: auto 1fr; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; _grid-row-gap: 32px; } .catalog.list .catalog.items .catalog.item { vertical-align: top; position: relative; color: #404750; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; padding-bottom: 30px; } .catalog.list .catalog.items .catalog.item:nth-child(4n+1) { _border-top: solid 2px red; grid-column-start: 1; grid-column-end: 4; } .catalog.list .catalog.items .catalog.item:nth-child(4n+2) { _border-top: solid 2px blue; grid-column-start: 4; grid-column-end: 7; } .catalog.list .catalog.items .catalog.item:nth-child(4n+3) { _border-top: solid 2px yellow; grid-column-start: 7; grid-column-end: 10; } .catalog.list .catalog.items .catalog.item:nth-child(4n+4) { _border-top: solid 2px magenta; grid-column-start: 10; grid-column-end: 13; } .catalog.list .catalog.items .catalog.item:hover { text-decoration: none; } .catalog.list .catalog.items .catalog.item .cnt { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: white; display: inline-block; border: solid 2px white; height: 300px; height: auto; width: 100%; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); overflow: hidden; position: relative; background-size: 256px; background-repeat: no-repeat; background-position: center 10%; margin: 0 auto 10px auto; padding-top: 18px; padding-bottom: 5px; min-height: 303px; } .catalog.list .catalog.items .catalog.item:hover .cnt { border: solid 2px #c51a1b; } .catalog.list .catalog.items .catalog.item.current .cnt { border: solid 2px #c51a1b; } .catalog.list .catalog.items .catalog.item .cnt img { width: 100%; height: auto; margin-bottom: 20px; } .catalog.list .catalog.items .catalog.item:nth-child(4n+4) { margin-right: 0; } .catalog.list .catalog.items .catalog.item .line { display: block; position: absolute; bottom: 0px; left: 16px; height: 2px; background-color: #c51a1b; overflow: hidden; width: calc(100% - 32px); z-index: 400; margin: 2px 0 0 0; display: none; } .catalog.list .catalog.items .catalog.item .price { position: absolute; bottom: 6px; right: 13px; font-size: 23px; } .catalog.list .catalog.items .catalog.item .articul { position: absolute; top: 10px; left: 13px; font-size: 12px; z-index: 200; } .catalog.list .catalog.items .catalog.item .size { position: absolute; bottom: 10px; left: 13px; font-size: 12px; _display: none; } .catalog.list .catalog.items .catalog.item .name { _position: absolute; position: relative; bottom: -0px; left: 16px; font-size: 14px; color: #404750; display: block; _margin: 10px 0 10px 0; _align-items: start; } .catalog.list .catalog.items .catalog.item .text { width: calc(100% - 16px); display: block; padding: 0 16px 0 0; _margin: 20px 0 0 0; white-space: normal; vertical-align: top; align-items: start; _display: grid; } .page-catalog .page-catalog__pb1 .gcols ul { list-style-type: none; padding: 0; margin: 0 0 16px 0; } .page-catalog .page-catalog__pb1 .gcols ul .bw { background-color: white; position: relative; z-index: 1000; } .page-catalog .page-catalog__pb1 .gcols:nth-child(2) ul li { display: block; padding: 0 0 0 0.7em; margin: 0 0 6px 0; position: relative; } .page-catalog .page-catalog__pb1 .gcols:nth-child(2) ul li:before { content: '-'; position: absolute; top: 0; left: 0; } .page-catalog .page-catalog__pb1 .gcols:nth-child(1) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 12px 0px; margin: 0px 0 0px 0; } .page-catalog .page-catalog__pb1 .gcols:nth-child(2) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 12px 0 12px 0px; margin: 64px 0 32px 0; } .page-catalog .page-catalog__pb1 .gcols:nth-child(1) h1 { margin-bottom: 10px; } .page-catalog .pb-colors { display: block; padding: 0px 0 20px 0; } .page-catalog .pb-colors.v2 { padding: 0px 0 20px 4px; } .page-catalog .pb-colors .line { display: block; color: #9d9d9c; margin: 0 0 0 0; font-size: 14px; line-height: 1em; } .page-catalog .pb-colors .line:nth-child(1) { display: block; margin: 0 0 10px 0; } .page-catalog .pb-colors .line:nth-child(3) { display: block; margin: 6px 0 8px 0; } .page-catalog .pb-colors .pb-line2 { display: block; margin: 6px 0 8px 0; } .page-catalog-item .pb-colors .pb-line1.colors { margin: -4px 0 0 -4px; } .page-catalog-item .pb-colors.v2 .pb-line1.colors.text { margin: 0px 0 10px -4px; margin: 0px 0 2px -4px; } .page-catalog-item .pb-colors.v2 .pb-line2.colors.text { margin: 8px 0 10px -4px; } .pb-colors .pb-line1.colors { display: block; } .pb-colors .pb-line1.colors .item { display: inline-block; margin: 0 23px 0 0; margin: 0 22px 0 0; -moz-border-radius: 6px; -webkit-border-radius:	6px; -khtml-border-radius:	6px; border-radius: 6px; behavior: url(border-radius.htc); overflow: hidden; } .pb-colors.v2 .pb-line1.colors .item { margin: 0 13px 0 0; margin: 0 12px 0 0; margin: 8px 12px 0 0; } .catalog-item.page-catalog-item .pb-colors { max-width: 350px; } .catalog-item.page-catalog-item .pb-colors .pb-line1.colors .item { margin: 0 13px 0 0; } .catalog-item.page-catalog-item .pb-colors .pb-line1.colors .item:nth-child(4n+4) { } .page-catalog-item .pb-colors .pb-line1.colors .item:last-child { margin-right: 0; } .pb-colors .pb-line1.colors .item img { vertical-align: top; width: 56px; height: 56px; } .page-catalog-item .pb-colors .pb-line1.colors .item { border: solid 2px white; border: solid 2px #ddd; padding: 2px; vertical-align: top; } .page-catalog-item .pb-colors .pb-line1.colors .item.mt { _margin-top: 8px; margin-top: 4px; margin-top: 10px; } .page-catalog-item .pb-colors .pb-line1.colors .item .brd { display: inline-block; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); vertical-align: top; } .page-catalog-item .pb-colors .pb-line1.colors .item:hover { cursor: pointer; border: solid 2px #9d9d9c; } .page-catalog-item .pb-colors .pb-line1.colors .item.current, .page-catalog-item .pb-colors .pb-line1.colors .item.current:hover { cursor: auto; border: solid 2px #c51a1b; } .page-catalog .catalog.list { display: block; } .page-catalog .catalog.list.pb-4 { padding: 44px 0 36px 0; } .page-catalog .catalog.list h2 { display: block; padding: 0 400px 0 0; font-size: 32px; position: relative; margin: 0 0 20px 0; } .page-catalog .catalog.list h2 .right-block { display: block; font-size: 14px; position: absolute; right: 0px; top: 8px; display: inline-block; text-decoration: none; white-space: nowrap; color: #c51a1b; font-size: 16px; } .bottom-query-form { padding-bottom: 30px; } .bottom-query-form .gcols.form { padding: 30px 0 0 0; } .bottom-query-form .gcols.text { padding-top: 70px; } .bottom-query-form .gcols.text ul { margin-top: 96px; } .bottom-query-form .form { padding-top: 0px; } .bottom-query-form .form h3 { margin: 0 0 0.6em 0; } .h2--right_block__city_right_contact { white-space: nowrap; cursor: pointer; display: inline-block; } .h2--right_block__city_right_contact:first-child { margin: 0 30px 0 0; } .h2--right_block__city_right_contact_icon { white-space: nowrap; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; } .h2--right_block__city_right_contact_icon.v2 { position: relative; top: 2px; } .h2--right_block__city_right_contact_icon img { width: 24px; height: auto; } .h2--right_block__city_right_contact__text { display: inline-block; text-decoration: none; white-space: nowrap; color: #c51a1b; } .h2--right_block__city_right_contact:hover .h2--right_block__city_right_contact_text { text-decoration: underline; } .page-catalog-item { display: block; padding: 30px 0 15px 0; } .page-catalog-item { padding: 0px 0 15px 0; } .page-catalog-item .articul { margin: 0 0 4px 0; } .page-catalog-item .articul .text { color: #9d9d9c; display: inline-block; padding: 0 0.4em 0 0; font-size: 14px; line-height: 0.8em; } .page-catalog-item .articul .value { color: #9d9d9c; display: inline-block; font-size: 14px; line-height: 0.8em; } .page-catalog-item .title, .page-catalog-item .title h1 { font-size: 22px; display: block; margin: 4px 0 12px 0; margin: -6px 0 20px 0; } .page-catalog-item .size { font-size: 16px; display: block; margin: 0px 0 20px 0; padding: 0; } .page-catalog-item .size .text { color: #9d9d9c; font-size: 14px; display: block; padding: 0; margin: 0 0 4px 0; } .page-catalog-item .size .value { color: #404750; padding: 0; font-size: 18px; display: block; margin: -4px 0 0px 0; } .page-catalog-item .color { font-size: 16px; display: block; margin: 0px 0 20px 0; padding: 0; } .page-catalog-item .color .text { color: #9d9d9c; font-size: 14px; display: block; padding: 0; margin: 0 0 0px 0; } .page-catalog-item .color .value { color: #404750; padding: 0; font-size: 16px; display: block; } .page-catalog-item .colors2 { font-size: 16px; display: block; margin: 2px 0 25px 0; padding: 0; } .page-catalog-item .colors2 .text { color: #9d9d9c; font-size: 14px; display: block; padding: 0; margin: 0 0 4px 0; } .page-catalog-item .colors2 .text2 { color: #9d9d9c; font-size: 14px; display: block; padding: 0; margin: 4px 0 0px 0; } .page-catalog-item .colors2 .items { diplay: block; color: #404750; padding: 0; margin: 0 0 -6px -4px; font-size: 16px; display: block; } .page-catalog-item .colors2 .items .item { display: inline-block; margin: 0 16px 0 0; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius:	8px; -khtml-border-radius:	8px; border-radius: 8px; behavior: url(border-radius.htc); padding: 2px; border: solid 2px white; cursor: pointer; } .page-catalog-item .colors2 .items .item .cnt { overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); display: block; } .page-catalog-item .colors2 .items .item:hover { border: solid 2px #c51a1b; } .page-catalog-item .colors2 .items .item img { width: 55px; height: 55px; margin: 0; vertical-align: top; } .page-catalog-item .main-image { width: 640px; width: 100%; } .page-catalog-item .main-image img { width: 640px; width: 100%; height: auto; } .page-catalog-item .text-block { padding: 35px 0 0 0; } .page-catalog-item .cart { display: block; color: #404750; padding: 22px 0 22px 0; padding: 22px 0 16px 0; margin: 0px 0 0px 0px; font-size: 16px; position: relative; } .page-catalog-item .cart:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-image: url('/images/template/dotted-1.png'); background-repeat: repeat-x; background-position: 0 bottom; overflow: hidden; z-index: 10; } .page-catalog-item .cart:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-image: url('/images/template/dotted-1.png'); background-repeat: repeat-x; background-position: 0 bottom; overflow: hidden; z-index: 10; } .grid-columns-cart { grid-template-areas: "columns columns columns columns"; position: relative; z-index: 10; display: grid; grid-template-columns:	repeat(5, 1fr); grid-template-rows: 100%; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; grid-column-gap: 16px; margin: 0; } .page-catalog-item .cart .price { display: inline-block; margin: 2px 0 0 0; padding: 2px 0 0 0; font-size: 32px; font-size: 30px; line-height: 1em; color: #404750; white-space: nowrap; width: auto; } .page-catalog-item .cart .price .cols-2 { width: auto; padding: 0; position: relative; z-index: 1000; background-color: white; } .page-catalog-item .cart .price .inline-block, .page-catalog-item .cart .quantity .inline-block, .page-catalog-item .cart .order .inline-block { vertical-align: top; } .page-catalog-item .cart .quantity { position: relative; text-align: center; top: -4px; left: 10px; } .page-catalog-item .cart .quantity .minus { position: absolute; left: -30px; top: 6px; font-size: 32px; line-height: 1em; color: #9d9d9c; cursor: pointer; } .page-catalog-item .cart .quantity .plus { position: absolute; right: 30px; top: 8px; font-size: 32px; line-height: 1em; color: #9d9d9c; cursor: pointer; } .page-catalog-item .cart .quantity .number { display: inline-block; padding: 2px 0 0 0; padding: 4px 0 0 0; margin: 0 0 0 -22px; } .page-catalog-item .cart span.button { display: inline-block; } .page-catalog-item .cart .quantity .number input { overflow: none; border: none; width: calc(100% - 45px); padding: 0; margin: 0px 0 0 2px; text-align: center; color: #404750; font-size: 26px; outline: none; } .page-catalog-item .cart .order { } .page-catalog-item .cart .order .button { width: 100%; } .page-catalog-item .characters { display: block; margin: 52px 0 20px 0; font-size: 15px; line-height: 1.5em; color: #9d9d9c; } .page-catalog-item .characters table { width: 100%; border-collapse: collapse; } .page-catalog-item .characters tr { _border-bottom: dotted 2px #9d9d9c; } .page-catalog-item .characters td { padding: 0; line-height: 1em; position: relative; } .page-catalog-item .characters td:after { content: ''; display: block; position: absolute; bottom: 11px; left: 0px; width: 100%; _border-bottom: dotted 2px #e9e9e9; z-index: 1; height: 2px; background-image: url('/images/template/dotted-1.png'); background-repeat: repeat-x; background-position: 0 bottom; overflow: hidden; display: none; } .page-catalog-item .characters td .cnt { position: relative; display: inline-block; background-color: white; padding: 0 0 2px 0; margin: 0 0 0px 0; z-index: 10; } .page-catalog-item .characters tr.hidden { display: none; } .page-catalog-item .characters td.name { width: 50%; width: auto; width: 40%; padding-right: 20px; _white-space: nowrap; } .page-catalog-item .characters td.value { width: 60%; _width: auto; } .page-catalog-item .characters td.value .cnt { width: 100%; } .page-catalog-item .characters .name { _display: inline-block; background-color: white; position: relative; z-index: 10; padding: 0 0 8px 0; _width: 40%; } .page-catalog-item .characters .value { _display: inline-block; background-color: white; position: relative; z-index: 10; padding: 0 0 8px 0; color: #404750; } .page-catalog-item .characters .name { padding: 8px 0; background-image: url('/images/template/dotted-1.png'); background-repeat: repeat-x; background-position: 0 bottom; vertical-align: top; } .page-catalog-item .characters .value { padding: 8px 0; background-image: url('/images/template/dotted-1.png'); background-repeat: repeat-x; background-position: 0 bottom; vertical-align: top; } .page-catalog-item .characters tr:last-child .name, .page-catalog-item .characters tr:last-child .value { background-image: none; } .page-catalog-item .characters tr.n .name, .page-catalog-item .characters tr.n .value { background-image: none; } .hide-chars { display: none; } .page-catalog-item .characters .link { color: #c51a1b; display: block; margin: 4px 0 0px 0; font-size: 15px; line-height: 1.5em; } .page-catalog-item .characters .link.hidden { display: none; } .page-catalog-item .characters .link .cnt { diplay: inline-block; } .page-catalog-item .characters .link .cnt:hover { text-decoration: underline; cursor: pointer; } .page-catalog-item .catalog.form .gcols.form { padding: 30px 0 0 0; } .page-catalog-item .catalog.form .gcols.text { padding-top: 70px; } .page-catalog-item .catalog.form .gcols.text ul { margin-top: 96px; } .page-catalog-item .catalog.form .form { padding-top: 0px; } .page-catalog-item .catalog.form .form h3 { margin: 0 0 0.6em 0; } .page-catalog-item .additional-images { display: block; } .page-catalog-item .additional-images img { } .page-catalog-item .main-image { /* border: solid 1px #ccc; */ } .page-catalog-item .additional-images .color-block { display: none; text-align: center; } .page-catalog-item .additional-images .color-block .item { display: inline-block; _border: solid 2px white; cursor: pointer; margin: 0 10px; } .page-catalog-item .additional-images .color-block .item:hover { _border: solid 2px #9d9d9c; } .page-catalog-item .additional-images .color-block .item img.thumb { width: auto; height: 130px; } .catalog.list { display: block; } .catalog.list.pb-4 { padding: 44px 0 36px 0; } .catalog.list.lgray-bg.ptop { padding: 60px 0 10px 0; padding: 5px 0 10px 0; padding: 0px 0 10px 0; margin-top: -30px; } .catalog.list.lgray-bg.ptop.f { padding: 40px 0 10px 0; margin-top: 0px; } .catalog.list h2 { display: block; padding: 0 440px 0 0; font-size: 32px; position: relative; margin: 0 0 20px 0; } .catalog.list h2 .right-block { display: block; font-size: 14px; position: absolute; right: 0px; top: 8px; display: inline-block; text-decoration: none; white-space: nowrap; color: #c51a1b; font-size: 16px; } .page-catalog-group .lgray-bg.items-list { padding: 58px 0 32px 0; } .grid-columns-6-2 { grid-template-areas: "columns columns"; position: relative; z-index: 10; background-color: rgba(0,0,0,0); display: grid; grid-template-columns:	repeat(2, 1fr); grid-template-rows: auto 1fr; justify-items: stretch; align-items: stretch; justify-content:	stretch; align-content: start; grid-auto-flow: row; grid-column-gap: 32px; grid-row-gap: 32px; } #pop-menu { display: none; } @media all and (orientation: portrait), all and (max-width: 600px) { body { _background-color: red; } } @media screen and (max-width: 1300px) { .header__menu_main__item { font-size: 1.2vw; } } @media screen and (max-width: 1300px) { #header .main-cnt .grid-columns .grid-cnt .header__menu_top { display: grid; grid-column: 3 / 7; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item a { font-size: 1.2vw; font-size: 15px; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt .header__city_select { font-size: 15px; font-size: 1.3vw; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt .header__city_phone a, #header .header__city_phone a, #header .header__city_email a { font-size: 15px; font-size: 1.3vw; } #header .main-cnt .grid-columns .grid-cnt .header__city { padding-right: 16px; } #header .main-cnt .grid-columns .grid-cnt .header__cnt .cnt { padding: 0 0 0 15px; margin: 0 0 0 -27px; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt { margin: 15px 0 0 0; } } @media screen and (max-width: 800px) { #header .main-cnt .grid-columns .grid-cnt .header__menu_top { display: grid; grid-column: 4 / 9; } #header .main-cnt .grid-columns .grid-cnt .header__menu_top ul .item a { font-size: 1.5vw; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt .header__city_select { font-size: 1.5vw; } #header .main-cnt .grid-columns .grid-cnt .header__city .grid-cnt .header__city_phone a { font-size: 1.5vw; } #header .main-cnt .grid-columns .grid-cnt .header__cnt { display: none; } } span.ghost.img { position: absolute; display: block; background-color: white; padding: 24px 20px; text-align: center; width: 640px; overflow: hidden; z-index: 99500; } span.ghost.img .other-color .txt { display: none; } span.ghost.img img { width: 640px; width: 100%; height: auto; } #sendquery { width: 160px; } @media all and (max-width: 1160px) { #sendquery { width: 160px; } } .bottom-query-form .gcols.start-1.finish-7.text p { margin-top: 1em; } .konstr-block { display: block; position: relative; width: 219px; height: 187px; top: 20px; } .konstr-block .play { display: block; position: absolute; top: 60px; left: 84px; z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; cursor: pointer; } .konstr-block:hover .play { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .cities .item { display: inline-block; padding: 0 0 0 24px; background-repeat: no-repeat; background-position: 0 0; background-image: url('/images/template/location_gray.svg'); background-size: 19px; text-decoration: none; color: #3b3b3b; display: block; margin: 0 0 10px 0; } .cities a.item:hover { background-image: url('/images/template/location_lgray.svg'); } .cities .item.current { background-image: url('/images/template/location.svg'); } .cities a.item:hover { text-decoration: none; color: #9D9D9D; } .cities .sep { display: inline-block; overflow: hidden; width: 4px; vertical-align: middle; margin: 0 16px; position: relative; top: -2px; background-color: ; display: none; } .cities .l-col, .cities .r-col { display: inline-block; vertical-align: top; width: 50%; } .cities .r-col { padding-left: 10px; } p.samovivoz { color: #9d9d9c; font-size: 14px; } .slider-cnt { } .languages { display: none; } p.block-about-info { font-size: 14px; color: #404750; display: block; margin: 0 0 0 0; } .slider img.big { width: 1303px; height: 508px; } .slider-cnt { display: block; overflow: hidden; width: 1303px; height: 508px; } .red-text { color: #c51a1b; }