.hidden { display: none; } .line { display: block; } .hidden-data { display: none; } a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } a.noopacity:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:	1; -khtml-opacity:	1; opacity: 1; } html, body { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Rubik', sans-serif; } body { background-color: white; } b, strong, .bold { font-weight: 500; } .nowrap { white-space: nowrap; } p { margin: 0 0 1em 0; } .button { vertical-align: middle; display: inline-block; border: solid 2px white; color: white; padding: 6px 20px 6px 20px; text-decoration: none; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 19px; cursor: pointer; } .button.red { vertical-align: middle; display: inline-block; border: solid 2px #E14744; background-color: #E14744; color: white; padding: 6px 20px 6px 20px; text-decoration: none; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 19px; cursor: pointer; } .button:active { padding: 8px 20px 4px 20px; } .button.red:hover { background-color: #c71412; border-color: #c71412; } .button.blue { vertical-align: middle; display: inline-block; border: solid 2px #5FB9E6; background-color: #5FB9E6; color: white; padding: 6px 20px 6px 20px; text-decoration: none; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 19px; cursor: pointer; } .button.blue:hover { background-color:	#4c94b8; border-color: #4c94b8; } .button.blue:active { background-color:	#2f5c72; border-color: #2f5c72; padding: 8px 20px 4px 20px; } a { color: #358FC6; text-decoration: underline; } p.site a:hover, a:hover { color: #104e88; } a.phone, a.phone:hover { color: #182E3D; text-decoration: none; cursor: text; } a.email { color: #182E3D; text-decoration: none; } a.email:hover { color: #182E3D; text-decoration: underline; } p { color: #182E3D; font-size: 16px; font-weight: 300; line-height: 24px; } .pform { display: block; position: relative; padding: 56px 0; } .pform .text p { color: #182E3D; font-size: 16px; font-weight: 500; line-height: 24px; } .pform .inside { padding: 0; } .standart-form h2 { font-size: 2vw; margin: 0 0 1em 0; } .standart-form .success-text { margin-top: 0; } .standart-form p { font-size: 1.5vw; margin: 0 0 0em 0; } .standart-form .error-text, .standart-form .success-text { display: none; } .standart-form .error-text, .standart-form .success-text, .standart-form .standart-text { } .standart-form .error-text .cnt, .standart-form .success-text .cnt, .standart-form .standart-text .cnt { padding-bottom: 1em; } .standart-form .error-text, .standart-form .success-text, .standart-form .standart-text, .standart-form .error-text .cnt, .standart-form .success-text .cnt, .standart-form .standart-text .cnt { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standart-form .standart-text { display: block; } .standart-form input[type="text"].error, .standart-form textarea.error, .standart-form input[type="text"].error:focus, .standart-form textarea.error:focus { border: solid 2px red; } .standart-form .file-input-div { display: inline-block !important; overflow: hidden; width: 50%; vertical-align: top; margin: 0; padding: 10px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .field-block.submit { display: inline-block !important; width: 50%; vertical-align: top; margin: 0; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .file-input-div label { padding: 0 0 0 0px; text-decoration: underline; cursor: pointer; } .file-input-div.selected label { padding: 0 0 0 0px; } .file-input-div .link { white-space: nowrap; display: block; font-size: 14px; } .file-input-div .linkfile { white-space: nowrap; display: block; display: none; padding-left: 2em; } .file-input-filename { display: block; position: relative; z-index: 100; padding: 0 0 0 30px; margin: 0px 0 0 0; } .file-input-hidden { overflow: hidden; width: 0px; height: 0px; position: absolute; top: -10px; left: -10px; } .file-input-div { 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; } .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; } .form_data { display: none; } .hdata { display: none; } .standart-form .field-block { display: block; margin: 0 0 20px 0; } .standart-form input[type="text"], .standart-form textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; border: solid 1px ; font-family: Roboto; font-size: 14px; font-weight: 300; line-height: 19px; color: black; -webkit-border-radius:	4px; -moz-border-radius: 4px; -khtml-border-radius:	4px; border-radius: 4px; padding: 8px 8px; outline: none; } .standart-form input[type="text"]:focus, .standart-form textarea:focus { border: solid 1px #000; background-color: white; } .standart-form input[type="text"].error, .standart-form textarea.error, .standart-form input[type="text"].error:focus, .standart-form textarea.error:focus { border: solid 2px red; } .standart-form textarea { height: 100px; resize: vertical; } .standart-form .standart-text p, .standart-form .success-text p { text-align: center; color: #182E3D; text-align: left; margin: 0 0 20px 0; font-size: 16px; font-weight: 300; line-height: 24px; } .standart-form .success-text h2 { font-size: 32px; font-weight: 300; line-height: 38px; margin: 10px 0 20px 0; } .standart-form .error-text p { font-size: 14px; text-align: center; line-height: 19px; color: red; text-align: left; margin: 0 0 40px 0; } .standart-form .error-text p.big { font-size: 16px; line-height: 24px; } .standart-form input[type=text], .standart-form textarea { border: 2px solid #D2D8DB; font-family: proxima-nova, sans-serif; font-size: 14px; line-height: 24px; } .standart-form input[type=text]:focus, .standart-form textarea:focus { border: 2px solid #182E3D; } input[type=text]::-webkit-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]::-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:-ms-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:focus::-webkit-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:focus::-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:focus:-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:focus:-ms-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea::-webkit-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea::-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea:-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea:-ms-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } input[type=text]:focus::-webkit-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea:focus::-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea:focus:-moz-placeholder { color: #adb7bc; text-overflow:ellipsis; } textarea:focus:-ms-input-placeholder { color: #adb7bc; text-overflow:ellipsis; } .standart-form .field-text { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; } .center { text-align: center; } .uppercase { text-transform: uppercase; } .page-katalog { padding-bottom: 40px; } .page-katalog .cnt { display: block; padding: 0 10px; } .page-katalog h2 { color: #1E3D4E; font-size: 32px; font-weight: 500; line-height: 48px; text-align: center; display: block; margin: 80px 0 60px 0; padding: 0 0 14px 0; border-bottom: solid 8px #FFE000; } .page-katalog .katalog-anons-item { display: block; margin: 0 0 0px 0; } .page-katalog .katalog-anons-item.mb { margin-bottom: 80px; } .page-katalog .katalog-anons-item a { display: inline-block; width: 100%; } .page-katalog .katalog-anons-item a:hover { background-color: white; -webkit-box-shadow:	0px 7px 22px rgba(0,0,0,0.3); -moz-box-shadow:	0px 7px 22px rgba(0,0,0,0.3); box-shadow: 0px 7px 22px rgba(0,0,0,0.3); display: block; } .page-katalog .katalog-anons-item .img { display: inline-block; vertical-align: top; width: 648px; margin: 0 25px 0 0; } .page-katalog .katalog-anons-item .txt { display: inline-block; vertical-align: top; width: 458px; padding-right: 40px; } .page-katalog .katalog-anons-item .h3 { display: block; margin: 40px 0 40px 0; } .page-katalog .katalog-anons-item .h3 .line1 { display: block; color: #1E3D4E; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; } .page-katalog .katalog-anons-item .h3 .line2 { display: block; color: #1E3D4E; font-size: 24px; font-weight: 500; line-height: 32px; } .page-katalog .katalog-anons-item .p { display: block; color: #1E3D4E; font-size: 16px; font-weight: 300; line-height: 24px; margin: 0 0 0em 0; } .page-katalog .katalog-anons-item .img img { width: 100%; height: auto; } .page-katalog .katalog-anons-item .price { display: inline-block; margin: 40px 0 40px 0; background-color: #FFE000; color: #1E3D4E; font-size: 24px; font-weight: 500; line-height: 48px; padding: 0 20px; } @media only screen and (max-width: 1199px) { .page-katalog .cnt { padding: 0 1.3%; } .page-katalog .katalog-anons-item .img { width: 57.3%; } .page-katalog .katalog-anons-item .txt { width: 31.4%; } } .page-katalog.item { display: block; } .page-katalog.item h1 { color: #1E3D4E; font-size: 32px; font-weight: 500; line-height: 48px; text-align: center; } .page-katalog.item .block1 { display: block; } .page-katalog.item .block1 .lb { display: inline-block; vertical-align: top; width: 650px; margin-right: 24px; } .page-katalog.item .block1 .rb { display: inline-block; vertical-align: top; width: 456px; } @media only screen and (max-width: 1199px) { .page-katalog.item .block1 .lb { width: 57.2%; } .page-katalog.item .block1 .rb { width: 40.2%; } .page-katalog.item .block1 .big-image img { width: 100%; } } .page-katalog.item .block1 .big-image { display: block; margin: 0 0 24px 0; } .page-katalog.item .block1 .big-image img { width: 100%; } .page-katalog.item .block1 .small-images { display: block; margin: 0 0 24px 0; } .page-katalog.item .block1 .small-images .item { display: inline-block; vertical-align: top; width: 88px; height: 88px; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); overflow: hidden; margin: 0 14px 24px 0; cursor: pointer; border: 1px solid white; } .page-katalog.item .block1 .small-images .item:nth-child(6n+6) { margin-right: 0px; } .page-katalog.item .block1 .small-images .item.current { border: 1px solid #8e9ea6; cursor: default; } .page-katalog.item .block1 .small-images .item .img, .page-katalog.item .block1 .small-images .item.current .img { display: block; border: solid 1px white; overflow: hidden; width: 86px; height: 86px; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); } .page-katalog.item .block1 .small-images .item img { width: 100%; height: auto; } .page-katalog.item .block1 .small-images .item img, .page-katalog.item .block1 .small-images .item:hover img, .page-katalog.item .block1 .small-images .item:active img, .page-katalog.item .block1 .small-images .item.current img, .page-katalog.item .block1 .small-images .item.current:hover img, .page-katalog.item .block1 .small-images .item.current:active img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .page-katalog.item .block1 .small-images .item:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .page-katalog.item .block1 .small-images .item img, .page-katalog.item .block1 .small-images .item:hover img, .page-katalog.item .block1 .small-images .item:active img, .page-katalog.item .block1 .small-images .item.current img, .page-katalog.item .block1 .small-images .item.current:hover img, .page-katalog.item .block1 .small-images .item.current:active img { width: 86px; height: 86px; padding: 1px; margin: -1px 0 0 -1px; } @media only screen and (max-width: 1199px) { .page-katalog.item .block1 .small-images .item { width: 67px; height: 67px; margin-right: 2%; } .page-katalog.item .block1 .small-images .item .img { width: 100%; height: auto; } .page-katalog.item .block1 .small-images .item img { width: 100%; height: auto; } .page-katalog.item .block1 .small-images .item.current { width: 67px; height: 67px; } .page-katalog.item .block1 .small-images .item.current .img { width: 100%; height: auto; } .page-katalog.item .block1 .small-images .item img, .page-katalog.item .block1 .small-images .item:hover img, .page-katalog.item .block1 .small-images .item:active img, .page-katalog.item .block1 .small-images .item.current img, .page-katalog.item .block1 .small-images .item.current:hover img, .page-katalog.item .block1 .small-images .item.current:active img { width: 104%; height: auto; margin: -2px 0 0 -1px; } } .page-katalog.item .rb h3 { display: block; color: #1E3D4E; font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 32px 0; } .page-katalog.item .rb h3 .line1 { text-transform: uppercase; display: block; } .page-katalog.item .rb h3 .line2 { color: #1E3D4E; font-size: 24px; font-weight: 500; line-height: 32px; display: block; } .page-katalog.item .lb table { border-collapse: collapse; width: 458px; } .page-katalog.item .rb table { border-collapse: collapse; width: 100%; } @media only screen and (max-width: 1199px) { .page-katalog.item .lb table { width: 90%; } .page-katalog.item .rb table { width: 100%; } .page-katalog.item .lb table { width: 100%; } } .page-katalog.item table.params th { color: #41A1D1; font-size: 14px; font-weight: 500; line-height: 19px; border-bottom: solid 5px #5fb9e6; text-align: left; padding: 2px 0 2px 0px; vertical-align: top; } .page-katalog.item table.params td.param { padding-right: 10px; } .page-katalog.item table.params td.param.b { font-weight: 500; } .page-katalog.item .block1 table.params td.param.b { white-space: nowrap; } .page-katalog.item table.params { margin: 0 0 40px 0; } .page-katalog.item table.params tr.subtitle td.param { color: #1E3D4E; font-size: 14px; font-weight: 500; line-height: 19px; padding-top: 20px; } .page-katalog.item table.params td ul { margin: 0 0 1em 0; padding: 0 0 0 0; list-style-type: none; } .page-katalog.item table.params td ul:last-child { margin-bottom: 0; } .page-katalog.item table.params td li, .page-katalog.item table.params td p { font-size: 14px; line-height: 19px; } .page-katalog.item table.params td p:last-child { margin-bottom: 0; } .page-katalog.item table.params td li { position: relative; padding: 0 0 0 1em; } .page-katalog.item table.params td li:before { content: '–'; position: absolute; top: 0px; left: 0px; } .page-katalog.item table.params.n2 td.param, .page-katalog.item table.params.n3 td.param { width: 50%; } .page-katalog.item table.params.n2 td.value1, .page-katalog.item table.params.n3 td.value1 { width: 25%; padding-right: 10px; } .page-katalog.item table.params.n2 td.value2, .page-katalog.item table.params.n3 td.value2 { width: 25%; font-weight: 500; } .page-katalog.item table.params.n2 td.value2, .page-katalog.item table.params.n3 td.value2, .page-katalog.item table.params.n2 th.value2, .page-katalog.item table.params.n3 th.value2 { text-align: right; } .page-katalog.item table.params td.value2.price .num{ display: inline-block; background-color: #FFE000; padding: 2px 8px; } .page-katalog.item table.params tr.matherial .name, .page-katalog.item table.params tr.matherial .country { display: block; } .page-katalog.item table.params tr.matherial .country img { display: inline-block; margin-left: 5px; } .page-katalog.item table.params tr.matherial .item { display: inline-block; width: 48px; height: 48px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius:	4px; -khtml-border-radius:	4px; border-radius: 4px; behavior: url(border-radius.htc); margin-right: 6px; } .page-katalog.item table.params tr.matherial .item.big { width: 102px; height: 102px; } @media only screen and (max-width: 1199px) { .page-katalog.item table.params tr.matherial .item { margin-right: 2%; } .page-katalog.item table.params tr.matherial .item.big { width: 102px; height: 102px; } } .page-katalog.item table.params tr.matherial .item:last-child { margin-right: 0; } .page-katalog.item table.params tr.matherial td.param { vertical-align: top; } .page-katalog.item table.params tr.matherial td.value { text-align: left; vertical-align: top; width: 274px; white-space: nowrap; padding-left: 10px; } @media only screen and (max-width: 1199px) { .page-katalog.item table.params tr.matherial td.param { width: 49%; } .page-katalog.item table.params tr.matherial td.value { width: 51%; } } .page-katalog.item table.params tr.matherial .item img { width: 100%; height: auto; } .page-katalog.item table.params td { padding: 8px 0 8px 0px; color: #1E3D4E; font-size: 14px; font-weight: 300; line-height: 19px; vertical-align: top; } .page-katalog.item h1 { color: #1E3D4E; font-size: 32px; font-weight: 500; line-height: 48px; text-align: center; display: block; margin: 80px 0 60px 0; padding: 0 0 14px 0; border-bottom: solid 8px #FFE000; } .page-katalog.item .block1 img { } .page-katalog.item .block3 { display: block; padding: 0 0 40px 0; } .page-katalog.item .block3 h2 { color: #1E3D4E; font-family: Rubik; font-size: 24px; font-weight: 500; line-height: 32px; border: none; padding: 0; margin: 0 0 20px 0; text-align: left; } .page-katalog.item .block3 .items { display: block; margin: 0px 0 20px 0; } .page-katalog.item .block3 .items .item { display: inline-block; vertical-align: top; margin: 0 24px 0 0; width: 361px; } .page-katalog.item .block3 .item .title { color: #1E3D4E; font-size: 24px; font-weight: 500; line-height: 32px; display: block; margin: 0 0 10px 0; } .page-katalog.item .block3 .items .item:nth-child(3n+3) { margin-right: 0; width: 360px; } .page-katalog.item .block3 .img { display: block; } .page-katalog.item .block3 .img img { width: 100%; height: auto; } .page-katalog.item .block3 table.params { width: 100%; margin-bottom: 20px; } .page-katalog.item .block3 table.params td.param, .page-katalog.item .block3 table.params th.param { width: 70%; } .page-katalog.item .block3 table.params td.value, .page-katalog.item .block3 table.params th.value { width: 30%; text-align: right; } .page-katalog.item .block3 .price { display: block; color: #1E3D4E; font-size: 16px; font-weight: 500; line-height: 40px; } .page-katalog.item .block3 .price .num { display: inline-block; background-color: #FFE000; padding: 0 20px; } .page-katalog.item .pblock09 { display: block; padding: 48px 0 28px 0; } .page-katalog.item .pblock09 p { text-align: center; margin-bottom: 2em; } @media only screen and (max-width: 1199px) { .page-katalog.item .block3 .items .item { width: 31.6%; margin-right: 2.55%; } .page-katalog.item .block3 .items .item:nth-child(3n+3) { width: 31.6%; margin-right: 0; } } .page-katalog.item table.params.izgol td { text-align: right; position: relative; padding: 0 15px 0 0; } .page-katalog.item table.params.izgol .img img { width: 80%; margin-top: 10px; } .page-katalog.item table.params.izgol .txt { color: #1E3D4E; font-size: 16px; font-weight: 500; line-height: 24px; position: absolute; top: 50px; left: 0px; } .akcent-text { display: block; border-left: solid 5px #FFE000 ; padding: 10px 0 10px 15px; } .section.group.relative.bottom.cat { margin-top: -40px; } .pform { background-color: #eef2f2; }