/* rest_artatom */
p, span, h1, h2, h3, h4, h5, h6, applet, object, iframe, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, article, aside, button, canvas, details, embed, figure, figcaption, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
line-height: 1.15;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0px;
border-width: 0px;
}
caption, th, td {
vertical-align: baseline;
text-align: left;
}
ol, ul {
list-style: none;
}
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio, canvas, progress, video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, [hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active, a:hover {
outline-width: 0;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
max-width: 100%;
border-style: none;
vertical-align: baseline;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code, kbd, pre, samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button, input, optgroup, select, textarea {
background: 0 none;
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: 700;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button, input { /* 1 */
overflow: visible;
}
button {
cursor: pointer;/* 1 */
border: 0 none;
border-radius: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button, select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* / rest_artatom */
/* Fonts */
@font-face {
font-family: 'AdelleCyrillicRegular';
src: url('../fonts/AdelleCyrillicRegular.eot');
src: url('../fonts/AdelleCyrillicRegular.eot?#iefix') format('embedded-opentype'),
url('../fonts/AdelleCyrillicRegular.woff2') format('woff2'),
url('../fonts/AdelleCyrillicRegular.woff') format('woff'),
url('../fonts/AdelleCyrillicRegular.ttf') format('truetype'),
url('../fonts/AdelleCyrillicRegular.svg#AdelleCyrillicRegular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'AdelleCyrillicBold';
src: url('../fonts/AdelleCyrillicBold.eot');
src: url('../fonts/AdelleCyrillicBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/AdelleCyrillicBold.woff2') format('woff2'),
url('../fonts/AdelleCyrillicBold.woff') format('woff'),
url('../fonts/AdelleCyrillicBold.ttf') format('truetype'),
url('../fonts/AdelleCyrillicBold.svg#AdelleCyrillicBold') format('svg');
font-weight: 400;
font-style: normal;
}
.g-ffar, .editor_a {
font-family: 'AdelleCyrillicRegular', serif;
}
.g-ffa, .editor_a strong, .editor_a b {
font-family: 'AdelleCyrillicBold', serif;
}
html, body, table, button, input, textarea, select {
font-size: 10px;
font-family: 'Open Sans', sans-serif;
}
.fwb {
font-weight: 700;
}
.fs_10 {
font-size: 1em;
}
.fs_12 {
font-size: 1.2em;
line-height: 1.333;
}
h6, .h6 {
font-size: 1.3em;
line-height: 1.55;
}
h5, .h5 {
font-size: 1.6em;
line-height: 1.35;
}
h4, .h4, .t-h4 {
font-size: 1.8em;
line-height: 1.25;
}
h3, .h3, .t-h3 {
font-size: 2.4em;
line-height: 1.25;
}
h2, .h2, .t-h2 {
font-size: 3.2em;
line-height: 1.15;
}
h1, .h1, .t-h1 {
font-size: 4.8em;
line-height: 1.6;
}
/* Vertical align middle element */
.g-vac, .g-btn, .g-form-item__name {
display: block;
white-space: nowrap;
}
.g-vac:after, .g-btn:after, .g-form-item__name:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.g-vac__el, .g-btn__txt, .g-form-item__name-txt {
display: inline-block;
vertical-align: middle;
white-space: normal;
line-height: 1;
}
/* / vertical align middle element */
/* Diz */
.diz, .diz-img, .diz-bg {
display: block;
position: absolute;
z-index: -10;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.abs, .g-abs, .g-link {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
/* Diz */
/* Setting base element */
*, *:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
a {
text-decoration: none;
color: #202020;
}
.js-tel {
cursor: default;
}
iframe {
max-width: 100%;
}
.fr {
float: right;
}
.fl {
float: left;
}
.tar {
text-align: right;
}
.height {
height: 100%;
}
.nowrap {
white-space: nowrap;
}
.g-wrap {
max-height: 100%;
overflow: hidden;
}
.g-column_x2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
grid-column-gap: 2rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
grid-column-gap: 2rem;
column-gap: 2rem;
}
.g-zoom {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.5);
background-image: url(../images/ico-zoom.png);
background-position: center;
background-repeat: no-repeat;
background-size: 4em;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
filter: Alpha(opacity=000);
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s
}
.g-zoom:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
filter: Alpha(opacity=100);
}
/* / setting base element */
/* Table element */
.tfixed {
table-layout: fixed;
}
.twidth {
width: 100%;
}
.theight{
height: 100%;
}
.tbig{
width: 100%;
height: 100%;
}
.height td, .tbig td, .height td .height td, .tbig td .tbig td {
height: 100%;
}
.theight td td, .tbig td td {
height: auto;
}
/* / table element */
/* Null and clearfix*/
.null {
display: inline-block;
width: 0px;
height: 0px;
font-size: 0px;
clear: both;
}
.null:after {
content: '';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .null {
display: block;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.clearfix {
content: "";
}
/* Null and clearfix*/
/* Vertical align middle element */
/* / vertical align middle element */
/* Diz absolute */
.abs_t,
.g-abs_t {
bottom: auto;
}
.abs_r,
.g-abs_r {
left: auto;
}
.abs_b,
.g-abs_b {
top: auto;
}
.abs_l,
.g-abs_l {
right: auto;
}
.bg_img,
.g-bg_cover {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* / diz absolute */
/* grayscale */
.grayscale, .grayscale-to-fade:hover {
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(1);
filter:grayscale(1);
-webkit-filter:gray;
filter:gray
}
.grayscale.grayscale-fade, .grayscale-to-fade{
-webkit-transition:-webkit-filter .5s;
transition:-webkit-filter .5s;
-o-transition:filter .5s;
transition:filter .5s;
transition:filter .5s, -webkit-filter .5s
}
.grayscale.grayscale-fade:hover, .grayscale.grayscale-off{
-webkit-filter:grayscale(0);filter:grayscale(0)
}
.grayscale.grayscale-replaced{
-webkit-filter:none;filter:none
}
.grayscale.grayscale-replaced>svg{
-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1
}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg, .grayscale.grayscale-replaced.grayscale-off>svg{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0
}
/* /* grayscale */
/* swiper slider */
.swiper-pagination-bullet {
width: 1.7em;
height: 1.7em;
border: 2px solid transparent;
background: 0 none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
position: relative;
margin: 0 0.2em;
-webkit-transition: border 0.25s ease;
-o-transition: border 0.25s ease;
transition: border 0.25s ease
}
.swiper-pagination-bullet:after {
content:"";
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
margin: auto;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background: #202020;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0.2em;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 2px solid #202020;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 0.3em;
height: 0.3em;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
}
.swiper-pagination-bullet:hover {
border: 2px solid #202020;
}
/* swiper slider */
/* Buttons .g-link & .g-btn */
.g-link {
background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
z-index: 100;
}
.g-btn {
display: inline-block;
height: 4em;
min-width: 14em;
position: relative;
z-index: 5;
padding: 0 1.9em 0 2em;
border: 1px solid #4A4A4A;
border-radius: 2px;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
line-height: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center
}
.g-btn:before {
content:"";
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
border: 1px solid transparent;
z-index: -1;
-webkit-transition: border-color .25s;
-o-transition: border-color .25s;
transition: border-color .25s;
}
.g-btn__txt {
font-size: 1.2em;
font-weight: 600;
}
.g-btn_big {
height: 6em;
min-width: 18em;
}
.g-btn:hover:before {
border-color: #4A4A4A;
}
/* // Buttons .g-link & .g-btn */
/* grid */
.grid {
margin: 0 -1em;
}
.grid .row {
float: left;
}
.grid__el {
float: left;
padding: 0 1em;
}
.grid_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid_flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid_x2 .grid__el {
width: 50%;
}
.grid_x3 .grid__el {
width: 33.333%;
}
.grid_x4 .grid__el {
width: 25%;
}
/* grid */
/* Editor */
.editor {
font-size: 1.3em;
line-height: 1.55;
word-break: break-word;
}
.editor ul, .editor ol {
margin: 0 0 14px 30px;
margin: 0 0 14px 30px;
margin: 0 0 1.4rem 3rem;
list-style: disc outside;
}
.editor ol {
list-style: decimal outside;
list-style-type: none; /* Убираем исходные маркеры */
counter-reset: num;
}
/* Задаём имя счетчика */
.editor ol li {
position: relative;
z-index: 1;
}
.editor ol li::before {
content: counter(num) '. '; /* Выводим число */
counter-increment: num; /* Увеличиваем значение счётчика */
/*color: #ed4e48;*/
position: absolute;
left: -24px;
left: -24px;
left: -2.4rem;
}
.editor p, .editor span, .editor li {
font-size: 1em;
margin-bottom: 20px;
margin-bottom: 20px;
margin-bottom: 2rem;
}
.editor p span, .editor p p, .editor span span, .editor span p, .editor li span, .editor li p {
margin-bottom: 0;
}
.editor li {
margin-bottom: 6px;
margin-bottom: 6px;
margin-bottom: .6rem;
}
.editor li span, .editor li p {
margin-bottom: 0;
}
.editor a {
color: #0076FF
/*text-decoration: underline;*/
}
.editor a:hover {/*text-decoration: none;*/
}
.editor a[href^="tel"] {
color: #202020;
}
.editor p:empty, .editor span:empty, .editor strong:empty, .editor em:empty, .editor li:empty, .editor a:empty {
border: 0 none;
padding: 0;
margin: 0;
height: 0;
width: 0;
}
.editor blockquote {
padding: 17px;
padding: 1.7rem;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 1.2em;
}
.editor hr {
margin: 1.4em 0;
height: 1px;
background: #E6E6E6;
-ms-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.editor img {
display: block;
height: auto;
max-width: 100%;
margin-bottom: 24px;
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
.editor iframe {
max-width: 100%;
}
.editor table {
max-width: 100%;
margin: 0.6em 0;
}
.editor th, .editor td {
/* @extend %font_r; */
font-size: 1.2em;
vertical-align: inherit;
padding: 0.9rem 2rem 0.8em;
border: 1px solid #eaecee;
word-break: normal;
}
.editor th td, .editor td td {
font-size: 1em;
}
.editor th p, .editor th span, .editor th li, .editor td p, .editor td span, .editor td li {
margin-bottom: 0;
}
.editor th {
padding: 1rem 2rem 0.8em;
background: #eaecee;
}
.editor tr:hover {
background: #F6F8FA;
}
.editor sup {
vertical-align: super;
font-size: x-small;
}
.editor strong, .editor b {
font-weight: 700;
}
.editor em, .editor i {
font-size: italic;
}
.editor h1, .editor .h1, .editor h2, .editor .h2 {
font-weight: 500;
}
.editor h1, .editor .h1 {
font-size: 2.3em;
line-height: 1.2;
margin-top: 1em;
margin-bottom: .6em;
}
.editor h2, .editor .h2 {
font-size: 1.85em;
line-height: 1.25;
margin-bottom: .6em;
margin-top: 1.2em;
}
.editor h3, .editor .h3 {
font-size: 1.385em;
line-height: 1.25;
margin-top: 1.6em;
margin-bottom: .6em;
}
.editor h4, .editor .h4 {
font-size: 1.25em;
line-height: 1.35;
margin-top: 1em;
margin-bottom: .4em;
}
.editor h1:first-of-type, .editor h1:first-child, .editor .h1:first-of-type, .editor .h1:first-child, .editor h2:first-of-type, .editor h2:first-child, .editor .h2:first-of-type, .editor .h2:first-child, .editor h3:first-of-type, .editor h3:first-child, .editor .h3:first-of-type, .editor .h3:first-child, .editor h4:first-of-type, .editor h4:first-child, .editor .h4:first-of-type, .editor .h4:first-child {
margin-top: 0;
}
.editor h5, .editor .h5 {
font-size: 1.1em;
margin-bottom: 1em;
}
.editor h6, .editor .h6 {
font-size: 1em;
margin-bottom: 1em;
}
.editor_big {
font-size: 2.4em;
line-height: 1.47;
}
.editor_lh-big {
line-height: 1.95;
}
.editor_mb-small p, .editor_mb-small span, .editor_mb-small li {
margin-bottom: 10px;
margin-bottom: 10px;
margin-bottom: 1rem;
}
.editor_mb-small p span, .editor_mb-small p p, .editor_mb-small span span, .editor_mb-small span p, .editor_mb-small li span, .editor_mb-small li p {
margin-bottom: 0;
}
.editor_mb-off p, .editor_mb-off span, .editor_mb-off li {
margin-bottom: 0;
}
.editor_a strong, .editor_a b {
font-weight: 400;
}
/* / editor */
/* Form */
.placeholder, .placeholdersjs {
color: #acacac;
}
::-webkit-input-placeholder {
color: #acacac;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
::-o-input-placeholder {
color: #acacac;
}
:-moz-placeholder {
color: #acacac;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
::-moz-placeholder {
color: #acacac;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
:-ms-input-placeholder {
color: #acacac;
}
::-ms-clear {
display: none;
}
/*::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}*/
.input__field, .textarea__field {
font-size: 1.2em;
width: 100%;
height: 50px;
height: 50px;
height: 5rem;
background: #fff;
border: 1px solid #D3D3D3;
padding: 0 20px;
padding: 0 20px;
padding: 0 2rem;
border-radius: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.input__field:focus, .input__field:hover, .textarea__field:focus, .textarea__field:hover {
border-color: $input_brd_h;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.textarea__field {
padding-top: 17px;
padding-bottom: 17px;
padding-top: 17px;
padding-top: 1.7rem;
padding-bottom: 17px;
padding-bottom: 1.7rem;
height: 100px;
height: 180px;
height: 18rem;
resize: none;
resize: vertical;
}
.button-form {
height: 6em;
background: #fff;
border: 1px solid #4A4A4A;
border-radius: 2px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
padding: 0 1.9em 0 2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.button-form__txt {
font-size: 1.2em;
font-weight: 600;
}
.button-form:active {
background: #4A4A4A;
}
.g-form-item {
margin-bottom: 3em;
}
.g-form-item__name {
float: left;
width: 10em;
padding: 0.1em 2em 0 0;
margin-bottom: 0.7em
}
.g-form-item__name:after {
height: 5em;
}
.g-form-item__name-txt {
font-size: 1.2em;
font-weight: 600;
}
.g-form-item__field {
overflow: hidden;
}
.g-form-captcha {
margin-bottom: 1.5em;
margin-left: 10em;
}
.g-form-btn {
padding-top: 0.7em;
margin-left: 10em;
}
.g-form-btn .button-form {
min-width: 18em;
}
.g-form label.error {
display: block;
margin-top: 3px;
margin-top: 3px;
margin-top: 0.3rem;
font-size: 1.2em;
color: #ed4e48;
}
/* / form */
/*/ Component animations
// --------------------------------------------------
// Heads up!
//
// We don't use the `.opacity()` mixin here since it causes a bug with text
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.*/
.fade {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
filter: alpha(opacity=000);
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
filter: alpha(opacity=100);
}
.collapse {
display: none
}
.collapse.in {
display: block;
}
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
/* html */
html.is-lock {
overflow: hidden;
}
body {
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
height: 100%;
line-height: 1.25;
}
.body {
width: 100%;
min-width: 32em;
height: 100%;
position: relative;
z-index: 1;
}
.body-wrap {
z-index: 1;
min-width: 32em;
min-height: 100%;
min-height: 100vh;
overflow: hidden;
}
.content {
max-width: 124em;
margin: 0 auto;
padding: 0 3em;
}
.content_large {
max-width: 148.2em;
}
.content_small {
max-width: 78em;
margin: 0;
padding: 0;
}
.content_h {
height: 100%;
}
.content .content {
padding: 0;
}
/* // html */
/* Header */
.header {
height: 7.1em;
overflow: hidden;
background: #FFF;
z-index: 1050;
vertical-align: top;
position: relative;
}
.header__in {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__left {
float: left;
height: 100%;
}
.header__right {
float: right;
height: 100%;
}
.header-logo {
float: left;
display: block;
margin-right: 3.6em;
max-width: 11em;
height: 100%;
padding-bottom: 0.4em;
position: relative;
}
.header-logo__img {
max-height: 100%;
}
.header-nav {
float: left;
height: 100%;
margin: 0 -1.3em;
white-space: nowrap;
}
.header-nav__wrap {
height: 100%;
}
.header-nav__el {
height: 100%;
display: inline-block;
padding: 0 1.3em;
-webkit-transition: color 0.25s;
-o-transition: color 0.25s;
transition: color 0.25s;
}
.header-nav__el-txt {
white-space: nowrap;
font-size: 1.4em;
}
.header-nav__el.active .header-nav__el-txt {
text-decoration: underline;
}
.header-nav__el:hover {
color: #0076FF;
}
.header-contact {
display: inline-block;
vertical-align: top;
height: 100%;
padding: 1em 0 0.2em;
text-align: left;
}
.header-contact__item {
display: inline-block;
max-width: 32em;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 0.4em 0 0.25em;
margin-bottom: 0.1em;
white-space: nowrap;
}
.header-contact__item-txt {
display: block;
font-size: 1.4em;
font-weight: 600;
line-height: 1.2;
}
.header-contact__item a {
display: inline-block;
padding: 2.5px 0;
padding: 0.25rem 0;
margin: -0.25rem 0 0.5rem;
color: #0076FF;
text-decoration: underline
}
.header-contact__item a:hover {
text-decoration: none;
}
.header-contact__item a + a, .header-contact__item a ~ a {
margin-left: 26px;
margin-left: 26px;
margin-left: 1.6rem;
}
.header-contact__item a[href^="tel"] {
color: #202020;
text-decoration: none;
}
.header-site {
display: inline-block;
white-space: nowrap;
height: 100%;
max-width: 22.6em;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0 -0.6em 0 2.5em;
}
.header-site__link {
display: inline-block;
padding: 0.2em 0.6em 0;
height: 100%;
}
.header-site__link-txt {
font-size: 1.2em;
font-weight: 700;
white-space: nowrap;
border-bottom: 1px solid;
-webkit-transition: border-color 0.15s;
-o-transition: border-color 0.15s;
transition: border-color 0.15s;
}
.header-site__link:hover .header-site__link-txt {
border-bottom-color: transparent;
}
.header_fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: none;
min-width: 32em;
}
.header_abs {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: none;
}
.header-burger {
display: none;
left: auto;
right: 0.8em;
width: 4.2em;
z-index: 1;
}
.header-burger-line {
width: 1.8em;
height: 1.5em;
}
.header-burger-line__in {
height: 0.3em;
min-height: 1px;
background: #000;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.open-menu .header-burger-line__in.abs_t {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.open-menu .header-burger-line__in.abs_b {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.open-menu .header-burger-line__in.abs_c {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
/*Уведомление*/
.g-notice {
min-height: 8em;
position: relative;
padding: 2em 2em 1.6em 14em;
background: #9dcbff;
margin-bottom: 2em;
}
.g-notice__ico {
display: block;
position: absolute;
top: 1em;
left: 2.7em;
max-width: 75px;
}
.g-notice.header-notice {
display: none;
position: fixed;
z-index: 998;
top: 7.1em;
right: 0;
left: 0;
margin: auto;
padding: 0;
min-height: auto;
}
.g-notice.header-notice.fixed_top {
top: 0;
}
.header-notice__in {
min-height: 8em;
position: relative;
padding: 2em 2em 1.6em 14em;
}
.header-notice__btn-wrap{
text-align: center;
padding-right: 12em;
}
@media (max-width: 599px){
.g-notice.header-notice {
top: 4.6em;
}
.header-notice__btn-wrap{
padding-right: 6.5em;
}
}
/* // Header */
/* navigation */
.nav {
height: 4em;
margin: 0 -0.5em;
white-space: nowrap;
}
.nav__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-overflow-x: auto;
overflow-x: auto;
}
.nav__el {
height: 100%;
display: inline-block;
padding: 0 1.5em;
}
.nav__el-txt {
white-space: nowrap;
font-size: 1.3em;
}
/* // navigation */
/* Footer */
.footer {
padding: 5.3em 0 6.2em;
background: #fbfbfb;
}
.footer-menu {
float: left;
width: 50%;
}
.footer-menu__list {
margin-right: -6em;
}
.footer-menu-item {
float: left;
max-width: 10.5em;
margin-right: 6em;
}
.footer-menu-item-title__link {
display: block;
padding: 0.6em 0;
}
.footer-menu-item-title__link-txt {
display: block;
font-size: 1.2em;
line-height: 1.2;
font-weight: 700;
}
.footer-menu-item-title__link.active {
text-decoration: underline;
}
.footer-menu-item-title__link:hover {
color: #0076FF;
}
.footer-menu-item-title_dop-off .footer-menu-item-title__link {
margin-bottom: 0.4em;
}
.footer-menu-item-list {
margin-top: 0.7em;
}
.footer-menu-item-list__el {
display: block;
padding: 0.3em 0 0.3em;
}
.footer-menu-item-list__el-txt {
display: block;
font-size: 1.2em;
line-height: 1.2;
}
.footer-menu-item-list__el.active {
text-decoration: underline;
}
.footer-menu-item-list__el:hover {
color: #0076FF;
}
.footer__right {
width: 50%;
float: right;
}
.footer__right-left {
float: left;
width: 50%;
text-align: center;
}
.footer__right-right {
float: right;
max-width: 50%;
text-align: right;
}
.footer-contact {
display: inline-block;
text-align: left;
max-width: 19em;
}
.footer-contact__in {
}
.footer-contact__title {
padding: 0.6em 0;
margin-bottom: 0.7em;
}
.footer-contact__title-txt {
display: block;
font-size: 1.2em;
font-weight: 700;
line-height: 1.2;
}
.footer-contact__item {
padding: 0.25em 0;
margin-bottom: 0.1em;
}
.footer-contact__item-txt {
display: block;
font-size: 1.2em;
line-height: 1.2;
}
.footer-contact__item a {
padding: 2.5px 0;
padding: 0.25rem 0;
color: #0076FF;
text-decoration: underline
}
.footer-contact__item a:hover {
text-decoration: none;
}
.footer-contact__item a[href^="tel"] {
color: #202020;
text-decoration: none;
}
.footer-contact-soc {
display: inline-block;
text-align: left;
padding: 0.7em 0;
}
.footer-contact-soc__title {
padding: 0.6em 0;
margin-bottom: 0.2em;
}
.footer-contact-soc__title-txt {
display: block;
font-size: 1.2em;
font-weight: 700;
line-height: 1.2;
}
.footer-contact-soc__list {
margin: 0 -1em;
}
.footer-contact-soc__item {
float: left;
height: 3em;
padding: 0 1em;
}
.footer-contact-soc__item-ico_vk {
width: 2em;
height: 1.2em;
}
.footer-contact-soc__item-ico_zen {
width: 2em;
height: 2em;
}
.footer-contact-soc__item-ico_twitter {
width: 2em;
height: 1.6em;
}
.footer-contact-soc__item-ico_youtube {
width: 2em;
height: 2em;
}
.footer-contact-soc__item-ico_pinterest {
width: 2em;
height: 2em;
}
.footer-contact-soc__item-ico_ok {
width: 2em;
height: 2em;
}
.footer-contact-soc__item-ico_f {
width: 2em;
height: 1.9em;
}
.footer-contact-soc__item-ico_tw {
width: 2em;
height: 2em;
}
.footer-copyright {
padding: 0.5em 0 0.4em;
}
.footer-copyright__txt {
font-size: 1.2em;
line-height: 1.4;
}
.footer-dev__link {
padding: 1em 0
}
.footer-dev__link:hover .footer-dev__txt-name {
text-decoration: none;
}
.footer-dev__txt {
font-size: 1.2em;
line-height: 1.4;
}
.footer-dev__txt-name {
text-decoration: underline;
}
/* // Footer */
/* g-group */
.g-group-el {
display: block;
position: relative;
min-height: 50em;
height: 100vh;
}
.g-group-el__in {
position: relative;
height: 100%;
}
.g-group-el__img-cont {
top: 9.1em;
bottom: 3em;
width: 50%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease
}
.g-group-el__img-cont.moved_on {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.g-group-el__img {
max-height: 100%;
}
.g-group-el__text {
top: 9.1em;
bottom: 3em;
padding: 0 2.5em 0 1em;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.g-group-el__text-in {
display: inline-block;
width: 100%;
max-width: 48em;
margin: auto 0;
text-align: left;
}
.g-group-el__text-wrap {
max-height: 30.6em;
overflow: hidden;
}
.g-group-el__title {
display: block;
right: 2em;
bottom: 2.5em;
left: 2em;
z-index: 1;
}
.g-group-el__title-txt {
}
.g-group-el__desc {
margin-top: 3em;
}
.g-group-el__btn {
margin-top: 4em;
}
.ismobile .g-group-el {
height: 66em;
}
/* // g-group */
/* g-pos */
.g-pos__list {
}
.g-pos-el {
display: block;
position: relative;
}
.g-pos-el__in {
display: block;
height: 60em;
margin: auto;
position: relative;
min-height: 37em;
}
.g-pos-el__img-cont {
float: left;
width: 50%;
height: 100%;
padding: 2em;
display: block;
position: relative;
text-align: right;
}
.g-pos-el__img-cont-in {
display: inline-block;
position: relative;
width: 100%;
max-width: 72em;
height: 100%;
}
.g-pos-el__img-cont-bg {
content: "";
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
filter: Alpha(opacity=000);
z-index: 2;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.g-pos-el__img-cont:hover .g-pos-el__img-cont-bg {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
opacity: 0.35;
filter: Alpha(opacity=035);
}
.g-pos-el__img {
display: block;
max-height: 100%;
z-index: 1;
}
.g-pos-el__text {
float: left;
height: 100%;
width: 50%;
text-align: left;
position: relative;
padding: 3.2em 3em 2.8em 12em;
}
.g-pos-el__text-in {
display: inline-block;
max-width: 48em;
max-height: 31.5em;
overflow: hidden;
text-align: left;
}
.g-pos-el__text:hover .g-pos-el__title-txt {
text-decoration: none;
}
.g-pos-el__title {
display: block;
text-align: left;
z-index: 1;
}
.g-pos-el__title-txt {
display: block;
text-decoration: underline;
}
.g-pos-el__color {
display: block;
margin-top: 1em;
}
.g-pos-el__color-txt {
display: block;
font-size: 2.4em;
line-height: 1.1;
}
.g-pos-el__desc {
display: block;
margin-top: 1.6em;
}
.g-pos-el:nth-child(even) .g-pos-el__img-cont {
float: right;
width: 50%;
text-align: left;
}
.g-pos-el:nth-child(even) .g-pos-el__text {
float: left;
padding-right: 12em;
padding-left: 3.2em;
text-align: right;
}
/* // g-pos */
/*pagination for scrollify on main top*/
.scrollify-pagination {
position: fixed;
z-index: 1;
top: 9.1em;
right: 2.7em;
bottom: 9.1em;
overflow: hidden;
}
.scrollify-pagination a {
display: block;
position: relative;
width: 2.1em;
height: 2.1em
}
.scrollify-pagination a:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 100%;
background: #202020;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.scrollify-pagination a:after {
content: "";
display: block;
width: 1.7em;
height: 1.7em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.scrollify-pagination a:hover:before, .scrollify-pagination a.active:before {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.scrollify-pagination a.active:after {
border-color: #202020;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* // Home */
/* Home */
.main-slider {
height: 100vh;
position: relative;
overflow: hidden;
}
.main-slider .swiper-slide {
height: 100%;
}
.main-slider__img-wrap {
position: relative;
z-index: 1;
float: left;
width: 50%;
height: 100%;
padding: 7.1em 0 3em;
direction: rtl;
}
.main-slider__img-wrap-in {
position: relative;
height: 100%;
max-width: 72em;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.moved_out .swiper-slide-active .main-slider__img-wrap-in {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.main-slider__img-wrap-bg {
z-index: 1;
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.main-slider__img-link {
display: block;
position: absolute;
z-index: 2;
top: 7.1em;
right: 0;
bottom: 3em;
width: 100%;
max-width: 72em
}
.main-slider__img-link ~ .main-slider__img-wrap-in .main-slider__img {
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.main-slider__img-link:hover ~ .main-slider__img-wrap-in .main-slider__img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.main-slider__img {
max-height: 100%;
}
.main-slider__img[data-src] {
display: none;
}
.main-slider-text {
position: relative;
z-index: 2;
float: left;
width: 50%;
height: 100%;
padding: 9.1em 4em 9.1em 3em;
}
.main-slider-text__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
max-width: 72em;
}
.main-slider-text__in-in {
margin: auto;
max-width: 48em;
}
.main-slider-text__title {
margin-bottom: 1.2em;
}
.main-slider-text__title-txt {
display: inline-block;
font-size: 5.5em;
line-height: 1.1
}
.main-slider-text__title-txt:hover {
text-decoration: underline;
}
.main-slider-text__name-txt {
display: block;
font-size: 2.4em;
line-height: 1.25;
}
.main-slider-text__desc {
margin-top: 3.2em;
}
.main-slider-text__desc-txt {
display: block;
font-size: 1.8em;
line-height: 1.25;
}
.main-slider-text__link {
margin-top: 2em;
}
.main-slider-text__link-in {
display: inline-block;
position: relative;
height: 4em;
padding-right: 2.3em
}
.main-slider-text__link-in:hover .main-slider-text__link-ico {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.main-slider-text__link-txt {
display: inline-block;
font-size: 1.2em;
line-height: 1.25;
font-weight: 700;
text-transform: uppercase;
}
.main-slider-text__link-ico {
width: 1.3em;
height: 1em;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.main-slider-text__bg {
z-index: -1;
width: 8em;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease
}
.main-slider-text__bg.hover {
-webkit-transform: skewX(2.6deg) translateX(-0.3em);
-ms-transform: skewX(2.6deg) translateX(-0.3em);
transform: skewX(2.6deg) translateX(-0.3em);
}
.main-slider-btn {
right: auto;
bottom: 6em;
left: 50%;
margin-left: 49.8em;
width: 4em;
height: 4em;
z-index: 1;
}
.main-slider-btn__ico {
width: 3.5em;
height: 3.5em;
}
.main-slider-btn_prev {
}
.main-slider-btn_next {
margin-left: 53.8em;
}
.main-slider-btn.swiper-button-disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
filter: alpha(opacity=030);
}
.main-slider-btn:hover {/*background: #000;*/
fill: #fff;
}
.ismobile .main-slider {
height: 66em;
}
/* // Home */
/* Goods page */
.goods-base {
height: 100%;
height: 100vh;
min-height: 60em;
position: relative;
}
.goods-base__in {
height: 100%;
}
.goods-base__left {
width: 45%;
height: 100%;
float: left;
text-align: right;
position: relative;
padding: 7.1em 0 0;
}
.goods-base-text {
display: inline-block;
width: 100%;
max-width: 72.1em;
height: 100%;
padding: 2em 3em 6em;
margin-left: auto;
text-align: center;
overflow: hidden;
overflow-y: auto;
}
.goods-base-text .scroll-content {
display: inline-block;
width: 100%;
}
.goods-base-text__in {
text-align: left;
max-width: 48em;
}
.goods-base-text__header {
margin-bottom: 0.5em;
}
.goods-base-text__type {
margin-bottom: 2.3em;
}
.goods-base-text__type-txt {
font-size: 2.4em;
line-height: 1.3;
}
.goods-base-text__cost {
margin-bottom: 2.3em;
padding: 1.1em 2em 0;
border: 2px solid rgba(0,0,0, 0.2);
border-radius: 3px;
}
.goods-base-text__cost-head {
margin-bottom: 10px;
text-transform: uppercase;
}
.goods-base-text__cost-list {
margin: 0 -2em 0;
}
.goods-base-text__cost-list:after {
content: '';
display: block;
clear: both;
}
.goods-base-text__cost-item {
border-top: 2px solid rgba(0,0,0, 0.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.goods-base-text__cost-item:after {
content: '';
display: block;
clear: both;
}
.goods-base-text__cost-txt {
font-size: 1.8em;
line-height: 1.4;
}
.goods-base-text__cost-title {
float: left;
width: 60%;
padding: 0.6em 1em 0.5em 2em;
border-right: 2px solid rgba(0,0,0, 0.2);
/*margin-right: 30px;*/
}
.goods-base-text__cost-num {
float: right;
width: 40%;
padding: 0.6em 0 0.5em;
white-space: nowrap;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.goods-base-text__desc {
}
.scroll-content .goods-base-text__desc {
padding-bottom: 3em;
}
.goods-base__right {
width: 55%;
height: 100%;
float: right;
padding: 7.1em 3em 0;
}
.goods-base__right-in {
height: 100%;
max-width: 72.1em;
padding-bottom: 9.5em;
position: relative;
}
.goods-base-slider {
height: 100%;
}
.goods-base__img-cont {
width: 100%;
max-width: 63.4em;
height: 100%;
margin: auto;
position: relative;
}
.goods-base__img {
max-width: 100%;
max-height: 100%;
}
.goods-base__img[data-src] {
display: none;
}
.goods-base-thumbs {
height: 7em;
position: absolute;
right: 0;
bottom: 3.6em;
left: 0;
text-align: center;
}
.goods-base-thumbs__in {
display: inline-block;
height: 100%;
text-align: left;
}
.goods-base-thumbs-slider {
height: 100%;
}
.goods-base-thumbs .swiper-slide {
cursor: pointer;
max-width: 7em;
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(1);
filter:grayscale(1);
-webkit-filter:gray;
filter:gray;
-webkit-transition: -webkit-filter .5s ease;
transition: -webkit-filter .5s ease;
-o-transition: filter .5s ease;
transition: filter .5s ease;
transition: filter .5s ease, -webkit-filter .5s ease
}
.goods-base-thumbs .swiper-slide.is-active {
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(0);
filter:grayscale(0);
-webkit-filter:none;
filter:none;
}
.goods-base-thumbs__img-wrap {
width: 7em;
margin: 0 auto;
position: relative;
height: 100%;
}
.swiper-slide.is-active .goods-base-thumbs__img-wrap:after {
content: "";
position: absolute;
right: 1em;
bottom: -1em;
left: 1em;
height: 0.3em;
min-height: 1px;
background: currentColor;
}
.goods-base-thumbs__img {
max-width: 100%;
max-height: 100%;
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.goods-base-thumbs__img[data-src] {
display: none;
}
.swiper-slide.is-active .goods-base-thumbs__img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.goods-video {
height: 100%;
height: 100vh;
min-height: 60em;
position: relative;
}
.goods-video__player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.goods-video__player.mb_YTPlayer ~ .goods-video-poster {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
visibility: hidden;
}
.goods-video__player.mb_YTPlayer ~ .goods-video-cap {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
visibility: hidden;
}
.goods-video-poster {
z-index: 2;
-webkit-transition: all 1s 0.25s;
-o-transition: all 1s 0.25s;
transition: all 1s 0.25s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
}
.goods-video-poster__bg {
z-index: -2;
}
.goods-video-poster__overlay {
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
z-index: -1;
}
.goods-video-cap {
color: #fff;
height: 100%;
max-width: 101em;
padding: 0 3em;
margin: 0 auto;
position: relative;
z-index: 3;
-webkit-transition: all 0.8s 0.25s;
-o-transition: all 0.8s 0.25s;
transition: all 0.8s 0.25s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
}
.goods-video-cap__in {
width: 100%;
}
.goods-video-cap__name {
float: left;
margin-right: 8.4em;
max-width: 68em;
}
.goods-video-cap__name-txt {
font-size: 4.8em;
}
.goods-video-cap__slogan {
float: right;
margin-left: 8.4em;
max-width: 68em;
padding-top: 1.3em;
}
.goods-video-cap__slogan-txt {
font-size: 2.4em;
line-height: 1.25;
}
.goods-video-cap__button {
width: 5.6em;
height: 5.6em;
z-index: 1;
fill: #fff;
}
.goods-video-cap__button-ico {
width: 4.8em;
height: 5.6em;
-webkit-transition: fill 0.25s;
-o-transition: fill 0.25s;
transition: fill 0.25s;
}
.goods-video-cap__button:hover {
fill: #cc181e;
}
.goods-slider-color {
position: relative;
height: 100%;
height: 100vh;
min-height: 60em;
padding: 12.4em 0 10em;
text-align: center;
}
.goods-slider-color__title {
padding-right: 1em;
padding-left: 1em;
text-align: left;
top: 13.5%;
z-index: 3;
}
.goods-slider-color__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-slider-color-base__cont {
height: 100%;
}
.goods-slider-color-base {
position: relative;
overflow: hidden;
height: 100%;
}
.goods-slider-color-base__in {
position: relative;
height: 100%;
max-height: 68em;
padding-bottom: 6.6em;
background: #FFF;
}
.goods-slider-color-base__img-cont {
position: relative;
width: 100%;
max-width: 55em;
height: 100%;
max-height: 62em;
margin: auto;
}
.goods-slider-color-base__img {
max-width: 100%;
max-height: 100%;
}
.goods-slider-color-base__img[data-src] {
display: none;
}
.goods-slider-color-base__title {
padding-top: 3.6em;
height: 6.6em;
overflow: hidden;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
text-align: center;
}
.goods-slider-color-base__title-txt {
font-size: 2.4em;
}
.goods-slider-color-base-btn {
width: 4em;
height: 4em;
bottom: 6em;
z-index: 1;
}
.goods-slider-color-base-btn__ico {
width: 3.5em;
height: 3.5em;
}
.goods-slider-color-base-btn_prev {
left: 1.6em;
}
.goods-slider-color-base-btn_next {
right: 1.6em;
}
.goods-slider-color-base-btn.swiper-button-disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
filter: alpha(opacity=030);
}
.goods-slider-color-thumbs__wrapper {
position: absolute;
right: 0;
bottom: 4.8em;
left: 0;
overflow: hidden;
}
.goods-slider-color-thumbs__cont {
display: inline-block;
max-width: 100%;
/*overflow: hidden;*/
}
.goods-slider-color-thumbs .swiper-slide {
height: 5.4em;
width: 5.5em;
cursor: pointer
}
.goods-slider-color-thumbs .swiper-slide.is-active {
cursor: default;
width: 6.3em;
}
.goods-slider-color-thumbs__img-wrap {
height: 5.4em;
width: 5.4em;
border-radius: 100%;
overflow: hidden;
margin: 0 auto;
position: relative;
height: 100%;
border: 0.9em solid #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
filter: alpha(opacity = 050);
}
.swiper-slide.is-active .goods-slider-color-thumbs__img-wrap {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
filter: alpha(opacity = 100);
border: 0.5em solid #d3d3d3;
}
.goods-func__in {
position: relative;
height: 100%;
height: 100vh;
min-height: 68em;
max-height: 102.4em;
}
.goods-func__title {
text-align: left;
top: 11.5%;
z-index: 3;
}
.goods-func__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-func-slider__cont {
height: 100%;
}
.goods-func-slider {
position: relative;
overflow: hidden;
height: 100%;
}
.goods-func-slider__in {
height: 100%;
position: relative;
}
.goods-func-slider__in-cont {
display: inline-block;
width: 100%;
padding: 0 3em;
max-width: 60.5em;
text-align: left;
}
.goods-func-slider__in-cont-wrap {
min-height: 17.2em;
max-height: 19.7em;
overflow: hidden;
}
.goods-func-slider__left {
width: 50%;
float: left;
height: 100%;
background: #FBF9FD;
padding-top: 18.8%;
text-align: right;
}
.goods-func-slider__num, .goods-func-slider__name {
display: block;
max-width: 480px;
max-width: 48rem;
font-size: 2.4em;
line-height: 1.25;
}
.goods-func-slider__num {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.goods-func-slider__name {
}
.goods-func-slider__right {
width: 50%;
float: right;
height: 100%;
position: relative;
overflow: hidden;
}
.swiper-container-autoheight .goods-func-slider__right .swiper-slide {
height: 100%;
}
.goods-func-slider.swiper-container-autoheight .swiper-slide {
height: 100%;
}
.goods-func-slider-slider__pag {
position: relative;
margin-top: 3em;
max-height: 18.4em;
overflow: hidden;
}
.goods-func-slider-slider__pag .swiper-pagination-bullet {
width: 8em;
height: 8em;
border: 0 none;
margin: 0 1em 1em 0
}
.goods-func-slider-slider__pag .swiper-pagination-bullet:after {
display: none;
}
.goods-func-slider-slider__pag-thumb {
display: block;
width: 100%;
height: 100%
}
.goods-func-slider-slider__pag-thumb:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
border: 1px solid transparent;
}
.swiper-pagination-bullet-active .goods-func-slider-slider__pag-thumb:after {
border-color: #979797;
}
.goods-func-slider__img-cont {
right: auto;
max-width: 96em;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.goods-func-slider__img {
width: 100%;
height: 100%;
}
.goods-func-slider__pag.swiper-pagination-bullets {
right: 50%;
bottom: 18%;
left: auto;
width: 50%;
max-width: 60.5em;
padding: 0 3em;
text-align: left;
z-index: 1;
}
.goods-func-slider-btn__cont {
right: 50%;
bottom: 2.7%;
left: auto;
width: 50%;
max-width: 60.5em;
}
.goods-func-slider-btn {
width: 4em;
height: 4em;
z-index: 1;
bottom: 10em;
}
.goods-func-slider-btn__ico {
width: 3.7em;
height: 3.7em;
}
.goods-func-slider-btn_prev {
left: 3em;
}
.goods-func-slider-btn_next {
left: 7.7em;
}
.goods-func-slider-btn.swiper-button-disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
filter: alpha(opacity=030);
}
.goods-eq__in {
position: relative;
height: 100%;
height: 100vh;
min-height: 60em;
max-height: 102.4em;
padding: 13em 0 3em;
text-align: center;
}
.goods-eq__title {
padding-right: 1em;
padding-left: 1em;
text-align: left;
top: 13.5%;
z-index: 3;
}
.goods-eq__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-eq-slider__cont {
height: 100%;
}
.goods-eq-slider {
position: relative;
overflow: hidden;
height: 100%;
max-height: 74.2em;
padding-bottom: 4em;
}
.goods-eq-slider__in {
height: 100%;
max-height: 68em;
position: relative;
padding-bottom: 6.9em;
}
.goods-eq-slider__img-cont {
position: relative;
width: 100%;
max-width: 90em;
height: 100%;
max-height: 60em;
margin: auto;
}
.goods-eq-slider__img {
max-width: 100%;
max-height: 100%;
}
.goods-eq-slider__img[data-src] {
display: none;
}
.goods-eq-slider__title {
position: absolute;
right: 0;
bottom: 0.1em;
left: 0;
height: 3em;
overflow: hidden;
text-align: center;
}
.goods-eq-slider__title-txt {
font-size: 2.4em;
}
.goods-eq-slider__pag.swiper-pagination-bullets {
bottom: 1em;
z-index: 1;
}
.goods-eq-slider-btn {
width: 4em;
height: 4em;
z-index: 1;
bottom: 10em;
}
.goods-eq-slider-btn__ico {
width: 3.7em;
height: 3.7em;
}
.goods-eq-slider-btn_prev {
left: 0;
}
.goods-eq-slider-btn_next {
right: 0;
}
.goods-eq-slider-btn.swiper-button-disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
filter: alpha(opacity=030);
}
.goods-dignity {
height: 100%;
height: 100vh;
min-height: 60em;
max-height: 102.4em;
max-width: 192em;
margin: auto;
position: relative;
}
.goods-dignity__list:after {
content: '';
display: block;
clear: both;
}
.goods-dignity__list {
height: 100%;
}
.goods-dignity-el {
float: left;
width: 25%;
height: 100%;
}
.goods-dignity-el-in {
height: 100%;
padding: 2em 4em 4em;
position: relative;
color: #fff;
cursor: pointer;
}
.goods-dignity-el-in__text {
position: absolute;
right: 4em;
bottom: 2em;
left: 4em;
height: 31em;
overflow: hidden;
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.goods-dignity-el-in__title {
margin-bottom: 0.4em;
}
.goods-dignity-el-in__title-txt {
font-size: 2.4em;
line-height: 1.25;
}
.goods-dignity-el-in__desc .editor {
}
.goods-dignity-el-in__bg {
top: -0.1em;
right: -0.1em;
bottom: -0.1em;
left: -0.1em;
z-index: -1;
overflow: hidden;
}
.goods-dignity-el-in__bg-img {
/*transform: scale3d(1, 1, 1);*/
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.goods-dignity-el-in__bg-s {
background-image: url(../images/goods-dignity-s.png);
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
background-image: -webkit-linear-gradient(top, transparent, #000);
background-image: -o-linear-gradient(top, transparent, #000);
background-image: linear-gradient(to bottom, transparent, #000);
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease
}
.goods-dignity-el-in__bg-s:after {
content: "";
display: block;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.goods-dignity-el-in:hover .goods-dignity-el-in__text {
-webkit-transform: translateY(-3em);
-ms-transform: translateY(-3em);
transform: translateY(-3em);
}
.goods-dignity-el-in:hover .goods-dignity-el-in__bg-img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.goods-dignity-el-in:hover .goods-dignity-el-in__bg-s:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: 0.4;
}
.goods-dignity-el-pop {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 10;
color: #fff;
padding: 6em 0 5.5em;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.goods-dignity-el-pop__wrap {
height: 100%;
}
.goods-dignity-el-pop__in {
width: 100%;
max-height: 100%;
overflow: hidden;
}
.goods-dignity-el-pop__text {
}
.goods-dignity-el-pop__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-dignity-el-pop__desc {
max-width: 50em;
}
.goods-dignity-el-pop__desc .editor {
font-size: 1.8em;
line-height: 1.7;
}
.goods-dignity-el-pop__desc-full {
max-width: 50em;
max-height: 72em;
overflow: hidden;
}
.goods-dignity-el-pop__desc-full .editor {
line-height: 1.7;
}
.goods-dignity-el-pop__bg {
z-index: -1;
}
.goods-dignity-el-pop__bg-img {
}
.goods-dignity-el-pop__bg-s {
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: 0.6;
}
.goods-dignity-el-pop__close {
top: 4.5em;
right: 4.5em;
width: 5em;
height: 5em;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.goods-dignity-el-pop__close-ico {
width: 3.5em;
height: 3.5em;
}
.goods-dignity-el-pop__close:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
opacity: 0.75;
}
.goods-dignity-el.is-active .goods-dignity-el-pop {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.goods-speca__in {
padding: 13.2em 0 6em;
position: relative;
}
.goods-speca__title {
margin-bottom: 9.7em;
}
.goods-speca__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-speca__list:after {
content: '';
display: block;
clear: both;
}
.goods-speca-el {
margin-bottom: 2em;
max-height: 28em;
overflow: hidden;
position: relative
}
.goods-speca-el:before {
content: "";
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;
border: 1px solid #D8D8D8;
}
.goods-speca-el:after {
content: "";
display: block;
padding-bottom: 100%;
}
.goods-speca-el__title {
right: 1.5em;
bottom: 1.7em;
left: 1.5em;
z-index: 3;
}
.goods-speca-el__title-txt {
font-size: 1.4em;
line-height: 1.4;
font-weight: 600;
}
.goods-speca-el-img {
z-index: 1;
}
.goods-speca-el-img__in {
max-height: 100%;
}
.goods-acce__in {
padding: 7em 0 1.5em;
position: relative;
}
.goods-acce__title {
margin-bottom: 4em;
}
.goods-acce__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-acce__list:after {
content: '';
display: block;
clear: both;
}
.goods-acce__list {
margin-bottom: 9.3em;
}
.goods-acce-el {
display: block;
margin-bottom: 2.5em;
}
.goods-acce-el__img-cont {
display: block;
max-height: 38em;
overflow: hidden;
margin-bottom: 2.2em;
position: relative;
border: 1px solid #F2F0F3;
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease
}
.goods-acce-el__img-cont:after {
content: "";
display: block;
padding-bottom: 140%;
}
.goods-acce-el__img {
}
.goods-acce-el__title {
display: block;
margin-bottom: 0.5em;
}
.goods-acce-el__title-txt {
font-size: 1.8em;
line-height: 1.4;
}
.goods-acce-el__color {
display: block;
}
.goods-acce-el__color-txt {
font-size: 1.3em;
line-height: 1.9;
}
.goods-acce-el:hover .goods-acce-el__img-cont {
border-color: #ededed;
}
.goods-acce-buy__list:after {
content: '';
display: block;
clear: both;
}
.goods-acce-buy__list {
margin-bottom: 6em;
}
.goods-acce-buy-el {
height: 25em;
padding: 4.8em 5em 0;
margin-bottom: 2.5em;
background: #FBF9FD;
position: relative;
overflow: hidden;
}
.goods-acce-buy-el__title {
display: block;
margin-bottom: 3.4em;
-webkit-transition: color 0.25s;
-o-transition: color 0.25s;
transition: color 0.25s;
}
.goods-acce-buy-el__title-txt {
font-size: 2.4em;
line-height: 1.25;
}
.goods-acce-buy-el__img-cont {
display: block;
height: 13em;
margin-top: 4.2em;
position: relative;
-webkit-box-shadow: 0 0.2em 4em #E2DFD7;
box-shadow: 0 0.2em 4em #E2DFD7;
}
.goods-acce-buy-el__img {
}
.goods-acce-buy-el__desc-title {
display: block;
margin-bottom: 7px;
margin-bottom: 0.7rem;
font-size: 1.8em;
line-height: 1.4;
}
.goods-acce-buy-el__desc .editor {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.goods-acce-buy-el__desc-more {
font-size: 1.3em;
line-height: 1.6;
color: #2C70C7;
font-weight: 700;
}
.goods-acce-buy-el:hover .goods-acce-buy-el__title {
color: #2C70C7;
}
.goods-acce-buy-el:hover .goods-acce-buy-el__desc-more {
text-decoration: underline;
}
.goods-seo-text {
margin-bottom: 7em;
}
.goods-seo-text__title {
margin-bottom: 3em;
}
.goods-seo-text__title-txt {
font-size: 2.4em;
line-height: 1.25;
}
.ismobile .goods-base {
height: 66em;
}
.ismobile .goods-video {
height: 32em;
min-height: inherit;
}
.ismobile .goods-video-cap {
text-align: center;
}
.ismobile .goods-video-cap__in {
width: inherit;
text-align: left;
}
.ismobile .goods-video-cap__name {
float: none;
margin-right: 0;
}
.ismobile .goods-video-cap__slogan {
float: none;
margin-left: 0;
margin-top: 15em;
}
/*.ismobile .goods-video-cap__button {
display: none;
}*/
.ismobile .goods-slider-color {
height: 66em;
}
.ismobile .goods-func__in {
height: 68em;
}
.ismobile .goods-eq__in {
height: 66em;
}
.ismobile .goods-dignity {
height: 66em;
}
.ismobile .goods-speca {
}
.ismobile .goods-acce {
}
/* About page */
.about {
padding-bottom: 3em;
margin-top: -7.1em;
}
.about-slogan {
padding: 1em 0;
height: 100vh;
height: calc(100vh - 7.1em);
min-height: 50em;
position: relative;
color: #FFF;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-slogan__bg {
top: 7.1em;
z-index: 1;
background-attachment: fixed;
}
.about-slogan__bg__error {
z-index: 1;
background-attachment: fixed;
}
.about-slogan:before {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: 0.4;
filter: Alpha(opacity = 040);
}
.about-slogan__in {
position: relative;
z-index: 3;
margin: auto;
}
.about-slogan__title-txt {
}
.about-slogan__desc {
margin-top: 3em;
}
.about-item {
position: relative;
}
.about-item .g-vac:after {
height: 45em;
}
.about-item__in {
padding: 4em 0 2em;
max-width: 50em;
}
.about-item__title-txt {
}
.about-item__desc {
margin-top: 2.8em;
}
.about-item__bg {
z-index: -1;
}
.ismobile .about-slogan {
padding: 1em 0;
height: auto;
min-height: 50em;
}
/* About page */
.service {
padding-top: 14.2em;
position: relative;
}
.service__bg {
top: 7em;
height: 100%;
background-repeat: no-repeat;
background-position: 60% top;
z-index: -1;
}
.service-faq {
margin-bottom: 14.4em;
}
.service-faq-main {
margin-bottom: 14.2em;
}
.service-faq-main__title-txt {
font-size: 4.8em;
line-height: 1.1;
}
.service-faq-main__title-txt-404-403 {
font-size: 35em;
line-height: 1.1;
}
.service-faq-main__desc {
margin-top: 2.2em;
}
.service-faq-item {
margin-bottom: 4.9em;
}
.service-faq-item__title-txt {
font-size: 1.8em;
line-height: 1.25;
}
.service-faq-item__desc {
margin-top: 0.9em;
}
.service-feedback {
margin-bottom: 14.8em;
}
.service-feedback-text {
margin-bottom: 4.5em;
}
.service-feedback-text__title-txt {
}
.service-feedback-text__desc {
margin-top: 1.6em;
}
.service-feedback-form {
max-width: 60em;
}
.service-catalog {
margin-bottom: 12.5em;
}
.service-catalog-text {
margin-bottom: 4.5em;
}
.service-catalog-text__title-txt {
}
.service-catalog-text__desc {
margin-top: 1.6em;
}
.service-catalog__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -2em;
}
.service-catalog-el {
float: left;
display: block;
width: 18em;
margin: 0 2em 2em 0;
color: #202020;
}
.service-catalog-el__img-cont {
display: block;
position: relative;
overflow: hidden;
height: 25.5em;
margin-bottom: 1em;
}
.service-catalog-el__img {
display: block;
}
.service-catalog-el__title {
display: block;
}
.service-catalog-el__title-txt {
font-size: 1.4em;
line-height: 1.4;
font-weight: 700;
}
.service-catalog-el__download {
display: block;
margin-top: 0.4em;
}
.service-catalog-el__download-txt {
font-size: 1.2em;
line-height: 1.4;
color: #0076FF;
-webkit-transition: color 0.25s;
-o-transition: color 0.25s;
transition: color 0.25s;
}
.service-catalog-el:hover .service-catalog-el__download-txt {
color: #202020;
}
.service-center-text {
margin-bottom: 5em;
}
.service-center-text__title-txt {
}
.service-center-text__desc {
margin-top: 1.6em;
}
.service-center__list {
max-width: 98em;
margin-bottom: 5.5em;
}
.service-center-item {
display: none;
margin-bottom: 2em;
}
.service-center-item.is-active {
display: block;
}
.service-center-item__title-txt {
font-size: 1.8em;
line-height: 1.25;
}
.service-center-item__list {
}
.service-center-item__desc {
margin-top: 1em;
margin-bottom: 2em;
}
.service-center__map {
height: 45em;
}
.service-cert {
background: #FFFDF8;
}
.service-cert__in {
padding: 8.5em 0 7.2em;
position: relative;
}
.service-cert-text {
position: relative;
z-index: 2;
max-width: 58em;
margin-bottom: 3.6em;
}
.service-cert-text__title-txt {
}
.service-cert-text__desc {
margin-top: 1.7em;
}
.service-cert__bg {
z-index: 1;
right: -3.5em;
background-repeat: no-repeat;
background-position: right bottom;
}
/* Contact page */
.contact {
padding-top: 14.2em;
}
.contact-heading {
margin-bottom: 14em;
}
.catalog-heading {
margin-bottom: 5em;
margin-top: 3em;
}
.contact-heading__txt {
}
.contact-in:after {
content: '';
display: block;
clear: both;
}
.contact-in {
margin-bottom: 10.2em;
}
.contact-in__list {
float: left;
width: 50%;
padding-right: 1em;
}
.contact-in-item {
margin-bottom: 2.8em;
}
.contact-in-item__title-txt {
font-size: 1.8em;
line-height: 1.25;
}
.contact-in-item__desc {
margin-top: 1em;
}
.contact-in-item_small{
max-width: 18em;
margin-right: auto;
margin-left: auto;
}
.contact-in-essent {
float: left;
width: 50%;
padding-left: 1em;
margin-bottom: 2.4em;
}
.contact-in-essent__title-txt {
font-size: 1.8em;
line-height: 1.25;
}
.contact-in-essent__desc {
margin-top: 1em;
}
.contact__map {
height: 45em;
}
.contact ~ .goods-form,
.contact ~ .service-feedback {
margin-top: 4em;
}
/* Hostcms Panel reset b*/
.hostcmsPanel
{
z-index: 1002 !important;
}
.hostcmsPanel a
{
display: inline-block !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
line-height: normal !important;
vertical-align: inherit !important;
}
.hostcmsWindow input, .hostcmsWindow textarea
{
color: #000!important;
text-shadow: none!important;
font-weight: 400!important;
font-style: normal!important;
}
/* Hostcms Panel reset e */
@media screen and (-webkit-min-device-pixel-ratio:0){
.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s
}
}
@media screen and (max-width: 1500px) {
.header-site {
margin-left: 2em;
}
.header-nav__el {
padding: 0 0.8em;
}
}
@media screen and (max-width: 1410px) {
.header-site {
display: none;
}
}
@media screen and (max-width: 1330px) {
.g-pos-el__text {
text-align: center;
padding-right: 3em;
padding-left: 3em;
}
.g-pos-el:nth-child(even) .g-pos-el__text {
padding-right: 3em;
padding-left: 3em;
text-align: center;
}
}
@media screen and (max-width: 1279px) {
.header-contact__item a + a, .header-contact__item a ~ a {
display: block;
margin-left: 0;
}
.header-contact__item {
display: block;
text-align: right;
}
.scrollify-pagination {
right: 1em;
}
.main-slider-btn {
left: auto;
margin-left: 0;
right: 8em;
}
.main-slider-btn_prev {
}
.main-slider-btn_next {
margin-left: 0;
right: 3em
}
.goods-dignity-el-in {
padding-right: 2em;
padding-left: 2em;
}
.goods-dignity-el-in__text {
right: 2em;
left: 2em;
}
.goods-speca-el__title {
bottom: 1.1em;
}
.goods-speca-el__title-txt {
font-size: 1.2em;
}
.goods-acce-buy-el {
padding-right: 4em;
padding-left: 4em;
}
}
@media screen and (max-width: 1199px) {
.header-logo {
margin-right: 3em;
}
}
@media screen and (max-width:1150px) {
.header__in {
margin-right: -1em;
margin-left: -1.3em;
}
.footer-menu {
width: 60%;
}
.footer__right {
width: 40%;
}
.g-group-el__img {
max-height: 50em;
}
.service-cert-text {
max-width: inherit;
margin-bottom: 0;
}
.service-cert__bg {
display: none;
}
}
@media screen and (max-width: 1100px){
/* Header */
.header-site {
display: inline-block;
}
.header-contact__item {
display: inline-block;
}
.header-contact__item a + a,
.header-contact__item a ~ a {
display: inline-block;
margin-left: 1.6rem;
}
.header {
overflow: visible;
padding-right: 4em;
}
.header-burger {
display: block;
}
.header-nav {
display: none;
}
/* header */
/* Footer */
.footer {
padding-bottom: 3.2em;
}
.footer-menu {
float: none;
width: 100%;
}
.footer-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.5em;
}
.footer-menu-item {
max-width: 25%;
min-width: 12em;
margin-right: 0;
margin-bottom: 1.5em;
padding-right: 1.5em;
}
.footer__right {
float: none;
width: 100%;
padding-top: 2em;
}
.footer__right-left {
text-align: left;
}
/* footer */
/* Goods */
.goods-acce__list .grid__el {
width: 33.333%;
}
.goods-acce-buy__list .grid__el {
width: 100%;
float: none;
}
.goods-acce-buy-el {
max-width: 68em;
height: auto;
min-height: 25em;
}
.goods-acce-buy-el__desc {
margin-bottom: 3em;
}
.goods-dignity-el {
width: 50%;
height: 50%;
}
.goods-dignity-el-in__text {
bottom: 1em;
min-height: 13em;
max-height: 31em;
height: auto;
}
/* goods */
.main-slider-text__title-txt {
font-size: 3.2em;
}
.service-center-item {
margin-bottom: 4em;
border-bottom: 1px solid #D3D3D3;
}
}
@media screen and (max-width: 959px) and (max-height: 767px), (max-width: 599px) {
.g-group-el,
.ismobile .g-group-el {
height: auto;
padding: 4em 0 5em;
}
.g-group-el__in {
padding-top: 0;
}
.g-group-el__img-cont {
position: relative;
width: 100%;
max-width: 64em;
height: auto;
max-height: 45em;
margin: 0 auto 1.5em;
top: 0;
bottom: auto;
}
.g-group-el__img-cont:after {
content: "";
display: block;
padding-bottom: 100%;
}
.g-group-el__img {
max-height: 100%;
top: 2em;
}
.g-group-el__text {
width: 100%;
position: relative;
padding-top: 0;
top: 0;
bottom: auto;
}
.g-group-el__text-in {
max-width: 60em;
margin: auto;
text-align: center;
}
.g-group-el__btn {
margin-top: 2em;
}
/* Main */
.main-slider,
.ismobile .main-slider {
height: auto;
}
.main-slider.swiper-container-autoheight .swiper-slide {
height: auto;
}
.main-slider__img-wrap {
width: 100%;
float: none;
height: auto;
padding: 0;
}
.main-slider__img-wrap-in {
max-height: 45em;
}
.main-slider__img-wrap-in:after {
content: "";
display: block;
padding-bottom: 100%;
}
.main-slider__img-link {
top: 0;
bottom: 0;
}
.main-slider-text {
float: none;
width: 100%;
height: auto;
padding: 3em 1.5em 1.7em;
}
.main-slider-text__title-txt {
font-size: 2.4em;
line-height: 1.25;
}
.main-slider-text__name-txt {
font-size: 2em;
}
.main-slider-text__desc {
margin-top: 1.5em;
margin-bottom: -0.8em;
}
.main-slider-btn {
bottom: 2em;
}
/* main */
}
@media screen and (max-height: 1150px) {
.goods-func__title {
top: 10%;
}
}
@media screen and (max-height: 860px) {
.main-slider-btn {
bottom: 2em;
}
.goods-base-thumbs {
height: 6em;
bottom: 2.6em;
}
.goods-base-thumbs .swiper-slide {
max-width: 6em;
}
.goods-base-thumbs__img-wrap {
width: 6em;
}
.goods-slider-color {
padding: 8.4em 0 10em;
}
.goods-slider-color__title {
top: 8.5%;
}
.goods-slider-color-thumbs__wrapper {
bottom: 2.8em;
}
.goods-func__title {
top: 8.5%;
}
.goods-func-slider__left {
padding-top: 16.8%;
}
.goods-eq__in {
padding-top: 10em;
}
.goods-eq__title {
top: 8.5%;
}
.goods-eq-slider__pag.swiper-pagination-bullets {
bottom: 0;
}
.goods-speca__in {
padding: 11.2em 0 4em;
}
.goods-speca__title {
margin-bottom: 9em;
}
.goods-acce-buy__list {
margin-bottom: 3em;
}
.service {
padding-top: 8.2em;
}
.service__bg {
top: 4em;
}
.service-faq {
margin-bottom: 8.2em;
}
.service-faq-main {
margin-bottom: 8.2em;
}
.service-feedback {
margin-bottom: 8.2em;
}
.service-catalog {
margin-bottom: 6.2em;
}
.service-center-text {
margin-bottom: 3em;
}
.service-center__list {
margin-bottom: 4.5em;
}
.service-cert {
}
.contact {
padding-top: 8.2em;
}
.contact-heading {
margin-bottom: 10em;
}
.contact-in {
margin-bottom: 5.2em;
}
}
@media screen and (max-height: 768px) {
.goods-slider-color {
}
.goods-func__title {
top: 7%;
}
.goods-func-slider__left {
padding-top: 12.8%;
}
.goods-func-slider__pag.swiper-pagination-bullets {
bottom: 14%;
}
.goods-func-slider-btn__cont {
bottom: 0.7%;
}
.goods-eq__in {
padding-top: 8em;
}
.goods-speca__in {
padding: 7em 0 3em;
}
.goods-speca__title {
margin-bottom: 5em;
}
.goods-acce {
}
}
@media screen and (max-width: 767px) {
h6, .h6 {
font-size: 1.2em;
line-height: 1.55;
}
h5, .h5 {
font-size: 1.4em;
line-height: 1.45;
}
h4, .h4, .t-h4 {
font-size: 1.6em;
line-height: 1.4;
}
h3, .h3, .t-h3 {
font-size: 2em;
line-height: 1.3;
}
h2, .h2, .t-h2 {
font-size: 2.4em;
line-height: 1.2;
}
h1, .h1, .t-h1,
.service-faq-main__title-txt,
.goods-eq__title-txt {
font-size: 2.8em;
}
.body-wrap {
padding-top: 4.6em;
}
.content {
padding: 0 1.5em;
}
.header,
.header_fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
min-width: 32em;
height: 4.6em;
padding-right: 0;
background: #FFF;
}
.header:after {
content: "";
display: block;
position: absolute;
top: -0.1em;
left: -0.1em;
right: -0.1em;
z-index: -1;
height: 4.7em;
border: 1px solid #D8D8D8;
background: #FFF;
-webkit-box-shadow: 0 0.1em 0.3em #D8D8D8;
box-shadow: 0 0.1em 0.3em #D8D8D8;
}
.header__in {
display: block;
margin-right: 0;
margin-left: 0;
}
.header-logo {
float: none;
margin: auto;
padding: 0;
text-align: center;
}
.header__left {
float: none;
}
.header__right {
display: none;
}
.header-burger {
right: 0.2em;
}
.editor_big {
font-size: 1.4em;
line-height: 1.55;
}
.g-form-item__name {
float: none;
width: auto;
}
.g-form-item__name:after {
display: none;
}
.g-form-captcha {
margin-left: 0;
}
.g-form-btn {
margin-left: 0;
text-align: center;
}
/* Goods */
.goods-base,
.ismobile .goods-base {
height: auto;
min-height: inherit;
margin-bottom: 2em;
}
.goods-base__left {
float: none;
width: 100%;
height: auto;
padding-top: 2.1em;
}
.goods-base__right {
float: none;
width: 100%;
height: auto;
padding: 3.1em 0 0;
}
.goods-base__right-in {
padding-bottom: 0;
}
.goods-base-slider {
height: 45em;
}
.goods-base-thumbs {
bottom: 0;
position: relative;
margin: 0.5em 0 1.5em;
}
.goods-base-text {
padding: 2em 2em 1em;
}
.goods-base-text__header {
margin-bottom: 1.5em;
}
.goods-base-text__type-txt {
font-size: 2.2em;
}
/*.goods-base-text__desc {
display: none;
}*/
.goods-eq-slider__cont {
margin-left: -1.5em;
margin-right: -1.5em;
}
.goods-eq__in,
.ismobile .goods-eq__in {
height: 48em;
min-height: 48em;
}
.goods-eq-slider__in {
padding-bottom: 3.9em;
}
.goods-eq-slider__title {
height: 5em;
vertical-align: bottom;
padding-right: 1.5em;
padding-left: 1.5em;
white-space: nowrap;
}
.goods-eq-slider__title:after {
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: bottom;
}
.goods-eq-slider__title-txt {
display: inline-block;
vertical-align: bottom;
white-space: normal;
font-size: 2em;
}
.goods-eq-slider-btn_prev {
left: 0.5em;
}
.goods-eq-slider-btn_next {
right: 0.5em;
}
.goods-eq-slider-btn__ico {
width: 3em;
height: 3em;
}
.goods-acce__list {
margin-bottom: 4em;
}
.goods-dignity,
.ismobile .goods-dignity {
height: auto;
}
.goods-dignity-el {
width: 50%;
height: 40em;
}
.goods-dignity-el-in {
padding: 2em;
}
.goods-dignity-el-in__text {
right: 2em;
left: 2em;
}
.goods-dignity-el-pop__title-txt {
font-size: 2.8em;
}
.goods-dignity-el-pop__desc .editor {
font-size: 1.6em;
line-height: 1.5;
}
.goods-speca__in {
padding: 6em 0 2em;
}
.goods-speca__title {
margin-bottom: 3em;
}
.goods-speca__title-txt {
font-size: 2.8em;
}
.goods-speca__list .grid__el {
width: 50%;
}
.goods-acce__in {
padding: 6em 0 2em;
}
.goods-acce__title {
margin-bottom: 3em;
}
.goods-acce__title-txt {
font-size: 2.8em;
}
/* goods */
/* Service */
.service {
padding-top: 4.5em;
}
.service-faq {
margin-bottom: 7.2em;
}
.service-faq-main {
margin-bottom: 5.5em;
}
.service-catalog {
margin-bottom: 7.2em;
}
.service-cert__in {
padding: 4.5em 0 2.2em;
}
/* service */
/* Contact */
.contact {
padding-top: 4.5em;
}
.contact-heading {
margin-bottom: 5em;
}
.contact-in {
margin-bottom: 5.5em;
}
.contact-in__list {
float: none;
width: 100%;
padding-right: 0;
margin-bottom: 2em;
}
.contact-in-essent {
width: 100%;
float: none;
padding-left: 0;
}
/* contact */
/* G-pos-el */
.g-pos-el__in {
height: auto;
}
.g-pos-el__img-cont,
.g-pos-el:nth-child(even) .g-pos-el__img-cont {
float: none;
height: auto;
width: 100%;
padding: 1em;
}
.g-pos-el__img-cont-in {
display: block;
max-height: 41.4em;
background: #fff;
z-index: 1;
}
.g-pos-el__img-cont-in:after {
content: "";
display: block;
padding-bottom: 100%;
}
.g-pos-el__img-cont-bg {
opacity: 1;
z-index: 0;
/*background: none;
border: 0.5em solid currentColor;*/
}
.g-pos-el__text,
.g-pos-el:nth-child(even) .g-pos-el__text {
float: none;
height: auto;
width: 100%;
padding: 2em 2em 1.8em;
}
.g-pos-el__text-in {
display: block;
max-width: 100%;
}
.g-pos-el__text-in:after {
content: "";
display: block;
clear: both;
height: 0;
width: 0;
}
.g-pos-el__title {
float: left;
}
.g-pos-el__color {
float: right;
margin-top: 0.3em;
}
.g-pos-el__color-txt {
font-size: 2em;
}
.g-pos-el__desc {
display: none;
}
/* g-pos-el */
/* About */
.about,
.ismobile .about {
margin-top: 0;
padding-bottom: 0;
}
.about-slogan,
.ismobile .about-slogan {
min-height: 34em;
}
.about-slogan__bg {
top: 0;
background-attachment: inherit;
}
.about-item .about-item__bg {
opacity: 0.5;
}
.about-item__in {
padding: 5em 0 3em;
}
.about-item .g-vac:after {
height: 30em;
}
/* about */
}
@media screen and (max-width: 599px) {
.g-column_x2 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
grid-column-gap: 0;
-webkit-column-gap: 0;
-moz-column-gap: 0;
grid-column-gap: 0;
column-gap: 0;
}
.goods-acce__list .grid__el {
width: 50%;
}
.goods-dignity-el {
height: 25em;
width: 100%;
}
.goods-dignity-el-in {
}
.goods-dignity-el-in__text {
height: auto;
max-height: 20em;
}
.goods-dignity-el-pop {
position: fixed;
z-index: 1010;
padding: 4em 0 2em;
}
.goods-dignity-el-pop .grid__el {
width: 100%;
}
.goods-dignity-el-pop__close {
top: 0;
right: 0;
}
.goods-func {
padding: 4em 0 6em;
}
.goods-func__title {
position: static;
margin-bottom: 3em;
}
.goods-func__title-txt {
font-size: 2.8em;
}
.goods-func__in,
.ismobile .goods-func__in {
height: auto;
min-height: inherit;
}
.goods-func-slider__cont {
height: auto;
min-height: inherit;
}
.goods-func-slider__left {
padding-top: 3em;
float: none;
width: auto;
height: auto;
}
.goods-func-slider__in-cont-wrap {
min-height: inherit;
}
.goods-func-slider__right {
float: none;
width: 100%;
z-index: -1;
top: 0;
left: 0;
height: 40em;
}
.goods-func-slider-slider__pag .swiper-pagination-bullet {
width: 6em;
height: 6em;
}
.goods-func-slider-btn__cont {
position: static;
}
.goods-func-slider-btn_prev {
left: 0.5em;
}
.goods-func-slider-btn_next {
left: auto;
right: 0.5em;
}
.goods-func-slider__pag.swiper-pagination-bullets {
width: 100%;
text-align: center;
right: 0;
bottom: 0.8em;
}
.goods-base-text__cost-title {
width: 71%;
}
.goods-base-text__cost-num {
width: 29%;
}
.contact ~ .goods-form,
.contact ~ .service-feedback {
margin-top: 2em;
}
.service-faq-main__title-txt-404-403 {
font-size: 25em;
}
}
@media screen and (max-width: 481px) {
/* Footer */
.footer {
padding: 3.2em 0 2.6em;
}
.footer__right {
padding-top: 1em;
}
.footer__right-left {
float: none;
max-width: 100%;
width: 100%;
}
.footer__right-right {
float: none;
max-width: 100%;
text-align: left;
}
.footer-contact{
display: block;
max-width: 100%;
}
.footer-contact-soc {
display: block;
}
.footer-contact-soc__title {
display: inline-block;
vertical-align: middle;
margin-right: 2em;
padding-top: 0.9em
}
.footer-contact-soc__list {
display: inline-block;
vertical-align: middle;
}
/* footer */
/* Contact */
.contact-in {
margin-bottom: 4.5em;
}
.contact-in-item {
margin-bottom: 1.8em;
}
.contact-in-item_small {
max-width: 100%;
}
.contact-in-item.grid__el {
float: none;
width: 100%;
}
/* contact */
.service-faq-main__title-txt-404-403 {
font-size: 20em;
}
}
@media screen and (max-width: 420px) {
.service-catalog-el {
max-width: 18em;
width: 50%;
margin-right: 0;
padding-right: 2em;
}
.service-catalog-el__img-cont {
max-height: 25.5em;
}
.service-catalog-el__img-size {
display: block;
padding-bottom: 150%;
}
.service-center-item__list .grid__el {
width: 100%;
}
.goods-acce-el__title-txt {
font-size: 1.6em;
}
.goods-acce-buy-el {
padding-top: 3.8em;
padding-right: 2em;
padding-left: 2em;
}
.service-faq-main__title-txt-404-403 {
font-size: 18em;
}
}
@media screen and (max-width: 399px) {
.goods-base-text__cost {
padding-right: 1.5em;
padding-left: 1.5em;
}
.goods-base-text__cost-list {
margin: 0 -1.5em;
}
.goods-base-text__cost-title {
padding-left: 1.5em;
}
}
.goods-c {
padding: 13em 0 2em;
}
.goods-c__title {
margin-bottom: 3em;
}
.goods-c__title-txt {
font-size: 3.2em;
line-height: 1.25;
}
.goods-c__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
clear: fix;
margin: 0 -2em 0 0;
}
.goods-c-el__cont {
float: left;
width: 25%;
padding: 0 2em 1.5em 0;
}
.goods-c-el__cont-in {
position: relative;
}
.goods-c-el__cont-in:hover .goods-c-el__drop {
pointer-events: all;
opacity: 1;
z-index: 10;
}
.goods-c-el {
display: block;
cursor: pointer;
overflow: hidden;
}
.goods-c-el__img-cont {
display: block;
width: 100%;
max-height: 20em;
margin-bottom: 1em;
overflow: hidden;
position: relative;
border: 1px solid #f3f3f3;
-webkit-transition: border-color 0.25s;
-o-transition: border-color 0.25s;
transition: border-color 0.25s;
}
.goods-c-el__img-cont::after {
content: "";
display: block;
padding-bottom: 65%;
}
.goods-c-el__img {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.goods-c-el__title {
display: block;
height: 3.3em;
overflow: hidden;
text-align: center;
}
.goods-c-el__title-txt {
font-size: 1.3em;
line-height: 1.3;
font-weight: 600;
}
.goods-c-el__drop {
position: absolute;
right: -3em;
left: -3em;
background: #fff;
padding: 1em 1em 0.8em;
text-align: center;
/*margin-top: -2.7em;*/
margin-top: -4em;
-webkit-box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.16);
opacity: 0;
z-index: -1;
pointer-events: none;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.goods-c-el__drop:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px;
border-color: transparent transparent #fff;
position: absolute;
top: -15px;
left: -15px;
margin-left: 50%;
z-index: 200;
}
.goods-c-el__drop-btn {
display: block;
margin-top: 1em;
}
.goods-c-el__drop .goods-c-el__title {
height: auto;
max-height: 3.5em;
}
.goods-c-el__drop .goods-c-el__title-txt {
font-size: 1.5em;
}
.goods-c-el__drop .goods-c-el__img-cont {
border: 0 none;
max-height: 26em;
}
.goods-c-el.active .goods-c-el__in,
.goods-c-el:hover .goods-c-el__in {
border-color: red;
}
@media (max-width: 767px){
.goods-c {
padding-top: 5em;
}
.goods-c__title-txt {
font-size: 2.8em;
}
.goods-c-el__cont {
width: 33.333%;
padding-right: 1.5em;
}
}
@media (max-width: 599px){
.goods-c-el__cont {
width: 50%;
}
}
.g-btn_blue, .button-form_blue {
color: #fff;
border-color: #077fcc;
background: #2888C5;
}
.g-btn_blue:hover, .button-form_blue:hover {
border-color: #077fcc;
background: #077fcc;
}
.g-btn_wide, .button-form_wide {
width: 100%;
}
.g-btn_ttu, .button-form_ttu {
text-transform: uppercase;
}
.button-form_blue .button-form__txt {
font-size: 1.4em;
}
.fb-title {
text-align: center;
}
.fb-title .g-btn {
height: 40px;
margin-left: 20px;
}
.fb-title .g-btn__txt {
font-size: 12px;
}
.goods-form {
margin-bottom: 9em;
padding-top: 6em;
margin-top: -6em;
}
.goods-form-text {
margin-bottom: 4.5em;
}
.goods-form-text-text__title-txt {
}
.goods-form-text__desc {
margin-top: 1.6em;
}
.goods-form .g-form-grid__el .textarea__field {
height: 251px;
height: 25.1rem;
}
@media (max-width: 767px){
.goods-form .g-form-grid__el .textarea__field {
height: 180px;
height: 18rem;
}
}
.g-form-grid {
margin: 0 -2em;
}
.g-form-grid__el {
float: left;
padding: 0 2em;
width: 50%;
}
.g-form-grid__el_sm {
width: 45%;
max-width: 45.2em;
}
.g-form-grid__el_big {
width: 55%;
max-width: 57em;
}
.g-form-v2 .g-form-item__name {
float: none;
width: auto;
padding: 0;
margin-bottom: 0.7em;
}
.g-form-v2 .g-form-item__name:after {
display: none;
}
.g-form-v2 .g-form-item__field {
overflow: visible;
}
.g-form-v2 .g-form-captcha,
.g-form-v2 .g-form-btn {
margin-left: 0;
}
@media (max-width: 767px){
.g-form-grid {
margin: 0;
}
.g-form-grid__el {
float: none;
padding: 0;
width: 100%;
}
.g-form-grid__el_sm {
width: 100%;
}
.g-form-grid__el_big {
width: 100%;
}
.g-form-v2 .g-form-captcha,
.g-form-v2 .g-form-btn {
text-align: left;
}
}
@media (max-width: 480px){
.g-form-v2 .g-form-btn {
text-align: center;
}
}
.editor_mid {
font-size: 1.8em;
line-height: 1.3;
}
.editor_v2 {
font-size: 1.6em;
line-height: 1.5;
}
.g-btn_h_mid {
height: 5.5em;
}
.goods-base-text__form {
margin-bottom: 3em;
padding: 2em 2em 1.2em;
background: #F7F7F7;
border: 2px solid rgba(0,0,0, 0.2);
}
.goods-base-text__form-desc {
margin-bottom: 2.5em;
}
.goods-base-text__form-btn {
margin: 0 -1.5em;
}
.goods-base-text__form-btn-el {
width: 50%;
float: left;
padding: 0 1.5em 1.5em;
}
.goods-base-text__form-btn-el .g-btn {
padding-right: 0.9em;
padding-left: 1em;
}
@media (max-width: 1100px){
.goods-base-text__form-btn {
margin: 0 -1em;
}
.goods-base-text__form-btn-el {
padding-right: 1em;
padding-left: 1em;
}
}
@media (max-width: 1000px){
.goods-base-text__form-btn-el {
width: 100%;
}
}
.where-page {
margin-top: 50px;
}
.where-filter {
margin-bottom: 1em;
}
.where-filter__select {
margin: 0 2em 2em 0;
}
.where-map {
height: 45em;
margin-bottom: 5em;
}
.where-map-info {
padding: 3px 0 0 7px;
}
.where-map-info__title {
font-size: 15px;
line-height: 1.4;
margin-bottom: 5px;
font-weight: 500;
}
.where-map-info__txt {
font-size: 13px;
line-height: 1.4;
margin-bottom: 5px;
}
.where-map-info__txt a:not([href ^= "tel"]) {
color: #0073b9;
text-decoration: underline;
}
.where-map-info__txt a:not([href ^= "tel"]):hover {
text-decoration: none;
}
.where__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -4.4em;
}
.where-item {
width: 50%;
padding-left: 4.4em;
margin-bottom: 4.2em;
}
.where-item__in {
position: relative;
padding-left: 5em;
}
.where-item__num {
font-size: 1.4em;
text-align: center;
position: absolute;
top: 4px;
top: 0.4rem;
left: 0;
display: inline-block;
overflow: hidden;
line-height: 32px;
line-height: 3.2rem;
min-width: 30px;
min-width: 3rem;
height: 30px;
height: 3rem;
padding: 0 3px;
padding: 0 0.3rem;
border-radius: 15px;
border-radius: 1.5rem;
background: #0076FF;
color: #fff;
}
.where-item__tomap {
margin-top: -0.5em;
height: 3em;
text-decoration: underline;
}
.where-item__tomap-txt {
font-size: 1.2em;
line-height: 1;
letter-spacing: normal;
}
.where-item__tomap:hover {
text-decoration: none;
}
.where-item.is-disable {
display: none;
}
@media all and (max-width: 1150px){
.where-page {
margin-top: 40px;
}
}
@media all and (max-width: 599px){
.where-page {
margin-top: 35px;
}
.where-item {
width: 100%;
}
}
select {
font-size: 1.3em;
line-height: 1.3;
min-width: 16rem;
min-height: 40px;
min-height: 4rem;
text-indent: 10px;
background: #fff;
padding-top: 1rem;
padding-bottom: 1rem;
border: 1px solid #e1e1e1;
border-radius: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border 0.25s;
-o-transition: border 0.25s;
transition: border 0.25s;
}
select:hover {
border-color: #0076FF;
}
select ~ .g-select__ico {
fill: #6b6b6b;
}
select:hover ~ .g-select__ico {
fill: #0076FF;
}
select::-ms-expand {
/* для IE */
display: none;
}
.g-select {
display: block;
min-height: 40px;
min-height: 4rem;
text-indent: 0;
padding-right: 25px;
padding-right: 2.5rem;
padding-left: 15px;
padding-left: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
white-space: normal;
fill: #6b6b6b;
}
.g-select_center {
text-align: center;
-moz-text-align-last: center;
text-align-last: center;
}
.g-select_wide {
width: 100%;
max-width: 100%;
}
.g-select_brd_off {
border: 0 none;
}
.g-select_brd_off ~ .g-select__ico {
fill: #e1e1e1;
}
.g-select_fs_big {
font-size: 1.7em;
font-weight: 500;
}
.g-select_sm {
min-height: 4rem;
}
.g-select[disabled] ~ .g-select__ico {
fill: #a9adb3;
}
.g-select__ico {
width: 0.95em;
height: 0.55em;
fill: #e1e1e1;
pointer-events: none;
position: absolute;
top: 0;
right: 1.6em;
bottom: 0;
margin: auto;
z-index: 2;
}
.g-select__title {
margin-bottom: 1.5em;
}
.g-select__title-txt {
font-size: 1.4em;
line-height: 1.2;
}
.g-select__cont {
display: inline-block;
margin-bottom: 2em;
}
.g-select__cont .g-select.error {
border-color: #ff3e66;
}
.g-select__cont_wide {
display: block;
}
.g-select__cont_wide .g-select {
min-width: 100%;
}
.g-select__cont_w_24 {
width: 24em;
}
.g-select__cont_w_24 .g-select {
min-width: 100%;
}
.g-select__in {
position: relative;
}
.g-select__in:after {
content: "";
display: block;
width: 2.5rem;
background: #fff;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
border-radius: 0.3em;
z-index: 1;
pointer-events: none;
}
/*! News card */
.g-news-el {
max-width: 58em;
height: 37.8em;
overflow: hidden;
position: relative;
margin-bottom: 5em;
background: #fff;
border-bottom: 1px solid #E5E5E5;
-webkit-transition: border 0.25s ease-in-out;
-o-transition: border 0.25s ease-in-out;
transition: border 0.25s ease-in-out;
}
.g-news-el-img {
display: block;
height: 28em;
margin-bottom: 0.9em;
position: relative;
border-radius: 0.3em 0.3em 0 0;
overflow: hidden;
}
.g-news-el-img__in {
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.g-news-el-img:hover .g-news-el-img__in {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.g-news-el__text {
padding: 0 2em 0;
}
.g-news-el__text-wrap {
max-height: 9.3em;
overflow: hidden;
}
.g-news-el__text-top {
margin-bottom: 0.4em;
}
.g-news-el__text-top:after {
content:"";
display: block;
clear: both;
margin: 0;
padding: 0;
}
.g-news-el-date {
padding: 0.2em 0;
}
.g-news-el-date__txt {
white-space: nowrap;
font-size: 1.1em;
font-weight: 600;
line-height: 1.1;
}
.g-news-el-title {
display: block;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
-o-text-overflow:-o-ellipsis-lastline;
text-overflow:-o-ellipsis-lastline;
-webkit-transition:color 0.25s ease;
-o-transition:color 0.25s ease;
transition:color 0.25s ease;
max-height:100%;
overflow:hidden;
}
.g-news-el-title__txt {
@extend %ff_din;
font-size: 1.4em;
font-weight: 700;
line-height: 1.45;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
.g-news-el-title:hover {
color: blue;
}
.g-news-el:hover {
border-color: blue;
}
@media screen and (max-width: 767px) {
.g-news-el {
margin-bottom: 4em;
}
}
@media screen and (max-width: 599px) {
.g-news-el {
height: 33.8em;
}
.g-news-el-img {
height: 24em;
}
.g-news-el__text {
padding-right: 1em;
padding-left: 1em;
}
}
.news__list {
clear: fix;
}
@media screen and (max-width: 767px) {
.news__list .grid_x2 .grid__el {
width: 100%;
}
}
/*! news card */
/*! Inner page */
.g-inner-page__heading {
padding-top: 5.6em;
margin-bottom: 2em;
}
.g-inner-page__heading-txt {
line-height: 1.2;
}
.g-inner-page__heading_bc_off {
padding-top: 8em;
}
.g-inner-page__content {
padding-top: 2.5em;
margin-bottom: 10em;
}
.g-inner-page__heading-img {
min-height: 54em;
padding: 1.7em 3.5em 11em;
margin: 0.5em -3em 2.2em;
position: relative;
z-index: 1;
color: #FFF;
}
.g-inner-page-poster {
z-index: -1;
}
.g-inner-page-poster__bg {
z-index: 1;
}
.g-inner-page-poster__cover {
background: #000;
opacity: 0.5;
z-index: 2;
}
.g-inner-page-back {
padding-top: 1.2em;
}
.g-inner-page-back-in {
display: inline-block;
height: 4em;
padding-left: 2em;
position: relative;
color: white;
fill: currentColor;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.g-inner-page-back-in__ico {
width: 0.6em;
height: 0.9em;
}
.g-inner-page-back-in:hover {
color: #0076FF;
}
.g-inner-page-back-in:hover .g-inner-page-back-in__ico {
-webkit-animation: right_left 0.6s infinite linear;
animation: right_left 0.6s infinite linear;
}
.g-inner-page-back-in__txt {
font-size: 1.3em;
white-space: nowrap;
}
.g-inner-page__title {
padding-top: 1.2em;
margin-bottom: 2em;
}
.g-inner-page__title-txt {
line-height: 1.2;
}
.g-inner-page-data {
right: auto;
left: 2.3em;
bottom: 2.8em;
}
.g-inner-page-data-item {
float: left;
margin-left: 1.2em;
margin-right: 5em;
margin-bottom: 1.5em;
}
.g-inner-page-data-item__title {
font-size: 1.3em;
line-height: 1.55;
font-weight: 600;
}
.g-inner-page-data-item__txt {
font-size: 1.3em;
line-height: 1.55;
}
.g-inner-page-data-item__txt-link {
margin-right: 1rem;
color: white;
}
.g-inner-page-data-item__txt-link:hover {
color: #0076FF;
text-decoration: underline;
}
@media screen and (max-width: 599px) {
.g-inner-page__heading-img {
min-height: 40em;
margin-bottom: 1.2em;
}
}
/*! inner page */
/* Menu */
.menu {
display: none;
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100vh;
z-index: 999;
background: #FFF;
pointer-events: none;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
-o-transition: transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
}
.open-menu .menu {
pointer-events: auto;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.menu-wrap {
height: 100%;
padding-top: 7.1em;
-ms-overflow-y: auto;
overflow-y: auto;
}
.menu-site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1em;
}
.menu-site__link {
display: inline-block;
padding: 0 1em;
height: 4.9em;
}
.menu-site__link-txt {
font-size: 1.4em;
font-weight: bold;
white-space: nowrap;
border-bottom: 1px solid;
}
.menu__list {
padding-top: 1px;
}
.menu-item {
border: 1px solid #D8D8D8;
border-width: 1px 0;
margin-top: -1px;
}
.menu-item-title {
height: 4.8em;
position: relative;
padding-right: 5.6em;
}
.menu-item-title__link {
display: block;
height: 100%;
padding: 0 2em;
}
.menu-item-title__link-txt {
font-size: 1.4em;
font-weight: bold;
}
.menu-item-title__link.active .menu-item-title__link-txt{
text-decoration: underline;
}
.menu-item-title__btn {
width: 4.6em;
height: 100%;
z-index: 1;
}
.menu-item-title__btn-ico {
width: 1em;
height: 0.6em;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.menu-item-title__btn[aria-expanded *= "true"] + .diz_bg {
background: #F4F4F4;
}
.menu-item-title__btn[aria-expanded *= "true"] .menu-item-title__btn-ico {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.menu-item-title .diz_bg {
-webkit-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
z-index: -1;
}
.menu-item-title.active {
background: #F4F4F4;
}
.menu-item-title_drop-off {
padding-right: 0;
}
.menu-item-list__in {
border-top: 1px solid #D8D8D8;
padding: 0.9em 0 1.1em;
}
.menu-item-list__el {
display: block;
padding: 0.65em 2em;
}
.menu-item-list__el-txt {
display: block;
font-size: 1.4em;
}
.menu-item-list__el.active {
text-decoration: underline;
font-weight: bold;
}
.menu-contact {
padding: 2.4em 2em 0;
}
.menu-contact__item {
padding: 0.6em 0;
margin-bottom: 0.1em;
}
.menu-contact__item-txt {
font-size: 1.4em;
font-weight: 600;
}
.menu-contact__item a {
padding: 0.6rem 0;
color: blue;
text-decoration: underline;
}
.menu-contact__item a[href^="tel"] {
color: #111;
text-decoration: none;
}
.menu-soc {
padding: 0.7em 0;
}
.menu-soc__item {
float: left;
height: 4em;
min-width: 4em;
padding: 0 2em;
margin-right: 1em;
margin-bottom: 0.1em;
}
.menu-soc__item-ico_vk {
width: 2.5em;
height: 1.4em;
}
.menu-soc__item-ico_f {
width: 1.4em;
height: 2.3em;
}
.menu-soc__item-ico_tw {
width: 2.5em;
height: 2.4em;
}
@media screen and (max-width: 1100px){
.menu {
display: block;
}
}
@media (max-width: 767px){
.menu-wrap {
padding-top: 4.6em;
}
}
/* menu */
/*! Pagination */
.g-pag {
margin: 3em 0 5em;
}
.g-pag__in:after,
.g-pag__list:after {
content: "";
display: block;
clear: both;
}
.g-pag__list {
float: left;
margin-right: -1em;
}
.g-pag__link,
.g-pag__current,
.g-pag__split,
.g-pag__prev,
.g-pag__next {
float: left;
height: 3em;
min-width: 3em;
margin-right: 1em;
padding: 0 0.3em 0 0.5em;
background: #FFF;
border-radius: 0.3em;
text-align: center;
color: grey;
fill: grey;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.g-pag__link:hover, .g-pag__current:hover, .g-pag__split:hover, .g-pag__prev:hover, .g-pag__next:hover {
fill: #0076FF;
}
.g-pag__link:hover {
background: #e5e5e5;
}
.g-pag__current {
background: #0076FF;
color: #fff;
}
.g-pag__current:hover {
color: #fff;
}
.g-pag__split {
background: #fff;
}
.g-pag__split:hover {
color: #111;
}
.g-pag__next {
border-radius: 0;
padding-right: 2em;
margin-right: 0;
margin-left: 1em;
position: relative;
}
.g-pag__next-ico {
size: 0.8em 1.2em;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.g-pag__next:hover {
fill: $red;
}
.g-pag__next:hover .g-pag__next-ico {
-webkit-animation: right_left 0.6s infinite linear;
animation: right_left 0.6s infinite linear;
}
.g-pag__txt {
font-size: 1.5em;
white-space: nowrap;
}
.g-pag-amount {
float: right;
padding-top: 1em;
}
.g-pag-amount__txt {
font-size: 1.5em;
white-space: nowrap;
}
/*Уведомление*/
@media (max-width: 1000px) {
.g-notice {
padding-left: 10em;
}
.g-notice__ico {
left: 1.2em;
}
}
@media (max-width: 599px) {
.g-notice {
min-height: 7em;
padding: 1.5em 1.5em 1.1em 9em;
margin-bottom: 1.5em;
}
.g-notice__ico {
left: 1.2em;
max-width: 5.2em;
}
}
@media (max-width: 480px) {
.g-notice {
padding-left: 6em;
margin-bottom: 1em;
}
.g-notice__ico {
left: 0.2em;
max-width: 5em;
}
.g-notice.header-notice {
padding: 0;
}
.header-notice__in {
padding-left: 6em;
}
}
@media screen and (max-width: 599px) {
.g-pag {
margin-top: 1em;
}
.g-pag__list {
float: left;
margin-right: -0.5em;
}
.g-pag__link,
.g-pag__current,
.g-pag__split {
margin-right: 0.5em;
}
.g-pag__next {
margin-left: 1em;
}
.g-pag__next-ico {
left: 0;
}
.g-pag__next .g-pag__txt {
display: none;
}
}
@media screen and (max-width: 400px) {
.g-pag__next {
display: none;
}
}
@media screen and (max-width: 360px) {
.g-pag__list {
float: left;
margin-right: -0.3em;
}
.g-pag__link,
.g-pag__current,
.g-pag__split {
margin-right: 0.3em;
}
.g-pag__split {
min-width: 2rem;
}
}
@-webkit-keyframes right_left {
0% { -webkit-transform: translateX(0%); transform: translateX(0%) }
30% { -webkit-transform: translateX(25%); transform: translateX(25%) }
70% { -webkit-transform: translateX(-25%); transform: translateX(-25%) }
100% { -webkit-transform: translateX(0%); transform: translateX(0%) }
}
@keyframes right_left {
0% { -webkit-transform: translateX(0%); transform: translateX(0%) }
30% { -webkit-transform: translateX(25%); transform: translateX(25%) }
70% { -webkit-transform: translateX(-25%); transform: translateX(-25%) }
100% { -webkit-transform: translateX(0%); transform: translateX(0%) }
}
/*! pager */