@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
overflow-y: scroll;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 2px 0 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.white-btn {
color: #202e42;
background: #ffffff;
border: solid 1px #dbe3f2;
}
.white-btn:hover {
background-color: #F5F7FD;
}
.btn-simple-big {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
text-align: center;
padding: 25px 32px;
border: 1px solid #e6eced;
border-radius: 3px;
cursor: pointer;
transition: 0.38s;
display: inline-block;
background-color: #fff;
}
.btn-simple-big.image {
padding: 18px;
}
.btn-simple-big.image svg {
width: 24px;
height: 24px;
}
.btn-simple-big:hover {
background-color: #f5f7fe;
}
.btn-simple {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 0.5;
text-align: center;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border-radius: 2px;
padding: 16px 21px;
cursor: pointer;
transition: 0.15s;
}
.btn-submit-small {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 8px;
padding: 21px 24px;
border-radius: 3px;
border: 1px solid #dbe3f2;
display: inline-block;
cursor: pointer;
}
.submit-btn {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
color: #ffffff;
padding: 25px 32px;
border-radius: 3px;
display: inline-block;
border: 0;
cursor: pointer;
}
.submit-btn span {
color: rgba(255, 255, 255, 0.5);
}
.submit-btn.white-btn {
color: #202e42;
}
.submit-btn.white-btn:hover {
background-color: #edeff7;
}
.orange-btn {
background-color: #FA9552;
border: 1px solid #FA9552;
color: #ffffff;
transition: .28s ease-in;
}
.orange-btn:hover {
background-color: #ff9e5f;
}
.play-btn {
cursor: pointer;
display: inline-block;
background-color: #fa9552;
transition: 0.38s;
border-radius: 2px;
}
.play-btn.white {
background-color: #fff;
border: 1px solid #dbe3f2;
box-sizing: border-box;
}
.play-btn.white .name {
color: #202e42;
border-color: #dbe3f2;
}
.play-btn.white .play svg {
fill: #202e42;
}
.play-btn.rotate {
transform: rotate(-90deg) translate(8.8%, -101%);
transform-origin: center;
}
.play-btn.rotate .name {
font-size: 14px;
line-height: 8px;
font-family: 'Open Sans', sans-serif;
padding: 25px 24px;
z-index: 100;
position: relative;
letter-spacing: 0;
}
.play-btn.rotate .play {
width: 50px;
height: 50px;
}
.play-btn.rotate .play svg {
padding: 15px;
transform: rotate(90deg);
fill: #fff;
}
.play-btn:hover {
background-color: #ff9e5f;
}
.play-btn:hover.white {
border: 1px solid #FA9553;
background-color: #FA9553;
}
.play-btn:hover.white svg {
fill: #fff;
}
.play-btn .play {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
overflow: hidden;
}
.play-btn .play svg {
border-radius: 2px;
width: 24px;
height: 24px;
padding: 18px;
transition: 0.5s;
fill: #fff;
}
.play-btn .name {
border-radius: 2px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
color: #ffffff;
display: inline-block;
vertical-align: top;
padding: 25px 32px;
margin-left: -5px;
transition: 0.5s;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.select-group {
position: relative;
display: inline-block;
}
.select-group.auto .select {
height: auto;
}
.select-group.full .select {
background-color: #fff;
border-color: #dbe1f2;
}
.select-group.full .select label {
display: none;
}
.select-group.full .select .title {
color: #202e42;
}
.select-group .select {
background-color: #F1F3FB;
padding: 12px 15px 12px 19px;
border-radius: 3px;
border: 2px solid #F1F3FB;
box-sizing: border-box;
cursor: pointer;
position: relative;
height: 64px;
}
.select-group .select.full {
background-color: #fff;
border-color: #dbe1f2;
}
.select-group .select.full label {
display: none;
}
.select-group .select.full .title {
color: #202e42;
}
.select-group .select label {
top: 25px;
}
.select-group .select.required:after {
content: '';
display: block;
width: 6px;
height: 6px;
background-color: #c8d4ea;
position: absolute;
right: 12px;
top: 12px;
border-radius: 100% 100%;
}
.select-group .select.success {
border: 2px solid #6cc872 !important;
}
.select-group .select.success:after {
background-color: #6cc872;
}
.select-group .select.has-error {
border: 2px solid #ff6550 !important;
}
.select-group .select.has-error:after {
background-color: #ff6550;
}
.select-group .select.open {
background-color: #fff;
border-color: #dbe1f2;
}
.select-group .select.open svg {
transform: rotate(180deg);
transform-origin: center center;
}
.select-group .select.required:before {
display: block;
content: '';
border-radius: 100% 100%;
position: absolute;
top: 12px;
right: 12px;
width: 6px;
height: 6px;
background-color: #c8d4ea;
}
.select-group .select .title, .select-group .select svg {
display: inline-block;
vertical-align: middle;
}
.select-group .select .title {
font-size: 15px;
line-height: 8px;
color: rgba(32, 46, 66, 0.7);
float: left;
margin: 0;
padding: 0;
border: none;
height: auto;
background-color: transparent;
}
.select-group .select svg {
width: 24px;
height: 24px;
float: right;
}
.select-group .scrollable .list {
max-height: 182px;
overflow: hidden;
height: auto;
position: absolute;
left: 0;
top: 106%;
width: 100%;
z-index: 10;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #dbe1f2;
border-radius: 2px;
display: none;
}
.select-group .scrollable .list li {
font-size: 15px;
line-height: 22px;
color: #202e42;
width: 100%;
border-bottom: 1px solid #F1F3FB;
cursor: pointer;
transition: 0.5s;
position: relative;
}
.select-group .scrollable .list li a {
width: 100%;
height: 100%;
display: block;
padding: 16px 19px 19px 19px;
box-sizing: border-box;
}
.select-group .scrollable .list li:hover {
background-color: #F5F7FD;
}
.select-group .scrollable .list li:last-child {
border-bottom: 0;
}
.mCSB_inside > .mCSB_container {
margin: 0 !important;
}
.mCSB_draggerRail {
opacity: 0 !important;
}
.mCSB_dragger_bar {
height: 110px !important;
width: 6px !important;
background-color: #9aaac8 !important;
}
.mCSB_scrollTools .mCSB_dragger {
height: 110px !important;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute !important;
top: 50% !important;
left: 0;
bottom: 0;
right: 0;
height: 83% !important;
transform: translateY(-50%) !important;
}
.btn-red {
background-color: #ff6550;
color: #fff;
}
.btn-transparent {
background-color: transparent;
border: 1px solid #dbe3f2;
color: #202e42;
}
.windows .btn-list .btn-tab h5 {
margin: 0;
}
.windows .btn-list .btn-tab .count {
padding: 8px;
}
.btn-list .btn-tab {
display: inline-block;
margin: 0 4px 0 0;
padding: 13px 16px 13px 24px;
width: 124px;
background-color: #F1F3FB;
border-radius: 3px;
cursor: pointer;
box-sizing: border-box;
}
.btn-list .btn-tab h5 {
margin: 3px 0 0 0;
float: left;
}
.btn-list .btn-tab.empty .lock-table {
position: absolute;
padding: 8px 16px;
border-radius: 3px;
background-color: #fff;
box-sizing: border-box;
border: 1px solid #dbe1f2;
box-shadow: rgba(96, 104, 128, 0.3);
white-space: nowrap;
}
.btn-list .btn-tab.active {
transition: 0.38s;
}
.btn-list .btn-tab.active:hover {
background-color: #f5f7fe;
}
.btn-list .btn-tab.active .count {
background-color: #FA9552;
}
.btn-list .btn-tab .count {
float: right;
font-size: 14px;
line-height: 10px;
letter-spacing: 0.1px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
background-color: #9aaac8;
color: #ffffff;
padding: 10px 8px 6px 8px;
border-radius: 2px;
}
.btn-list .btn-tab:last-child {
margin-right: 0;
}
.btn-multi {
position: relative;
}
.btn-multi.btn-multi-group .action-status {
background-color: #fff;
}
.btn-multi.btn-multi-group .action-status svg {
position: static;
transform: none;
}
.btn-multi.btn-multi-group .accept-status svg {
fill: #6cc872;
}
.btn-multi.btn-multi-group .error-status {
padding: 0;
}
.btn-multi.btn-multi-group .error-status svg {
fill: #ff6550;
}
.btn-multi.btn-multi-group .load-status .btn.image {
height: 100%;
box-sizing: border-box;
padding: 16px 17px 0 17px;
}
.btn-multi.btn-multi-group .load-status .loader-container {
position: static;
transform: none;
}
.btn-multi.btn-multi-group .load-status .loader-container .loader-circle {
border-bottom: 2px solid #dbe3f2;
border-left: 2px solid #dbe3f2;
border-top: 2px solid #7a8aa7;
border-right: 2px solid #7a8aa7;
width: 14px;
height: 14px;
}
.btn-multi .action-status {
width: 100%;
height: 100%;
position: absolute;
border-radius: 3px;
text-align: center;
box-sizing: border-box;
color: #fff;
display: none;
white-space: nowrap;
background-color: #fa9552;
}
.btn-multi .default-status {
display: block;
color: #fff;
}
.btn-multi .accept-status {
background-color: #6cc872;
z-index: 10;
}
.btn-multi .accept-status svg {
width: 24px;
height: 24px;
fill: #fff;
}
.btn-multi .error-status {
background-color: #ff6550;
padding: 25px 0;
z-index: 10;
}
.btn-multi .load-status .loader-container {
width: 22px;
height: 22px;
z-index: 5;
}
.btn-multi .load-status .loader-container .loader-circle {
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
border-left: 2px solid rgba(255, 255, 255, 0.3);
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.btn-group {
display: inline-block;
}
.btn-group.orange .btn {
background-color: #FA9552;
border-color: #FA9552;
color: #ffffff;
transition: .28s ease-in;
}
.btn-group.orange .btn:hover {
background-color: #ff9e5f;
}
.btn-group.btn-switch:hover .btn {
background-color: #F5F7FD;
}
.btn-group .btn {
color: #202e42;
background-color: #ffffff;
border-right: 1px solid #dbe3f2;
border-top: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
padding: 20px 24px;
cursor: pointer;
float: left;
transition: 0.24s ease-in;
}
.btn-group .btn.slide-count {
width: 50px;
height: 50px;
box-sizing: border-box;
padding: 20px 0 14px 0;
position: relative;
}
.btn-group .btn.slide-count .current {
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
line-height: 14px;
letter-spacing: 0.2px;
color: #202e42;
padding-left: 17px;
}
.btn-group .btn.slide-count .amount {
font-size: 12px;
line-height: 12px;
color: rgba(32, 46, 66, 0.7);
position: absolute;
left: 30px;
top: 12px;
}
.btn-group .btn.image {
padding: 12px;
}
.btn-group .btn.image.green svg {
fill: #6cc872;
stroke: #6cc872;
}
.btn-group .btn img, .btn-group .btn svg {
width: 24px;
height: 24px;
}
.btn-group .btn.empty-table:hover {
background-color: #ffffff !important;
color: #c8d4ea !important;
border-color: #dbe3f2 !important;
}
.btn-group .btn.empty-table .tab svg {
stroke: #c8d4ea !important;
fill: #c8d4ea !important;
}
.btn-group .btn:first-child {
border-left: 1px solid #dbe3f2;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.btn-group .btn:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.btn-group .btn.active {
background-color: #F1F3FB;
border-color: #F1F3FB;
cursor: default;
}
.btn-group .btn:hover {
background-color: #F5F7FD;
}
.btn-group .btn.blue-dark {
background-color: #212e42;
border-color: #212e42;
color: #fff;
}
.btn-group .btn.blue-dark:hover {
background-color: #FA9552;
border-color: #FA9552;
color: #ffffff;
}
.btn-group .btn.orange {
color: #ffffff;
background-color: #FA9552;
border-color: #FA9552;
}
.btn-group .btn.orange:hover {
background-color: #ff9e5f;
border-color: #ff9e5f;
}
.btn-group .btn.orange-inverse {
background-color: #FFF;
border: 1px solid #FA9552;
color: #FA9552;
transition: .28s ease-in;
}
.btn-group .btn.orange-inverse:hover {
background-color: #ff9e5f;
color: #fff;
}
.btn-group .btn.price-tab {
color: #ffffff;
background-color: #FA9552;
border-color: #FA9552;
font-weight: 400;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
font-family: 'Roboto Condensed', sans-serif;
padding: 19px 24px;
}
.btn-group .btn.price-tab:hover {
background-color: #ff9e5f;
border-color: #ff9e5f;
}
.btn-group .btn.no-hover {
cursor: default;
}
.btn-group .btn.no-hover:hover {
border-color: #dbe3f2 !important;
background-color: #ffffff !important;
}
@font-face {
font-family: 'Ruble';
src: url("/assets/public/font/ruble-light.otf");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ruble';
src: url("/assets/public/font/ruble-regular.otf");
font-weight: 400;
font-style: normal;
font-display: swap;
}
h1, h2, h3, h4, h5, .text-h {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
margin: 0;
}
h1, .text-h1 {
font-size: 56px;
line-height: 60px;
margin: 0;
}
h2, .text-h2 {
font-size: 46px;
line-height: 50px;
white-space: nowrap;
}
h3, .text-h3 {
font-size: 36px;
line-height: 42px;
}
h4, .text-h4 {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.2px;
}
h5, .text-h5 {
font-size: 20px;
line-height: 22px;
letter-spacing: 0.2px;
}
.link {
border-bottom: 1px solid rgba(154, 170, 200, 0.3);
color: #688dcf !important;
cursor: pointer;
transition: 0.5s;
display: inline-block;
}
.link:hover {
color: #FA9552 !important;
border-bottom: 1px solid rgba(242, 138, 70, 0.3);
}
.link.orange {
color: #f38a46 !important;
border-color: #f38a46;
}
.link.orange:hover {
color: rgba(242, 138, 70, 0.3) !important;
border-color: rgba(242, 138, 70, 0.3);
}
.link-red {
color: #ff6550 !important;
border-bottom: 1px dashed #ff6550;
transition: 0.38s;
cursor: pointer;
}
.link-red:hover {
color: #f38a46 !important;
border-color: #f38a46;
}
.text-subheader {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 22px;
}
.text-simple {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
}
.text-button-small, .btn-group .btn {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 8px;
}
.text-caption {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 22px;
}
.text-table {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 18px;
}
.text-small {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 18px;
}
.light {
color: #ffffff;
}
.dark {
color: #202e42;
}
.text-red {
color: #ff6550;
}
.white {
color: #ffffff;
}
.text-grey {
color: rgba(32, 46, 66, 0.7);
}
.text-white-half {
color: rgba(255, 255, 255, 0.5);
}
.text-white {
color: #fff;
}
.ruble-regular {
font-family: 'Ruble';
font-weight: 400;
}
.error-title {
color: #ff6550;
transition: 0.38s;
cursor: pointer;
display: inline-block;
border-bottom: 1px dashed rgba(255, 101, 80, 0.4);
}
.error-title:hover {
border-bottom: 1px dashed transparent;
}
.ruble-light {
font-family: 'Ruble';
font-weight: 300;
}
.orders .slider .stage {
height: 329px;
margin-top: 48px;
}
.orders .slider .slider-panel .slider-switch {
margin-top: 15px;
}
.orders .order-maze .order-block {
width: 257px;
height: 329px;
border-radius: 3px;
display: inline-block;
vertical-align: top;
background-color: #212e42;
overflow: hidden;
margin-right: 20px;
}
.orders .order-maze .order-block.order-self .body .info.order .description {
height: 128px;
}
.orders .order-maze .order-block:last-child {
margin-right: 0;
}
.orders .order-maze .order-block.now .header {
background-color: #6cc872;
border-bottom: 0;
}
.orders .order-maze .order-block .header {
padding: 13px 0 13px 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
}
.orders .order-maze .order-block .header .text-caption {
color: #ffffff;
}
.orders .order-maze .order-block .body {
padding: 0 34px 24px 24px;
width: 199px;
}
.orders .order-maze .order-block .body .description {
color: #fff;
}
.orders .order-maze .order-block .body .description span, .orders .order-maze .order-block .body .description svg {
display: inline-block;
vertical-align: middle;
}
.orders .order-maze .order-block .body .description svg {
width: 9px;
height: 12px;
margin-right: 2px;
}
.orders .order-maze .order-block .body .info {
margin-top: 24px;
}
.orders .order-maze .order-block .body .info.brand .description, .orders .order-maze .order-block .body .info.city .description {
white-space: nowrap;
width: 97%;
overflow: hidden;
display: block;
}
.orders .order-maze .order-block .body .info .name {
color: rgba(255, 255, 255, 0.6);
}
.orders .order-maze .order-block .body .info.brand .description {
-webkit-text-decoration: underline transparent;
text-decoration: underline transparent;
transition: 0.28s;
font-size: 14px;
color: #fff;
background-color: #f38a46;
border-radius: 3px;
padding: 4px 16px 6px 16px;
display: inline-block;
margin-top: 7px;
width: auto;
}
.orders .order-maze .order-block .body .info.brand .description:hover {
background-color: #ff9e5e;
}
.orders .order-maze .order-block .body .info.order .description {
height: 64px;
overflow: hidden;
}
.orders .order-maze .order-block .body .info.order a {
color: #ffffff;
display: block;
}
.orders .order-maze .order-block .body .info.order a:hover {
-webkit-text-decoration: underline #fff;
text-decoration: underline #fff;
}
.windows .dropdown-toggle:after {
top: 30px;
}
header .left-li span {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 18px;
padding-left: 4px;
color: rgba(255, 255, 255, 0.7);
}
header.header-move {
width: 100%;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(-100%);
z-index: 30;
transition: 0.38s;
background-color: #fff;
height: 106px;
}
header.header-move.open {
height: 136px;
}
header.header-move.show {
transform: translateX(-50%);
}
header.header-move .menu-burger {
height: 46px;
vertical-align: middle;
margin-left: 23px;
}
header.header-move .menu-burger .btn {
padding: 18px 24px;
border-left: 1px solid #dbe3f2;
margin-left: -1px;
}
header.header-move .menu-burger .btn.image {
margin-left: 0;
padding: 0;
width: 46px;
height: 46px;
position: relative;
box-sizing: border-box;
}
header.header-move .menu-burger .btn.image svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
header.header-move .bottom {
display: none;
top: 116%;
}
header.header-move .top .logo, header.header-move .top .btns {
padding-top: 28px;
}
body.windows header .top .lang-list li a {
padding: 14px 39px 19px 15px;
}
body.windows header .top .lang-list .select a.disabled {
padding: 16px 39px 17px 15px;
}
body.windows header .top .select-phones .select .phone {
padding: 10px 48px 0 16px;
}
body.windows header .bottom .public-menu {
padding: 25px 0 0 28px;
}
body.windows header .bottom .public-menu .navbar-nav ul {
padding: 22px 24px 18px 28px;
}
body.windows header .bottom .public-menu .navbar-nav ul li.float-li {
margin-top: -2px !important;
}
header {
z-index: 10;
height: 150px;
box-sizing: border-box;
margin: 0 auto;
position: relative;
}
header .big-container, header .container {
position: relative;
}
header .underline {
content: '';
display: block;
background-color: #dbe3f2;
height: 1px;
width: 100%;
bottom: 0;
z-index: -1;
}
header .top {
height: 88px;
box-sizing: border-box;
}
header .top .lang-list {
display: inline-block;
vertical-align: top;
position: relative;
}
header .top .lang-list a {
transition: 0.38s;
}
header .top .lang-list a:hover {
background-color: #f5f7fe;
}
header .top .lang-list a img {
display: inline-block;
width: 24px;
height: 24px;
position: absolute;
top: 10px;
right: 12px;
}
header .top .lang-list .select {
background-color: #fff;
}
header .top .lang-list .select a {
border: 1px solid #dbe3f2;
border-radius: 2px;
}
header .top .lang-list .select a.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
header .top .lang-list li:last-child a {
border-bottom: none;
}
header .top .lang-list li:last-child a i, header .top .lang-list li:last-child a img {
top: 9px;
}
header .top .lang-list a {
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
line-height: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
position: relative;
padding: 18px 39px 15px 15px;
display: block;
border-bottom: 1px solid #e6eced;
box-sizing: border-box;
width: 79px;
}
header .top .lang-list a .ru, header .top .lang-list a .en, header .top .lang-list a .de, header .top .lang-list a .vn, header .top .lang-list a .it, header .top .lang-list a .pt, header .top .lang-list a .es, header .top .lang-list a .fr, header .top .lang-list a .az, header .top .lang-list a .ua {
width: 24px;
height: 24px;
background-size: cover;
position: absolute;
top: 10px;
right: 12px;
}
header .top .lang-list a .ru {
background: url("/assets/public/images/ru.svg") no-repeat center;
}
header .top .lang-list a .en {
background: url("/assets/public/images/en.svg") no-repeat center;
}
header .top .lang-list a .de {
background: url("/assets/public/images/de.svg") no-repeat center;
}
header .top .lang-list a .vn {
background: url("/assets/public/images/vn.svg") no-repeat center;
}
header .top .lang-list a .it {
background: url("/assets/public/images/it.svg") no-repeat center;
}
header .top .lang-list a .pt {
background: url("/assets/public/images/pt.svg") no-repeat center;
}
header .top .lang-list a .es {
background: url("/assets/public/images/es.svg") no-repeat center;
}
header .top .lang-list a .fr {
background: url("/assets/public/images/fr.svg") no-repeat center;
}
header .top .lang-list a .az {
background: url("/assets/public/images/az.svg") no-repeat center;
}
header .top .lang-list a .ua {
background: url("/assets/public/images/ua.svg") no-repeat center;
}
header .top .lang-list .list {
position: absolute;
background-color: #fff;
z-index: 1000;
border: 1px solid #dbe3f2;
border-top: none;
top: 100%;
left: 0;
max-width: 100%;
box-sizing: border-box;
display: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
header .top .email-block {
display: inline-block;
vertical-align: middle;
margin: 6px 18px 0 0;
}
header .top .email-block .email {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 9px;
letter-spacing: 0.2px;
margin: 0 0 6px 0;
}
header .top .select-phones {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 14px 0 0;
}
header .top .select-phones.open .select {
height: 59px;
border-top: 1px solid #dbe3f2;
border-left: 1px solid #dbe3f2;
border-right: 1px solid #dbe3f2;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
header .top .select-phones.open .select:after {
height: 1px;
}
header .top .select-phones.open .select .phone-city {
opacity: 1;
}
header .top .select-phones.open .select .phone {
padding-top: 29px;
padding-left: 17px;
}
header .top .select-phones.open .select .toggle {
opacity: 0;
}
header .top .select-phones .select {
width: 188px;
height: 46px;
border-top: 2px solid #dbe3f2;
border-left: 2px solid #dbe3f2;
border-right: 2px solid #dbe3f2;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
transition: 0.38s;
background-color: #fff;
}
header .top .select-phones .select .phone-city {
position: absolute;
top: 11px;
left: 17px;
opacity: 0;
transition: 0.38s;
}
header .top .select-phones .select:after {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background-color: #dbe3f2;
transition: 0.38s;
}
header .top .select-phones .select .phone {
padding: 12px 48px 0 16px;
font-weight: 400;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
transition: 0.38s;
white-space: nowrap;
}
header .top .select-phones .select:hover .toggle {
background-color: #f5f7fe;
}
header .top .select-phones .select .toggle {
position: absolute;
width: 34px;
height: 34px;
top: 6px;
right: 6px;
transition: 0.38s;
border-radius: 3px;
}
header .top .select-phones .select .toggle svg {
width: 20px;
height: 20px;
}
header .top .select-phones .list {
border-left: 1px solid #e6eced;
border-right: 1px solid #e6eced;
border-bottom: 1px solid #e6eced;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-sizing: border-box;
background-color: #fff;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
width: 100%;
}
header .top .select-phones .list li {
width: 100%;
padding: 9px 16px 8px 16px;
box-sizing: border-box;
border-bottom: 1px solid #e6eced;
cursor: pointer;
transition: 0.38s;
}
header .top .select-phones .list li:hover {
background-color: #f5f7fe;
}
header .top .select-phones .list li:last-child {
border-bottom: 0;
}
header .top .select-phones .list .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
}
header .top .logo {
float: left;
padding: 40px 0 0 0;
}
header .top .logo img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
height: 46px;
}
header .top .logo .text-small {
display: inline-block;
vertical-align: middle;
}
header .top .btns {
float: right;
padding: 40px 0 0 0;
}
header .top .btns .btn-simple {
font-size: 17px;
line-height: 9px;
letter-spacing: 0.2px;
margin: 0 12px 0 0;
font-weight: 400;
padding: 18px 28px 17px 28px;
}
header .bottom {
height: 62px;
width: 100%;
box-sizing: border-box;
background-color: #F5F7FD;
border-radius: 3px;
top: 133%;
}
header .bottom.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
header .bottom.open .dropdown-toggle {
color: rgba(32, 46, 66, 0.5);
}
header .bottom.open .dropdown-toggle:after {
opacity: 1;
}
header .bottom.open .dropdown-menu {
display: block;
}
header .bottom .search-pole {
position: absolute;
top: 0;
z-index: 100;
width: 100%;
}
header .bottom .search-pole form .close {
padding: 8px 8px 4px 8px;
}
header .bottom .public-menu {
float: left;
padding: 22px 0 0 28px;
}
header .bottom .public-menu.open .navbar-nav li.active .dropdown-toggle:after {
opacity: 1 !important;
}
header .bottom .public-menu.open .navbar-nav li.active .dropdown-menu {
display: block !important;
opacity: 1 !important;
z-index: 1;
}
header .bottom .public-menu.open .navbar-nav li.active .dropdown-menu li {
display: inline-block;
}
header .bottom .public-menu .navbar-nav {
opacity: 1;
transition: 0.38s;
}
header .bottom .public-menu .navbar-nav ul {
display: none;
position: absolute;
right: 0;
top: 61px;
width: 1104px;
background: #9aaac8;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
padding: 20px 24px 20px 28px;
box-sizing: border-box;
opacity: 1;
z-index: 100;
}
header .bottom .public-menu .navbar-nav ul li {
margin-right: 34px;
display: inline-block;
list-style-type: none;
vertical-align: top;
position: relative;
}
header .bottom .public-menu .navbar-nav ul li .empty-table {
top: auto;
bottom: -30px;
transform: translate(-50%, 100%);
}
header .bottom .public-menu .navbar-nav ul li a {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 9px;
letter-spacing: 0.2px;
color: #fff !important;
border-bottom: none;
transition: 0.15s;
position: relative;
}
header .bottom .public-menu .navbar-nav ul li a:hover {
color: rgba(255, 255, 255, 0.5) !important;
}
header .bottom .public-menu .navbar-nav ul li.active a {
color: rgba(255, 255, 255, 0.5) !important;
}
header .bottom .public-menu .navbar-nav.hide {
opacity: 0;
}
header .bottom .public-menu ul li {
margin-right: 30px;
display: inline-block;
list-style-type: none;
vertical-align: top;
}
header .bottom .public-menu ul li a {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 9px;
letter-spacing: 0.2px;
border-bottom: none;
transition: 0.15s;
position: relative;
}
header .bottom .public-menu ul li a:hover {
color: rgba(32, 46, 66, 0.7);
}
header .bottom .public-menu ul li.active a {
color: rgba(32, 46, 66, 0.7);
}
header .bottom .public-menu .dropdown-menu.show {
z-index: 100 !important;
}
header .bottom .controls {
float: right;
position: relative;
height: 100%;
}
header .bottom .controls .search-block {
width: 62px;
height: 100%;
cursor: pointer;
display: inline-block;
vertical-align: top;
float: left;
position: relative;
background-color: #f38a46;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
transition: 0.38s;
}
header .bottom .controls .search-block:hover {
background-color: #ff9e5f;
}
header .bottom .controls .search-block .search-btn svg {
width: 24px;
height: 24px;
padding: 19px;
fill: #fff;
}
header .bottom .controls .lk-btn {
padding: 0;
float: right;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav.hide {
opacity: 1;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav.hide .dropdown-toggle:after {
opacity: 0 !important;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav.hide .dropdown-menu {
opacity: 0 !important;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav .dropdown-menu li {
position: relative;
}
header .bottom .controls .lk-btn .cabinet-menu.admin-menu .navbar-nav .dropdown-menu li:last-child:before {
display: block;
content: '';
background: url("/assets/public/images/logout-white.svg") no-repeat;
background-size: cover;
width: 24px;
height: 24px;
position: absolute;
top: 48%;
transform: translate(-100%, -50%);
left: -8px;
}
header .bottom .controls .lk-btn .public-menu .dropdown-menu li:first-child {
margin-right: 36px;
}
header .bottom .controls .lk-btn .navbar-nav {
float: right;
}
header .bottom .controls .lk-btn .navbar-nav li:first-child {
margin: 0;
}
header .bottom .controls .lk-btn .navbar-nav .dropdown-toggle {
border-left: 1px solid #dbe3f2;
letter-spacing: 0.2px;
color: #202e42;
display: inline-block;
vertical-align: top;
height: 62px;
box-sizing: border-box;
padding: 27px 26px 0 50px;
cursor: pointer;
position: relative;
transition: 0.38s;
}
header .bottom .controls .lk-btn .navbar-nav .dropdown-toggle.active, header .bottom .controls .lk-btn .navbar-nav .dropdown-toggle:hover {
background-color: #f1f3fb;
}
header .bottom .controls .lk-btn .navbar-nav .dropdown-toggle:before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 18px;
top: 18px;
background: url("/assets/public/images/icons/login.svg") no-repeat center;
}
header .bottom .controls .lk-btn .cabinet-menu {
display: inline-block;
vertical-align: top;
padding: 0;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav .dropdown-toggle {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 9px;
letter-spacing: 0.2px;
display: inline-block;
vertical-align: top;
}
header .bottom .controls .lk-btn .cabinet-menu .navbar-nav .dropdown-toggle:after {
bottom: 0px;
top: auto;
}
header .bottom .controls .lk-btn .admin-nav.open .admin-panel {
display: block;
}
header .bottom .controls .user-panel .navbar-nav .dropdown-toggle:after {
background: url("/assets/public/images/triangle-user.svg") no-repeat center;
bottom: -6px !important;
width: 22px;
height: 22px;
}
header .bottom .controls .user-panel .navbar-nav li:first-child {
position: relative;
}
header .bottom .controls .user-panel .dropdown-menu {
padding: 0;
width: 100%;
background-color: #fff;
position: absolute;
top: 99%;
left: 0;
z-index: 10;
border: 1px solid #dbe3f2;
box-sizing: border-box;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
display: none;
}
header .bottom .controls .user-panel .dropdown-menu li:last-child a {
border: 0;
}
header .bottom .controls .user-panel .dropdown-menu li a {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 9px;
letter-spacing: .2px;
color: #202e42;
border-bottom: none;
transition: .15s;
position: relative;
cursor: pointer;
padding: 20px 23px;
border-bottom: 1px solid #e6eced;
box-sizing: border-box;
display: block;
}
header .bottom .controls .user-panel .dropdown-menu li a:hover {
background-color: #f5f7fe;
}
.dropdown-toggle.active {
color: rgba(32, 46, 66, 0.5);
}
.dropdown-toggle.active:after {
opacity: 1;
}
.dropdown-toggle.lk-btn:after {
top: 52px;
}
.dropdown-toggle:after {
content: '';
display: block;
background: url("/assets/public/images/triangle.svg") no-repeat center;
background-size: cover;
position: absolute;
z-index: 10;
left: 50%;
top: 29px;
transform: translate(-50%, 0);
width: 16px;
height: 10px;
opacity: 0;
transition: 0.38s;
}
@-webkit-keyframes load-video {
0% {
left: -40%;
}
100% {
left: 100%;
}
}
@keyframes load-video {
0% {
left: -40%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes load {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
@keyframes load {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes admin-load {
0% {
left: -50%;
}
100% {
left: 150%;
}
}
@keyframes admin-load {
0% {
left: -50%;
}
100% {
left: 150%;
}
}
.fxRollX {
transform: translateX(100%);
overflow: hidden;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94);
animation-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
.fxRollX .image {
transform: translateX(100%);
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94);
animation-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
.fxRollX.active {
transform: translateX(0%);
}
.fxRollX.active .image {
transform: translateX(0%);
}
.fxRollX.navInNext {
z-index: 10;
-webkit-animation-name: rollInXNext;
animation-name: rollInXNext;
}
.fxRollX.navInNext .image {
-webkit-animation-name: rollInXPrev;
animation-name: rollInXPrev;
}
.fxRollX.navOutNext {
z-index: 9;
-webkit-animation-name: rollOutXNext;
animation-name: rollOutXNext;
}
.fxRollX.navOutNext .image {
-webkit-animation-name: rollOutXPrev;
animation-name: rollOutXPrev;
}
.fxRollX.navInPrev {
z-index: 10;
-webkit-animation-name: rollInXPrev;
animation-name: rollInXPrev;
}
.fxRollX.navInPrev .image {
-webkit-animation-name: rollInXNext;
animation-name: rollInXNext;
}
.fxRollX.navOutPrev {
z-index: 9;
-webkit-animation-name: rollOutXPrev;
animation-name: rollOutXPrev;
}
.fxRollX.navOutPrev .image {
-webkit-animation-name: rollOutXNext;
animation-name: rollOutXNext;
}
.fxRollX.flyNext {
transform: translateX(100%);
}
.fxRollX.flyNext .image {
transform: translateX(-100%);
}
.fxRollX.flyPrev {
transform: translateX(-100%);
}
.fxRollX.flyPrev .image {
transform: translateX(100%);
}
.fxRollX.flyInNext {
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
transform: translateX(0%);
}
.fxRollX.flyInNext .image {
transform: translateX(0%);
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
.fxRollX.flyOutNext {
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
transform: translateX(-100%);
}
.fxRollX.flyOutNext .image {
transform: translateX(100%);
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
.fxRollX.flyInPrev {
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
transform: translateX(0%);
}
.fxRollX.flyInPrev .image {
transform: translateX(0%);
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
.fxRollX.flyOutPrev {
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
transform: translateX(100%);
}
.fxRollX.flyOutPrev .image {
transform: translateX(-100%);
transition: transform 1.2s cubic-bezier(0.62, 0.12, 0.52, 0.94);
}
@-webkit-keyframes rollInXNext {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@keyframes rollInXNext {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@-webkit-keyframes rollOutXNext {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@keyframes rollOutXNext {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@-webkit-keyframes rollInXPrev {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
@keyframes rollInXPrev {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
@-webkit-keyframes rollOutXPrev {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
@keyframes rollOutXPrev {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
.fxFadeUp {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
transform: translateY(50px);
opacity: 0;
z-index: 1;
}
.fxFadeUp.active {
transform: translateY(0);
opacity: 1;
z-index: 10;
}
.fxFadeUp.navInNext {
z-index: 10;
-webkit-animation-name: fadeUpInNext;
animation-name: fadeUpInNext;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.fxFadeUp.navOutNext {
z-index: 9;
-webkit-animation-name: fadeUpOutNext;
animation-name: fadeUpOutNext;
}
.fxFadeUp.navInPrev {
z-index: 10;
-webkit-animation-name: fadeUpInPrev;
animation-name: fadeUpInPrev;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.fxFadeUp.navOutPrev {
z-index: 9;
-webkit-animation-name: fadeUpOutPrev;
animation-name: fadeUpOutPrev;
}
.fxFadeUp.flyNext {
transform: translateY(50px);
}
.fxFadeUp.flyPrev {
transform: translateY(50px);
}
.fxFadeUp.flyInNext {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.5s, opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.5s;
transform: translateY(0);
}
.fxFadeUp.flyOutNext {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1);
transform: translateY(50px);
}
.fxFadeUp.flyInPrev {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.5s, opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.5s;
transform: translateY(0);
}
.fxFadeUp.flyOutPrev {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1);
transform: translateY(50px);
}
.fxFadeUp30 {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
transform: translateY(30px);
opacity: 0;
z-index: 1;
}
.fxFadeUp30.active {
transform: translateY(0);
opacity: 1;
z-index: 10;
}
.fxFadeUp30.navInNext {
z-index: 10;
-webkit-animation-name: fadeUpInNext;
animation-name: fadeUpInNext;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.fxFadeUp30.navOutNext {
z-index: 9;
-webkit-animation-name: fadeUpOutNext;
animation-name: fadeUpOutNext;
}
.fxFadeUp30.navInPrev {
z-index: 10;
-webkit-animation-name: fadeUpInPrev;
animation-name: fadeUpInPrev;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.fxFadeUp30.navOutPrev {
z-index: 9;
-webkit-animation-name: fadeUpOutPrev;
animation-name: fadeUpOutPrev;
}
.fxFadeUp30.flyNext {
transform: translateY(30px);
}
.fxFadeUp30.flyPrev {
transform: translateY(30px);
}
.fxFadeUp30.flyInNext {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.6s, opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.6s;
transform: translateY(0);
}
.fxFadeUp30.flyOutNext {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1);
transform: translateY(30px);
}
.fxFadeUp30.flyInPrev {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.6s, opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1) 0.6s;
transform: translateY(0);
}
.fxFadeUp30.flyOutPrev {
transition: transform 0.5s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0, 0.25, 1);
transform: translateY(30px);
}
@-webkit-keyframes fadeUpInNext {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeUpInNext {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeUpOutNext {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(30px);
opacity: 0;
}
}
@keyframes fadeUpOutNext {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(30px);
opacity: 0;
}
}
@-webkit-keyframes fadeUpInPrev {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeUpInPrev {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeUpOutPrev {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(30px);
opacity: 0;
}
}
@keyframes fadeUpOutPrev {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(30px);
opacity: 0;
}
}
.windows footer .footer-up .phone-block .phone {
margin-top: 5px;
}
footer .footer-up {
width: 100%;
border-top: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
padding: 40px 0;
}
footer .footer-up .left-side {
float: left;
}
footer .footer-up .right-side {
float: right;
}
footer .footer-up .logo {
display: inline-block;
vertical-align: bottom;
margin-top: 2px;
}
footer .footer-up .logo img, footer .footer-up .logo .text-small {
display: inline-block;
vertical-align: middle;
}
footer .footer-up .logo img {
width: 190px;
height: 50px;
}
footer .footer-up .logo .text-small {
width: 323px;
margin-left: 24px;
}
footer .footer-up .phone-block, footer .footer-up .btn-simple {
display: inline-block;
vertical-align: top;
}
footer .footer-up .phone-block {
margin-top: 1px;
}
footer .footer-up .phone-block .phone {
line-height: 30px;
margin-top: 6px;
}
footer .footer-up .btn-simple-big {
margin-left: 44px;
}
footer .footer-under {
padding: 48px 0 32px 0;
}
footer .footer-under .contacts {
margin-bottom: 56px;
}
footer .footer-under .contacts .footer-policy {
float: right;
max-width: 300px;
}
footer .footer-under .contacts .footer-policy .policy-text {
margin-top: 24px;
}
footer .footer-under .contacts .footer-policy a {
margin-top: 19px;
transition: 0.38s;
display: block;
}
footer .footer-under .contacts .footer-policy a:hover {
color: #FA9552;
}
footer .footer-under .contacts .contact {
display: inline-block;
vertical-align: top;
margin-right: 66px;
}
footer .footer-under .contacts .contact:nth-child(4n) {
margin-right: 0;
}
footer .footer-under .contacts .contact .phone {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 30px;
letter-spacing: 0.2px;
color: #202e42;
display: inline-block;
vertical-align: middle;
margin: 5px 0 7px 0;
position: relative;
}
footer .footer-under .contacts .contact .phone:after {
content: '';
background: url("/assets/public/images/de.svg");
position: absolute;
width: 24px;
height: 24px;
right: -32px;
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
footer .footer-under .contacts .contact .phone.ru:after {
background: url("/assets/public/images/ru.svg");
}
footer .footer-under .contacts .contact .phone.none:after {
background: none;
}
footer .footer-under .contacts .contact .phone .flag {
position: absolute;
width: 24px;
height: 24px;
right: -32px;
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
footer .footer-under .contacts .contact .text-small {
width: 220px;
}
footer .footer-under .copyrights {
margin-top: 12px;
}
footer .footer-under .copyrights div {
display: inline-block;
vertical-align: middle;
margin-right: 34px;
}
footer .footer-under .copyrights div .developer {
transition: 0.38s;
border-bottom: 1px solid transparent;
}
footer .footer-under .copyrights div .developer:hover {
border-bottom: 1px solid #f38a46;
color: #f38a46;
}
footer .footer-under .btns a {
float: left;
}
footer .footer-under .btns .socials {
border: 1px solid #dbe3f2;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
}
footer .footer-under .btns .socials a {
border-bottom: 0;
width: 40px;
height: 40px;
cursor: pointer;
transition: 0.38s;
padding: 8px;
border-right: 1px solid #dbe3f2;
box-sizing: border-box;
}
footer .footer-under .btns .socials a:hover {
background-color: #f5f7fe;
}
footer .footer-under .btns .socials a:last-child {
border-right: 0;
}
footer .footer-under .btns .socials a svg {
width: 24px;
height: 24px;
}
.site-up {
width: 46px;
height: 46px;
border: 1px solid #dbe3f2;
border-left: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #ffffff;
position: fixed;
bottom: 176px;
left: 0;
transition: 0.38s;
cursor: pointer;
z-index: 20;
}
.site-up .empty-table {
top: 50%;
right: -16px;
transform: translateY(-50%) translateX(100%);
left: auto;
}
.site-up:hover {
background-color: #f1f3fb;
}
.site-up svg {
width: 24px;
height: 24px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.slider .slider-panel .slider-switch {
margin-top: 15px;
}
.slider .stage {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.slider .stage .item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slider div.arr {
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 10;
background-color: #f00;
}
.slider div.arr svg.arr {
position: absolute;
width: 24px;
height: 24px;
fill: #fff;
}
.slider-panel .title-block {
float: left;
}
.slider-panel .slider-switch {
float: right;
}
.slider-switch {
background-color: #ffffff;
display: inline-block;
}
.slider-switch .arrow-slider {
display: inline-block;
vertical-align: middle;
cursor: pointer;
/*svg{
width: 28px;
height: 25px;
padding: 9px 10px 6px 10px;
}*/
}
.slider-switch .word {
display: inline-block;
border-left: 1px solid #dbe3f2;
padding: 18px 30px;
}
.slick-dots {
text-align: center;
margin: 30px 0 0 0;
}
.slick-dots li {
display: inline-block;
margin: 0 4px;
background-color: #f1f3fb;
border-radius: 2px;
width: 12px;
height: 12px;
font-size: 0;
list-style: none;
}
.slick-dots li button {
display: none;
}
.slick-dots li.slick-active {
background-color: #c8d4ea;
}
.manufacturers-small .slider .stage {
height: 440px;
margin-top: 48px;
}
.manufacturers-small .slider .stage .maze {
background-color: #f1f3fb;
}
.manufacturers-small .slider .stage .maze .block {
border-bottom: 1px solid #dbe3f2;
}
.manufacturers-small .slider .stage .maze .block:nth-child(2n) {
border-bottom: 0;
}
.manufacturers-small .slider .stage .maze .company-block {
width: 220px;
height: 136px;
padding: 41px 0;
border-right: 1px solid #dbe3f2;
float: left;
position: relative;
}
.manufacturers-small .slider .stage .maze .company-block:last-child {
border-right: 0;
}
.manufacturers-small .slider .stage .maze .company-block img {
width: auto;
height: auto;
opacity: 0.7;
max-width: 90%;
max-height: 90%;
}
.certificate-block {
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
transition: .28s ease-in;
cursor: pointer;
display: inline-block;
}
.certificate-block .body {
width: 120px;
padding: 20px 24px 19px 20px;
height: 112px;
}
.certificate-block .body h5 {
margin-bottom: 14px;
}
.certificate-block .body .text-caption {
margin: 16px 0 0;
}
.certificate-block .body .text-small, .certificate-block .body .text-caption {
color: rgba(32, 46, 66, 0.7);
}
.certificate-block .more {
border-top: 1px solid #dbe1f2;
}
.certificate-block .more .text-button-small, .certificate-block .more .btn-group .btn, .btn-group .certificate-block .more .btn, .certificate-block .more .arrow {
display: inline-block;
vertical-align: top;
}
.certificate-block .more .text-button-small, .certificate-block .more .btn-group .btn, .btn-group .certificate-block .more .btn {
padding: 20px 11px 20px 22px;
border-right: 1px solid #dbe3f2;
margin-right: -4px;
}
.certificate-block .more .arrow {
padding: 12px 0 0 12px;
}
.certificate-block .more .arrow svg {
width: 24px;
height: 24px;
transform-origin: center;
}
.certificate-block:hover {
background-color: #F5F7FD;
}
.slider-description {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.slider-description .stage {
height: 460px;
width: 100%;
}
.slider-description .container {
width: 100%;
height: 100%;
}
.slider-description .slider-switch {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 100;
overflow: hidden;
border-radius: 3px;
}
section.section-opinion {
margin-top: 88px;
}
section.section-opinion .stage {
height: 346px;
overflow: hidden;
width: 1128px;
margin: 48px auto 0;
}
section.section-opinion .opinion {
margin-right: 19px;
}
section.section-opinion .opinion:last-child {
margin-right: 0;
}
section.certification-slider {
margin-top: 104px;
}
section.certification-slider .stage {
height: 414px;
width: 1128px;
margin: 68px auto 0;
}
section.certification-slider .stage .opinion-block {
display: inline-block;
vertical-align: top;
margin-right: 19px;
}
section.certification-slider .stage .opinion-block:last-child {
margin-right: 0;
}
section.certification-slider .stage .opinion-block a {
display: block;
}
section.certification-slider .stage .opinion-block .title {
margin-top: 16px;
}
.consult-form .consult-block {
width: 1104px;
height: 564px;
}
.consult-form .consult-block .video {
display: inline-block;
vertical-align: top;
background-color: #F1F3FB;
height: 100%;
width: 440px;
margin-right: -5px;
text-align: center;
overflow: hidden;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.consult-form .consult-block .video img {
width: 326px;
height: 504px;
padding: 59px 0 0 13px;
}
.consult-form .consult-block .form-block {
display: inline-block;
vertical-align: top;
height: 562px;
width: 662px;
border: 1px solid #e0e3f3;
border-left: none;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.consult-form .consult-block .form-block .block {
padding: 63px 58px 63px 60px;
}
.consult-form .consult-block .form-block .block form {
margin-top: 40px;
}
.consult-form .consult-block .form-block .block form .form-group .textarea textarea {
height: 129px;
}
.consult-form .consult-block .form-block .block form .submit {
float: right;
}
.consult-form .consult-block .form-block .block form .submit .image {
cursor: pointer;
}
.consult-form .consult-block .form-block .block form .accept-block .accept-toggle {
margin: 0 12px 0 0;
}
.consult-form .consult-block .form-block .block form .accept-block .agree-block {
width: 320px;
padding: 2px 0 0 0;
}
.consult-form .consult-block .form-block .block form .accept-block .agree-block, .consult-form .consult-block .form-block .block form .accept-block .agree-block a {
font-size: 13px;
line-height: 17px;
}
.consult-form .consult-block .form-block .accept-block {
margin-top: 30px;
}
.consult-form .consult-block .form-block .accept-block .checkbox {
margin-top: 14px;
}
.big-form .title-block {
margin: 0 0 32px 0;
}
.big-form .form-block {
border: 1px solid #dbe3f2;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 65px 80px;
}
.big-form .form-block form .form-group .input, .big-form .form-block form .form-group .file-input {
margin-bottom: 24px;
}
.big-form .form-block form .accept-block {
margin-top: 40px;
}
.big-form .form-block form .accept-block .checkbox {
margin-top: 14px;
}
.big-form .form-block form .accept-block .agree-block {
width: 320px;
padding: 2px 0 0 0;
}
.big-form .form-block form .accept-block .agree-block, .big-form .form-block form .accept-block .agree-block a {
font-size: 13px;
line-height: 17px;
}
.form-block {
position: relative;
}
.form-block form .form-group .input {
margin: 0 0 32px 0;
}
.form-block form .accept-block .submit {
float: right;
}
.form-block .overlay {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background-color: rgba(92, 103, 138, 0.85);
width: 100%;
height: 100%;
border-radius: 2px;
}
.order-form {
float: right;
}
.order-form .order-block {
height: 562px;
width: 440px;
}
.order-form .order-block .form-block {
display: inline-block;
vertical-align: top;
border: 1px solid #e0e3f3;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin: 0px auto;
}
.order-form .order-block .form-block .block {
padding: 30px;
margin: 0px auto;
}
.order-form .order-block .form-block .block form {
margin-top: 20px;
}
.order-form .order-block .form-block .block form .form-group {
display: block;
}
.order-form .order-block .form-block .block form .form-group .textarea textarea {
height: 129px;
}
.order-form .order-block .form-block .block form .submit {
float: none;
}
.order-form .order-block .form-block .block form .submit .image {
cursor: pointer;
}
.order-form .order-block .form-block .block form .accept-block .accept-toggle {
margin: 0 12px 0 0;
}
.order-form .order-block .form-block .block form .accept-block .agree-block {
width: 320px;
padding: 2px 0 0 0;
}
.order-form .order-block .form-block .block form .accept-block .agree-block, .order-form .order-block .form-block .block form .accept-block .agree-block a {
font-size: 13px;
line-height: 17px;
}
.order-form .order-block .form-block .block form .accept-block .checkbox {
float: none;
}
.order-form .order-block .form-block .accept-block {
margin-top: 0px;
}
.order-form .order-block .form-block .accept-block .checkbox {
float: none;
margin-top: 14px;
}
.search-pole {
position: absolute;
top: 0;
right: 0;
display: none;
height: 100%;
background-color: #fff;
border: 4px solid #F5F7FD;
box-sizing: border-box;
overflow: hidden;
}
.search-pole form {
height: 100%;
transition: 0.38s;
width: 90%;
position: absolute;
right: 0;
top: 0;
}
.search-pole form.open {
width: 100%;
}
.search-pole form .close {
position: absolute;
left: 7px;
top: 7px;
transition: 0.5s;
padding: 8px;
border-radius: 3px;
}
.search-pole form .close svg {
width: 24px;
height: 24px;
}
.search-pole form .close:hover {
background-color: #f5f7fd;
}
.search-pole form .input.filled label {
display: none;
}
.search-pole form label {
position: absolute;
left: 63px;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
color: rgba(32, 46, 66, 0.4);
}
.search-pole form input {
display: inline-block;
vertical-align: top;
width: 81%;
padding: 16px 0 0 63px;
background-color: transparent;
border: none;
white-space: nowrap;
font-size: 15px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
}
.search-pole form input.focus label, .search-pole form input.focused label {
display: none;
}
.search-pole form button {
border: 0;
background-color: transparent;
position: absolute;
right: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.38s;
padding: 8px 8px 8px 18px;
border-radius: 2px;
white-space: nowrap;
}
.search-pole form button span, .search-pole form button svg {
display: inline-block;
vertical-align: middle;
}
.search-pole form button span {
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
margin: 0 2px 0 0;
}
.search-pole form button svg {
width: 24px;
height: 24px;
}
.search-pole form button:hover {
background-color: #f5f7fd;
}
.form-group {
position: relative;
display: inline-block;
}
.form-group .textarea.required.has-error input, .form-group .textarea.required.has-error textarea, .form-group .input.required.has-error input, .form-group .input.required.has-error textarea {
border: 2px solid #ff6550;
border-radius: 3px;
}
.form-group .textarea.required.has-error:after, .form-group .input.required.has-error:after {
background-color: #ff6550;
}
.form-group .textarea.required.block input, .form-group .input.required.block input {
border: 2px solid #ff6550 !important;
}
.form-group .textarea.required.block:after, .form-group .input.required.block:after {
background-color: #ff6550 !important;
}
.form-group .textarea.required.success input, .form-group .textarea.required.success textarea, .form-group .input.required.success input, .form-group .input.required.success textarea {
border: 2px solid #6cc872;
border-radius: 3px;
}
.form-group .textarea.required.success:after, .form-group .input.required.success:after {
background-color: #6cc872;
}
.form-group .textarea.required:after, .form-group .input.required:after {
content: '';
width: 6px;
height: 6px;
background-color: #c8d4ea;
border-radius: 100%;
position: absolute;
right: 12px;
top: 12px;
}
.form-group .textarea.success textarea, .form-group .textarea.has-error textarea, .form-group .input.success textarea, .form-group .input.has-error textarea {
padding: 17px 19px 0;
}
.form-group .textarea.success input, .form-group .textarea.has-error input, .form-group .input.success input, .form-group .input.has-error input {
padding: 18px 19px 0;
}
.form-group .textarea.success.show-error input, .form-group .textarea.success.show-error textarea, .form-group .textarea.has-error.show-error input, .form-group .textarea.has-error.show-error textarea, .form-group .input.success.show-error input, .form-group .input.success.show-error textarea, .form-group .input.has-error.show-error input, .form-group .input.has-error.show-error textarea {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-group .textarea.focused input, .form-group .textarea.focused textarea, .form-group .textarea.focus input, .form-group .textarea.focus textarea, .form-group .input.focused input, .form-group .input.focused textarea, .form-group .input.focus input, .form-group .input.focus textarea {
border: 1px solid #dbe1f2;
background-color: #ffffff;
}
.form-group .input {
display: inline-block;
vertical-align: top;
position: relative;
}
.form-group .input.focused label, .form-group .input.focus label, .form-group .input.full label {
font-size: 12px;
top: 18px;
}
.form-group .file-input {
display: inline-block;
vertical-align: top;
position: relative;
}
.form-group .file-input.load label {
color: #202e42;
opacity: 1;
}
.form-group .file-input:after {
content: '';
background: url("/assets/public/images/folder.svg");
width: 24px;
height: 24px;
position: absolute;
right: 16px;
top: 20px;
}
.form-group .textarea label {
top: 25px;
}
.form-group input[type="file"] {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
border-radius: 4px;
}
.form-group .textarea {
position: relative;
}
.form-group .textarea.focused label, .form-group .textarea.focus label, .form-group .textarea.full label {
display: none;
}
.form-group .textarea textarea {
height: 122px;
display: block;
}
.form-group input, .form-group textarea, .form-group .file-input {
width: 300px;
height: 64px;
border-radius: 3px;
background-color: #F1F3FB;
box-sizing: border-box;
border: 1px solid #F1F3FB;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 1;
color: #202e42;
padding: 18px 20px 0 20px;
resize: none;
-webkit-appearance: none;
}
.form-group input:hover, .form-group textarea:hover, .form-group .file-input:hover {
border: 1px solid #c8d4ea;
}
.form-group input:focus, .form-group textarea:focus, .form-group .file-input:focus {
border: 1px solid #c8d4ea;
background-color: #ffffff;
}
.form-group label {
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 0.53;
color: #202e42;
opacity: 0.5;
position: absolute;
left: 20px;
top: 28px;
transition-duration: .15s;
transition-property: top,font-size;
transition-timing-function: ease-in-out;
}
.checkbox {
position: relative;
}
.checkbox input {
position: absolute;
opacity: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.checkbox .accept-toggle {
width: 56px;
position: relative;
border-radius: 3px;
background-color: #F1F3FB;
-webkit-appearance: none;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
cursor: pointer;
margin-right: 7px;
border: 1px solid #F1F3FB;
}
.checkbox .accept-toggle.white-toggle {
background-color: #fff;
border-color: #dbe3f2;
}
.checkbox .accept-toggle.white-toggle:after {
border: 1px solid #dbe1f2;
}
.checkbox .accept-toggle.white-toggle:before {
background-color: #f1f3fb;
}
.checkbox .accept-toggle:before {
content: '';
display: block;
width: 22px;
height: 22px;
background-color: #fff;
border-radius: 2px;
margin: 3px 4px;
position: relative;
z-index: 3;
transition: 0.38s;
transform-origin: center center;
}
.checkbox .accept-toggle:after {
content: '';
display: block;
width: 56px;
height: 30px;
position: absolute;
left: -1px;
top: -1px;
background-color: #6cc872;
border-radius: 3px;
transition: 0.38s;
opacity: 0;
box-sizing: border-box;
}
.checkbox.success .accept-toggle:after, .checkbox .active .accept-toggle:after {
opacity: 1;
}
.checkbox.success .accept-toggle:before, .checkbox .active .accept-toggle:before {
transform: translateX(24px);
}
.checkbox.has-error .accept-toggle:before {
background-color: #ff6550 !important;
}
.checkbox label {
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 1.47;
color: #202e42;
cursor: pointer;
}
.checkbox label .open-policy {
color: #9aaac8;
}
.accept-block .checkbox {
float: left;
}
.accept-block .checkbox span a {
transition: 0.38s;
color: #688dcf;
}
.accept-block .checkbox span a:hover {
color: #FA9552;
}
.accept-block .checkbox input, .accept-block .checkbox .agree-block {
display: inline-block;
vertical-align: middle;
}
.submit {
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.submit.send button {
cursor: default;
color: rgba(255, 255, 255, 0.5);
}
.submit.send button:hover {
background-color: #FA9552;
}
.submit.send-fly {
position: relative;
}
.submit.send-fly .image.fly {
width: 28px;
height: 28px;
}
.submit.send-fly button {
width: 64px;
height: 64px;
border-radius: 3px;
background-color: #FA9552;
border: 0;
box-sizing: border-box;
}
.error-message {
text-align: center;
padding: 6px 0 6px 0;
position: relative;
color: #ff6550;
opacity: 0;
margin: 0 0 6px;
transition: 0.5s;
}
.error-message.show {
opacity: 1;
margin: 16px 0 24px;
}
.error-message:before {
content: '';
display: block;
background-color: rgba(255, 101, 80, 0.18);
height: 100%;
width: 530px;
}
.scroll-popup {
display: none;
}
.scroll-popup.scrolled {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
width: 100%;
height: 100%;
}
.scroll-popup.scrolled .scrolling {
height: 100%;
width: 100%;
overflow-y: scroll;
padding-right: 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.scroll-popup.scrolled .scrolling .popup {
display: none;
margin: 40px auto;
position: relative;
left: 30px;
top: 0;
transform: translate(0px);
}
.popup {
position: fixed;
display: none;
margin: 0 auto;
overflow: hidden;
z-index: 10000;
left: 50%;
top: 50%;
transform-origin: center;
transform: translate(-50%, -50%);
border-radius: 3px;
}
.popup .scale-block {
background-color: #fff;
border-radius: 4px;
transition: 0.3s;
transform-origin: center center;
transform: scale(0.9);
width: 100%;
height: 100%;
}
.popup .scale-block.load:before, .popup .scale-block.load:after {
opacity: 1;
}
.popup .scale-block.load:after {
-webkit-animation: load 3s infinite linear;
animation: load 3s infinite linear;
}
.popup .scale-block:before, .popup .scale-block:after {
content: '';
display: block;
position: absolute;
top: 0;
height: 4px;
border-radius: 3px;
opacity: 0;
transition: 0.38s;
}
.popup .scale-block:before {
z-index: 5;
width: 100%;
background-color: #dbe1f2;
left: 0;
}
.popup .scale-block:after {
z-index: 6;
width: 304px;
background-color: #fa9552;
left: -100%;
}
.popup .form-block form .accept-block .agree-block, .popup .form-block form .accept-block a {
font-size: 13px;
line-height: 17px;
}
.popup .form-block form .price-text {
font-size: 13px;
line-height: 17px;
float: left;
margin-top: 10px;
width: 720px;
color: #202e42;
}
.popup .form-block form .price-text a {
font-size: 13px;
line-height: 17px;
transition: 0.38s;
color: #688dcf;
}
.popup .content {
padding: 48px 80px 64px 80px;
background: #fff;
box-sizing: border-box;
}
.popup .content h3 {
white-space: normal;
}
.popup .content .text-caption {
margin-bottom: 8px;
color: rgba(32, 46, 66, 0.7);
}
.popup .content .text {
margin: 8px 0 42px 0;
}
.popup .content p {
margin-top: 40px;
}
.popup .js-form-block {
transition: 0.38s;
}
.popup .js-form-block.zoom {
transform-origin: center center;
transform: scale(0);
transition: 0.38s;
}
.popup .big-form {
position: relative;
padding: 0;
}
.popup .big-form .form-block {
background-color: #fff;
}
.popup .close-popup {
width: 56px;
height: 56px;
z-index: 10;
position: absolute;
right: 0;
top: 0;
background-color: #fff;
border-bottom-left-radius: 3px;
cursor: pointer;
/* &:hover {
svg {
transform: rotate(180deg);
}
}*/
}
.popup .close-popup.grey {
background-color: #F5F7FD;
}
.popup .close-popup svg {
fill: #202E42;
padding: 16px;
width: 24px;
height: 24px;
transition: 0.38s;
transform-origin: center;
}
.popup iframe {
width: 100%;
height: 100%;
}
.popup .scrollable {
height: 100%;
width: 100%;
padding-right: 30px;
overflow: auto;
}
.popup .back-news {
margin-top: 48px;
}
.popup .thanks-block {
text-align: center;
}
.popup .thanks-block .title-block .text-subheader, .popup .thanks-block .title-block .text-h3, .popup .thanks-block .title-block .text-caption {
white-space: nowrap;
}
.popup .thanks-block.thanks-modal {
display: none;
text-align: center;
transform-origin: top left;
transform: scale(0.5) translate(-50%, -50%);
transition: 0.5s;
}
.popup .thanks-block.zoom {
transform: scale(1) translate(-50%, -50%);
}
.popup .thanks-block .animation {
width: 220px;
height: 220px;
background-color: #F1F3FB;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.popup .thanks-block .animation svg, .popup .thanks-block .animation img {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popup .thanks-block .title-block {
margin: 40px 0 0;
}
.popup.open .scale-block {
transform: scale(1);
}
.popup.thanks {
width: 444px !important;
height: 492px !important;
transition: 0.5s;
}
.popup.big-form-popup .big-form .form-block {
padding: 0;
border: 0;
}
.popup.popup-photo-thanks {
background-color: transparent;
}
.popup.popup-photo-thanks .scale-block {
padding: 0;
width: 846px;
height: 356px;
border-radius: 3px;
overflow: hidden;
}
.popup.popup-photo-thanks .text {
position: absolute;
top: 50%;
left: 80px;
transform: translateY(-50%);
width: 393px;
}
.popup.popup-photo-thanks .text .subtitle {
margin-top: 10px;
}
.popup.popup-photo-thanks .text .button {
margin-top: 40px;
}
.popup.popup-photo-thanks .image {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 278px;
background-color: #f1f1f9;
}
.popup.popup-photo-thanks .image img {
width: 100%;
height: 100%;
}
.popup.popup-errors {
width: 444px;
height: 492px;
}
.popup.popup-errors .thanks-block {
display: block !important;
}
.popup.popup-thanks {
position: absolute;
}
.popup.popup-thanks.popup-delivery.loaded.has-error .scale-block {
width: 340px;
height: 296px;
}
.popup.popup-thanks.popup-delivery.loaded .scale-block {
width: 378px;
height: 406px;
}
.popup.popup-thanks.popup-delivery .scale-block .content {
padding: 55px 64px 55px;
width: 100%;
}
.popup.popup-thanks.popup-delivery .scale-block .content .parameters {
margin: 38px 0 0 0;
}
.popup.popup-thanks.popup-delivery .scale-block .content .parameters .parameter-block {
margin: 25px 0 0 0;
width: 100%;
border-bottom: 1px solid #dbe3f2;
}
.popup.popup-thanks.popup-delivery .scale-block .content .parameters .parameter-block:first-child {
margin: 0;
}
.popup.popup-thanks.popup-delivery .scale-block .content .parameters .parameter-block .parameter {
float: left;
}
.popup.popup-thanks.popup-delivery .scale-block .content .parameters .parameter-block .value {
float: right;
font-weight: 400;
}
.popup.popup-thanks.popup-delivery .scale-block .content .submit-btn {
margin: 40px 0 0 0;
}
.popup.popup-thanks.loaded .scale-block {
width: 340px;
height: 296px;
}
.popup.popup-thanks.loaded .scale-block .load-block {
opacity: 0;
transform: translate(-50%, -50%) scale(0.8);
}
.popup.popup-thanks.loaded.success .success-placeholder {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.popup.popup-thanks.loaded.success .success-placeholder .calculation-block {
width: 251px;
}
.popup.popup-thanks.loaded.has-error .error-placeholder {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.popup.popup-thanks.loaded.has-error .error-placeholder .calculation-block {
width: 251px;
}
.popup.popup-thanks .scale-block {
width: 280px;
height: 76px;
border-radius: 3px;
}
.popup.popup-thanks .scale-block .load-block {
padding: 20px 0 0 0;
text-align: center;
}
.popup.popup-thanks .scale-block .load-block .load-line {
height: 4px;
z-index: 2;
width: 100%;
background-color: #dbe1f2;
position: relative;
}
.popup.popup-thanks .scale-block .load-block .load-line .line {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border-radius: 3px;
background-color: #fa9552;
-webkit-animation: load 2s infinite forwards linear;
animation: load 2s infinite forwards linear;
}
.popup.popup-thanks .scale-block .load-block .text-table {
margin: 12px auto 0;
font-weight: 600;
}
.popup.popup-thanks .scale-block .thanks-block .animation {
width: 120px;
height: 120px;
}
.popup.popup-thanks .scale-block .thanks-block .title-block {
margin: 31px 0 0;
}
.popup.popup-thanks .scale-block .content {
padding: 6px 0 0 0;
width: 100%;
}
.popup.popup-thanks .scale-block .thanks-content {
opacity: 0;
transition: 0.5s;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scale(0.8);
}
.popup.popup-edit {
width: 660px;
height: 736px;
}
.popup.popup-edit.popup-edit-self {
height: 664px;
}
.popup.popup-edit .content {
width: 100%;
height: 100%;
}
.popup.popup-edit .big-form .form-block {
padding: 0;
border: 0;
width: 100%;
}
.popup.popup-edit .big-form .form-block form .left-side {
width: 300px;
}
.popup.popup-edit .big-form .form-block form .right-side {
margin: 0;
}
.popup.popup-edit .big-form .form-block form .form-group .input {
margin: 0 0 16px 0;
}
.popup.popup-edit .big-form .form-block form .form-group .input:last-child {
margin: 0;
}
.popup.popup-edit .big-form .form-block form .accept-block .submit {
margin: 48px 0 0 0;
}
.popup.popup-edit .big-form .form-block form .accept-block .checkbox {
margin: 0;
}
.popup.popup-edit .join-form {
padding: 0;
}
.popup.popup-edit .join-form.join-page {
margin: 0;
}
.popup.popup-edit .join-form.join-page .accept-block .btn-simple-big {
float: right;
margin: 48px 0 0 0;
}
.popup.popup-edit .join-form.join-page .accept-block .btn-simple-big svg {
stroke: #202E42;
stroke-width: 2px;
}
.popup.popup-edit .content {
background-color: transparent;
}
.popup.video-popup {
width: 914px;
height: 514px;
padding: 0;
}
.popup.form-popup {
height: 732px;
width: 540px;
background-color: #ffffff;
}
.popup.form-popup form {
margin: 32px 0 0;
}
.popup.popup-recall {
padding: 0;
width: 660px;
height: 532px;
}
.popup.popup-recall .form-block form {
margin: 32px 0 0;
}
.popup.popup-recall .form-block form .accept-block {
margin: 32px 0 0;
}
.popup.popup-recall .form-block form .accept-block .checkbox {
margin: 10px 0 0;
}
.popup.popup-recall .form-block form .accept-block .checkbox .agree-block {
width: 280px;
}
.popup.popup-tender {
padding: 0;
width: 660px;
height: 566px;
}
.popup.popup-tender .form-block form {
margin: 32px 0 0;
}
.popup.popup-tender .form-block form .form-group .input {
margin-bottom: 24px;
}
.popup.popup-tender .form-block form .accept-block {
margin: 32px 0 0;
}
.popup.popup-tender .form-block form .accept-block .checkbox {
margin: 10px 0 0;
}
.popup.popup-tender .form-block form .accept-block .checkbox .agree-block {
width: 280px;
}
.popup.popup-news, .popup.popup-sale {
width: 668px;
height: 90%;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
padding: 0;
background-color: transparent;
}
.popup.popup-news.open .scale, .popup.popup-sale.open .scale {
transform: scale(1);
}
.popup.popup-news .scale, .popup.popup-sale .scale {
width: 100%;
height: 100%;
transition: 0.38s ease-out;
transform: scale(0.9);
}
.popup.popup-news .close-popup, .popup.popup-sale .close-popup {
right: 0;
top: 0;
background-color: #F5F7FD;
z-index: 1;
}
.popup.popup-news .text-content, .popup.popup-sale .text-content {
width: 500px;
}
.popup.popup-news .text-content .text, .popup.popup-sale .text-content .text {
margin: 8px 0 0;
}
.popup.popup-news .text-content .company-card, .popup.popup-sale .text-content .company-card {
background-color: #f1f3fb;
box-sizing: border-box;
padding: 32px 40px 38px 40px;
margin: 32px 0 0 0;
}
.popup.popup-news .text-content .company-card .title-block h4, .popup.popup-news .text-content .company-card .title-block .text-h4, .popup.popup-sale .text-content .company-card .title-block h4, .popup.popup-sale .text-content .company-card .title-block .text-h4 {
line-height: 30px;
}
.popup.popup-news .text-content .company-card .title-block .text-caption, .popup.popup-sale .text-content .company-card .title-block .text-caption {
color: rgba(32, 46, 66, 0.7);
margin: 8px 0 0 0;
}
.popup.popup-news .text-content .company-card .link, .popup.popup-sale .text-content .company-card .link {
margin: 16px 0 0 0;
display: inline-block;
}
.popup.popup-news .content, .popup.popup-sale .content {
padding: 56px 58px 56px 80px;
background-color: #fff;
box-sizing: border-box;
position: relative;
margin: 0 auto;
max-height: 100%;
}
.popup.popup-catalog {
width: 1104px;
max-height: 514px;
}
.popup.popup-catalog .container {
width: 100%;
}
.popup.popup-catalog .content {
width: 100%;
height: 100%;
padding: 48px 26px 64px 80px;
position: static;
transform: translate(0);
}
.popup.popup-catalog .mCSB_draggerRail {
width: 4px;
border-radius: 3px;
background-color: #f1f3fb;
opacity: 1 !important;
}
.popup.popup-catalog .mCSB_scrollTools .mCSB_draggerContainer {
height: 100% !important;
}
.popup.popup-catalog .alphabet-block {
margin: 48px 0 0 0;
position: relative;
max-height: 282px;
}
.popup.popup-catalog .alphabet-block:first-child {
margin: 0;
}
.popup.popup-catalog .alphabet-block .column {
display: inline-block;
vertical-align: top;
margin: 0 32px 0 0;
width: 220px;
}
.popup.popup-catalog .alphabet-block .column:last-child {
margin: 0;
}
.popup.popup-catalog .alphabet-block .column ul li {
width: 220px;
margin: 0 0 14px 0;
overflow: hidden;
text-overflow: ellipsis;
}
.popup.popup-catalog .alphabet-block .column ul li a {
color: rgba(32, 46, 66, 0.7);
}
.popup.popup-request {
width: 1104px;
height: 652px;
padding: 0;
}
.popup.popup-requisite {
width: 660px;
height: 380px;
}
.popup.popup-requisite .form-block form {
margin: 32px 0 0;
}
.popup.popup-requisite .form-block form .accept-block {
margin: 8px 0 0;
}
.popup.popup-requisite .form-block form .accept-block .checkbox {
margin: 13px 0 0;
}
.popup.popup-requisite .form-block form .accept-block .checkbox .agree-block {
width: 160px;
}
.popup.popup-vacancy {
width: 1104px;
height: 638px;
}
.popup.popup-vacancy .title-block h3 span {
font-weight: 300;
}
.popup.popup-delete.popup-delete-user {
width: 660px;
height: 388px;
}
.popup.popup-delete.popup-delete-user .content {
width: 100%;
height: 100%;
padding: 48px 80px 64px 80px;
}
.popup.popup-delete.popup-delete-admin .content, .popup.popup-delete.popup-delete-last .content {
padding: 0;
width: 100%;
height: 100%;
}
.popup.popup-delete.popup-delete-admin .popup-header, .popup.popup-delete.popup-delete-last .popup-header {
padding: 53px 80px;
}
.popup.popup-delete .btns .btn-left {
float: left;
}
.popup.popup-delete .btns .btn-right {
float: right;
}
.popup.popup-delete .popup-header {
box-sizing: border-box;
}
.popup.popup-delete .popup-header .title-block {
margin: 9px 0 0 0;
}
.popup.popup-delete .popup-header .user-information {
margin: 34px 0 0 0;
}
.popup.popup-delete .popup-header .user-information .email-now, .popup.popup-delete .popup-header .user-information .image {
display: inline-block;
vertical-align: top;
}
.popup.popup-delete .popup-header .user-information .email-now {
font-size: 15px;
line-height: 8px;
color: rgba(32, 46, 66, 0.3);
border: 1px solid #F1F3FB;
padding: 27px 20px;
width: 386px;
margin: 0 0 0 3px;
}
.popup.popup-delete .popup-header .user-information .image {
width: 64px;
height: 64px;
}
.popup.popup-delete .popup-header .user-information .image img {
border-radius: 3px;
width: 100%;
height: 100%;
}
.popup.popup-delete .popup-header .user-information .btns {
margin: 40px 0 0 0;
}
.popup.popup-delete .popup-footer {
background-color: #f5f7fe;
padding: 40px 80px 58px 80px;
box-sizing: border-box;
}
.popup.popup-delete .popup-footer .administration-privilege .select-group {
margin: 32px 0;
width: 500px;
}
.popup.popup-delete .popup-footer .administration-privilege .select-group .select {
background-color: #fff;
border-color: #dbe1f2;
}
.popup.popup-delete .popup-footer .administration-privilege .select-group .scrollable .list {
max-height: 142px;
}
.popup.popup-delete .popup-footer .administration-privilege .text {
width: 436px;
margin: 16px 0 40px 0;
color: rgba(32, 46, 66, 0.7);
}
.popup.popup-delete .popup-footer .administration-privilege .text p {
margin: 22px 0 0 0;
}
.popup.popup-delete .popup-footer .administration-privilege .text p:first-child {
margin: 0;
}
.popup.popup-delete .select-group .select {
padding: 19px 21px;
}
.popup.popup-delete .select-group .title {
width: 88%;
padding: 2px 0 0 0;
}
.popup.popup-invite {
width: 541px;
height: 434px;
}
.popup.popup-invite .content .form-block .error-disclaimer {
height: 32px;
}
.popup.popup-invite .content .form-block .error-disclaimer.show {
margin: 16px 0 24px 0;
height: auto;
}
.popup.popup-invite .content .form-block form {
margin: 0;
}
.popup.popup-invite .content .form-block form .form-group .input {
margin: 0;
}
.popup.popup-delete-admin {
width: 660px;
height: 614px;
}
.popup.popup-delete-last {
width: 660px;
height: 624px;
}
.popup.popup-delete-user {
width: 660px;
height: 388px;
}
.popup.popup-certificates {
width: 597px;
height: 800px;
overflow: visible;
}
.popup.popup-certificates .close-popup {
right: -54px;
}
.popup.popup-certificates .slider {
width: 100%;
height: 100%;
}
.popup.popup-certificates .slider .stage {
box-sizing: border-box;
background-color: #f5f7fe;
border: 17px solid #dbe3f2;
}
.popup.popup-certificates .slider .item .image-slide {
width: 100%;
height: 100%;
position: relative;
}
.popup.popup-certificates .slider .item .image-slide img {
height: calc(100% - 100px);
width: calc(100% - 100px);
}
.popup.popup-certificates .slider-switch {
position: absolute;
right: -54px;
bottom: 0;
}
.popup.popup-certificates .slider-switch .btn {
width: 56px;
height: 56px;
background-color: #f5f7fe;
position: relative;
display: block;
}
.popup.popup-certificates .slider-switch .btn:first-child {
border-top-right-radius: 3px;
border-bottom: 1px solid #dbe3f2;
box-sizing: border-box;
}
.popup.popup-certificates .slider-switch .btn:last-child {
border-bottom-right-radius: 3px;
}
.popup.popup-certificates .slider-switch .btn svg {
width: 24px;
height: 24px;
}
.modal-scroll {
position: fixed;
height: 100%;
width: 100%;
overflow-y: scroll;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
}
.modal-scroll .scroll {
position: absolute;
height: 100%;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.modal-scroll .scroll .block {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.modal-scroll .scroll .block .popup {
position: relative;
left: 0;
top: 0;
transform: translate(0, 0);
margin: 20px auto;
}
.redirect-block {
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #f1f3fb;
transition: 0.5s;
transform: translateY(100%);
}
.redirect-block.show {
transform: translateY(0);
}
.redirect-block .word {
font-family: 'Open Sans', sans-serif;
float: left;
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
margin-top: 14px;
margin-left: 30px;
}
.redirect-block svg {
float: right;
width: 24px;
height: 24px;
margin-top: 13px;
margin-right: 9px;
fill: #202e42;
}
.section-cookie {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 90;
background-color: #212e42;
height: 78px;
padding: 16px 0;
box-sizing: border-box;
display: none;
transform: translateY(10px);
transition: transform 0.38s;
}
.section-cookie.loaded {
transform: translateY(0);
}
.section-cookie .text {
color: rgba(255, 255, 255, 0.7);
margin-top: 11px;
float: left;
}
.section-cookie .text a {
color: #fff;
transition: 0.38s;
}
.section-cookie .text a:hover {
color: #FA9552;
}
.section-cookie .btn-simple {
float: right;
}
.section-change-domain {
bottom: 0;
left: 0;
width: 100%;
z-index: 90;
background-color: #212e42;
height: 78px;
padding: 16px 0;
box-sizing: border-box;
display: none;
transform: translateY(10px);
transition: transform 0.38s;
}
.section-change-domain .close-popup {
width: 56px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-bottom-left-radius: 3px;
cursor: pointer;
padding-top: 10px;
}
.section-change-domain .close-popup svg {
fill: #fff;
padding: 16px;
width: 24px;
height: 24px;
transition: 0.38s;
transform-origin: center;
}
.section-change-domain.loaded {
transform: translateY(0);
}
.section-change-domain .text {
color: rgba(255, 255, 255, 0.7);
margin-top: 11px;
float: left;
}
.section-change-domain .text a {
color: #fff;
transition: 0.38s;
}
.section-change-domain .text a:hover {
color: #FA9552;
}
.section-change-domain .btn-simple {
float: right;
}
@-webkit-keyframes man-move-up {
0% {
bottom: -40px;
}
25% {
bottom: -38px;
}
50% {
bottom: -36px;
}
100% {
bottom: -44px;
}
}
@keyframes man-move-up {
0% {
bottom: -40px;
}
25% {
bottom: -38px;
}
50% {
bottom: -36px;
}
100% {
bottom: -44px;
}
}
.section-man-popup {
position: fixed;
left: 48px;
bottom: -40px;
z-index: 100;
transform: translateY(100%);
opacity: 0;
transition: 0.4s ease-out transform, 0.3s ease-out opacity;
}
.section-man-popup.show {
transform: translateY(0);
opacity: 1;
}
.section-man-popup:hover {
-webkit-animation: man-move-up 1s linear infinite;
animation: man-move-up 1s linear infinite;
}
.section-man-popup .typewrite > .wrap {
border-right: 0.08em solid #fff;
}
.section-man-popup .man-message {
display: block;
position: absolute;
top: 20px;
left: 220px;
width: 160px;
background: #fff;
padding: 10px;
border-radius: 5px;
font-size: 14px;
font-family: Arial, sans-serif;
font-weight: bold;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 0.4s ease-out transform, 0.3s ease-out opacity;
}
.section-man-popup .man-message.show {
transform: translateY(0);
opacity: 1;
}
.section-man-popup .man-message:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 5px solid transparent;
border-right-color: #fff;
border-left: 0;
margin-top: -5px;
margin-left: -5px;
}
.section-man-popup .close-man-popup {
display: block;
position: absolute;
top: 0px;
left: 0px;
}
.section-man-popup .close-man-popup svg {
fill: #202E42;
padding: 16px;
width: 24px;
height: 24px;
transform-origin: center;
transition: .28s ease-in;
}
.section-man-popup .close-man-popup svg:hover {
transform: rotate(180deg);
fill: #FA9552;
}
.chat {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 372px;
background-color: #fff;
z-index: 100000;
border: 1px solid #dbe3f2;
transition: 0.5s;
transform: translateX(100%);
}
.chat.active {
transform: translateX(0);
}
.chat .header-block {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 52px;
padding: 12px 12px 12px 18px;
border-bottom: 1px #e6eced solid;
box-sizing: border-box;
z-index: 2;
}
.chat .header-block .sound-button {
float: left;
width: 24px;
height: 24px;
position: relative;
cursor: pointer;
}
.chat .header-block .sound-button.active:before {
display: none;
}
.chat .header-block .sound-button.active:after {
display: block;
}
.chat .header-block .sound-button:before, .chat .header-block .sound-button:after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
top: 0;
left: 0;
background-size: cover;
}
.chat .header-block .sound-button:before {
background: url("/assets/public/images/sound-off.svg") no-repeat;
}
.chat .header-block .sound-button:after {
display: none;
background: url("/assets/public/images/sound-on.svg") no-repeat;
}
.chat .header-block .close-chat {
float: right;
cursor: pointer;
}
.chat .header-block svg {
width: 24px;
height: 24px;
}
.chat .upload-forms {
position: absolute;
background-color: #ffff;
left: 0;
bottom: 0;
z-index: 100;
display: none;
box-sizing: border-box;
width: 100%;
}
.chat .upload-forms .dropzone {
position: absolute;
top: 12px;
left: 12px;
height: calc(100% - 92px);
width: calc(100% - 24px);
background-color: #f5f7fe;
border-radius: 4px;
text-align: center;
display: block;
box-sizing: border-box;
z-index: 10;
border: 2px dashed #9aaac8;
}
.chat .upload-forms .dropzone.drop {
border: 2px dashed #fa9552;
background-color: #ffead1;
}
.chat .upload-forms .dropzone .drop-block {
display: none;
}
.chat .upload-forms .dropzone .chat-file {
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
}
.chat .upload-forms .dropzone .block {
width: 55%;
}
.chat .upload-forms .dropzone .block .image {
width: 104px;
height: 104px;
background-color: #fff;
border-radius: 3px;
margin: 0 auto 16px;
}
.chat .upload-forms .dropzone .description {
bottom: 42px;
width: 80%;
font-style: italic;
color: rgba(32, 46, 66, 0.3);
}
.chat .upload-forms .controls {
padding: 12px;
box-sizing: border-box;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
}
.chat .upload-forms .controls .input, .chat .upload-forms .controls .close {
display: inline-block;
vertical-align: middle;
height: 56px;
border-radius: 3px;
position: relative;
}
.chat .upload-forms .controls .input {
width: 81%;
background-color: #fa9552;
text-align: center;
padding: 19px 0;
box-sizing: border-box;
}
.chat .upload-forms .controls .input label {
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
}
.chat .upload-forms .controls .input input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 5;
cursor: pointer;
left: 0;
top: 0;
}
.chat .upload-forms .controls .close {
width: 55px;
background-color: #f5f7fe;
margin-left: 4px;
cursor: pointer;
}
.chat .upload-forms .controls .close:hover svg {
opacity: 1;
}
.chat .upload-forms .controls .close svg {
fill: #202e42;
opacity: 0.3;
transition: 0.38s;
width: 20px;
height: 20px;
}
.chat .chat-block {
position: absolute;
overflow-y: hidden;
width: 100%;
top: 52px;
}
.chat .chat-block .mCSB_dragger_bar {
width: 4px !important;
}
.chat .chat-block .mCSB_dragger_bar, .chat .chat-block .mCSB_scrollTools .mCSB_dragger {
height: 158px !important;
}
.chat .chat-block .mCSB_scrollTools .mCSB_draggerContainer {
height: 98% !important;
}
.chat .chat-block .scrollable {
width: 100%;
height: 100%;
}
.chat .chat-block .scrollable .messages {
width: 100%;
height: 100%;
position: relative;
}
.chat .chat-block .scrollable .messages .block {
position: absolute;
bottom: 0;
width: 100%;
padding: 16px;
box-sizing: border-box;
}
.chat .chat-block .scrollable .messages .message-block, .chat .chat-block .scrollable .messages a.message-block {
position: relative;
display: block;
margin: 0 0 8px 0;
text-align: right;
font-size: 0;
}
.chat .chat-block .scrollable .messages .message-block .msg-box, .chat .chat-block .scrollable .messages a.message-block .msg-box {
position: relative;
padding-right: 46px;
}
.chat .chat-block .scrollable .messages .message-block .msg-box .avatar, .chat .chat-block .scrollable .messages a.message-block .msg-box .avatar {
position: absolute;
bottom: 0;
left: auto;
right: 0;
}
.chat .chat-block .scrollable .messages .message-block .msg-box .avatar img, .chat .chat-block .scrollable .messages a.message-block .msg-box .avatar img {
position: relative;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
width: 38px;
height: 38px;
}
.chat .chat-block .scrollable .messages .message-block .msg-box .cnt, .chat .chat-block .scrollable .messages a.message-block .msg-box .cnt {
position: relative;
display: inline-block;
padding: 10px 16px 14px 16px;
box-sizing: border-box;
max-width: 100%;
border-radius: 3px 3px 0 3px;
background-color: #9aaac8;
cursor: pointer;
}
.chat .chat-block .scrollable .messages .message-block .msg-box .cnt .name, .chat .chat-block .scrollable .messages a.message-block .msg-box .cnt .name {
position: relative;
font-size: 14px;
line-height: 20px;
color: #8193b3;
font-weight: bold;
margin-bottom: 2px;
}
.chat .chat-block .scrollable .messages .message-block .msg-box .cnt .message, .chat .chat-block .scrollable .messages a.message-block .msg-box .cnt .message {
font-size: 15px;
line-height: 20px;
color: #fff;
display: inline-block;
vertical-align: top;
}
.chat .chat-block .scrollable .messages .message-block .time, .chat .chat-block .scrollable .messages a.message-block .time {
position: relative;
overflow: hidden;
height: 0;
font-size: 13px;
line-height: 26px;
transition: height .25s linear;
font-style: italic;
color: rgba(32, 46, 66, 0.4);
padding-right: 46px;
text-decoration: none;
}
.chat .chat-block .scrollable .messages .message-block:hover .time, .chat .chat-block .scrollable .messages a.message-block:hover .time {
height: 26px;
}
.chat .chat-block .scrollable .messages .message-block.file-block, .chat .chat-block .scrollable .messages a.message-block.file-block {
position: relative;
text-align: left;
}
.chat .chat-block .scrollable .messages .message-block.file-block.load, .chat .chat-block .scrollable .messages a.message-block.file-block.load {
opacity: 0.6;
}
.chat .chat-block .scrollable .messages .message-block.file-block .cnt, .chat .chat-block .scrollable .messages a.message-block.file-block .cnt {
width: 100%;
padding: 8px 33px 8px 66px;
min-height: 64px;
}
.chat .chat-block .scrollable .messages .message-block.file-block .preview, .chat .chat-block .scrollable .messages a.message-block.file-block .preview {
position: absolute;
top: 8px;
left: 8px;
width: 48px;
height: 48px;
background-color: #fff;
border-radius: 2px;
display: inline-block;
vertical-align: top;
margin: 0 12px 0 0;
}
.chat .chat-block .scrollable .messages .message-block.file-block .message, .chat .chat-block .scrollable .messages a.message-block.file-block .message {
width: 72%;
margin: 2px 0 0 0;
text-align: left;
}
.chat .chat-block .scrollable .messages .message-block.file-block .progress-bar, .chat .chat-block .scrollable .messages a.message-block.file-block .progress-bar {
margin: 8px 0 0 0;
background-color: #dbe1f2;
width: 100%;
height: 4px;
border-radius: 3px;
position: relative;
}
.chat .chat-block .scrollable .messages .message-block.file-block .progress-bar .line, .chat .chat-block .scrollable .messages a.message-block.file-block .progress-bar .line {
height: 100%;
width: 0%;
background-color: #fa9552;
border-radius: 3px;
position: absolute;
left: 0;
top: 0;
z-index: 5;
}
.chat .chat-block .scrollable .messages .message-block.manager-message, .chat .chat-block .scrollable .messages a.message-block.manager-message {
text-align: left;
}
.chat .chat-block .scrollable .messages .message-block.manager-message .msg-box, .chat .chat-block .scrollable .messages a.message-block.manager-message .msg-box {
padding-right: 0;
padding-left: 48px;
}
.chat .chat-block .scrollable .messages .message-block.manager-message .msg-box .avatar, .chat .chat-block .scrollable .messages a.message-block.manager-message .msg-box .avatar {
right: auto;
left: 0;
}
.chat .chat-block .scrollable .messages .message-block.manager-message .msg-box .cnt, .chat .chat-block .scrollable .messages a.message-block.manager-message .msg-box .cnt {
background-color: #edeff7;
border-radius: 3px 3px 3px 0;
padding: 12px 16px 14px 16px;
}
.chat .chat-block .scrollable .messages .message-block.manager-message .msg-box .cnt .message, .chat .chat-block .scrollable .messages a.message-block.manager-message .msg-box .cnt .message {
color: #202e42;
font-size: 14px;
}
.chat .chat-block .scrollable .messages .message-block.manager-message .time, .chat .chat-block .scrollable .messages a.message-block.manager-message .time {
padding-right: 0;
padding-left: 46px;
}
.chat .footer-block {
position: absolute;
box-sizing: border-box;
border-top: 1px solid #e6eced;
height: 92px;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.chat .footer-block label {
position: absolute;
top: 18px;
left: 24px;
color: rgba(32, 46, 66, 0.7);
}
.chat .footer-block textarea {
width: 100%;
height: 100%;
resize: none;
border: none;
padding: 19px 65px 20px 24px;
box-sizing: border-box;
position: relative;
}
.chat .footer-block .upload {
position: absolute;
right: 20px;
bottom: 20px;
cursor: pointer;
}
.chat .footer-block .upload label {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.chat .footer-block .upload label input {
width: 100%;
height: 100%;
opacity: 0;
}
.chat .footer-block .upload svg {
width: 24px;
height: 24px;
fill: none;
stroke: #C7D4EA;
display: block;
}
.slider .stage .item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn-multi .action-status, .btn-multi .accept-status svg, .btn-multi .load-status .loader-container, header .top .select-phones .select .toggle svg, .slider div.arr svg.arr, .manufacturers-small .slider .stage .maze .company-block img, .submit.send-fly .image, .error-message:before, .popup .content, .popup .thanks-block.thanks-modal, .popup.popup-thanks .scale-block .thanks-content, .popup.popup-certificates .slider .item .image-slide img, .popup.popup-certificates .slider-switch .btn svg, .chat .upload-forms .dropzone .chat-file, .chat .upload-forms .dropzone .block, .chat .upload-forms .controls .close svg, section.map-city .developer-block .developer-logo img, section.map-city .developer-block .developer-logo svg, section.map-city .developer-block .developer-logo .svg, section.staff-section .maze .worker-card.invite-card .content .controls .invite-action, section.staff-section .maze .worker-card.invite-card .content .controls .invite-success svg, section.staff-section .maze .worker-card.invite-card .content .controls .invite-loader .loader-container, section.admin-page .form-container, .components .component-block .image img, .vimeo-section .table, .video-section .load-block-time-line .time-line, .video-block-small .video-block .load-video, .opinion img, section.katalog-section .col .card .image img, section.search-result-page .search-result .result-block .content .image img, section.search-result-page .search-result .result-block .content .more svg, section.sent-page .product-block .image img, section.sent-page .product-block .image svg, section.order-page .product-block .image img, section.order-page .product-block .image svg {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
header .underline, header .bottom, .chat .upload-forms .dropzone .description, section.map-city .map-header {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.video-block-small .video-block video {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pale-grey {
background-color: #F1F3FB;
}
* {
outline: none;
margin: 0;
padding: 0;
font-weight: 400;
}
* strong {
font-weight: 600;
}
* a {
text-decoration: none;
}
* a img {
border: 0;
}
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
}
em {
font-style: normal;
background-color: #dbe3f2;
color: rgba(32, 46, 66, 0.7);
}
.page-wrapper {
position: relative;
}
.popup-scroll {
position: fixed;
}
#screen {
position: relative;
width: 100%;
min-height: 100%;
}
#screen.contentFixed {
position: fixed;
top: 0px;
left: 0px;
overflow: hidden;
}
#screen #content {
position: relative;
width: 100%;
transition: 0.5s;
min-height: 100%;
}
.overlay {
display: none;
width: 100%;
height: 100%;
background-color: rgba(32, 46, 66, 0.6);
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
body {
min-width: 1160px;
padding: 0;
}
img {
border: 0;
}
input, input:focus,
select, select:focus,
textarea, textarea:focus,
button, button:focus {
outline: none;
}
fieldset {
position: relative;
display: block;
border: 0;
}
section {
position: relative;
box-sizing: border-box;
}
ul li {
list-style: none;
}
#LZ, .LZ {
position: absolute;
top: -9999px;
left: -9999px;
width: 0;
height: 0;
overflow: hidden;
}
.clearfix:after, .clearfix:before {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.small-container {
width: 940px;
margin: 0 auto;
}
.container {
width: 1104px;
margin: 0 auto;
}
.container.tiny {
width: 822px;
margin-left: 0;
}
.big-container {
width: 1160px;
margin: 0 auto;
}
.gigantic-container {
width: 1280px;
margin: 0 auto;
}
a {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 1.47;
text-decoration: none;
transition: 0.15s;
color: #202e42;
cursor: pointer;
}
.hover-lock, .btn-group.btn-switch.hover-lock {
opacity: 0.5;
cursor: default;
}
.hover-lock .btn, .btn-group.btn-switch.hover-lock .btn, .hover-lock .btn:hover {
cursor: default;
border-color: #dbe3f2 !important;
background-color: #ffffff !important;
}
.play-block .block {
width: 540px;
}
.play-block .block h2 {
margin-bottom: 30px;
}
.play-block .block .play-btn {
margin-top: 56px;
}
.play-block.black .block h2 {
color: #202e42;
}
.play-block.black .block .text-simple {
color: rgba(32, 46, 66, 0.7);
}
.lang-switchers {
border: 1px solid #dbe3f2;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
}
.lang-switchers .lang-block {
float: left;
border-right: 1px solid #dbe3f2;
overflow: hidden;
}
.lang-switchers .lang-block:last-child {
border-right: 0;
}
.lang-switchers .lang-block a {
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
line-height: 10px;
letter-spacing: 0.5px;
color: rgba(32, 46, 66, 0.2);
text-transform: uppercase;
padding: 16px 13px 12px 15px;
position: relative;
display: block;
transition: 0.38s;
}
.lang-switchers .lang-block a:after {
content: '';
position: absolute;
left: 46px;
top: 7px;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
opacity: 0;
transition: 0.38s;
}
.lang-switchers .lang-block a.active, .lang-switchers .lang-block a.show {
color: #202e42;
padding: 16px 41px 12px 16px;
}
.lang-switchers .lang-block a.active.hide, .lang-switchers .lang-block a.show.hide {
padding: 16px 13px 12px 15px;
color: rgba(32, 46, 66, 0.2);
}
.lang-switchers .lang-block a.active.hide:after, .lang-switchers .lang-block a.show.hide:after {
opacity: 0;
}
.lang-switchers .lang-block a.active:after, .lang-switchers .lang-block a.show:after {
opacity: 1;
}
.lang-switchers .lang-block a.ru:after {
background: url("/assets/public/images/ru.svg") no-repeat center;
}
.lang-switchers .lang-block a.en:after {
background: url("/assets/public/images/en.svg") no-repeat center;
}
.lang-switchers .lang-block a.de:after {
background: url("/assets/public/images/de.svg") no-repeat center;
}
.lang-switchers .lang-block a.vn:after {
background: url("/assets/public/images/vn.svg") no-repeat center;
}
.lang-switchers .lang-block a.it:after {
background: url("/assets/public/images/it.svg") no-repeat center;
}
.lang-switchers .lang-block a.pt:after {
background: url("/assets/public/images/pt.svg") no-repeat center;
}
.lang-switchers .lang-block a.es:after {
background: url("/assets/public/images/es.svg") no-repeat center;
}
.lang-switchers .lang-block a.fr:after {
background: url("/assets/public/images/fr.svg") no-repeat center;
}
.lang-switchers .lang-block a.az:after {
background: url("/assets/public/images/az.svg") no-repeat center;
}
.lang-switchers .lang-block a.ua:after {
background: url("/assets/public/images/ua.svg") no-repeat center;
}
.opacity {
opacity: 0.5;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.title-block h4 span {
font-weight: 300;
}
.title-block .text-subheader, .title-block .text-caption {
color: rgba(32, 46, 66, 0.7);
}
section.statistic {
background-color: #212e42;
padding: 80px 0 117px 0;
color: #fff;
}
section.statistic .statistics {
margin-top: 96px;
}
section.statistic .statistics .block {
display: inline-block;
vertical-align: top;
width: 240px;
margin-right: 40px;
}
section.statistic .statistics .block:last-child {
margin-right: 0;
}
section.statistic .statistics .block .number {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 88px;
line-height: 65px;
letter-spacing: -2.2px;
color: #f38a46;
}
section.statistic .statistics .block .title {
margin-top: 24px;
}
section.statistic .statistics .block .subtitle {
margin-top: 16px;
color: rgba(255, 255, 255, 0.7);
}
section.statistic .bottom {
margin-top: 96px;
width: 100%;
position: relative;
}
section.statistic .bottom .line-container .line-block {
position: relative;
cursor: pointer;
float: left;
padding-right: 75px;
}
section.statistic .bottom .line-container .line-block:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 5px;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
section.statistic .bottom .line-container .line-block:last-child {
padding-right: 0;
}
section.statistic .bottom .line-container .line-block .point {
position: relative;
width: 10px;
height: 10px;
}
section.statistic .bottom .line-container .line-block .point:hover .square, section.statistic .bottom .line-container .line-block .point.active .square {
background-color: #f38a46;
width: 16px;
height: 16px;
}
section.statistic .bottom .line-container .line-block .point:hover .year, section.statistic .bottom .line-container .line-block .point.active .year {
font-size: 36px;
line-height: 25px;
letter-spacing: 0.4px;
bottom: -22px;
}
section.statistic .bottom .line-container .line-block .point .square {
width: 10px;
height: 10px;
border-radius: 2px;
background-color: #7a8aa7;
transition: 0.38s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.statistic .bottom .line-container .line-block .point .year {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 11px;
letter-spacing: 0.2px;
color: #fff;
transition: 0.38s;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(100%);
bottom: -29px;
}
section.statistic .bottom .controls {
position: absolute;
right: 0;
top: 0;
}
section.statistic .bottom .controls .control {
width: 50px;
height: 50px;
box-sizing: border-box;
float: left;
background-color: #7a8aa7;
position: relative;
cursor: pointer;
transition: 0.38s;
}
section.statistic .bottom .controls .control:hover {
background-color: #99A9C9;
}
section.statistic .bottom .controls .control.left {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
section.statistic .bottom .controls .control.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
section.statistic .bottom .controls .control svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
fill: #fff;
}
section.map-city {
background-color: #212e42;
width: 100%;
height: 780px;
position: relative;
z-index: 0;
}
section.map-city .layout-left {
position: absolute;
z-index: 101;
left: 0;
width: 360px;
overflow: hidden;
height: 100%;
}
section.map-city .map {
width: 100%;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
overflow: hidden;
}
section.map-city .map svg {
height: 100%;
width: 160%;
}
section.map-city .map img, section.map-city .map object {
height: 100%;
}
section.map-city .map-container {
width: 2266px;
}
section.map-city .map-container .points .point {
display: none;
position: absolute;
z-index: 1000;
transform: translateX(-42%) translateY(-130%);
}
section.map-city .map-container .points .point.show .table {
transform: translateY(-4px);
}
section.map-city .map-container .points .point .table {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
background-color: #fff;
padding: 12px 8px;
border-radius: 3px;
transition: 0.5s cubic-bezier(0.33, 0.84, 0.59, 0.93);
transform: translateY(-14px);
}
section.map-city .map-container object, section.map-city .map-container img {
width: 100%;
}
section.map-city .map-container .map-points {
position: absolute;
z-index: 100;
width: 2246px;
}
section.map-city .map-container .map-points.points-delivery circle {
fill: #f38a46;
}
section.map-city .map-container .map-points svg {
width: calc(100% + 22px);
transform: translateX(-0.4px);
}
section.map-city .map-container .map-points circle {
cursor: pointer;
transition: 0.38s;
fill: #fff;
r: 6;
}
section.map-city .map-container .map-points circle:hover, section.map-city .map-container .map-points circle.active {
r: 13;
}
section.map-city .map-header {
width: 1104px;
}
section.map-city .map-header .title-block {
position: absolute;
left: 0;
top: 86px;
}
section.map-city .map-header .title-block h3 {
color: #fff;
}
section.map-city .map-header .map-legend {
background-color: #3f4f69;
border-radius: 3px;
box-sizing: border-box;
padding: 16px 24px;
position: absolute;
right: 0;
top: 96px;
}
section.map-city .map-header .map-legend .block {
display: inline-block;
vertical-align: top;
}
section.map-city .map-header .map-legend .block:first-child {
margin-right: 18px;
}
section.map-city .map-header .map-legend .block div {
display: inline-block;
vertical-align: middle;
color: #fff;
}
section.map-city .map-header .map-legend .block .square {
width: 12px;
height: 12px;
border-radius: 2px;
background-color: #ffffff;
margin-right: 2px;
}
section.map-city .map-header .map-legend .block .square.orange {
background-color: #f38a46;
}
section.map-city .map-header .btn-group {
position: absolute;
top: 94px;
right: 0;
}
section.map-city .map-header .btn-group .btn {
background-color: #7a8aa7;
border-color: #7a8aa7;
color: #fff;
}
section.map-city .map-header .btn-group .btn:hover, section.map-city .map-header .btn-group .btn.active {
background-color: #fff;
border-color: #fff;
color: #202e42;
}
section.map-city .developer-block {
position: absolute;
bottom: -110px;
margin: 0 auto;
max-width: 100%;
border-radius: 3px;
overflow: hidden;
}
section.map-city .developer-block .developer-logo, section.map-city .developer-block .developer-info {
display: inline-block;
vertical-align: top;
}
section.map-city .developer-block .developer-logo {
width: 445px;
height: 218px;
margin-right: -5px;
background-color: #ffffff;
border: 1px solid #dbe3f2;
border-right: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
position: relative;
}
section.map-city .developer-block .developer-logo img, section.map-city .developer-block .developer-logo svg, section.map-city .developer-block .developer-logo .svg {
width: 341px;
height: auto;
}
section.map-city .developer-block .developer-info {
width: 659px;
height: 220px;
background-color: #F1F3FB;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
section.map-city .developer-block .developer-info .block {
padding: 45px 48px 0 48px;
}
section.map-city .developer-block .developer-info .block .title-block {
width: 92%;
}
section.map-city .developer-block .developer-info .block .title-block h4 {
line-height: 30px;
margin-bottom: 19px;
}
section.map-city .developer-block .developer-info .more {
z-index: 2;
height: 55px;
width: 220px;
background-color: #F1F3FB;
transition: .28s ease-in;
position: absolute;
right: -81px;
bottom: -6px;
transform: rotate(-90deg) translateX(40%);
border-top: 1px solid #dbe3f2;
cursor: pointer;
}
section.map-city .developer-block .developer-info .more:hover {
background-color: #F5F7FD;
}
section.map-city .developer-block .developer-info .more div {
display: inline-block;
vertical-align: top;
transition: 0.5s;
}
section.map-city .developer-block .developer-info .more .text-button-small, section.map-city .developer-block .developer-info .more .btn-group .btn, .btn-group section.map-city .developer-block .developer-info .more .btn {
white-space: nowrap;
width: 149px;
text-align: center;
margin-top: 22px;
color: #202e42;
}
section.map-city .developer-block .developer-info .more .arrow {
bottom: 0;
border-right: 1px solid #dbe3f2;
width: 24px;
height: 24px;
padding: 15px 16px 17px 17px;
}
section.map-city .developer-block .developer-info .more .arrow svg, section.map-city .developer-block .developer-info .more .arrow .svg {
width: 100%;
height: 100%;
fill: #202e42;
}
section.advantage {
background-color: #ffffff;
overflow: hidden;
width: 100%;
height: 428px;
}
section.advantage .container {
position: relative;
height: 100%;
}
section.advantage.first-padding {
height: 485px;
}
section.advantage.first-padding .title-block {
top: 62%;
}
section.advantage.first-padding .number {
letter-spacing: -50px;
top: 400px;
}
section.advantage .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 500px;
line-height: 360px;
letter-spacing: -20px;
font-weight: 500;
color: #f1f3fb;
position: absolute;
left: 49%;
transform: translateY(0);
top: 83%;
transition: 1s cubic-bezier(0.33, 0.84, 0.59, 0.93);
}
section.advantage .title-block {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 520px;
}
section.advantage .title-block .text-simple {
width: 410px;
margin: 31px 0 0;
color: rgba(32, 46, 66, 0.7);
}
section.advantage.reverse .number {
left: 0;
}
section.advantage.reverse .title-block {
left: 100%;
transform: translate(-100%, -50%);
}
section.advantage.reverse .image {
margin: 0 50px 0 0;
}
section.advantage.grey {
background-color: #F1F3FB;
}
section.advantage.grey .number {
color: #dbe3f2;
}
section.advantage.dark {
background-color: #9aaac8;
}
section.advantage.dark .number {
color: #91a3c1;
}
section.advantage.dark h2, section.advantage.dark .text-simple {
color: #ffffff;
}
section.staff-section {
padding: 140px 0 98px 0;
}
section.staff-section .maze {
margin: 40px 0 0 0;
}
section.staff-section .maze .worker-card {
border: 1px solid #dbe1f2;
border-radius: 3px;
display: inline-block;
vertical-align: top;
width: 258px;
height: 434px;
box-sizing: border-box;
margin: 24px 19px 0 0;
position: relative;
}
section.staff-section .maze .worker-card .owned {
position: absolute;
left: 0;
top: 0;
background-color: #fa9552;
border-bottom-right-radius: 3px;
color: #fff;
padding: 16px;
box-sizing: border-box;
}
section.staff-section .maze .worker-card:nth-child(4n) {
margin-right: 0;
}
section.staff-section .maze .worker-card.invite-card .error-card {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: #ff6550;
display: none;
}
section.staff-section .maze .worker-card.invite-card .error-card .content .description-block h5 {
color: #fff;
}
section.staff-section .maze .worker-card.invite-card .error-card .content .description-block .text-small {
color: rgba(255, 255, 255, 0.8);
}
section.staff-section .maze .worker-card.invite-card .content .controls {
position: relative;
width: 100%;
height: 50px;
cursor: pointer;
text-align: center;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-action {
width: 100%;
height: 100%;
background-color: #fff;
display: none;
box-sizing: border-box;
white-space: nowrap;
border: 1px solid #dbe3f2;
border-radius: 3px;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-error {
background-color: #ff6550;
color: #fff;
padding: 21px 0;
border: 1px solid #ff6550;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-lock {
padding: 21px 24px;
cursor: default;
background-color: #f1f3fb;
border: 1px solid #f1f3fb;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-lock span {
display: inline-block;
vertical-align: middle;
float: left;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-lock span.timer-lock {
font-weight: 600;
float: right;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-success {
position: relative;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-success svg {
width: 24px;
height: 24px;
fill: #6cc872;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-more {
position: relative;
display: block;
padding: 21px 0;
border: 1px solid #dbe3f2;
transition: .38s;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-more:hover {
background-color: #F5F7FD;
}
section.staff-section .maze .worker-card.invite-card .content .controls .invite-loader .loader-container {
width: 22px;
height: 22px;
}
section.staff-section .maze .worker-card.add-worker {
border-color: #F1F3FB;
background-color: #F1F3FB;
}
section.staff-section .maze .worker-card.add-worker .content {
padding: 47px 40px 0 48px;
}
section.staff-section .maze .worker-card.add-worker .content .title-block .text-subheader {
margin: 24px 0 0;
}
section.staff-section .maze .worker-card.add-worker .content .add {
margin: 33px 0 0;
background-color: #ffffff;
cursor: pointer;
width: 162px;
height: 162px;
}
section.staff-section .maze .worker-card.add-worker .content .add svg {
width: 24px;
height: 24px;
padding: 69px;
}
section.staff-section .maze .worker-card .content {
padding: 24px;
}
section.staff-section .maze .worker-card .content .photo-block {
width: 210px;
height: 210px;
overflow: hidden;
}
section.staff-section .maze .worker-card .content .photo-block img {
width: 100%;
height: 100%;
}
section.staff-section .maze .worker-card .content .description-block {
margin: 24px 0 0;
}
section.staff-section .maze .worker-card .content .description-block h5 {
font-weight: 400;
}
section.staff-section .maze .worker-card .content .description-block .text-small {
margin: 16px 0 0;
color: rgba(32, 46, 66, 0.7);
}
section.staff-section .maze .worker-card .content .controls {
margin: 24px 0 0;
}
section.staff-section .maze .worker-card .content .controls .btn-group {
float: left;
}
section.staff-section .maze .worker-card .content .controls .btn-group .edit svg, section.staff-section .maze .worker-card .content .controls .btn-group .delete svg {
stroke: #202E42;
stroke-width: 2px;
transition: 0.5s;
}
section.staff-section .maze .worker-card .content .controls .btn-group .edit .lock-table, section.staff-section .maze .worker-card .content .controls .btn-group .delete .lock-table {
padding: 16px;
width: 177px;
}
section.staff-section .maze .worker-card .content .controls .btn-group .delete {
transition: 0.5s;
}
section.staff-section .maze .worker-card .content .controls .btn-group .delete:hover {
background-color: #ff6550;
border-color: #ff6550;
}
section.staff-section .maze .worker-card .content .controls .btn-group .delete:hover svg {
stroke: #fff;
}
section.staff-section .maze .worker-card .content .controls .admin-status {
margin: 13px 0 0;
display: inline-block;
vertical-align: top;
float: right;
position: relative;
cursor: pointer;
}
section.staff-section .maze .worker-card .content .controls .admin-status svg {
width: 24px;
height: 24px;
}
section.admin-page {
width: 100%;
}
section.admin-page .under-form {
width: 100%;
}
section.admin-page .under-form .left-side {
float: left;
margin: 16px 0 0;
}
section.admin-page .under-form .right-side {
margin: 25px 0 0;
float: right;
}
section.admin-page .form {
position: absolute;
left: 50%;
top: calc(50% - 50px);
transform: translate(-50%, -50%);
}
section.admin-page .form .container {
width: 528px;
position: relative;
}
section.admin-page .form .back {
position: absolute;
top: -66px;
left: 0;
}
section.admin-page .form .title-block {
margin: 0 0 40px 0;
}
section.admin-page .form .title-block .subtitle {
margin: 16px 0 0;
}
section.admin-page .form .title-block .subtitle .text-subheader {
display: inline-block;
vertical-align: middle;
margin: 2px 0 0;
}
section.admin-page .form .title-block .subtitle .avatar {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
margin-right: 6px;
}
section.admin-page .form .title-block .subtitle .avatar img {
width: 100%;
height: 100%;
}
section.admin-page .form .form-block {
margin: 16px auto 0;
width: 400px;
border: 1px solid #dbe1f2;
border-radius: 3px;
padding: 56px 64px 48px;
white-space: nowrap;
overflow: hidden;
position: relative;
}
section.admin-page .form .form-block.load:before {
transform: translateX(0);
}
section.admin-page .form .form-block.load:after {
-webkit-animation: admin-load 3s infinite linear;
animation: admin-load 3s infinite linear;
}
section.admin-page .form .form-block:before, section.admin-page .form .form-block:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
height: 4px;
transform: translateX(-100%);
}
section.admin-page .form .form-block:before {
width: 100%;
background-color: #dbe1f2;
}
section.admin-page .form .form-block:after {
width: 50%;
background-color: #FA9552;
}
section.admin-page .form .form-block form .accept-block .text-subheader {
margin: 18px 0 0;
}
section.admin-page.admin-form .form .title-block {
margin: 0;
}
section.admin-page.admin-form .form .form-group {
margin: 0;
}
section.admin-page.admin-remind form .error-disclaimer {
margin: 16px 0 4px 0;
}
section.admin-page.admin-remind form.has-error .error-disclaimer {
margin: 26px 0 24px 0;
}
section.admin-page.admin-reset .form .title-block {
margin: 0 0 43px 0;
}
section.admin-page.admin-reset .form .form-block {
white-space: normal;
width: auto;
height: auto;
padding: 53px 64px 45px;
}
section.admin-page.admin-reset .form .form-block .accept-block {
margin: 12px 0 0 0;
}
section.admin-page.admin-reset .form .form-block .form-group .input {
margin: 0 0 16px 0;
}
section.admin-auth .form-login .title-block, section.admin-auth .form-auth .title-block {
margin: 0;
}
section.admin-auth .form-login .error-disclaimer {
margin: 16px 0 4px 0;
}
section.admin-auth .form-login.has-error .error-disclaimer {
margin: 16px 0 24px 0;
}
section.admin-auth .form-auth .error-disclaimer {
margin: 14px 0 4px 0;
}
section.admin-auth .form-auth.has-error .error-disclaimer {
margin: 24px 0 24px 0;
}
section.admin-auth .admin-login {
display: inline-block;
vertical-align: middle;
transition: 0.5s;
}
section.admin-auth .admin-login.hide {
transform: translateX(-120%);
}
section.admin-auth .admin-password {
transition: 0.5s;
transform: translateX(20%);
display: inline-block;
vertical-align: middle;
}
section.admin-auth .admin-password.show {
transform: translateX(-102%);
}
header.admin-header {
margin: 48px 48px 0;
height: 100%;
}
header.admin-header .left-side {
float: left;
}
header.admin-header .left-side .logo {
float: left;
}
header.admin-header .left-side .logo img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
header.admin-header .left-side .logo .text-small {
display: inline-block;
vertical-align: middle;
width: 175px;
}
header.admin-header .right-side {
float: right;
}
header.admin-header .right-side .phone {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 1;
letter-spacing: -0.6px;
color: #202e42;
display: inline-block;
vertical-align: middle;
}
header.admin-header .right-side .btn-simple.white-btn {
margin: 0 6px 0 12px;
font-size: 20px;
line-height: 10px;
letter-spacing: 0.1px;
padding: 19px 24px;
}
section.error-section {
text-align: center;
margin: 150px 0 260px;
}
section.error-section .image {
margin: 0 auto 40px;
width: 220px;
height: 220px;
}
section.error-section .image img {
width: 100%;
height: 100%;
}
section.error-section .description-block .text-caption {
color: rgba(32, 46, 66, 0.7);
margin: 8px 0 0;
}
section.error-section .description-block .link {
margin: 40px 0 0;
display: inline-block;
text-decoration: none;
}
section.registration-advantages {
margin: 74px 0 144px 0;
}
section.registration-advantages .block {
width: 528px;
margin: 0 auto;
border-radius: 3px;
overflow: hidden;
}
section.registration-advantages .block .advantages {
padding: 62px 36px 67px 64px;
border-top: 1px solid #dbe1f2;
border-right: 1px solid #dbe1f2;
border-left: 1px solid #dbe1f2;
}
section.registration-advantages .block .advantages .advantage {
margin: 0 0 63px 0;
}
section.registration-advantages .block .advantages .advantage .description-block {
float: left;
}
section.registration-advantages .block .advantages .advantage .description-block .list {
margin: 32px 0 0 0;
}
section.registration-advantages .block .advantages .advantage .description-block .list .point {
margin: 0 0 16px 0;
}
section.registration-advantages .block .advantages .advantage .description-block .list .point .image, section.registration-advantages .block .advantages .advantage .description-block .list .point .text-table {
display: inline-block;
vertical-align: middle;
}
section.registration-advantages .block .advantages .advantage .description-block .list .point .image {
width: 24px;
height: 24px;
margin: 0 4px 0 0;
}
section.registration-advantages .block .advantages .advantage .description-block .list .point .image svg {
width: 100%;
height: 100%;
fill: #6CC872;
}
section.registration-advantages .block .advantages .advantage .picture-block {
float: right;
width: 258px;
height: 258px;
background-color: #dbe1f2;
border-radius: 3px;
}
section.registration-advantages .block .advantages .advantage .picture-block img, section.registration-advantages .block .advantages .advantage .picture-block svg {
width: 100%;
height: 100%;
}
section.registration-advantages .block .advantages .advantage:last-child {
margin: 0;
}
section.registration-advantages .block .block-footer {
background-color: #f1f3fb;
padding: 62px 65px 65px;
border-radius: 3px;
margin: -2px 0 0 0;
}
section.registration-advantages .block .block-footer .title-block .subtitle {
margin: 8px 0 0 0;
}
section.registration-advantages .block .block-footer .btns {
margin: 32px 0 0 0;
}
section.registration-advantages .block .block-footer .btns .submit-btn, section.registration-advantages .block .block-footer .btns .btn-simple-big {
margin: 0 4px 0 0;
}
section.search-page .search-section {
position: relative;
height: 62px;
margin: 48px 0 0;
}
section.search-page .search-section .search-pole {
display: block;
width: 100%;
}
section.search-page .search-section .search-pole form {
width: 100%;
}
section.search-page .search-section .search-pole form label {
left: 20px;
}
section.search-page .search-section .search-pole form input {
padding: 16px 0 0 20px;
position: relative;
z-index: 3;
}
.components .stage {
height: 240px;
width: 1143px;
margin: 48px auto 0;
}
.components .component-block {
width: 340px;
height: 240px;
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
display: inline-block;
position: relative;
cursor: pointer;
margin-right: 37px;
}
.components .component-block:last-child {
margin-right: 0;
}
.components .component-block .image {
display: inline-block;
vertical-align: top;
width: 292px;
height: 240px;
background-color: #F1F3FB;
position: relative;
z-index: 0;
box-sizing: border-box;
transition: .38s;
overflow: hidden;
}
.components .component-block .image img {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
}
.components .component-block .more {
z-index: 2;
height: 47px;
width: 240px;
background-color: #7a8aa7;
transition: .5s;
position: absolute;
right: -96px;
bottom: 0;
transform: rotate(-90deg) translateX(40%);
border-top: 1px solid #7a8aa7;
}
.components .component-block .more div {
display: inline-block;
vertical-align: top;
transition: 0.5s;
}
.components .component-block .more .text-button-small, .components .component-block .more .btn-group .btn, .btn-group .components .component-block .more .btn {
white-space: nowrap;
width: 183px;
text-align: center;
margin-top: 18px;
color: #ffffff;
}
.components .component-block .more .arrow {
bottom: 0;
border-right: 1px solid rgba(255, 255, 255, 0.3);
width: 24px;
height: 24px;
padding: 12px 12px 12px 11px;
}
.components .component-block .more .arrow svg {
width: 100%;
height: 100%;
fill: #fff;
}
.components .component-block .information-block {
position: absolute;
right: 46px;
top: 0;
background-color: #FA9552;
height: 100%;
width: 0;
transition: 0.5s;
}
.components .component-block .information-block .body {
padding: 0 0 0 31px;
width: 170px;
height: 216px;
overflow: hidden;
}
.components .component-block .information-block .body .info {
margin-top: 24px;
}
.components .component-block .information-block .body .info .name {
color: rgba(255, 255, 255, 0.5);
}
.components .component-block .information-block .body .info .description {
color: #ffffff;
display: block;
}
.components .component-block .information-block .body .info .description.component-link {
transition: 0.28s;
cursor: pointer;
-webkit-text-decoration: underline transparent;
text-decoration: underline transparent;
display: inline-block;
}
.components .component-block .information-block .body .info .description.component-link:hover {
-webkit-text-decoration: underline #fff;
text-decoration: underline #fff;
}
.components .component-block.now .more {
background-color: #6cc872;
border-top: 1px solid #6cc872;
}
.components .component-block:hover .more {
background-color: #FA9552;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
.components .component-block:hover .more .arrow svg {
fill: #fff;
}
.components .component-block:hover .information-block {
width: 231px;
}
section.section-placeholder-empty {
background-color: #f1f3fb;
padding: 47px 56px 54px 72px;
margin: 64px 0 80px 0;
}
section.section-placeholder-empty .title-block span {
color: #7a8aa7;
font-weight: 300;
}
section.section-placeholder-empty.no-btns .description-block {
width: 100%;
}
section.section-placeholder-empty .description-block {
width: 482px;
float: left;
}
section.section-placeholder-empty .btns {
float: right;
margin: 7px 0 0 0;
}
section.section-placeholder-empty .btns .submit-btn {
margin: 0 4px 0 0;
}
section.section-placeholder-empty .image {
width: 342px;
height: 236px;
float: right;
}
section.section-placeholder-empty .image img, section.section-placeholder-empty .image svg {
width: 100%;
height: 100%;
}
.vimeo-section {
margin: 200px 0 104px 0;
}
.vimeo-section iframe {
position: absolute;
right: -3px;
top: -3px;
width: 101%;
height: 101%;
display: none;
z-index: 11;
border-radius: 3px;
}
.vimeo-section .overlay-vimeo {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #000;
z-index: 9;
}
.vimeo-section .table {
padding: 26px 32px;
background-color: #f1f3fb;
border-radius: 3px;
z-index: 10;
}
.vimeo-section .title-block {
width: 447px;
float: left;
margin: 17px 0 0 0;
}
.vimeo-section .title-block .text-simple {
margin: 15px 0 0;
color: rgba(32, 46, 66, 0.7);
}
.vimeo-section .title-block .link {
margin: 23px 0 0;
display: inline-block;
}
.vimeo-section .play-btn {
z-index: 10;
position: absolute;
left: 12px;
bottom: 12px;
}
.vimeo-section .video-popup-preview {
float: right;
width: 470px;
height: 264px;
position: relative;
border-radius: 2px;
overflow: hidden;
cursor: pointer;
}
.vimeo-section .video-popup-preview:hover .play-btn.rotate {
background-color: #f5f7fe;
}
.vimeo-section .video-popup-preview .video-preview {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.vimeo-section .video-popup-preview .video-preview video {
width: 100%;
height: 100%;
}
.video-section {
margin: 96px 0 0 0;
}
.video-section .section {
background-color: #f1f3fb;
border-radius: 3px;
height: 480px;
position: relative;
overflow: hidden;
}
.video-section .section.start:after {
width: 0 !important;
transition: 0s !important;
}
.video-section .section:before {
content: '';
display: block;
position: absolute;
left: 33px;
bottom: 22px;
height: 3px;
border-radius: 3px;
overflow: hidden;
visibility: hidden;
}
.video-section .section:before {
background-color: #dbe3f2;
width: 1040px;
z-index: 10;
}
.video-section .section .video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.video-section .section .video .load-video {
position: absolute;
left: 217px;
top: 180px;
width: 75px;
height: 80px;
z-index: 10;
display: none;
}
.video-section .section .video .load-video svg {
width: 100%;
height: 100%;
-webkit-animation: load-video 2s infinite forwards linear;
animation: load-video 2s infinite forwards linear;
transform-origin: center center;
}
.video-section .section .video video {
position: absolute;
left: 0;
top: 0;
}
.video-section .section .video .man-talk {
display: none;
}
.video-section .section .block {
width: 583px;
z-index: 2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.video-section .section .block .title-block {
width: 504px;
}
.video-section .section .block .title-block h3 {
margin-bottom: 9px;
color: #202e42;
}
.video-section .section .block .title-block .text-simple {
color: rgba(32, 46, 66, 0.7);
}
.video-section .load-block-time-line {
width: 1040px;
position: absolute;
left: 33px;
bottom: 22px;
height: 3px;
border-radius: 3px;
display: none;
z-index: 10;
background-color: #dbe3f2;
cursor: pointer;
}
.video-section .load-block-time-line .time-line {
width: 100%;
height: 500%;
z-index: 1000;
cursor: pointer;
}
.video-section .load-block-time-line .lines {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
}
.video-section .load-block-time-line .time-line-load {
background-color: #fa9552;
border-radius: 3px;
height: 100%;
width: 100%;
transition: 0.5s;
transform-origin: 0 0;
transform: scaleX(0);
}
.video-section .load-block-time-line .line {
position: absolute;
left: -50%;
top: 0;
opacity: 0;
background-color: #fa9552;
border-radius: 3px;
height: 100%;
width: 50%;
transition: 0.5s;
transform-origin: 0 0;
}
.video-section .load-block-time-line.loading .line {
width: 30%;
opacity: 1;
-webkit-animation: load 1.8s infinite forwards linear;
animation: load 1.8s infinite forwards linear;
}
.video-section .btn-groups {
position: relative;
width: 100%;
height: 100%;
}
.video-section .btn-groups .play-btn {
margin-top: 56px;
display: inline-block;
vertical-align: top;
transition: 0.5s;
width: auto;
}
.video-section .btn-groups .play-btn.lock .name {
opacity: 0.6;
}
.video-section .btn-groups .play-btn.playing.lock .play .pause {
opacity: 0.5;
}
.video-section .btn-groups .play-btn.playing .play .pause {
opacity: 1;
}
.video-section .btn-groups .play-btn.playing .play .play-button {
opacity: 0;
}
.video-section .btn-groups .play-btn .play {
position: relative;
}
.video-section .btn-groups .play-btn .play svg {
width: 24px;
height: 24px;
}
.video-section .btn-groups .play-btn .play .pause {
position: absolute;
opacity: 0;
}
.video-section .btn-groups .play-btn .play .play-button {
opacity: 1;
}
.video-section .btn-groups .play-btn .name {
padding: 25px 30px;
text-align: center;
white-space: nowrap;
}
.video-section .btn-groups .play-btn.video-volume {
display: none;
transition: none;
}
.video-section .btn-groups .play-btn.video-volume .name {
padding: 24px 30px;
}
.video-section .btn-groups .play-btn.video-volume .play {
height: 58px;
}
.video-section .btn-groups .play-btn.video-volume.lock .volume {
opacity: 0.5;
}
.video-section .btn-groups .play-btn.video-volume.muted .volume {
opacity: 0;
}
.video-section .btn-groups .play-btn.video-volume.muted .volume-off {
opacity: 1;
}
.video-section .btn-groups .play-btn.video-volume .volume-off {
position: absolute;
opacity: 0;
left: 0;
top: 0;
}
.video-section .btn-groups .play-btn.video-volume .volume {
opacity: 1;
}
.scale-page {
transition: 0.5s;
}
.scale-page.hide {
opacity: 0;
z-index: -1;
transform: scale(0.5);
}
.join-page .big-form .title-block {
width: 580px;
}
.join-page .big-form .form-block {
padding: 56px 64px 64px 64px;
width: 598px;
margin: 0 auto;
}
.join-page .big-form .email-now {
font-size: 15px;
line-height: 8px;
color: rgba(32, 46, 66, 0.3);
border: 1px solid #F1F3FB;
padding: 28px 20px;
width: 358px;
}
.join-page .big-form form {
margin: 48px 0 0 0;
}
.join-page .big-form form .left-side {
float: left;
width: 400px;
overflow: hidden;
}
.join-page .big-form form .right-side {
float: right;
width: 152px;
overflow: hidden;
margin: 82px 0 0 0;
}
.join-page .big-form form .right-side.has-error .form-group .photo {
border: 2px solid #ff6550;
}
.join-page .big-form form .right-side.has-error .form-group .error-text {
opacity: 1;
}
.join-page .big-form form .right-side .form-group .photo {
width: 100%;
height: 100%;
border-radius: 3px;
overflow: hidden;
box-sizing: border-box;
transition: 0.38s;
}
.join-page .big-form form .right-side .form-group .photo img {
width: 100%;
height: 100%;
}
.join-page .big-form form .right-side .form-group .file-input {
width: 152px;
height: 152px;
position: relative;
padding: 0;
margin: 0;
}
.join-page .big-form form .right-side .form-group .file-input:hover {
border: 1px solid #F1F3FB;
}
.join-page .big-form form .right-side .form-group .file-input:after {
display: none;
}
.join-page .big-form form .right-side .form-group .file-input .add-block {
background-color: #ffffff;
cursor: pointer;
border: 1px solid #dbe3f2;
border-radius: 3px;
box-sizing: border-box;
transition: 0.38s;
padding: 13px;
}
.join-page .big-form form .right-side .form-group .file-input .add-block.hover {
background-color: #f5f7fe;
}
.join-page .big-form form .right-side .form-group .file-input .add-block svg {
width: 24px;
height: 24px;
stroke: #202E42;
stroke-width: 2px;
}
.join-page .big-form form .right-side .form-group .file-input .file {
padding: 0;
}
.join-page .big-form form .right-side .form-group .file-input .file, .join-page .big-form form .right-side .form-group .file-input .add-block {
position: absolute;
left: 8px;
top: 94px;
width: 50px;
height: 50px;
border-radius: 3px;
cursor: pointer;
}
.join-page .big-form form .right-side .form-group .description {
margin: 16px 0 0;
}
.join-page .big-form form .right-side .form-group .description .text-small {
margin: 2px 0 0;
color: rgba(32, 46, 66, 0.7);
}
.join-page .big-form form .right-side .form-group .error-text {
opacity: 0;
transition: 0.38s;
margin: 16px 0 0 0;
}
.join-page .big-form form .input, .join-page .big-form form .file-input {
margin: 16px 0 0;
}
.join-page .big-form form .accept-block .submit, .join-page .big-form form .accept-block .checkbox {
float: left;
}
.join-page .big-form form .accept-block .checkbox {
margin: 40px 0 0;
}
.join-page .big-form form .accept-block .submit {
display: block;
margin: 40px 0 0;
}
.join-page .big-form form .accept-block .submit input {
display: inline-block;
vertical-align: middle;
}
.join-page .big-form form .accept-block .btn-simple-big {
margin: 0 0 0 44px;
}
.register-form {
width: 528px;
}
.register-form .form-block {
width: 402px;
padding: 53px 60px 56px 64px;
overflow: hidden;
}
.register-form .form-block .title-block {
margin: 0 0 0 0;
}
.register-form .form-block form.has-error .error-disclaimer {
margin: 24px 0 32px 0;
}
.register-form .form-block form .error-disclaimer {
margin: 2px 0 18px 0;
}
.register-form .form-block form .form-group {
display: block;
}
.register-form .form-block form .form-group .input input {
width: 400px;
}
.register-form .form-block form .accept-block {
margin-top: 0;
}
.register-form .form-block form .accept-block .checkbox {
margin-top: 10px;
}
.register-form .form-block form .accept-block .checkbox label, .register-form .form-block form .accept-block .checkbox a {
font-size: 13px;
}
.register-form .form-block form .accept-block .agree-block {
width: 192px;
}
.video-block-small .video-block {
float: left;
background-color: #edeff7;
position: relative;
width: 388px;
height: 460px;
overflow: hidden;
}
.video-block-small .video-block .load-video {
width: 75px;
height: 80px;
z-index: 10;
display: none;
}
.video-block-small .video-block .load-video svg {
width: 100%;
height: 100%;
-webkit-animation: load-video 2s infinite forwards linear;
animation: load-video 2s infinite forwards linear;
transform-origin: center center;
}
.video-block-small .video-block video {
width: auto;
height: 100%;
left: -45px;
}
.video-block-small .video-block video.man-wait {
display: none;
}
.video-block-small .video-block .load-block {
left: 0;
bottom: 0;
height: 4px;
width: 100%;
}
.video-block-small .video-block .play-btn {
border-radius: 2px;
background-color: #fff;
position: absolute;
bottom: 24px;
}
.video-block-small .video-block .video-volume {
right: 24px;
}
.video-block-small .video-block .video-play {
background-color: #fa9552;
left: 24px;
}
.video-block-small .description-block {
padding: 56px 72px 64px 72px;
background-color: #ffffff;
border-bottom: 1px solid #dbe3f2;
border-right: 1px solid #dbe3f2;
border-top: 1px solid #dbe3f2;
float: right;
width: 716px;
height: 460px;
box-sizing: border-box;
}
.video-block-small .description-block .title-block .text-subheader {
margin: 16px 0 0 0;
}
.video-block-small .description-block .form-block {
margin: 48px 0 0 0;
}
.video-block-small .description-block .form-block form .submit {
margin: 16px 0 0 0;
float: none;
}
.success-block {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.5);
transform-origin: center center;
z-index: -1;
opacity: 0;
transition: 0.5s;
}
.success-block.show {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
z-index: 0;
}
.success-block .image {
width: 220px;
height: 220px;
border-radius: 3px;
background-color: #edeff7;
margin: 0 auto;
}
.success-block .image img, .success-block .image svg {
width: 100%;
height: 100%;
}
.success-block .title-block {
margin: 40px 0 0 0;
}
.success-block .btns {
margin: 40px 0 0 0;
display: block;
}
.success-block .links {
margin: 16px 0 0 0;
display: block;
}
.nadoeda {
width: 257px;
height: 128px;
border-radius: 3px;
vertical-align: top;
background-color: #212e42;
overflow: hidden;
position: fixed;
left: 334px;
bottom: -12px;
z-index: 100;
transition: bottom 0.5s;
display: none;
}
.nadoeda.shown {
bottom: 24px;
}
.nadoeda .header {
background-color: #6cc872;
padding: 13px 24px 13px 24px;
}
.nadoeda .header .text-caption {
color: #ffffff;
}
.nadoeda .header .text-caption span:first-child {
float: left;
}
.nadoeda .header .text-caption span:last-child {
float: right;
}
.nadoeda .body {
padding: 19px 34px 24px 24px;
width: 199px;
position: absolute;
}
.nadoeda .body .info .name {
color: rgba(255, 255, 255, 0.6);
}
.nadoeda .body .info .description {
white-space: nowrap;
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
width: 180px;
}
.nadoeda .body .info.order .description {
height: 64px;
color: #fff;
}
.nadoeda .body svg {
width: 24px;
height: 24px;
position: absolute;
top: 28px;
right: 16px;
fill: #fff;
}
.footer-section .title-block {
float: left;
}
.footer-section .btn-group {
float: right;
}
.lock-table {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%) translateY(-80%);
box-shadow: 0 1px 5px 0 rgba(96, 104, 128, 0.3);
background-color: #fff;
padding: 7px 16px 9px 16px;
border-radius: 3px;
z-index: 10;
display: none;
box-sizing: border-box;
text-align: left;
color: #202e42;
}
.js-lock-table-parent {
position: relative;
}
.error-block {
position: relative;
}
.error-block.error-grey .error-description {
background-color: #edeff7;
}
.error-block.error-grey .error-description li {
color: rgba(32, 46, 66, 0.6);
}
.error-block.show-error {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.error-block .error-description {
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
background-color: #ff6550;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 17px 20px 16px 20px;
z-index: 10;
box-sizing: border-box;
display: none;
}
.error-block .error-description li {
color: #fff;
white-space: nowrap;
margin: 12px 0 0 0;
display: block;
}
.error-block .error-description li:first-child {
margin: 0;
}
.error-disclaimer {
width: 100%;
box-sizing: border-box;
position: relative;
transition: 0.5s;
opacity: 0;
}
.error-disclaimer.invisible {
transition: 0s;
position: fixed;
left: -999999px;
top: -9999999px;
}
.error-disclaimer.invisible .text-caption {
transition: 0s;
padding: 14px 0 12px;
}
.error-disclaimer.show {
opacity: 1;
}
.error-disclaimer.show .text-caption {
padding: 14px 0 12px;
}
.error-disclaimer .error-bg {
width: 200%;
height: 100%;
background: rgba(255, 101, 80, 0.18);
transition: 0.5s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.error-disclaimer .text-caption {
color: #ff6550 !important;
transition: 0.5s;
}
.loader-circle {
display: block;
width: 18px;
height: 18px;
position: relative;
border-radius: 100% 100%;
border-bottom: 2px solid #dbe3f2;
border-left: 2px solid #dbe3f2;
border-top: 2px solid #7a8aa7;
border-right: 2px solid #7a8aa7;
-webkit-animation: load-circle 1.28s linear infinite;
animation: load-circle 1.28s linear infinite;
}
.float-li {
float: right !important;
clear: both !important;
margin: 0 !important;
}
@-webkit-keyframes load-circle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes load-circle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.opinion {
width: 258px;
height: 346px;
background-color: #f5f7fe;
border: 8px solid #dbe3f2;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.opinion:last-child {
margin-right: 0;
}
.opinion img {
width: 212px;
height: 300px;
}
section.values-section {
margin-top: 88px;
}
section.values-section .values .block {
margin-top: 64px;
width: 300px;
margin-right: 71px;
display: inline-block;
vertical-align: top;
}
section.values-section .values .block:nth-child(3n) {
margin-right: 0;
}
section.values-section .values .block img {
width: 194px;
height: 194px;
}
section.values-section .values .block .text-block {
margin-top: 24px;
}
section.values-section .values .block .text-block .subtitle {
margin-top: 16px;
}
section.first-screen {
width: 100%;
margin: 45px 0 0 0;
}
section.first-screen .play-block {
position: relative;
overflow: hidden;
border-radius: 3px;
width: 1104px;
height: 560px;
margin: 0 auto;
}
section.first-screen .play-block .block {
position: absolute;
left: 80px;
top: 24%;
width: 57%;
}
section.first-screen .play-block .block h1 {
margin-bottom: 11px;
}
section.first-screen .play-block .video-preview {
position: absolute;
width: 302px;
height: 172px;
bottom: 55px;
right: 79px;
border-radius: 3px;
overflow: hidden;
}
section.first-screen .play-block .video-preview .video {
width: 100%;
height: 100%;
}
section.first-screen .play-block .video-preview .video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
section.first-screen .play-block .video-preview .play-btn {
position: absolute;
bottom: 12px;
left: 12px;
}
section.first-screen .play-block .video-block {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: -1;
min-height: 560px;
max-height: 560px;
}
section.first-screen .play-block .video-block:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background-color: rgba(54, 53, 60, 0.8);
z-index: 0;
width: 100%;
height: 100%;
}
section.first-screen .play-block .video-block video {
width: 100%;
height: auto;
min-width: 100%;
min-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
section.first-screen .play-block .next-screen {
position: absolute;
left: 77px;
bottom: 65px;
cursor: pointer;
}
section.first-screen .play-block .next-screen .word {
display: inline-block;
vertical-align: middle;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.1px;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
margin: 0 0 0 10px;
}
section.first-screen .play-block .next-screen:hover .btn svg {
background-color: #F5F7FD;
fill: #202e42;
}
section.first-screen .play-block .next-screen .btn {
display: inline-block;
vertical-align: middle;
}
section.first-screen .play-block .next-screen .btn svg {
transition: 0.5s;
width: 24px;
height: 24px;
padding: 13px;
fill: #fff;
border: solid 1px rgba(255, 255, 255, 0.3);
background-color: transparent;
border-radius: 2px;
}
section.first-screen.partnership-screen {
padding: 137px 0 95px 0;
}
section.first-screen.partnership-screen .block .play-btn {
margin-top: 31px;
}
section.first-screen.partnership-screen .block .text-simple {
color: rgba(32, 46, 66, 0.7);
}
section.advantages-header {
background-color: #212e42;
padding: 55px 0 23px;
width: 100%;
}
section.advantages-header .block {
display: inline-block;
vertical-align: top;
margin-right: 52px;
}
section.advantages-header .block:first-child {
margin-left: 6px;
}
section.advantages-header .block:last-child {
margin-right: 0;
}
section.advantages-header .block img, section.advantages-header .block .text {
display: inline-block;
vertical-align: top;
}
section.advantages-header .block img {
margin-right: 6px;
}
section.advantages-header .block .text {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 20px;
letter-spacing: 0.2px;
color: #fff;
}
section.section-inside-page {
margin: 0 0 80px 0;
}
section.section-inside-page.section-legal-page .header-block .title-block {
width: 846px;
}
section.section-inside-page.section-legal-page .header-block .title-block .subtitle {
line-height: 26px;
}
section.section-inside-page.section-legal-page .header-block .btn-download {
margin-top: 48px;
}
section.section-inside-page.section-legal-page .header-block .btn-back {
top: 33px;
}
section.section-inside-page .container {
position: relative;
}
section.section-inside-page .container-small {
width: 846px;
}
section.section-inside-page .text-block h1 {
padding: 24px 0 56px 0;
}
section.section-inside-page .text-block h2 {
padding: 32px 0 24px 0;
}
section.section-inside-page .text-block h3, section.section-inside-page .text-block p, section.section-inside-page .text-block strong {
padding: 16px 0;
}
section.section-inside-page .text-block iframe {
padding: 40px 0;
border-radius: 3px;
}
section.section-inside-page .text-block .slider {
margin: 40px 0;
}
section.section-inside-page .text-block ul {
margin: 0;
padding: 0 0 0 4px;
}
section.section-inside-page .text-block ul li {
margin: 0 0 4px 14px;
list-style-type: disc;
}
section.section-inside-page .text-block ul li:last-child {
margin: 0 0 0 14px;
}
section.section-inside-page .header-block {
background-color: #f1f3fb;
padding: 176px 0 56px 0;
box-sizing: border-box;
}
section.section-inside-page .header-block .title-block {
width: 564px;
}
section.section-inside-page .header-block .title-block .title {
margin: 24px 0 0 0;
}
section.section-inside-page .header-block .title-block .subtitle {
color: #202E42;
margin-top: 16px;
}
section.section-inside-page .header-block .btn-back {
position: absolute;
right: 0;
bottom: 0;
}
section.section-inside-page .socials-block {
margin: 16px 0 0 0;
}
section.section-inside-page .socials-block .social:first-child svg {
margin: 0;
}
section.section-inside-page .socials-block .social svg {
margin: 0 0 0 8px;
width: 24px;
height: 24px;
cursor: pointer;
}
section.section-inside-page .article-block {
margin: 56px 0 0 0;
}
section.section-inside-page .article-block .article-header {
margin: 0 0 16px 0;
}
section.section-inside-page .article-block .article-header .title-block {
float: left;
}
section.section-inside-page .article-block .article-header .title-block .title {
font-weight: 400;
}
section.section-inside-page .article-block .article-header .socials-block {
float: right;
}
section.section-inside-page .article-block .article-footer {
margin: 48px 0 0 0;
}
section.section-inside-page .article-block .article-footer .scroll-up {
position: absolute;
right: 0;
bottom: 0;
}
section.section-inside-page .article-block .article-footer .scroll-up.fixed {
position: fixed;
bottom: 40px;
}
section.section-inside-page .article-block .article-footer .btn-pre {
float: left;
}
section.section-inside-page .article-block .article-footer .btn-next {
float: right;
}
section.section-inside-page .article-block .article-footer .tags {
margin: 48px 0 0 0;
}
section.section-inside-page .article-block .article-footer .tags a {
margin: 8px 4px 0 0;
padding: 9px 16px;
background-color: #f1f3fb;
display: inline-block;
vertical-align: top;
cursor: pointer;
transition: 0.38s;
}
section.section-inside-page .article-block .article-footer .tags a:hover {
background-color: #f5f7fe;
}
section.section-inside-page .article-block .article-footer .btns {
margin: 56px 0 0 0;
}
section.section-inside-page .article-block .slider {
position: relative;
border-radius: 3px;
overflow: hidden;
}
section.section-inside-page .article-block .slider .stage {
height: 460px;
}
section.section-inside-page .article-block .slider .slider-switch {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 15;
overflow: hidden;
border-radius: 3px;
}
section.section-inside-page .article-block .advantage {
padding: 24px 0;
}
section.section-inside-page .article-block .advantage .table {
background-color: #f1f3fb;
border-radius: 3px;
padding: 32px 40px;
box-sizing: border-box;
}
section.section-inside-page .article-block .advantage .table h4, section.section-inside-page .article-block .advantage .table p {
padding: 0;
}
section.section-inside-page .article-block .advantage .table h4 {
margin: 16px 0;
color: #202e42;
}
section.section-inside-page .article-block .advantage .table p {
margin: 16px 0 0 0;
color: rgba(32, 46, 66, 0.5);
}
section.section-inside-page .news-maze, section.section-inside-page .recommendations-maze {
margin: 80px 0 0 0;
}
section.section-inside-page .news-maze.section-legals .title-block, section.section-inside-page .recommendations-maze.section-legals .title-block {
width: 752px;
}
section.section-inside-page .news-maze .title-block, section.section-inside-page .recommendations-maze .title-block {
width: 605px;
margin: 0 0 56px 0;
}
section.section-inside-page .news-maze .title-block .title a, section.section-inside-page .news-maze .title-block .title span, section.section-inside-page .recommendations-maze .title-block .title a, section.section-inside-page .recommendations-maze .title-block .title span {
font-family: 'Roboto Condensed', sans-serif;
color: #7a8aa7;
font-weight: 300;
font-size: 36px;
line-height: 42px;
}
section.katalog-section {
margin-top: 106px;
}
section.katalog-section .title-block {
margin-bottom: 48px;
}
section.katalog-section .col {
margin-top: 24px;
}
section.katalog-section .col:first-child {
margin-top: 48px;
}
section.katalog-section .col .card {
width: 258px;
background-color: #f5f7fe;
border-radius: 3px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding: 32px;
margin-right: 19px;
min-height: 350px;
}
section.katalog-section .col .card:nth-child(4n) {
margin-right: 0;
}
section.katalog-section .col .card .image {
background-color: #7d94bf;
width: 194px;
height: 194px;
position: relative;
margin-bottom: 24px;
}
.li-table {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 18px;
color: #202e42;
max-width: 175px;
border-radius: 3px;
box-shadow: 0 1px 5px 0 rgba(96, 104, 128, 0.3);
border: solid 1px #dbe1f2;
background-color: #fff;
padding: 16px;
box-sizing: border-box;
position: absolute;
left: 50%;
top: -30%;
transform: translateX(-50%);
}
section.search-page .search-section {
position: relative;
height: 62px;
margin: 48px 0 0;
}
section.search-page .search-section .search-pole {
display: block;
width: 100%;
}
section.search-page .search-section .search-pole form {
width: 100%;
}
section.search-page .search-section .search-pole form label {
left: 20px;
}
section.search-page .search-section .search-pole form input {
padding: 16px 0 0 20px;
position: relative;
z-index: 3;
}
section.search-page .search-help-list {
position: absolute;
left: 0;
top: 100%;
width: 100%;
border: 1px solid #dbe1f2;
background-color: #ffffff;
box-sizing: border-box;
z-index: 20;
}
section.search-page .search-help-list li {
width: 100%;
}
section.search-page .search-help-list li a {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 22px;
color: #202E42;
padding: 7px 22px 9px;
box-sizing: border-box;
transition: 0.38s;
display: block;
}
section.search-page .search-help-list li a:hover {
background-color: #f5f7fe;
}
.empty-table {
position: absolute;
font-size: 12px;
line-height: 18px;
padding: 9px 16px;
box-shadow: 0 1px 5px 0 rgba(96, 104, 128, 0.3);
white-space: nowrap;
background-color: #ffffff;
color: #202e42;
top: -60%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 10;
cursor: default;
}
.b64-friendly {
display: none;
}
/*
.play-btn {
position: absolute;
left: 0;
top: 0;
background-color: #f1f3fb;
width: 320px;
&.rotate {
position: absolute;
left: 0;
top: 0;
margin: 0;
background-color: #f1f3fb;
transform: rotate(-90deg) translate(-40.64%,-316.5%);
box-sizing: border-box;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.name {
margin-left: -4px;
border-left: 1px solid #dbe3f2;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
background-color: transparent;
color: #202e42;
width: calc(100% - 62px);
text-align: center;
padding: 26px 0;
}
.play {
width: 60px;
height: 60px;
svg {
padding: 20px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
background-color: transparent;
fill: #202e42;
width: 20px;
height: 20px;
}
}
}*/
/*section.statistic {
background-color: #212e42;
padding: 80px 0 117px 0;
.statistics {
margin-top: 99px;
width: 1128px;
.statistic-block {
margin-right: 96px;
margin-bottom: 56px;
display: inline-block;
vertical-align: top;
&:nth-child(3n) {
margin-right: 0;
}
.number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 200px;
line-height: 160px;
letter-spacing: 0;
font-weight: 400;
margin-right: 4px;
color: #7d94bf;
}
.title {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
line-height: 30px;
letter-spacing: 0.2px;
font-weight: 300;
color: #202e42;
margin-top: 24px;
}
.text-caption {
width: 240px;
margin-top: 20px;
}
}
}
}*/
img.lazyload:not([src]) {
visibility: hidden;
}
section.section-documents {
margin: 151px 0 81px 0;
}
section.section-documents.search-page .header-title .title-block {
float: none;
}
section.section-documents.search-page .search-section {
margin-top: 56px;
}
section.section-documents .documents {
margin: 40px 0 0 0;
width: 100%;
}
section.section-documents .documents .left-side {
float: left;
}
section.section-documents .documents .right-side {
float: right;
}
section.section-documents .documents .block {
margin: 16px 0 0 0;
width: 100%;
border: 1px solid #dbe3f2;
border-radius: 3px;
background-color: #fff;
}
section.section-documents .documents .block:first-child {
margin: 0;
}
section.section-documents .documents .block .header {
padding: 22px 32px 29px 32px;
box-sizing: border-box;
}
section.section-documents .documents .block .header .right-side {
margin: 10px 0 0 0;
}
section.section-documents .documents .block .col {
width: 100%;
background-color: #f5f7fe;
padding: 15px 31px;
box-sizing: border-box;
display: block;
cursor: pointer;
transition: 0.38s;
}
section.section-documents .documents .block .col:nth-child(2n) {
background-color: #fff;
}
section.section-documents .documents .block .col:hover {
background-color: #dbe3f2 !important;
}
section.section-documents .documents .block .col .left-side div, section.section-documents .documents .block .col .right-side div {
display: inline-block;
vertical-align: middle;
margin: 0 48px 0 0;
font-size: 14px;
line-height: 22px;
min-width: 88px;
}
section.section-documents .documents .block .col .left-side div.price, section.section-documents .documents .block .col .right-side div.price {
text-align: right;
}
section.section-documents .documents .block .col .left-side div:last-child, section.section-documents .documents .block .col .right-side div:last-child {
margin: 0;
}
section.section-documents .footer-title {
margin: 41px 0 0 0;
}
section.section-document {
margin: 151px 0 73px 0;
}
section.section-document .header-block .subheader {
margin: 16px 0 0 0;
}
section.section-document .header-block .subheader span, section.section-document .header-block .subheader a {
margin: 0 20px 0 0;
display: inline-block;
vertical-align: middle;
}
section.section-document .header-block .btn-back {
margin: 49px 0 0 0;
}
section.section-document .document-block {
margin: 40px 0 0 0;
}
section.section-document .document-block .left-side, section.section-document .document-block .right-side {
display: inline-block;
vertical-align: top;
}
section.section-document .document-block .left-side {
margin: 0 114px 0 0;
}
section.section-document .document-block .left-side.image {
width: 633px;
height: auto;
border-radius: 3px;
overflow: hidden;
}
section.section-document .document-block .right-side {
width: 300px;
}
section.section-document .document-block .right-side .btns .btn-submit-small:first-child {
margin: 0 4px 0 0;
}
section.section-document .document-block .right-side .info {
margin: 32px 0 0 0;
}
section.section-document .document-block .right-side .info div {
margin: 0 0 16px;
}
section.section-document .document-block .right-side .info span {
color: #202e42;
}
section.section-document .document-block .right-side .btn-original {
margin: 64px 0 12px 0;
}
section.section-document .document-block .right-side .btn-original.btn-multi-group .action-status .btn {
width: calc(100% - 103px);
}
section.section-document .document-block .right-side .btn-original.btn-multi-group .action-status .btn.image {
width: 54px;
box-sizing: border-box;
}
section.section-document .document-block .right-side .description .error-title {
margin-top: 4px;
margin-bottom: 6px;
}
section.section-document .document-block .right-side .description .text-default {
margin-top: 12px;
}
section.section-document .document-block .right-side .description .text-error, section.section-document .document-block .right-side .description .text-default {
display: block;
}
section.section-document .document-block .right-side .description .error-block {
display: none;
}
section.section-document .documents {
margin: 72px 0 0 0;
}
section.section-document .documents .block {
margin: 32px 0 0 0;
}
section.certification {
margin: 86px 0 0;
}
section.certification .slider .stage {
height: 262px;
margin: 48px auto 0;
width: 1128px;
}
section.certification .certificate-block {
width: 258px;
margin-right: 19px;
}
section.certification .certificate-block:last-child {
margin-right: 0;
}
section.certification .certificate-block .body {
height: 154px;
width: 194px;
padding: 29px 32px;
}
section.certification .certificate-block .body .text-caption {
margin: 13px 0 0;
}
section.certification .certificate-block .more .text-button-small, section.certification .certificate-block .more .btn-group .btn, .btn-group section.certification .certificate-block .more .btn {
padding: 20px 95px 20px 32px;
}
section.certification .opinion {
margin-right: 0 !important;
}
section.consult-form {
margin: 96px 0 95px;
}
section.manufacturers-small {
margin: 0 0 95px 0;
}
section.faq-page h1 {
font-size: 56px;
line-height: 60px;
margin: 0;
}
section.statistic {
margin-top: 88px;
}
section.first-screen .play-block .block {
width: 100%;
}
section.map-city {
margin: 0 0 120px 0;
}
.empty-block {
height: 57px;
}
section.people {
margin: 103px 0 0;
}
section.people .people-maze {
margin: 24px 0 0;
}
section.people .people-maze .man-block:nth-child(3n) {
margin: 22px 0 0 0;
}
section.people .people-maze .man-block {
width: 352px;
height: 451px;
box-sizing: border-box;
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
display: inline-block;
vertical-align: top;
margin: 22px 19px 0 0;
position: relative;
}
section.people .people-maze .man-block.join-team {
background-color: transparent;
border: 1px solid #dbe1f2;
border-radius: 3px;
padding: 56px 44px 0 56px;
}
section.people .people-maze .man-block.join-team .btn-list {
margin: 16px 0 0 0;
}
section.people .people-maze .man-block.join-team .btn-list .btn-tab {
margin: 8px 0 0 0;
}
section.people .people-maze .man-block.join-team .text-small {
margin: 16px 0 0 0;
color: rgba(32, 46, 66, 0.7);
}
section.people .people-maze .man-block .photo-block {
width: 100%;
height: 363px;
position: relative;
}
section.people .people-maze .man-block .photo-block img, section.people .people-maze .man-block .photo-block video {
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: auto;
transform: translateX(-50%);
}
section.people .people-maze .man-block .about-block {
background-color: #ffffff;
width: 100%;
height: 88px;
border: 1px solid #dbe1f2;
padding: 23px 24px 0 24px;
box-sizing: border-box;
}
section.people .people-maze .man-block .about-block .title {
font-weight: 400;
}
section.people .people-maze .man-block .about-block .text-small {
color: rgba(32, 46, 66, 0.7);
margin: 1px 0 0;
}
section.people .people-maze .man-block.big {
height: 480px;
width: 540px;
margin: 0 9px 0 0;
}
section.people .people-maze .man-block.big:last-child {
margin: 0;
}
section.people .people-maze .man-block.big .photo-block {
height: 392px;
}
section.section-opinion {
margin-bottom: 96px;
}
section.section-cabinet .graphic-block {
margin: 72px 0 0 0;
}
section.section-cabinet .graphic-block .graphic-description {
display: inline-block;
vertical-align: top;
margin: 0 53px 0 0;
}
section.section-cabinet .graphic-block .graphic-description.pay .square {
background-color: #6cc872;
}
section.section-cabinet .graphic-block .graphic-description.transit .square {
background-color: #5c678a;
}
section.section-cabinet .graphic-block .graphic-description .text-subheader {
color: rgba(32, 46, 66, 0.7);
}
section.section-cabinet .graphic-block .graphic-description .value {
margin: 5px 0 0 0;
}
section.section-cabinet .graphic-block .graphic-description h5 {
display: inline-block;
vertical-align: top;
}
section.section-cabinet .graphic-block .graphic-description .square {
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
background-color: #c8d4ea;
border-radius: 2px;
margin: 4px 0 0 5px;
}
section.section-cabinet .graphic-block .graphics {
margin: 24px 0 0 0;
}
section.section-cabinet .graphic-block .graphics .graphic {
height: 6px;
background-color: #c8d4ea;
margin: 0 0 8px 0;
border-radius: 5px;
position: relative;
}
section.section-cabinet .graphic-block .graphics .graphic .percentage {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(100%);
right: -5px;
font-weight: 600;
line-height: 12px;
color: #c8d4ea;
}
section.section-cabinet .graphic-block .graphics .graphic.pay {
background-color: #6cc872;
}
section.section-cabinet .graphic-block .graphics .graphic.pay .percentage {
color: #6cc872;
}
section.section-cabinet .graphic-block .graphics .graphic.transit, section.section-cabinet .graphic-block .graphics .graphic.expects {
background-color: #5c678a;
}
section.section-cabinet .graphic-block .graphics .graphic.transit .percentage, section.section-cabinet .graphic-block .graphics .graphic.expects .percentage {
color: #5c678a;
}
section.section-cabinet .orders {
margin: 95px 0 40px 0;
}
section.section-cabinet .orders .header-title {
margin: 0 0 16px 0;
}
section.section-cabinet .orders .header-title .left-side {
float: left;
}
section.section-cabinet .orders .header-title .right-side {
float: right;
}
section.section-cabinet .order-block {
margin-bottom: 8px;
display: block;
}
section.section-cabinet .order-block .order {
background-color: #f5f7fe;
position: relative;
border-radius: 3px;
overflow: hidden;
box-sizing: border-box;
transition: 0.38s;
cursor: pointer;
border-top: 1px solid #f5f7fe;
border-right: 1px solid #f5f7fe;
border-bottom: 1px solid #f5f7fe;
}
section.section-cabinet .order-block .order:hover {
background-color: transparent;
border-top: 1px solid #dbe1f2;
border-right: 1px solid #dbe1f2;
border-bottom: 1px solid #dbe1f2;
}
section.section-cabinet .order-block .order:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 6px;
background-color: #c8d4ea;
}
section.section-cabinet .order-block.ready .order .right-side .status, section.section-cabinet .order-block.ready .order:before {
background-color: #6cc872;
color: #fff;
}
section.section-cabinet .order-block.transit .order .right-side .status, section.section-cabinet .order-block.transit .order:before {
background-color: #7a8aa7;
color: #fff;
}
section.section-cabinet .order-block.reserve .order .right-side .status, section.section-cabinet .order-block.reserve .order:before {
background-color: #f6c067;
}
section.section-cabinet .order-block.pay .order .right-side .status, section.section-cabinet .order-block.pay .order:before {
background-color: #ff6550;
color: #fff;
}
section.section-cabinet .order-block .columns {
margin: 0 0 0 33px;
display: inline-block;
vertical-align: top;
}
section.section-cabinet .order-block .columns .column {
display: inline-block;
vertical-align: middle;
min-width: 120px;
max-width: 560px;
margin: 18px 16px 22px 0;
}
section.section-cabinet .order-block .columns .column .property {
max-width: 560px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
section.section-cabinet .order-block .right-side {
float: right;
text-align: right;
}
section.section-cabinet .order-block .right-side .columns {
margin: 0 2px 0 0;
}
section.section-cabinet .order-block .right-side .status, section.section-cabinet .order-block .right-side .btn-group {
vertical-align: top;
}
section.section-cabinet .order-block .right-side .btn-group {
margin: 0 0 0 4px;
}
section.section-cabinet .order-block .right-side .btn-group .btn {
position: relative;
}
section.section-cabinet .order-block .right-side .btn-group .btn:after {
content: 'скачать сверочные документы';
position: absolute;
font-size: 12px;
line-height: 18px;
padding: 9px 16px;
box-shadow: 0 1px 5px 0 rgba(96, 104, 128, 0.3);
white-space: nowrap;
background-color: #ffffff;
color: #202e42;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 10;
}
section.section-cabinet .order-block .right-side .btn-group .btn:hover:after {
display: block;
}
section.section-cabinet .order-block .right-side .btn-group .btn.image {
padding: 7px;
}
section.section-cabinet .order-block .right-side .status {
background-color: #dbe1f2;
border-radius: 3px;
padding: 16px;
display: inline-block;
}
section.section-cabinet .header-title .title-block {
float: left;
}
section.section-cabinet .header-title .switch-block {
float: right;
}
section.section-cabinet .header-title .switch-block .btn-search {
margin: 0 20px 0 0;
}
section.section-cabinet .footer-title .title-block {
float: left;
}
section.section-cabinet .footer-title .title-block .text-small {
color: rgba(32, 46, 66, 0.7);
}
section.section-cabinet .footer-title .btn-group {
float: right;
}
.personal-order {
margin: 148px 0 82px 0;
}
.personal-order .header-title .title-block {
float: left;
}
.personal-order .header-title .status-block {
float: right;
padding: 21px 24px;
border-radius: 3px;
background-color: #dbe1f2;
margin: 50px 0 0 0;
}
.personal-order .header-title .status-block.reserve {
background-color: #f6c067;
}
.personal-order .header-title .status-block.success {
background-color: #f6c067;
}
.personal-order .header-title .status-block.trip {
background-color: #7a8aa7;
}
.personal-order .header-title .status-block.pay {
background-color: #ff6550;
}
.personal-order .information-blocks {
margin: 48px 0 0 0;
}
.personal-order .order-information {
margin: 16px 0 0 0;
cursor: default;
}
.personal-order .order-information .additional-block {
min-height: 50px;
position: relative;
}
.personal-order .order-information .additional-block.active .block {
opacity: 1;
}
.personal-order .order-information .additional-block.active .additional-open .btn.image svg {
transform: rotate(180deg);
}
.personal-order .order-information .additional-block .additional-open {
position: absolute;
right: 0;
top: 0;
}
.personal-order .order-information .additional-block .block {
opacity: 0;
transition: 0.38s ease-out;
}
.personal-order .order-information .additional-block .additional-information {
border: 1px solid #dbe3f2;
border-radius: 3px;
padding: 24px 16px 42px 32px;
display: none;
}
.personal-order .order-information .additional-block .additional-information .scroll {
max-height: 260px;
margin: 24px 0 0 0;
}
.personal-order .order-information .additional-block .additional-information .scroll .info-block {
margin: 32px 0 0 0;
}
.personal-order .order-information .additional-block .additional-information .scroll .info-block:first-child {
margin: 0;
}
.personal-order .order-information .additional-block .additional-information .scroll .info-block .date {
color: rgba(32, 46, 66, 0.7);
}
.personal-order .order-information .additional-block .additional-information .scroll .info-block .description {
width: 949px;
margin: 4px 0 0 0;
}
.personal-order .order-information .order-documents {
margin: 8px 0 0 0;
}
.personal-order .order-information .order-block .order {
background-color: #fff;
border-top: 1px solid #dbe3f2;
border-right: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
cursor: default;
}
.personal-order .order-information .order-block .order .columns .column {
margin-top: 20px;
margin-bottom: 24px;
}
.personal-order .order-information .order-block .order .columns .column .property {
margin: 2px 0 0 0;
}
.personal-order .order-information .order-block .order .columns .column.column-button {
margin: 13px 12px 13px 16px;
}
.personal-order .order-information .order-block .order .columns .column.column-button .submit-btn {
padding: 23px 32px 19px 32px;
}
.personal-order .order-information .order-block .order .right-side .column {
display: inline-block;
vertical-align: top;
}
.personal-order .order-composition {
margin: 56px 0 0 0;
}
.personal-order .order-composition .title-block {
margin: 0 0 32px 0;
}
.personal-order .order-composition .products .product-block {
width: 100%;
background-color: #f5f7fe;
height: 54px;
}
.personal-order .order-composition .products .product-block:nth-child(2n) {
background-color: #fff;
}
.personal-order .order-composition .products .product-block .name {
float: left;
margin: 16px 24px 0 24px;
max-width: 1000px;
text-overflow: ellipsis;
}
.personal-order .order-composition .products .product-block .count {
float: right;
margin: 16px 26px 0 0;
}
.personal-order .order-documents {
margin: 56px 0 0 0;
}
.personal-order .order-documents .title-block {
margin: 0 0 32px 0;
}
.personal-order .order-documents .documents .document-block {
height: 82px;
background-color: #f5f7fe;
margin: 0 0 8px 0;
}
.personal-order .order-documents .documents .document-block .columns {
float: left;
margin: 37px 0 0 32px;
max-width: 729px;
text-overflow: ellipsis;
}
.personal-order .order-documents .documents .document-block .columns .column {
display: inline-block;
vertical-align: top;
}
.personal-order .order-documents .documents .document-block .columns .column.date {
margin: 0 20px 0 0;
}
.personal-order .order-documents .documents .document-block .columns .column.date .text-button-small, .personal-order .order-documents .documents .document-block .columns .column.date .btn-group .btn, .btn-group .personal-order .order-documents .documents .document-block .columns .column.date .btn {
color: rgba(32, 46, 66, 0.7);
}
.personal-order .order-documents .documents .document-block .btn-group {
float: right;
margin: 16px;
}
.personal-order .order-documents .documents .document-block .btn-group span {
color: rgba(32, 46, 66, 0.7);
}
section.calculator-page {
margin: 147px 0 83px 0;
}
section.calculator-page .video-block-small {
margin: 56px 0 0 0;
}
section.calculator-page .description-block {
position: relative;
}
section.calculator-page .description-block .overlay {
position: absolute;
}
section.calculator-page .orders {
margin: 72px 0 40px 0;
}
section.calculator-page .orders .header .title-block {
margin: 0 0 32px 0;
}
section.search-page {
margin: 148px 0 82px 0;
}
section.search-page .header-title .title-block {
float: left;
}
section.search-page .header-title .btn-switch {
float: right;
}
section.search-page .search-section {
margin: 40px 0 0 0;
}
section.search-page .empty-block {
background-color: #f1f3fb;
border-radius: 3px;
padding: 45px 72px 56px;
width: 100%;
box-sizing: border-box;
margin: 40px 0 0 0;
}
section.search-page .orders .order-block {
margin: 0 0 24px 0;
}
section.search-page .orders .order-block .search-result {
width: 100%;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid #dbe3f2;
padding: 32px;
box-sizing: border-box;
}
section.search-page .orders .order-block .search-result .text p {
margin: 0 0 16px 0;
}
section.search-page .orders .order-block .search-result .text p span {
background-color: #dbe3f2;
}
section.search-page .orders .order-block .search-result .text p:last-child {
margin: 0;
}
section.enter-page {
margin: 152px 0 138px 0;
}
section.enter-page .blocks {
margin: 64px 0 82px 0;
border: 1px solid #dbe1f2;
border-radius: 3px;
overflow: hidden;
}
section.enter-page .enter-block {
display: block;
padding: 43px 72px 64px 64px;
box-sizing: border-box;
width: calc(50% - 0.5px);
cursor: pointer;
transition: 1s cubic-bezier(0.33, 0.84, 0.59, 0.93);
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
position: relative;
}
section.enter-page .enter-block:before, section.enter-page .enter-block:after {
content: '';
display: block;
position: absolute;
background-color: #dbe1f2;
}
section.enter-page .enter-block:before {
opacity: 0;
transition: 1s cubic-bezier(0.33, 0.84, 0.59, 0.93);
height: 100%;
width: 1px;
top: 0;
}
section.enter-page .enter-block.hide {
opacity: 0.5;
}
section.enter-page .enter-block.hover {
border-top: 1px solid #dbe1f2;
border-bottom: 1px solid #dbe1f2;
}
section.enter-page .enter-block.hover:before {
opacity: 1;
}
section.enter-page .enter-block.access {
float: right;
border-right: 1px solid #dbe1f2;
}
section.enter-page .enter-block.access:after {
left: -1px;
top: -1px;
height: calc(100% + 2px);
width: 1px;
}
section.enter-page .enter-block.access:before {
left: 0;
}
section.enter-page .enter-block.create {
float: left;
border-left: 1px solid #dbe1f2;
}
section.enter-page .enter-block.create:before {
right: 0;
}
section.enter-page .enter-block .picture {
width: 306.7px;
height: 255px;
}
section.enter-page .enter-block .picture img, section.enter-page .enter-block .picture svg {
width: 100%;
height: 100%;
}
section.enter-page .enter-block .title-block {
margin: 13px 0 0 0;
}
section.enter-page .enter-block .title-block .text-subheader:first-child {
margin: 32px 0 0 0;
}
section.enter-page .enter-block .title-block .text-subheader p {
margin: 22px 0 0 0;
}
section.enter-page .enter-block .btn-group {
margin: 32px 0 0 0;
}
section.enter-page .enter-block .btn-group .btn {
cursor: pointer !important;
}
section.section-dashboard {
margin: 163px 0 82px 0;
}
section.section-dashboard .header-block {
margin: 70px 0 0 0;
}
section.section-dashboard .title-block .btn-edit {
margin: 24px 0 0 0;
}
section.section-dashboard .statistic-block {
display: inline-block;
vertical-align: top;
margin: 0 4px 0 0;
width: 173px;
height: 176px;
box-sizing: border-box;
background-color: #f5f7fe;
border-radius: 3px;
padding: 37px 0 40px 40px;
}
section.section-dashboard .statistic-block:last-child {
margin: 0;
}
section.section-dashboard .statistic-block.graphic-block {
width: 741px;
padding: 28px 76px 40px 40px;
}
section.section-dashboard .statistic-block.graphic-block h5 {
margin: 0;
}
section.section-dashboard .statistic-block h5 {
margin: 5px 0 0 0;
}
section.section-ordering {
margin: 160px 0 80px 0;
}
section.section-ordering .graphic-block {
margin: 59px 0 0 0;
}
section.section-ordering .graphic-block .graphics {
width: calc(100% - 41px);
}
section.company-edit-page {
margin: 94px 0 144px;
}
section.company-edit-page .back-btn {
margin: 0 0 16px 0;
}
section.company-edit-page .container {
width: 728px;
}
section.company-edit-page form .form-edit {
width: 100%;
padding: 48px 64px 64px 64px;
box-sizing: border-box;
border: 1px solid #dbe1f2;
border-radius: 3px;
margin: 0 auto 24px;
}
section.company-edit-page form .form-edit .form-block .title-block {
margin: 0 0 40px 0;
}
section.company-edit-page form .form-edit .form-block .form-group {
margin: 0 0 24px 0;
}
section.company-edit-page form .form-edit .form-block .form-group .description {
color: rgba(32, 46, 66, 0.7);
margin: 0 0 8px 0;
}
section.company-edit-page form .form-edit .form-block .form-group .select-group {
margin: 0 12px 0 0;
}
section.company-edit-page form .form-edit .form-block .form-group .select-group .select {
padding: 19px 15px 19px 19px;
}
section.company-edit-page form .form-edit .form-block .form-group .select-group .select input {
width: 60%;
}
section.company-edit-page form .form-edit .form-block .form-group .select-group .select input.is_nds {
text-transform: uppercase;
}
section.company-edit-page form .form-edit .form-block .form-group .input {
margin: 0 12px 0 0;
}
section.company-edit-page form .form-edit .form-block .form-group .input:last-child {
margin: 0;
}
section.company-edit-page form .btns-group {
margin: 32px 0 0 0;
}
section.company-edit-page form .btns-group .submit {
float: right;
}
section.company-edit-page form .btns-group .submit button {
border: none;
}
section.vacations {
margin: 162px 0 80px 0;
}
section.vacations .vimeo-header .header-title {
float: left;
}
section.vacations .title-header .title-block .text-subheader {
margin: 6px 0 0;
}
section.vacations .title-under-header {
margin: 48px 0 0;
}
section.vacations .title-under-header .btn-list {
float: left;
}
section.vacations .title-under-header .btn-list .btn-tab {
width: 164px;
}
section.vacations .title-under-header .btn-group {
float: right;
}
section.vacations .vacations-list .item {
margin: 72px 0 0;
}
section.vacations .vacations-list .item:first-child {
margin: 85px 0 0;
}
section.vacations .vacations-list .item .city-address {
margin: 0 0 36px;
}
section.vacations .vacations-list .item .vacation-block {
margin: 6px 0 0;
}
section.vacations .vacations-list .item .vacation-block .header {
width: 100%;
background-color: #F1F3FB;
transition: 0.38s;
cursor: pointer;
position: relative;
}
section.vacations .vacations-list .item .vacation-block .header .title-block {
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
float: left;
max-width: 85%;
}
section.vacations .vacations-list .item .vacation-block .header .title-block .text-small {
color: rgba(32, 46, 66, 0.7);
margin-top: 4px;
}
section.vacations .vacations-list .item .vacation-block .header .image {
float: right;
border-left: 1px solid #dbe3f2;
padding: 33px 32px 29px 33px;
}
section.vacations .vacations-list .item .vacation-block .header .image.rotate svg {
transform: rotate(180deg);
}
section.vacations .vacations-list .item .vacation-block .header .image svg {
width: 24px;
height: 24px;
transform-origin: center center;
}
section.vacations .vacations-list .item .vacation-block .list {
border: 1px solid #dbe1f2;
border-top: 0;
background-color: #ffffff;
padding: 8px 40px 40px 40px;
display: none;
}
section.vacations .vacations-list .item .vacation-block .list h6 {
font-size: 15px;
line-height: 26px;
font-weight: 600;
}
section.vacations .vacations-list .item .vacation-block .list .submit-btn {
margin-top: 32px;
}
section.vacations .vacations-list .item .vacation-block .list .block {
margin: 32px 0 0;
}
section.vacations .vacations-list .item .vacation-block .list .block.faq-block {
font-size: 15px;
line-height: 26px;
}
section.vacations .vacations-list .item .vacation-block .list .block p {
margin-top: 32px;
}
section.vacations .vacations-list .item .vacation-block .list .block p:first-child {
margin-top: 0;
}
section.vacations .vacations-list .item .vacation-block .list .block ul {
margin: 8px 0 0;
padding: 0;
}
section.vacations .vacations-list .item .vacation-block .list .block ul li {
list-style: none;
font-size: 15px;
line-height: 26px;
}
section.vacations .vacations-list .item .vacation-block:hover .header {
background-color: #F5F7FD;
}
section.big-form {
margin: 80px 0 82px 0;
}
section.big-form .form-block {
padding: 59px 80px 64px;
}
section.vacation-contact {
background-color: #F1F3FB;
}
section.vacation-contact .container {
position: relative;
}
section.vacation-contact .form-block {
padding: 92px 0 96px;
}
section.vacation-contact .form-block .popup {
transform: translate(-50%, -50%) scale(0.9);
}
section.vacation-contact .block {
margin: -8px 0 0 -4px;
}
section.vacation-contact .block form {
margin: 0;
}
section.vacation-contact .block form .submit {
/* &:hover{
svg{
animation: 0.7s fly forwards ease-in;
}
}*/
}
section.vacation-contact .block form .submit.send-fly input {
width: 62px;
height: 62px;
}
section.vacation-contact .block form .submit.send-fly svg {
transform-origin: center;
transform: rotate(0deg) scale(1) translateX(-50%) translateY(-50%);
/*&.active{
transform: rotate(0deg) scale(0.4) translateX(200%) translateY(-427%);
}*/
}
section.vacation-contact .block form .input input {
background-color: #fff;
}
section.vacation-contact .block form .accept-block {
margin: 16px 0 0;
}
section.vacation-contact .description-block {
max-width: 528px;
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%);
}
section.vacation-contact .description-block .subtitle {
margin: 20px 0 0 0;
}
section.vacation-contact .picture {
width: 391px;
height: 269px;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 105px;
}
section.vacation-contact .picture img {
width: 100%;
height: 100%;
}
@-webkit-keyframes fly {
0% {
transform: rotate(0deg) scale(1) translateX(-50%) translateY(-50%);
}
10% {
transform: rotate(0deg) scale(1.1) translateX(-53%) translateY(-32%);
}
/* 20%{
transform: rotate(0deg) scale(1) translateX(-50%) translateY(-40%);
}
30%{
transform: rotate(0deg) scale(0.8) translateX(-50%) translateY(-68%);
}
40%{
transform: rotate(0deg) scale(0.7) translateX(-43%) translateY(-86%);
}
50%{
transform: rotate(0deg) scale(0.6) translateX(-34%) translateY(-123%);
}*/
100% {
transform: rotate(-3deg) scale(0.6) translateX(145%) translateY(-284%);
}
/* 60%{
transform: rotate(0deg) scale(0.4) translateX(86%) translateY(-337%);
}*/
/*100%{
!* transform: rotate(0deg) scale(0.4) translateX(200%) translateY(-427%);*!
transform: rotate(0deg) scale(0.1) translateX(563%) translateY(-1641%);
}*/
}
@keyframes fly {
0% {
transform: rotate(0deg) scale(1) translateX(-50%) translateY(-50%);
}
10% {
transform: rotate(0deg) scale(1.1) translateX(-53%) translateY(-32%);
}
/* 20%{
transform: rotate(0deg) scale(1) translateX(-50%) translateY(-40%);
}
30%{
transform: rotate(0deg) scale(0.8) translateX(-50%) translateY(-68%);
}
40%{
transform: rotate(0deg) scale(0.7) translateX(-43%) translateY(-86%);
}
50%{
transform: rotate(0deg) scale(0.6) translateX(-34%) translateY(-123%);
}*/
100% {
transform: rotate(-3deg) scale(0.6) translateX(145%) translateY(-284%);
}
/* 60%{
transform: rotate(0deg) scale(0.4) translateX(86%) translateY(-337%);
}*/
/*100%{
!* transform: rotate(0deg) scale(0.4) translateX(200%) translateY(-427%);*!
transform: rotate(0deg) scale(0.1) translateX(563%) translateY(-1641%);
}*/
}
section.certification .title-block .text-subheader {
margin-top: 17px;
}
section.certification.certificates-section {
margin: 88px 0 82px 0;
}
section.certification.certificates-section .certificates {
margin-top: 8px;
}
section.certification.certificates-section .certificate-block {
margin-right: 19px;
margin-top: 40px;
}
section.certification.certificates-section .certificate-block:nth-child(4n) {
margin-right: 0;
}
section.certification.certificates-section .footer-section {
margin-top: 40px;
}
section.certificates-section .opinion-block {
margin-right: 19px;
margin-top: 48px;
display: inline-block;
vertical-align: top;
}
section.certificates-section .opinion-block:nth-child(4n) {
margin-right: 0;
}
section.certificates-section .opinion-block a {
display: block;
}
section.certificates-section .opinion-block .title {
width: 234px;
margin-top: 23px;
}
.js-berlin, .js-lubek {
display: none;
}
section.contacts-header {
margin: 104px 0 0;
}
section.contacts-header .title-block {
float: left;
}
section.contacts-header .title-block .text-subheader {
margin: 6px 0 0;
}
section.contacts-header .btn-group {
margin: 28px 0 0;
float: right;
}
section.map-section {
margin-top: 153px;
width: 100%;
height: 600px;
position: relative;
}
section.map-section .container {
position: relative;
}
section.map-section .map-header {
position: absolute;
top: -81px;
z-index: 10;
height: 156px;
border-radius: 3px;
overflow: hidden;
left: 50%;
transform: translateX(-50%);
}
section.map-section .map-header .contact-block {
display: inline-block;
vertical-align: top;
border: 1px solid #F1F3FB;
border-left: 0;
background-color: #ffffff;
height: 100%;
float: left;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
section.map-section .map-header .contact-block.contact-video {
width: 224px;
height: 100%;
}
section.map-section .map-header .contact-block.contact-video video {
width: auto;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.map-section .map-header .contact-block:first-child {
border: 0;
}
section.map-section .map-header .contact-block.contact-data {
width: 264px;
}
section.map-section .map-header .contact-block.contact-data .content {
padding: 35px 0 0 40px;
}
section.map-section .map-header .contact-block.contact-map {
width: 305px;
}
section.map-section .map-header .contact-block.contact-map .content {
padding: 32px 0 0 40px;
}
section.map-section .map-header .contact-block.contact-requisite {
width: 308px;
}
section.map-section .map-header .contact-block.contact-requisite .content {
padding: 47px 0 0 40px;
}
section.map-section .map-header .contact-block.contact-requisite .content .submit-btn {
cursor: pointer;
}
section.map-section .map-header .contact-block .content .address {
width: 244px;
}
section.map-section .map-header .contact-block .content h4 {
margin: 4px 0 7px;
}
section.map-section .map-header .contact-block .content .submit {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
section.map-section .map-header .contact-block .content .submit input {
width: 64px;
height: 64px;
}
section.map-section .map-header .contact-block .content .email {
position: absolute;
bottom: 40px;
margin: 7px 0 0 0;
display: inline-block;
}
section.map-section .map-header .contact-block .content .text-small {
color: #202e42;
font-weight: 600;
}
section.map-section .map-header .contact-block .content .map-switch {
margin: 16px 0 0 0;
position: absolute;
bottom: 40px;
}
section.map-section .map-header .contact-block .content .map-switch a {
margin: 0 14px 0 0;
}
section.map-section .map-header .contact-block .content .phone {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 30px;
letter-spacing: 0.2px;
position: relative;
}
section.map-section .map-header .contact-block .content .phone:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
top: -2px;
left: 105%;
}
section.map-section .map-header .contact-block .content .phone.de:after {
background: url("/assets/public/images/de.svg");
}
section.map-section .map-header .contact-block .content .phone.ru:after {
background: url("/assets/public/images/ru.svg");
}
section.map-section .map {
width: 100%;
height: 100%;
}
section.map-section .map.map-berlin {
display: none;
}
section.map-section .map.map-lubek {
display: none;
}
section.big-form {
margin: 82px 0;
}
section.big-form .form-block {
padding: 62px 80px 56px 80px;
}
section.big-form .form-block form .accept-block {
margin: 40px 0 0 0;
}
section.big-form .form-block form .submit {
float: right;
}
body.windows section.calc-block .number {
margin-top: 12px;
}
section.calc-block {
margin-bottom: 58px;
}
section.calc-block .card-block {
background-color: #f1f3fb;
border-radius: 3px;
padding: 56px 88px 64px 88px;
box-sizing: border-box;
width: 100%;
margin-top: 24px;
}
section.calc-block .card-block .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 116px;
line-height: 81px;
letter-spacing: -5.8px;
color: #f38a46;
font-weight: 500;
margin-right: 44px;
margin-top: 24px;
}
section.calc-block .card-block .text {
width: 782px;
margin-top: 8px;
}
section.calc-block .card-block .text p {
margin-top: 17px;
}
section.calc-block .card-block .number, section.calc-block .card-block .text {
display: inline-block;
vertical-align: top;
}
section.calc-block .dev-lines {
width: 100%;
margin: 40px 0;
}
section.calc-block .dev-lines .image {
width: 446px;
height: 318px;
background-color: #fff;
border-top: 1px solid #dbe3f2;
border-left: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
box-sizing: border-box;
float: left;
position: relative;
}
section.calc-block .dev-lines .image .svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
section.calc-block .dev-lines .text {
background-color: #f1f3fb;
padding: 48px 48px 48px;
box-sizing: border-box;
width: 658px;
height: 318px;
float: left;
}
section.calc-block .dev-lines .text .subtitle p {
margin-top: 19px;
}
section.calc-block .form-block {
padding: 63px 79px 54px;
border: 1px solid #dbe3f2;
border-radius: 3px;
}
section.calc-block .form-block .header-title {
margin: 0 0 32px 0;
}
section.calc-block .form-block .header-title .title-block {
float: left;
}
section.calc-block .form-block .logo {
float: right;
}
section.calc-block .form-block .logo svg {
width: 55px;
height: 48px;
}
section.calc-block .form-block .logo img {
width: 100px;
height: 24px;
}
section.calc-block .form-block form .form-groups {
margin: 0 0 54px 0;
display: inline-block;
vertical-align: top;
position: relative;
}
section.calc-block .form-block form .form-groups .hide-group {
display: none;
margin: 0 0 0 33px;
}
section.calc-block .form-block form .form-groups .close-param {
display: inline-block;
vertical-align: top;
margin: 22px 0 0 18px;
}
section.calc-block .form-block form .form-groups .close-param:hover svg {
fill: #f38a46;
}
section.calc-block .form-block form .form-groups .close-param svg {
width: 24px;
height: 24px;
fill: #ff6550;
transition: 0.38s;
}
section.calc-block .form-block form .form-groups .close-param svg, section.calc-block .form-block form .form-groups .close-param .text-subheader {
display: inline-block;
vertical-align: middle;
}
section.calc-block .form-block form .form-groups .title-block {
margin: 0 0 12px 0;
}
section.calc-block .form-block form .form-groups .text-group {
position: absolute;
left: 0;
top: 46px;
min-width: 606px;
}
section.calc-block .form-block form .form-groups .form-group {
vertical-align: top;
}
section.calc-block .form-block form .form-groups .form-group .text-block .text-subheader {
line-height: 26px;
}
section.calc-block .form-block form .form-groups .form-group .text-block .link {
display: inline-block;
}
section.calc-block .form-block form .form-groups .form-group .text-block .text-caption {
margin: 4px 0 0 0;
color: rgba(32, 46, 66, 0.7);
}
section.calc-block .form-block form .form-groups .form-group .input, section.calc-block .form-block form .form-groups .form-group .unit {
display: inline-block;
}
section.calc-block .form-block form .form-groups .form-group .unit {
margin: 24px 0 0 3px;
}
section.calc-block .form-block form .form-groups .form-group .select-group .select {
width: 464px;
padding: 19px 20px;
}
section.calc-block .form-block form .form-groups .form-group .input {
margin: 0;
}
section.calc-block .form-block form .form-groups .input-block {
display: inline-block;
vertical-align: top;
}
section.calc-block .form-block form .form-groups .input-block .input {
margin-bottom: 8px;
}
section.calc-block .form-block form .accept-block .text-block {
float: left;
margin: 6px 0 0 0;
}
section.calc-block .form-block form .accept-block .text-block .text-caption {
color: rgba(32, 46, 66, 0.7);
}
section.imperssum-section {
margin: 104px 0 120px;
}
section.imperssum-section .paragraph {
width: 822px;
}
section.imperssum-section .title {
margin-bottom: 32px;
}
section.imperssum-section .lists {
margin-top: 24px;
}
section.imperssum-section .lists .list {
margin-bottom: 16px;
}
section.imperssum-section .lists .list .list-title {
font-weight: 600;
}
section.imperssum-section .submit-btn {
margin-top: 40px;
}
section.section-legals {
margin-top: 152px;
margin-bottom: 96px;
}
section.section-legals .title-block .subtitle {
width: 729px;
margin-top: 16px;
}
section.section-legals .title-block .subtitle .btn-groups {
margin-top: 56px;
}
section.section-legals .select-groups {
margin-top: 56px;
}
section.section-legals .select-groups .select {
width: 164px;
}
section.section-legals .select-groups .select .title {
width: 80%;
margin: 4px 0 0 0;
}
section.section-legals .select-groups .group-rubric {
float: left;
}
section.section-legals .select-groups .group-rubric .select {
width: 352px;
}
section.section-legals .select-groups .group-years {
float: right;
}
section.section-legals .maze {
margin-top: 56px;
}
section.section-legals .legal-block {
display: inline-block;
width: 352px;
height: 305px;
border-top-right-radius: 3px;
border: 1px solid #dbe3f2;
box-sizing: border-box;
padding: 24px 32px;
position: relative;
margin-top: 24px;
margin-right: 19px;
cursor: pointer;
}
section.section-legals .legal-block:nth-child(3n) {
margin-right: 0;
}
section.section-legals .legal-block .title {
margin-top: 8px;
}
section.section-legals .legal-block .subtitle {
max-height: 66px;
overflow: hidden;
margin-top: 12px;
}
section.section-legals .legal-block .more {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 56px;
border-top: 1px solid #dbe3f2;
box-sizing: border-box;
}
section.section-legals .legal-block .more .word {
padding: 24px 32px 0 24px;
}
section.section-legals .legal-block .more .image {
height: 100%;
width: 56px;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #dbe3f2;
box-sizing: border-box;
}
section.section-legals .legal-block .more .image svg {
width: 24px;
height: 24px;
padding: 16px;
}
.medias-link {
display: block;
}
.preview {
margin: 40px 0 0 0;
}
section.news {
margin: 163px 0 82px 0;
}
section.news .title-header .title-block {
width: 414px;
}
section.news .title-header .title-block .text-subheader {
margin: 5px 0 0;
}
section.news .title-header .select-group {
margin: 49px 0 0;
}
section.news .title-header .select-group .select {
width: 164px;
}
section.news .title-header .select-group .select .title {
width: 80%;
margin: 4px 0 0 0;
}
section.news .title-header .select-group.group-rubric {
float: left;
}
section.news .title-header .select-group.group-rubric .select {
width: 352px;
}
section.news .title-header .select-group.group-years {
float: right;
}
section.news .more-news-container {
text-align: center;
margin-top: 80px;
}
section.news .more-news-container .btn-group .btn.image.load svg {
-webkit-animation: load 2s infinite linear;
animation: load 2s infinite linear;
transform-origin: center;
}
section.news .news-maze {
margin: 32px 0 58px 0;
transition: 0.5s;
}
section.section-news-page {
margin: 0 0 80px 0;
}
section.section-news-page .container {
position: relative;
}
section.section-news-page .container-small {
width: 846px;
}
section.section-news-page .text-block h1 {
padding: 24px 0 56px 0;
}
section.section-news-page .text-block h2 {
padding: 32px 0 24px 0;
}
section.section-news-page .text-block h3, section.section-news-page .text-block p, section.section-news-page .text-block strong {
padding: 16px 0;
}
section.section-news-page .text-block iframe {
padding: 40px 0;
border-radius: 3px;
}
section.section-news-page .text-block .slider {
margin: 40px 0;
}
section.section-news-page .text-block ul {
margin: 0;
padding: 0 0 0 4px;
}
section.section-news-page .text-block ul li {
margin: 0 0 4px 14px;
list-style-type: disc;
}
section.section-news-page .text-block ul li:last-child {
margin: 0 0 0 14px;
}
section.section-news-page .header-block {
background-color: #f1f3fb;
padding: 176px 0 56px 0;
box-sizing: border-box;
}
section.section-news-page .header-block .title-block {
width: 564px;
}
section.section-news-page .header-block .title-block .title {
margin: 24px 0 0 0;
}
section.section-news-page .header-block .btn-back {
position: absolute;
right: 0;
bottom: 0;
}
section.section-news-page .socials-block {
margin: 16px 0 0 0;
}
section.section-news-page .socials-block .social:first-child svg {
margin: 0;
}
section.section-news-page .socials-block .social svg {
margin: 0 0 0 8px;
width: 24px;
height: 24px;
cursor: pointer;
}
section.section-news-page .article-block {
margin: 56px 0 0 0;
}
section.section-news-page .article-block .article-header {
margin: 0 0 16px 0;
}
section.section-news-page .article-block .article-header .title-block {
float: left;
}
section.section-news-page .article-block .article-header .title-block .title {
font-weight: 400;
}
section.section-news-page .article-block .article-header .socials-block {
float: right;
}
section.section-news-page .article-block .article-footer {
margin: 48px 0 0 0;
}
section.section-news-page .article-block .article-footer .scroll-up {
position: absolute;
right: 0;
bottom: 0;
}
section.section-news-page .article-block .article-footer .scroll-up.fixed {
position: fixed;
bottom: 40px;
}
section.section-news-page .article-block .article-footer .btn-pre {
float: left;
}
section.section-news-page .article-block .article-footer .btn-next {
float: right;
}
section.section-news-page .article-block .article-footer .tags {
margin: 48px 0 0 0;
}
section.section-news-page .article-block .article-footer .tags a {
margin: 8px 4px 0 0;
padding: 9px 16px;
background-color: #f1f3fb;
display: inline-block;
vertical-align: top;
cursor: pointer;
transition: 0.38s;
}
section.section-news-page .article-block .article-footer .tags a:hover {
background-color: #f5f7fe;
}
section.section-news-page .article-block .article-footer .btns {
margin: 56px 0 0 0;
}
section.section-news-page .article-block .slider {
position: relative;
border-radius: 3px;
overflow: hidden;
}
section.section-news-page .article-block .slider .stage {
height: 460px;
}
section.section-news-page .article-block .slider .slider-switch {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 100;
overflow: hidden;
border-radius: 3px;
}
section.section-news-page .article-block .advantage {
padding: 24px 0;
}
section.section-news-page .article-block .advantage .table {
background-color: #f1f3fb;
border-radius: 3px;
padding: 32px 40px;
box-sizing: border-box;
}
section.section-news-page .article-block .advantage .table h4, section.section-news-page .article-block .advantage .table p {
padding: 0;
}
section.section-news-page .article-block .advantage .table h4 {
margin: 16px 0;
color: #202e42;
}
section.section-news-page .article-block .advantage .table p {
margin: 16px 0 0 0;
color: rgba(32, 46, 66, 0.7);
}
section.section-news-page .news-maze {
margin: 80px 0 0 0;
}
section.section-news-page .news-maze .title-block {
width: 605px;
margin: 0 0 56px 0;
}
section.section-news-page .news-maze .title-block .title a, section.section-news-page .news-maze .title-block .title span {
font-family: 'Roboto Condensed', sans-serif;
color: #7a8aa7;
font-weight: 300;
font-size: 36px;
line-height: 42px;
}
.news-maze .news-block {
border: 1px solid #dbe3f2;
border-radius: 3px;
display: inline-block;
vertical-align: top;
width: 100%;
height: 300px;
margin: 32px 0 0 0;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.news-maze .news-block:nth-child(3n) {
margin-right: 0;
}
.news-maze .news-block .image {
width: 450px;
height: 100%;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
position: relative;
}
.news-maze .news-block .image img {
width: auto;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.news-maze .news-block .image, .news-maze .news-block .text-block {
display: inline-block;
vertical-align: top;
}
.news-maze .news-block .text-block {
padding: 40px 56px 0 48px;
max-width: 590px;
box-sizing: border-box;
}
.news-maze .news-block .text-block .title {
margin: 24px 0 0 0;
}
.news-maze .news-block .text-block .description {
margin: 16px 0 0 0;
max-height: 52px;
overflow: hidden;
text-overflow: ellipsis;
}
.news-maze .news-block .more {
position: absolute;
top: 0;
right: 0;
border-top: 1px solid #dbe3f2;
box-sizing: border-box;
transform: rotate(-90deg) translateX(-50%) translateY(157%);
transform-origin: top;
transition: 0.38s;
display: block;
cursor: pointer;
}
.news-maze .news-block .more:hover {
background-color: #f5f7fe;
}
.news-maze .news-block .more span {
width: 242px;
text-align: center;
float: right;
margin: 16px 0 0 0;
}
.news-maze .news-block .more svg {
float: left;
width: 24px;
height: 24px;
padding: 16px 15px 17px 16px;
border-right: 1px solid #dbe3f2;
}
.news-maze .tag {
padding: 9px 48px 9px 16px;
background-color: #f1f3fb;
border-radius: 3px;
display: inline-block;
position: relative;
}
.news-maze .tag svg {
width: 16px;
height: 16px;
border-radius: 3px;
padding: 12px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transition: 0.38s;
}
.news-maze .tag svg:hover {
background-color: #dbe3f2;
}
section.orders {
margin: 88px 0 0;
}
section.orders .header-section .title-block {
float: left;
}
section.orders .header-section .title-block .text-subheader {
width: 355px;
margin: 4px 0 0;
}
section.orders .header-section .status-group {
float: right;
background-color: #F1F3FB;
border-radius: 3px;
display: inline-block;
padding: 14px 22px;
margin: 53px 0 0;
}
section.orders .header-section .status-group .status {
display: inline-block;
vertical-align: middle;
margin-right: 18px;
}
section.orders .header-section .status-group .status:last-child {
margin-right: 0;
}
section.orders .header-section .status-group .status .text-small, section.orders .header-section .status-group .status .status-color {
display: inline-block;
vertical-align: middle;
}
section.orders .header-section .status-group .status .status-color {
width: 12px;
height: 12px;
background-color: #c8d4ea;
border-radius: 2px;
margin-right: 2px;
}
section.orders .header-section .status-group .status .text-small {
color: rgba(32, 46, 66, 0.7);
}
section.orders .header-section .status-group .status.now .status-color {
background-color: #6cc872;
}
section.orders .header-section .status-group .status.on-week .status-color {
background-color: #7a8aa7;
}
section.orders .order-list {
margin: 58px 0 0;
}
section.orders .order-list .order-header {
padding: 0 24px;
}
section.orders .order-list .order-header .text-small {
color: rgba(32, 46, 66, 0.7);
display: inline-block;
vertical-align: middle;
}
section.orders .order-list .order-header .date-order {
width: 137px;
}
section.orders .order-list .order-header .maker-order {
width: 177px;
}
section.orders .order-list .order-header .content-order {
width: 554px;
}
section.orders .order-list .order-header .city-order {
width: 174px;
text-align: right;
}
section.orders .order-list .list {
margin: 16px 0 0;
}
section.orders .order-list .list .order {
width: 100%;
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
margin: 0 0 8px 0;
position: relative;
}
section.orders .order-list .list .order .btn-group {
position: absolute;
right: 16px;
top: 10px;
}
section.orders .order-list .list .order:last-child {
margin: 0;
}
section.orders .order-list .list .order.now .status-bar {
background-color: #6cc872;
}
section.orders .order-list .list .order.on-week .status-bar {
background-color: #7a8aa7;
}
section.orders .order-list .list .order .content {
padding: 25px 24px 25px 20px;
display: inline-block;
vertical-align: middle;
}
section.orders .order-list .list .order .status-bar {
height: 100%;
width: 6px;
background-color: #c8d4ea;
display: inline-block;
vertical-align: top;
position: absolute;
}
section.orders .order-list .list .order .text-table {
display: inline-block;
vertical-align: middle;
}
section.orders .order-list .list .order .date {
width: 137px;
}
section.orders .order-list .list .order .date span {
margin-left: 10px;
color: rgba(32, 46, 66, 0.7);
}
section.orders .order-list .list .order .date span:first-child {
margin-left: 0;
}
section.orders .order-list .list .order .maker {
width: 177px;
}
section.orders .order-list .list .order .maker a {
transition: 0.38s;
display: inline;
border-bottom: 1px solid;
}
section.orders .order-list .list .order .maker a:hover {
color: #f38a46;
border-bottom: 1px solid rgba(242, 138, 69, 0.3);
}
section.orders .order-list .list .order .name {
width: 554px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
section.orders .order-list .list .order .city {
width: 174px;
text-align: right;
color: rgba(32, 46, 66, 0.7);
}
section.orders .footer-section {
margin: 42px 0 0;
}
section.orders .footer-section .title-block {
float: left;
margin: 4px 0 0 0;
}
section.orders .footer-section .title-block .text-small {
color: rgba(32, 46, 66, 0.7);
}
section.orders .footer-section .btn-group {
float: right;
}
section.orders .footer-section .title-block, section.orders .footer-section .btn-group {
display: inline-block;
vertical-align: middle;
}
section.big-form {
margin: 0 0 80px;
}
section.big-form .form-block {
border-top: 0;
padding: 64px 80px 64px 80px;
}
section.big-form .form-block form .accept-block {
margin-top: 41px;
}
.pagination-block .btn-group {
float: right;
}
.pagination-block .btn-group .btn {
padding: 19px 0 15px 0;
text-align: center;
width: 50px;
height: 50px;
box-sizing: border-box;
}
.pagination-block .btn-group .btn .number {
font-size: 22px;
line-height: 14px;
letter-spacing: 0.2px;
font-family: 'Roboto Condensed', sans-serif;
}
.pagination-block .btn-group .btn.image {
padding: 12px 0 12px 0;
}
.pagination-block .btn-group .btn.no-hover {
border-top: none;
border-left: none;
border-bottom: none;
}
.pagination-header {
margin-top: 64px;
}
.pagination-header .select-group {
float: left;
}
.pagination-header .select-group .select .title {
margin-top: 3px;
}
.first-screen-partnership section.first-screen {
padding: 137px 0 95px 0;
}
.first-screen-partnership section.first-screen .block .play-btn {
margin-top: 31px;
}
.first-screen-partnership section.first-screen .block .text-simple {
color: rgba(32, 46, 66, 0.7);
}
section.empty-section {
margin-top: 152px;
}
section.vimeo-section {
margin: 0;
}
section.partnership-title .title-block .text-subheader {
width: 480px;
margin-top: 5px;
}
section.partnership-title .partnerships .block {
margin-top: 115px;
display: inline-block;
vertical-align: top;
margin-right: 91px;
}
section.partnership-title .partnerships .block:nth-child(2n) {
margin-right: 0;
}
section.partnership-title .partnerships .block .number, section.partnership-title .partnerships .block .text-block {
display: inline-block;
vertical-align: top;
}
section.partnership-title .partnerships .block .number {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
font-size: 116px;
line-height: 81px;
letter-spacing: -5.8px;
color: #f28a46;
margin-right: 32px;
}
section.partnership-title .partnerships .block .text-block {
width: 371px;
margin-top: -17px;
}
section.partnership-title .partnerships .block .text-block p {
margin-top: 20px;
}
section.advantage.reverse {
padding: 102px 0 87px;
}
section.advantage.reverse .image, section.advantage.reverse .title-block {
vertical-align: top;
}
section.advantage.reverse .image {
margin: 0 80px 0 0;
}
section.advantage.reverse .title-block {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
section.advantage.reverse .title-block .text-simple {
margin: 20px 0 0;
width: 420px;
}
section.advantage.reverse .title-block .submit-btn {
margin: 31px 0 0;
}
section.big-form {
margin: 88px 0 80px;
}
section.big-form .form-block {
padding: 60px 80px 60px;
}
section.section-payment {
margin: 104px 0 120px 0;
}
section.section-payment .title-block .subtitle {
margin-top: 14px;
line-height: 26px;
}
section.section-payment strong {
color: #202e42;
}
section.section-payment .cards {
margin-top: 75px;
}
section.section-payment .cards .card-block {
display: inline-block;
vertical-align: top;
margin-right: 72px;
margin-top: 80px;
width: 300px;
}
section.section-payment .cards .card-block:first-child {
margin-top: 38px;
margin-right: 71px;
}
section.section-payment .cards .card-block:last-child {
margin-right: 0;
}
section.section-payment .cards .card-block .text {
margin-top: 13px;
}
section.section-payment .cards .cbr-block {
background-color: #f5f7fe;
border-radius: 3px;
box-sizing: border-box;
padding: 30px 52px 34px 31px;
width: 728px;
height: 195px;
display: inline-block;
vertical-align: top;
}
section.section-payment .cards .cbr-block img, section.section-payment .cards .cbr-block .text {
display: inline-block;
vertical-align: top;
}
section.section-payment .cards .cbr-block .text {
width: 514px;
margin-top: 10px;
}
section.section-payment .cards .cbr-block .text a {
border-bottom: 0;
}
section.section-payment .cards .cbr-block .text a:hover {
border-bottom: 0;
}
section.section-payment .cards .cbr-block .text .subtitle {
margin-top: 5px;
}
section.section-payment .cards .cbr-block img {
margin-right: 37px;
width: 88px;
height: 88px;
}
section.policy-block {
margin: 104px 0 120px;
}
section.policy-block .paragraph {
width: 822px;
margin: 0 0 64px;
}
section.policy-block .paragraph p {
margin: 0 0 26px 0;
}
section.policy-block .paragraph h2, section.policy-block .paragraph h3 {
white-space: normal;
}
section.policy-block .paragraph h2 {
margin: 0 0 32px;
}
section.policy-block .paragraph h3 {
margin: 0 0 24px;
}
section.policy-block .paragraph ul {
margin-left: 17px;
}
section.policy-block .paragraph ul li {
list-style-type: disc;
}
section.policy-block .back .text-caption {
color: rgba(32, 46, 66, 0.7);
}
section.policy-block .back .submit-btn {
margin: 40px 0 0;
}
section.search-empty {
margin: 90px 0 82px;
}
section.search-empty .video-section {
margin: 48px 0 0;
}
section.search-result-page {
margin: 90px 0 80px;
}
section.search-result-page .search-result {
margin: 56px 0 0;
}
section.search-result-page .search-result .title-block {
margin: 0 0 32px;
}
section.search-result-page .search-result .result-block {
width: 100%;
border: 1px solid #dbe3f2;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
transition: 0.38s;
margin: 0 0 8px;
min-height: 120px;
display: block;
}
section.search-result-page .search-result .result-block.no-image {
min-height: 120px;
}
section.search-result-page .search-result .result-block.no-image .content .description-block {
margin: 24px 32px 32px 32px;
}
section.search-result-page .search-result .result-block:hover {
background-color: #f5f7fe;
}
section.search-result-page .search-result .result-block .content {
height: 100%;
position: relative;
}
section.search-result-page .search-result .result-block .content .image, section.search-result-page .search-result .result-block .content .description-block, section.search-result-page .search-result .result-block .content .more {
display: inline-block;
vertical-align: top;
}
section.search-result-page .search-result .result-block .content .image {
width: 100px;
height: 100px;
margin: 27px 4px 27px 32px;
position: relative;
}
section.search-result-page .search-result .result-block .content .image img {
width: 100%;
height: auto;
}
section.search-result-page .search-result .result-block .content .description-block {
width: 828px;
margin: 32px 53px 40px 40px;
}
section.search-result-page .search-result .result-block .content .description-block .text-caption {
color: rgba(32, 46, 66, 0.7);
margin: 8px 0 0;
}
section.search-result-page .search-result .result-block .content .more {
height: 100%;
text-align: center;
border-left: 1px solid #dbe3f2;
box-sizing: border-box;
float: right;
width: 50px;
position: absolute;
right: 0;
top: 0;
}
section.search-result-page .search-result .result-block .content .more svg {
width: 24px;
height: 24px;
}
section.section-sent {
margin: 152px 0 40px;
}
section.section-sent .header-block .title-block {
float: left;
}
section.section-sent .header-block .btn-group {
margin: 15px 0 0 0;
float: right;
}
section.section-sent .components {
margin: 48px 0 0 0;
}
section.section-sent .components .component-block {
margin: 0 36px 40px 0;
}
section.section-sent .components .component-block:nth-child(3n) {
margin: 0 0 40px 0;
}
section.section-sent .footer-title .title-block {
float: left;
}
section.section-sent .footer-title .btn-group {
float: right;
}
section.sent-page {
margin: 152px 0 0 0;
}
section.sent-page .header-block .title-block {
float: left;
}
section.sent-page .header-block .btn-groups {
margin: 15px 0 0 0;
float: right;
}
section.sent-page .header-block .btn-groups .price-tab {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 10px;
letter-spacing: .1px;
padding: 19px 24px;
margin-right: 11px;
}
section.sent-page .product-block {
margin: 56px 0 0 0;
}
section.sent-page .product-block .image, section.sent-page .product-block .card-block {
display: inline-block;
vertical-align: top;
}
section.sent-page .product-block .image {
background-color: #f1f3fb;
border-radius: 3px;
position: relative;
width: 635px;
height: 448px;
margin: 0 27px 0 0;
}
section.sent-page .product-block .image img, section.sent-page .product-block .image svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
section.sent-page .product-block .card-block {
width: 437px;
height: 448px;
border-radius: 3px;
overflow: hidden;
background-color: #f1f3fb;
}
section.sent-page .product-block .card-block .time-block {
background-color: #9aaac8;
padding: 21px 40px 0 40px;
box-sizing: border-box;
width: 100%;
height: 48px;
color: #fff;
}
section.sent-page .product-block .card-block .time-block span {
font-weight: 600;
}
section.sent-page .product-block .card-block .description-block {
width: 100%;
height: 400px;
padding: 32px 40px 32px 40px;
box-sizing: border-box;
overflow: hidden;
}
section.sent-page .product-block .card-block .description-block .description {
font-size: 14px;
margin: 22px 0 0 0;
}
section.sent-page .product-block .card-block .description-block .brand-block .company {
transition: 0.28s;
cursor: pointer;
border-bottom: 1px solid transparent;
}
section.sent-page .product-block .card-block .description-block .brand-block .company:hover {
border-bottom: 1px solid #f38a46;
color: #f38a46;
}
section.order-page {
margin: 100px 0 0 0;
min-height: 950px;
}
section.order-page a.product_link {
color: #FA9552;
}
section.order-page a.product_link:hover {
text-decoration: underline;
}
section.order-page .bread-points {
margin-bottom: 30px;
}
section.order-page .bread-points li:last-child a {
cursor: pointer;
transition: 0.38s;
border-bottom: 1px solid transparent;
}
section.order-page .bread-points li:last-child a:hover {
color: #f38a46;
border-bottom: 1px solid #f38a46;
}
section.order-page .header-block .title-block {
float: left;
}
section.order-page .header-block .btn-groups {
margin: 15px 0 0 0;
float: right;
}
section.order-page .header-block .btn-groups .price-tab {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 10px;
letter-spacing: .1px;
padding: 19px 24px;
margin-right: 11px;
}
section.order-page .product-block {
margin: 56px 0 50px 0;
}
section.order-page .product-block .image, section.order-page .product-block .card-block {
display: inline-block;
vertical-align: top;
}
section.order-page .product-block .image {
background-color: #f1f3fb;
border-radius: 3px;
position: relative;
width: 635px;
height: 448px;
margin: 0 27px 0 0;
}
section.order-page .product-block .image img, section.order-page .product-block .image svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
section.order-page .product-block .left-side {
width: 635px;
}
section.order-page .product-block .left-side .image {
margin-bottom: 20px;
}
section.order-page .product-block .left-side .order-params {
border: 1px solid #e0e3f3;
padding: 15px 20px;
margin-top: 10px;
margin-bottom: 20px;
}
section.order-page .product-block .left-side .order-params li {
padding-left: 5px;
}
section.order-page .product-block .left-side .order-params li:nth-child(even) {
background-color: #F1F3FB;
}
section.order-page .product-block .left-side .order-content {
margin-top: 20px;
}
section.order-page .product-block .card-block {
width: 437px;
height: 448px;
border-radius: 3px;
overflow: hidden;
background-color: #f1f3fb;
}
section.order-page .product-block .card-block .time-block {
background-color: #9aaac8;
padding: 21px 40px 0 40px;
box-sizing: border-box;
width: 100%;
height: 48px;
color: #fff;
}
section.order-page .product-block .card-block .time-block span {
font-weight: 600;
}
section.order-page .product-block .card-block .description-block {
width: 100%;
height: 400px;
padding: 32px 40px 32px 40px;
box-sizing: border-box;
overflow: hidden;
}
section.order-page .product-block .card-block .description-block .description {
font-size: 14px;
margin: 22px 0 0 0;
}
section.order-page .product-block .card-block .description-block .brand-block .company {
transition: 0.28s;
cursor: pointer;
border-bottom: 1px solid transparent;
}
section.order-page .product-block .card-block .description-block .brand-block .company:hover {
border-bottom: 1px solid #f38a46;
color: #f38a46;
}
.windows .section.service-page .services .service .number {
top: 42px;
}
section.service-page {
margin: 104px 0 82px 0;
}
section.service-page .header-title .title-block .text-subheader {
margin: 14px 0 0 0;
}
section.service-page .services {
margin: 72px 0 0 0;
}
section.service-page .services .track {
width: 1386px;
height: 310px;
margin: 128px auto 13px -142px;
}
section.service-page .services .service-block {
width: 100%;
margin: 169px 0 0 0;
position: relative;
}
section.service-page .services .service-block .number {
position: absolute;
left: 78px;
top: -40px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 200px;
font-weight: 500;
line-height: 140px;
letter-spacing: -10px;
color: #f28a46;
z-index: -1;
}
section.service-page .services .service-block .service {
background-color: #f1f3fb;
height: 228px;
box-sizing: border-box;
padding: 75px 82px 0 88px;
position: relative;
z-index: 0;
}
section.service-page .services .service-block .service .title-block, section.service-page .services .service-block .service .description-block {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
section.service-page .services .service-block .service .title-block {
width: 488px;
left: 88px;
}
section.service-page .services .service-block .service .title-block .text-subheader {
margin: 0;
}
section.service-page .services .service-block .service .description-block {
width: 382px;
right: 88px;
}
section.service-page .services .service-block .information-block {
padding: 54px 96px 64px 88px;
border-left: 1px solid #dbe3f2;
border-right: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
}
section.service-page .services .service-block .information-block .title-block {
width: 680px;
}
section.service-page .services .service-block .information-block .advantages {
margin: 64px 0 0 0;
}
section.service-page .services .service-block .information-block .advantages .advantage {
width: 240px;
margin: 0 94px 0 0;
display: inline-block;
vertical-align: top;
}
section.service-page .services .service-block .information-block .advantages .advantage:last-child {
margin: 0;
}
section.service-page .services .service-block .information-block .advantages .advantage .image {
width: 20px;
height: 20px;
border-radius: 3px;
background-color: #f1f3fb;
}
section.service-page .services .service-block .information-block .advantages .advantage .image img, section.service-page .services .service-block .information-block .advantages .advantage .image svg {
width: 100%;
height: 100%;
}
section.service-page .services .service-block .information-block .advantages .advantage .text-caption {
margin: 16px 0 0 0;
}
section.service-page .services .service-block .information-block .text {
margin: 48px 0 0 0;
display: none;
}
section.service-page .services .service-block .information-block .text ul li {
margin-bottom: 4px;
position: relative;
}
section.service-page .services .service-block .information-block .text ul li:before {
display: block;
content: '';
position: absolute;
left: -12px;
top: 12px;
width: 4px;
height: 4px;
border-radius: 100% 100%;
background-color: #747e9b;
}
section.service-page .services .service-block .information-block .text p {
margin: 26px 0 0 0;
}
section.service-page .services .service-block .information-block .text p:first-child {
margin: 0;
}
section.service-page .services .service-block .more {
border-bottom: 1px solid #dbe3f2;
border-left: 1px solid #dbe3f2;
border-right: 1px solid #dbe3f2;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
transition: 0.38s;
}
section.service-page .services .service-block .more:hover {
background-color: #f5f7fe;
}
section.service-page .services .service-block .more.open .image svg {
transform: rotate(180deg);
}
section.service-page .services .service-block .more .image, section.service-page .services .service-block .more .text-button-small, section.service-page .services .service-block .more .btn-group .btn, .btn-group section.service-page .services .service-block .more .btn {
display: inline-block;
vertical-align: top;
}
section.service-page .services .service-block .more .text-button-small, section.service-page .services .service-block .more .btn-group .btn, .btn-group section.service-page .services .service-block .more .btn {
padding: 31px 18px;
}
section.service-page .services .service-block .more .image {
padding: 23px;
border-right: 1px solid #dbe3f2;
width: 24px;
height: 24px;
}
section.service-page .services .service-block .more .image svg {
width: 24px;
height: 24px;
transform-origin: center center;
}
section.vimeo-section {
margin: 0;
}
section.services {
margin: 80px 0 72px 0;
}
section.services .services-block {
margin-top: 48px;
}
section.services .services-block .service {
display: inline-block;
margin-bottom: 20px;
cursor: pointer;
border-radius: 3px;
overflow: hidden;
border: 1px solid #F1F3FB;
box-sizing: border-box;
background-color: #F1F3FB;
transition: 0.38s;
}
section.services .services-block .service:hover {
background-color: #ffffff;
border: 1px solid #dbe3f2;
}
section.services .services-block .service:nth-child(2n) {
margin-left: 16px;
}
section.services .services-block .service .block {
display: inline-block;
vertical-align: top;
width: 484px;
height: 200px;
margin-right: -5px;
position: relative;
z-index: 0;
box-sizing: border-box;
transition: 0.34s ease-in;
}
section.services .services-block .service .block .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 200px;
line-height: 200px;
letter-spacing: -10px;
font-weight: 500;
color: rgba(219, 227, 242, 0.7);
position: absolute;
z-index: -1;
left: 26px;
top: 41px;
transition: 0.25s ease-in;
}
section.services .services-block .service .block .title-block {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 62px;
}
section.services .services-block .service .block .title-block h3, section.services .services-block .service .block .title-block .text-subheader {
transition: 0.25s ease-in;
}
section.services .services-block .service .block .title-block .text-subheader {
margin: 4px 0 0 0;
}
section.services .services-block .service .more {
display: inline-block;
vertical-align: top;
width: 55px;
height: 200px;
position: relative;
transition: 0.28s ease-in;
border-left: 1px solid #dbe3f2;
}
section.services .services-block .service .more div {
display: inline-block;
vertical-align: top;
transform: rotate(-90deg);
position: absolute;
transition: 0.25s ease-in;
}
section.services .services-block .service .more .text-button-small, section.services .services-block .service .more .btn-group .btn, .btn-group section.services .services-block .service .more .btn {
top: 68px;
text-align: center;
width: 143px;
left: -46px;
}
section.services .services-block .service .more .arrow {
bottom: 0;
border-right: 1px solid #dbe3f2;
width: 24px;
height: 24px;
padding: 15px;
}
section.services .services-block .service .more .arrow svg {
width: 100%;
height: 100%;
fill: #20273B;
transition: 0.25s ease-in;
}
section.picture-block {
width: 100%;
height: 550px;
}
section.picture-block .slider {
position: relative;
}
section.picture-block .slider .stage {
height: 550px;
}
section.picture-block .container {
position: relative;
height: 100%;
}
section.picture-block .container-switch {
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
section.picture-block .block {
position: absolute;
top: 43%;
left: 70%;
transform: translate(-50%, -50%);
width: 600px;
}
section.picture-block .block .subtitle {
margin: 40px 0 0 0;
}
section.picture-block .slider-switch {
position: absolute;
left: 49.5%;
bottom: 88px;
transform: translateX(-50%);
}
section.picture-block .slide-img {
position: absolute;
top: 61%;
left: -28px;
transform: translateY(-50%);
font-family: 'Roboto Condensed', sans-serif;
font-size: 500px;
line-height: 360px;
letter-spacing: -30px;
font-weight: 500;
color: #dbe3f2;
}
section.picture-block .slide-img img {
width: 100%;
height: 100%;
}
section.orders {
padding: 88px 0 0 0;
}
section.orders .slider .stage {
width: 1128px;
margin: 48px auto 0;
}
section.consult-form {
margin: 104px 0 10px 0;
}
section.manufacturers {
margin: 111px 0 0 0;
}
section.manufacturers .slider .stage {
height: 832px;
margin-top: 49px;
}
section.manufacturers .maze {
height: 421px;
width: 100%;
background-color: #f1f3fb;
}
section.manufacturers .maze .block:last-child .company-block {
border-bottom: none;
}
section.manufacturers .maze .block .company-block {
height: 138px;
width: 220px;
border-bottom: 1px solid #dbe3f2;
float: left;
overflow: hidden;
border-right: 1px solid #dbe3f2;
position: relative;
}
section.manufacturers .maze .block .company-block:nth-child(5n) {
border-right: 0;
}
section.manufacturers .maze .block .company-block img {
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
opacity: 0.7;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.components {
margin: 102px 0 0;
}
section.components .stage {
height: 240px;
width: 1143px;
margin: 48px auto 0;
}
section.components .component-block {
width: 340px;
height: 240px;
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
display: inline-block;
position: relative;
cursor: pointer;
margin-right: 37px;
}
section.components .component-block:last-child {
margin-right: 0;
}
section.components .component-block .image {
display: inline-block;
vertical-align: top;
width: 292px;
height: 240px;
background-color: #F1F3FB;
position: relative;
z-index: 0;
box-sizing: border-box;
transition: .38s;
overflow: hidden;
}
section.components .component-block .image img {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.components .component-block .more {
z-index: 2;
height: 47px;
width: 240px;
background-color: #7a8aa7;
transition: .5s;
position: absolute;
right: -96px;
bottom: 0;
transform: rotate(-90deg) translateX(40%);
border-top: 1px solid #7a8aa7;
}
section.components .component-block .more div {
display: inline-block;
vertical-align: top;
transition: 0.5s;
}
section.components .component-block .more .text-button-small, section.components .component-block .more .btn-group .btn, .btn-group section.components .component-block .more .btn {
white-space: nowrap;
width: 183px;
text-align: center;
margin-top: 18px;
color: #ffffff;
}
section.components .component-block .more .arrow {
bottom: 0;
border-right: 1px solid rgba(255, 255, 255, 0.3);
width: 24px;
height: 24px;
padding: 12px 12px 12px 11px;
}
section.components .component-block .more .arrow svg {
width: 100%;
height: 100%;
fill: #fff;
}
section.components .component-block .information-block {
position: absolute;
right: 46px;
top: 0;
background-color: #FA9552;
height: 100%;
width: 0;
transition: 0.5s;
}
section.components .component-block .information-block .body {
padding: 0 0 0 31px;
width: 170px;
}
section.components .component-block .information-block .body .info {
margin-top: 24px;
}
section.components .component-block .information-block .body .info .name {
color: rgba(255, 255, 255, 0.5);
}
section.components .component-block .information-block .body .info .description {
color: #ffffff;
}
section.components .component-block.now .more {
background-color: #6cc872;
border-top: 1px solid #6cc872;
}
section.components .component-block:hover .more {
background-color: #FA9552;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
section.components .component-block:hover .more .arrow svg {
fill: #fff;
}
section.components .component-block:hover .information-block {
width: 231px;
}
section.video-section {
margin: 96px 0 0 0;
}
section.big-form {
margin: 0 0 94px;
}
section.big-form .form-block {
border-top: 0;
}
section.manufacturers-small {
margin: 102px 0 94px 0;
}
section.section-opinion {
margin-bottom: 96px;
}
section.index-slider {
width: 1104px;
height: 550px;
position: relative;
border-radius: 3px;
overflow: hidden;
margin: 112px auto 0;
}
section.index-slider .container {
height: 100%;
}
section.index-slider .slider {
width: 100%;
height: 100%;
}
section.index-slider .slider.slider-text {
position: absolute;
left: 80px;
top: 87px;
}
section.index-slider .slider.slider-text .item {
opacity: 0;
}
section.index-slider .slider.slider-text .item.active {
opacity: 1;
}
section.index-slider .slider.slider-text .text {
width: 542px;
}
section.index-slider .slider.slider-text .text .title, section.index-slider .slider.slider-text .text .subtitle {
color: #fff;
}
section.index-slider .slider.slider-text .text .subtitle {
margin-top: 40px;
}
section.index-slider .slider.slider-image {
position: relative;
z-index: 5;
}
section.index-slider .slider.slider-image .image {
position: relative;
}
section.index-slider .slider.slider-image .image:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(54, 53, 60, 0.8);
z-index: 10;
}
section.index-slider .slider.slider-number {
position: absolute;
z-index: 11;
right: 62px;
bottom: -240px;
transform: translateY(-50%);
width: 305px;
height: 262px;
}
section.index-slider .slider.slider-number .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 360px;
line-height: 332px;
letter-spacing: -15px;
color: #f38a46;
}
section.index-slider .controls {
position: absolute;
left: 80px;
bottom: 100px;
z-index: 15;
}
section.index-slider .controls .control {
float: left;
width: 60px;
height: 60px;
box-sizing: border-box;
background-color: #fff;
position: relative;
cursor: pointer;
transition: 0.38s;
}
section.index-slider .controls .control:hover {
background-color: #f5f7fe;
}
section.index-slider .controls .control.left {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 1px solid #dbe3f2;
}
section.index-slider .controls .control.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
section.index-slider .controls .control svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
}
section.catalog {
margin: 106px 0 0 0;
}
section.catalog .title-header .alphabet-switch {
border-radius: 3px;
overflow: hidden;
margin-top: 18px;
}
section.catalog .title-header .alphabet-switch .type {
display: inline-block;
vertical-align: middle;
border: 1px solid #dbe3f2;
cursor: pointer;
}
section.catalog .title-header .alphabet-switch .type.category {
margin-right: -5px;
border-right: 0;
padding: 21.5px 22px 20.5px 26px;
}
section.catalog .title-header .alphabet-switch .type.alphabet {
border-left: 0;
padding: 21.5px 24px 20.5px 24px;
}
section.catalog .title-header .alphabet-switch .type:hover {
background-color: #F1F3FB;
border-color: #F1F3FB;
}
section.catalog .title-header .alphabet-switch .type.active {
background-color: #F1F3FB;
border-color: #F1F3FB;
cursor: default;
}
section.catalog .alphabet-list {
border: 1px solid #F1F3FB;
border-radius: 3px;
margin: 64px auto 82px;
position: relative;
}
section.catalog .alphabet-list.search-alphabet {
margin: 64px auto 48px;
}
section.catalog .alphabet-list ul {
padding: 20px 70px 20px 30px;
display: inline-block;
vertical-align: middle;
}
section.catalog .alphabet-list ul li {
float: left;
border-radius: 3px;
width: 37px;
padding: 9px 0;
text-align: center;
margin-right: 2px;
cursor: pointer;
}
section.catalog .alphabet-list ul li.active {
background-color: #F1F3FB;
}
section.catalog .alphabet-list ul li.empty {
color: rgba(32, 46, 66, 0.7);
position: relative;
}
section.catalog .alphabet-list ul li.empty:after {
content: 'нет производителя';
position: absolute;
font-size: 12px;
line-height: 18px;
padding: 9px 16px;
box-shadow: 0 1px 5px 0 rgba(96, 104, 128, 0.3);
white-space: nowrap;
background-color: #ffffff;
color: #202e42;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 10;
}
section.catalog .alphabet-list ul li.empty:hover:after {
display: block;
}
section.catalog .alphabet-list ul li:hover {
background-color: #F5F7FD;
}
section.catalog .alphabet-list .clear-alphabet {
display: inline-block;
vertical-align: middle;
cursor: pointer;
float: right;
border: 1px solid #dbe3f2;
height: 40px;
transition: 0.28s ease-out;
position: absolute;
top: 20px;
right: 27px;
}
section.catalog .alphabet-list .clear-alphabet:hover {
background-color: #f5f7fe;
}
section.catalog .alphabet-list .clear-alphabet svg {
transform-origin: center;
width: 24px;
height: 24px;
padding: 8px;
fill: #202E42;
}
section.catalog .maze .alphabet-maze .container {
width: 1128px;
padding-left: 94px;
box-sizing: border-box;
}
section.catalog .maze .category-maze {
margin-top: 16px;
display: none;
}
section.catalog .maze .category-maze .column {
display: inline-block;
vertical-align: top;
margin: 0 40px 0 0;
width: 220px;
}
section.catalog .maze .category-maze .col {
display: inline-block;
vertical-align: top;
margin-right: 43px;
}
section.catalog .maze .category-maze .col:nth-child(4n) {
margin-right: 0;
}
section.catalog .maze .category-maze .category-block {
margin: 64px 0 0 0;
}
section.catalog .maze .category-maze .category-block .category-name {
margin-bottom: 8px;
width: 180px;
}
section.catalog .maze .category-maze .category-block ul {
width: 240px;
}
section.catalog .maze .category-maze .category-block ul li {
margin-top: 12px;
}
section.catalog .maze .category-maze .category-block ul li a {
color: rgba(32, 46, 66, 0.7);
}
section.catalog .category-list {
margin-top: 54px;
display: none;
}
section.catalog .category-list .category-type {
padding: 9px 16px;
cursor: pointer;
background-color: #f1f3fb;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
border-radius: 3px;
color: #202e42;
margin-top: 10px;
}
section.catalog .category-list .category-type.active {
background-color: #F5F7FD;
}
section.catalog .category-list .category-type:hover {
background-color: #F5F7FD;
}
section.catalog .alphabet-block {
margin: 96px 0 0 0;
position: relative;
}
section.catalog .alphabet-block:first-child {
margin: 0;
}
section.catalog .alphabet-block .letter {
position: absolute;
top: 0;
left: -75px;
}
section.catalog .alphabet-block .column {
display: inline-block;
vertical-align: top;
margin: 0 40px 0 0;
width: 220px;
}
section.catalog .alphabet-block .column:last-child {
margin: 0;
}
section.catalog .alphabet-block .column ul li {
width: 220px;
margin: 0 0 14px 0;
overflow: hidden;
text-overflow: ellipsis;
}
section.catalog .alphabet-block .column ul li a {
color: rgba(32, 46, 66, 0.7);
}
section.seo-text {
margin-top: 50px;
}
section.seo-text .text {
width: 822px;
}
section.seo-text .text strong {
color: #202e42;
}
section.seo-text .btn-group {
margin-top: 32px;
display: inline-block;
vertical-align: top;
margin-right: 8px;
}
section.seo-text .logos {
float: right;
margin-top: 32px;
display: inline-block;
vertical-align: top;
margin-right: 8px;
}
section.seo-text .logos a {
display: inline-block;
vertical-align: top;
height: 50px;
}
section.seo-text .logos a:last-child {
height: 45px;
margin-left: 12px;
}
section.seo-text .logos a img {
height: 100%;
width: auto;
}
section.company-advantages {
margin-top: 60px;
}
section.company-advantages .advantage {
display: inline-block;
vertical-align: top;
background-color: #f5f7fe;
width: 152px;
height: 172px;
margin-right: 3px;
box-sizing: border-box;
padding: 28px 26px 24px 24px;
border-radius: 3px;
position: relative;
}
section.company-advantages .advantage svg {
width: 36px;
height: 36px;
position: absolute;
left: 24px;
bottom: 24px;
}
section.company-advantages .advantage-video {
display: inline-block;
vertical-align: top;
width: 302px;
height: 172px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
section.company-advantages .advantage-video .play-btn {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 10;
border-radius: 3px;
}
section.video-section {
margin: 96px 0 0 0;
}
section.form {
margin: 0 0 82px 0;
}
section.form .form-block {
border: 1px solid #dbe3f2;
border-top: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
section.form .form-block form {
padding: 32px 80px 64px 80px;
}
section.form .form-block form .input {
margin-top: 32px;
}
section.form .form-block form .accept-block {
margin-top: 36px;
}
section.form .form-block form .accept-block .checkbox {
margin-top: 14px;
}
section.company {
margin: 90px 0 0 0;
}
section.company .company-logo, section.company .company-info, section.company .certificate {
display: inline-block;
}
section.company .container {
position: relative;
}
section.company .bread-points {
position: absolute;
left: 0;
top: -66px;
}
section.company #is_guaranteed {
margin-top: 6px;
position: relative;
}
section.company .company-logo {
width: 198px;
height: 198px;
border: 1px solid #dbe3f2;
border-radius: 2px;
vertical-align: middle;
margin: 0 44px 0 0;
}
section.company .company-logo .block {
margin: 30px;
width: 140px;
height: 140px;
position: relative;
overflow: hidden;
}
section.company .company-logo .block img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
section.company .company-info {
width: 566px;
vertical-align: middle;
}
section.company .company-info .page-title {
margin-bottom: 6px;
font-size: 46px;
line-height: 50px;
white-space: nowrap;
white-space: normal;
}
section.company .company-info .page-title.small {
white-space: normal;
margin-bottom: 0;
font-size: 38px;
line-height: 44px;
}
section.company .company-info .company-link {
margin-top: 30px;
display: inline-block;
}
section.company .certificate {
vertical-align: top;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
section.company .certificate .block {
width: 208px;
height: 278px;
box-sizing: border-box;
cursor: pointer;
display: block;
position: relative;
background-size: cover;
background-color: #f5f7fe;
border: 6px solid #dbe3f2;
}
section.company .certificate .block img {
width: 170px;
height: 240px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.company .certificate .block .text-small {
margin-top: 16px;
color: rgba(32, 46, 66, 0.7);
}
section.company .certificate .link {
margin-top: 16px;
border-bottom: none;
}
section.company .certificate .link:hover {
border-bottom: none;
}
section.company .certificate svg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
section.company-option {
padding: 80px 0 0 0;
}
section.company-option.catalog-documents {
margin-top: 88px;
padding: 0;
}
section.company-option.catalog-documents .documents {
display: block;
}
section.company-option.catalog-documents .documents .maze {
margin-top: 44px;
}
section.company-option .list-products {
display: none;
}
section.company-option .categories-block h2 {
padding-bottom: 40px;
font-size: 36px;
line-height: 42px;
}
section.company-option .categories-block .block {
background-color: #f5f7fe;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
width: 100%;
position: relative;
margin: 8px 0 0 0;
display: block;
cursor: default;
min-height: 245px;
}
section.company-option .categories-block .block:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 245px;
height: 100%;
background-color: #fff;
border-left: 1px solid #dbe3f2;
border-top: 1px solid #dbe3f2;
border-bottom: 1px solid #dbe3f2;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
box-sizing: border-box;
}
section.company-option .categories-block .block.hover {
cursor: pointer;
transition: 0.38s;
}
section.company-option .categories-block .block.hover:hover {
background-color: #edeff7;
}
section.company-option .categories-block .block.no-image {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
section.company-option .categories-block .block.no-image:after {
display: none;
}
section.company-option .categories-block .block.no-image .description-block {
width: 951px;
}
section.company-option .categories-block .block:first-child {
margin: 0;
}
section.company-option .categories-block .block .image, section.company-option .categories-block .block .description-block {
display: inline-block;
vertical-align: middle;
}
section.company-option .categories-block .block .image {
width: 245px;
height: 245px;
box-sizing: border-box;
position: relative;
z-index: 10;
overflow: hidden;
}
section.company-option .categories-block .block .image img {
width: auto;
height: auto;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 240px;
max-height: 240px;
}
section.company-option .categories-block .block .description-block {
margin: 40px 0 49px 44px;
width: 715px;
}
section.company-option .categories-block .block .description-block .title {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.2px;
padding: 0;
}
section.company-option .categories-block .block .description-block .title.large-title {
font-size: 24px !important;
line-height: 28px !important;
letter-spacing: 0.2px !important;
padding: 0 !important;
margin: 0 !important;
white-space: normal;
}
section.company-option .categories-block .block .description-block .subtitle {
margin: 16px 0 0 0;
}
section.company-option .categories-block .block .more {
height: 100%;
width: 56px;
border-left: 1px solid #dbe3f2;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
section.company-option .categories-block .block .more svg {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.company-option .btn-groups {
float: left;
}
section.company-option .btn-groups .btn-group {
margin: 0 4px 64px 0;
}
section.company-option .production-list {
padding: 0 0 128px 0;
}
section.company-option .production-list .category-maze {
margin-top: 16px;
}
section.company-option .production-list .category-maze .col {
display: inline-block;
vertical-align: top;
margin-right: 43px;
}
section.company-option .production-list .category-maze .col:nth-child(4n) {
margin-right: 0;
}
section.company-option .production-list .category-maze .category-block {
margin: 64px 0 0 0;
}
section.company-option .production-list .category-maze .category-block .category-name {
margin-bottom: 8px;
width: 180px;
}
section.company-option .production-list .category-maze .category-block ul {
width: 240px;
}
section.company-option .production-list .category-maze .category-block ul li {
margin-top: 12px;
}
section.company-option .production-list .category-maze .category-block ul li a {
color: rgba(32, 46, 66, 0.7);
}
section.company-option .orders {
padding: 0 0 134px 0;
display: none;
}
section.company-option .orders .title-block {
width: 670px;
}
section.company-option .orders .title-block h3 {
white-space: normal;
}
section.company-option .orders .slider .stage {
height: 306px;
width: 1128px;
margin: 48px auto 0;
}
section.company-option .about {
width: 100%;
overflow: hidden;
position: relative;
}
section.company-option .about .text-block {
overflow: hidden;
transition: 0.5s ease-out;
}
section.company-option .about .text-block p {
padding-bottom: 16px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
color: rgba(32, 46, 66, 0.7);
}
section.company-option .about .text-block strong {
color: #202e42;
}
section.company-option .about .text-block ul {
padding: 16px 0 12px;
}
section.company-option .about .text-block ul li {
padding: 0 0 4px;
color: rgba(32, 46, 66, 0.7);
list-style: inherit;
list-style-position: inside;
}
section.company-option .about .text-block h2 {
padding: 32px 0 24px;
font-size: 36px;
line-height: 42px;
}
section.company-option .about .text-block h3 {
padding: 16px 0;
}
section.company-option .about .text-block .image-block {
height: auto;
}
section.company-option .about .text-block .image-block .desc {
margin-top: 16px;
}
section.company-option .about .text-block iframe, section.company-option .about .text-block .image-block, section.company-option .about .text-block .slider-description {
margin: 56px 0 56px 0;
width: 822px;
height: 460px;
border-radius: 3px;
overflow: hidden;
}
section.company-option .about .text-block table {
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
section.company-option .about .text-block table td, section.company-option .about .text-block table th {
border: 1px solid #dbe3f2;
padding: 5px 10px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
color: rgba(32, 46, 66, 0.7);
}
section.company-option .about .text-block table th {
font-weight: bold;
}
section.company-option .about .btn-switch {
margin: 56px 0 0;
}
section.company-option .about .btn-switch.rotate .btn.image svg {
transform: rotate(180deg);
}
section.company-option .about .about-title {
width: 720px;
white-space: normal;
}
section.company-option .about .factory-block {
width: 100%;
border: 1px solid #DBE3F2;
border-radius: 3px;
box-sizing: border-box;
min-height: 190px;
margin: 32px 0;
}
section.company-option .about .factory-block .image-block, section.company-option .about .factory-block .text {
float: left;
}
section.company-option .about .factory-block .image-block {
width: 245px;
height: 100%;
}
section.company-option .about .factory-block .image-block img {
margin: 32px;
width: 180px;
height: 126px;
display: block;
border-radius: 3px;
}
section.company-option .about .factory-block .text {
width: 856px;
border-left: 1px solid #DBE3F2;
min-height: 190px;
padding: 32px 48px;
box-sizing: border-box;
color: rgba(32, 46, 66, 0.7);
}
section.company-option .about .factory-block .text h2, section.company-option .about .factory-block .text h3, section.company-option .about .factory-block .text h4, section.company-option .about .factory-block .text h5 {
color: #202e42;
margin-bottom: 14px;
}
section.company-option .documents {
display: none;
}
section.company-option .documents .maze {
margin: 48px 0 0;
}
section.company-option .documents .maze .document-block {
width: 360px;
height: 122px;
border-radius: 3px;
background-color: #f1f3fb;
margin: 0 5px 24px 0;
display: inline-block;
vertical-align: top;
cursor: pointer;
transition: 0.38s;
}
section.company-option .documents .maze .document-block:hover {
background-color: #f5f7fe;
}
section.company-option .documents .maze .document-block .description-block, section.company-option .documents .maze .document-block .download {
display: inline-block;
vertical-align: top;
}
section.company-option .documents .maze .document-block .description-block {
padding: 24px;
}
section.company-option .documents .maze .document-block .description-block .image, section.company-option .documents .maze .document-block .description-block .title-block {
display: inline-block;
vertical-align: top;
}
section.company-option .documents .maze .document-block .description-block .title-block {
margin: 3px 0 0;
max-width: 190px;
}
section.company-option .documents .maze .document-block .description-block .title-block h5 {
max-height: 44px;
overflow: hidden;
word-wrap: break-word;
}
section.company-option .documents .maze .document-block .description-block .title-block .text-small {
color: rgba(32, 46, 66, 0.7);
margin: 10px 0 0;
}
section.company-option .documents .maze .document-block .description-block .image {
background-color: #fff;
width: 54px;
height: 74px;
margin: 0 20px 0 0;
}
section.company-option .documents .maze .document-block .description-block .image img, section.company-option .documents .maze .document-block .description-block .image svg {
width: 100%;
height: 100%;
}
section.company-option .documents .maze .document-block .download {
height: 100%;
border-left: 1px solid #dbe3f2;
text-align: center;
float: right;
padding: 0 8px 0 9px;
}
section.company-option .documents .maze .document-block .download svg {
margin: 51px 0 0;
width: 24px;
height: 24px;
}
section.company-option .logos {
float: right;
margin-bottom: 64px;
}
section.company-option .logos a {
display: inline-block;
vertical-align: top;
height: 50px;
}
section.company-option .logos a:last-child {
height: 45px;
margin-left: 12px;
}
section.company-option .logos a img {
height: 100%;
width: auto;
}
section.section-logos {
width: 100%;
height: 50px;
text-align: right;
margin-top: 80px;
}
section.section-logos .logos a {
display: inline-block;
vertical-align: top;
height: 50px;
}
section.section-logos .logos a:last-child {
height: 45px;
margin-left: 12px;
}
section.section-logos .logos a img {
height: 100%;
width: auto;
}
section.components {
margin-top: 88px;
}
section.play-block {
height: 409px;
}
section.vimeo-section {
margin: 0 0 104px;
}
section.big-form {
margin: 0 0 80px 0;
}
section.list-section {
margin: 105px 0 0;
}
section.list-section .header-block .title-block h4 span, section.list-section .footer-block .title-block h4 span {
font-weight: 300;
}
section.list-section .header-block .title-block .text-table, section.list-section .footer-block .title-block .text-table {
color: rgba(32, 46, 66, 0.7);
}
section.list-section .header-block {
margin: 85px 0 48px;
}
section.list-section .header-block .switch-block .title-block, section.list-section .header-block .switch-block .btn-group {
display: inline-block;
vertical-align: middle;
}
section.list-section .header-block .switch-block .btn-group {
margin: 0 28px 0 0;
}
section.list-section .header-block .switch-block .btn-group .btn.active.image svg {
fill: #202E42;
}
section.list-section .header-block .switch-block .btn-group .btn:hover.image svg {
fill: #202E42;
}
section.list-section .header-block .switch-block .btn-group .btn.image {
padding: 19px 20px 19px 19px;
}
section.list-section .header-block .switch-block .btn-group .btn.image svg {
fill: #C7D4EA;
transition: 0.38s;
}
section.list-section .header-block .switch-block {
float: left;
}
section.list-section .header-block .category-block {
float: right;
}
section.list-section .header-block .category-block .select {
padding: 18px 15px 17px 19px;
width: 352px;
}
section.list-section .header-block .select-group .select input {
padding-top: 3px;
}
section.list-section .footer-block {
margin: 0 0 122px;
}
section.list-section .footer-block .title-block {
float: left;
}
section.list-section .footer-block .pagination-block .btn-group {
float: right;
}
section.list-section .footer-block .pagination-block .btn-group .btn {
padding: 19px 0 15px 0;
text-align: center;
width: 50px;
}
section.list-section .footer-block .pagination-block .btn-group .btn .number {
font-size: 22px;
line-height: 14px;
letter-spacing: 0.2px;
font-family: 'Roboto Condensed', sans-serif;
}
section.list-section .footer-block .pagination-block .btn-group .btn.image {
padding: 12px 0 12px 0;
}
section.list-section .footer-block .pagination-block .btn-group .btn.no-hover {
border-top: none;
border-left: none;
border-bottom: none;
}
section.item-section {
margin: 90px 0 122px;
}
section.item-section .header-block .title-block {
margin: 32px 0 0;
}
section.item-section .header-block .btn-group {
margin: 32px 0 0;
}
section.item-section .item-block {
margin: 48px 0 0;
}
section.item-section .item-block .slider, section.item-section .item-block .description-block {
display: inline-block;
vertical-align: top;
}
section.item-section .item-block .slider {
margin: 0 80px 0 0;
width: 353px;
height: 353px;
overflow: hidden;
}
section.item-section .item-block .slider .slick-dots {
margin: 0;
padding: 30px 0 0 0;
background-color: #fff;
}
section.item-section .item-block .slider .item {
position: relative;
overflow: hidden;
height: 305px;
}
section.item-section .item-block .slider .image {
height: 305px;
width: 353px;
position: relative;
overflow: hidden;
}
section.item-section .item-block .slider .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.item-section .item-block .slider .slider-switch {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 16px;
text-align: center;
}
section.item-section .item-block .slider .slider-switch .switch {
width: 16px;
height: 16px;
border-radius: 2px;
background-color: #f1f3fb;
display: inline-block;
margin: 0 4px 0 0;
cursor: pointer;
}
section.item-section .item-block .slider .slider-switch .switch.active {
background-color: #c8d4ea;
}
section.item-section .item-block .description-block {
width: 577px;
margin: 38px 0 0;
}
section.item-section .item-block .description-block .text-table, section.item-section .item-block .description-block .text-simple {
color: rgba(32, 46, 66, 0.7);
}
section.item-section .item-block .description-block h4 {
margin: 8px 0 0;
}
section.item-section .item-block .description-block .text-simple {
margin: 16px 0 0;
}
section.item-section .item-block .description-block .submit-btn {
margin: 40px 0 0;
}
.list-products .btn-switch {
margin: 40px 0 0;
}
.list-products .product-block {
width: 100%;
height: 130px;
background-color: #f5f7fe;
border-radius: 3px;
margin: 0 0 8px;
display: block;
}
.list-products .product-block.no-image {
height: 100px;
}
.list-products .product-block.no-image .description-block {
padding: 0 0 31px 0;
width: 75%;
}
.list-products .product-block.no-image .description-block .title-block {
margin: 24px 0 0 40px;
}
.list-products .product-block.no-image .btn-group {
padding: 25px;
}
.list-products .product-block.no-image .btn-group .submit-btn {
padding: 20px 24px;
}
.list-products .product-block .description-block {
float: left;
padding: 15px 15px 15px 15px;
}
.list-products .product-block .description-block .image, .list-products .product-block .description-block .title-block {
display: inline-block;
vertical-align: top;
}
.list-products .product-block .description-block .title-block {
margin: 24px 0 0 36px;
}
.list-products .product-block .description-block .title-block .text-table, .list-products .product-block .description-block .title-block h5 {
width: 690px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-products .product-block .description-block .title-block .text-table {
color: rgba(32, 46, 66, 0.7);
}
.list-products .product-block .description-block .title-block .text-h5 {
margin: 4px 0 0;
}
.list-products .product-block .description-block .image {
background-color: #fff;
border-radius: 3px;
width: 100px;
height: 100px;
position: relative;
}
.list-products .product-block .description-block .image img, .list-products .product-block .description-block .image svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.list-products .product-block .btn-group {
float: right;
padding: 35px;
}
.list-products.hide {
display: none;
}
.status-group {
float: right;
background-color: #F1F3FB;
border-radius: 3px;
display: inline-block;
padding: 14px 22px;
margin: 34px 0 0;
}
.status-group .status {
display: inline-block;
vertical-align: middle;
margin-right: 18px;
}
.status-group .status:last-child {
margin-right: 0;
}
.status-group .status .text-small, .status-group .status .status-color {
display: inline-block;
vertical-align: middle;
}
.status-group .status .status-color {
width: 12px;
height: 12px;
background-color: #c8d4ea;
border-radius: 2px;
margin-right: 2px;
}
.status-group .status .text-small {
color: rgba(32, 46, 66, 0.7);
}
.status-group .status.now .status-color {
background-color: #6cc872;
}
.status-group .status.on-week .status-color {
background-color: #7a8aa7;
}
.order-list {
margin: 58px 0 0;
}
.order-list .order-header {
padding: 0 24px;
}
.order-list .order-header .text-small {
color: rgba(32, 46, 66, 0.7);
display: inline-block;
vertical-align: middle;
}
.order-list .order-header .date-order {
width: 137px;
}
.order-list .order-header .maker-order {
width: 177px;
}
.order-list .order-header .content-order {
width: 554px;
}
.order-list .order-header .city-order {
width: 174px;
text-align: right;
}
.order-list .list {
margin: 16px 0 0;
}
.order-list .list .order {
width: 100%;
background-color: #F1F3FB;
border-radius: 3px;
overflow: hidden;
margin: 0 0 8px 0;
position: relative;
}
.order-list .list .order .btn-group {
position: absolute;
right: 16px;
top: 10px;
}
.order-list .list .order:last-child {
margin: 0;
}
.order-list .list .order.now .status-bar {
background-color: #6cc872;
}
.order-list .list .order.on-week .status-bar {
background-color: #7a8aa7;
}
.order-list .list .order .content {
padding: 25px 24px 25px 20px;
display: inline-block;
vertical-align: middle;
}
.order-list .list .order .status-bar {
height: 100%;
width: 6px;
background-color: #c8d4ea;
display: inline-block;
vertical-align: top;
position: absolute;
}
.order-list .list .order .text-table {
display: inline-block;
vertical-align: middle;
}
.order-list .list .order .date {
width: 137px;
}
.order-list .list .order .date span {
margin-left: 10px;
color: rgba(32, 46, 66, 0.7);
}
.order-list .list .order .date span:first-child {
margin-left: 0;
}
.order-list .list .order .maker {
width: 177px;
}
.order-list .list .order .name {
width: 554px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.order-list .list .order .city {
width: 174px;
text-align: right;
color: rgba(32, 46, 66, 0.7);
}
section.katalog-section {
margin-top: 94px;
}
section.katalog-product {
margin-top: 54px;
}
section.katalog-product .bread li {
display: inline-block;
vertical-align: middle;
margin-right: 16px;
position: relative;
}
section.katalog-product .bread li:before {
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 100% 100%;
background-color: rgba(32, 46, 66, 0.3);
position: absolute;
top: 8px;
left: -11px;
}
section.katalog-product .bread li:first-child:before {
display: none;
}
section.katalog-product .header {
margin-top: 48px;
}
section.katalog-product .logo, section.katalog-product .text-block {
display: inline-block;
vertical-align: middle;
}
section.katalog-product .logo {
width: 200px;
height: 200px;
background-color: #7d94bf;
margin-right: 44px;
}
section.katalog-product .text-block {
width: 855px;
}
section.katalog-product .text-block .subtitle {
margin-top: 5px;
}
section.katalog-product .brands {
margin-top: 40px;
}
section.katalog-product .brands .brand {
margin-top: 8px;
width: 100%;
background-color: #f5f7fe;
border-radius: 4px;
position: relative;
padding: 18px 96px 22px 40px;
box-sizing: border-box;
display: block;
}
section.katalog-product .brands .brand .text-b .subtitle {
margin-top: 4px;
}
section.katalog-product .brands .brand .more {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 56px;
box-sizing: border-box;
border-left: 1px solid #dbe3f2;
}
section.katalog-product .brands .brand .more svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
}
section.subtype-section {
margin-top: 54px;
}
section.subtype-section .title-block {
margin-top: 48px;
}
.bread-points li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
position: relative;
}
.bread-points li:first-child:after {
display: none;
}
.bread-points li:last-child a {
cursor: default;
}
.bread-points li:last-child a:hover {
color: rgba(32, 46, 66, 0.5);
border-bottom: 1px solid transparent;
}
.bread-points li:after {
display: block;
content: '';
width: 4px;
height: 4px;
border-radius: 100% 100%;
background-color: rgba(32, 46, 66, 0.3);
left: -12px;
top: 8px;
position: absolute;
}
.bread-points li a {
cursor: pointer;
transition: 0.38s;
border-bottom: 1px solid transparent;
}
.bread-points li a:hover {
color: #f38a46;
border-bottom: 1px solid #f38a46;
}
section.analog-section {
margin-top: 88px;
}
section.analog-section .manufacturers-small .slider .stage {
height: 138px;
}
section.analog-section .manufacturers-small .slider .stage .maze .company-block {
height: 56px;
}
section.analog-section .manufacturers-small .slider .stage .maze .company-block img {
max-width: 70%;
max-height: 70%;
}
.guarant-block {
border-radius: 3px;
background-color: #f5f7fe;
box-sizing: border-box;
padding: 31px 0 0 32px;
display: inline-block;
vertical-align: top;
width: 794px;
margin-right: 3px;
height: 173px;
}
.guarant-block.no-image {
padding-top: 39px;
}
.guarant-block.no-image .title-block {
width: 730px;
}
.guarant-block .image, .guarant-block .title-block {
display: inline-block;
vertical-align: middle;
}
.guarant-block .image {
width: 89px;
height: 114px;
margin-right: 37px;
}
.guarant-block .image .svg {
width: 100%;
height: 100%;
}
.guarant-block .title-block {
width: 586px;
}
.guarant-block .title-block .title {
font-weight: 400;
}
.guarant-block .title-block .subtitle {
margin: 7px 0 0 0;
color: #202E42;
}
section.catalog-items {
margin-top: 92px;
}
section.catalog-items .items {
margin-top: 42px;
}
section.catalog-items .items .item {
width: 100%;
background-color: #f5f7fe;
border-radius: 3px;
position: relative;
padding: 29px 203px 31px 41px;
box-sizing: border-box;
margin-top: 8px;
}
section.catalog-items .items .item .submit-btn {
position: absolute;
right: 24px;
top: 15px;
padding: 20px 24px;
}
section.search-page {
margin-bottom: 82px;
}
section.order-advantages {
margin-top: 90px;
margin-bottom: 8px;
}
section.order-advantages .advantages {
margin-top: 61px;
}
section.order-advantages .advantages .col:first-child {
margin-bottom: 69px;
}
section.order-advantages .advantages .col .block {
display: inline-block;
vertical-align: top;
margin-right: 33px;
}
section.order-advantages .advantages .col .block:nth-child(3n) {
margin-right: 0;
}
section.order-advantages .advantages .col .block .description-block, section.order-advantages .advantages .col .block .number {
display: inline-block;
vertical-align: top;
}
section.order-advantages .advantages .col .block .number {
font-family: 'Roboto Condensed', sans-serif;
font-size: 76px;
line-height: 81px;
letter-spacing: -3.8px;
color: #f38a46;
margin-right: 20px;
font-weight: 500;
}
section.order-advantages .advantages .col .block .description-block {
width: 255px;
}
section.order-advantages .advantages .col .block .description-block .subtitle {
margin-top: 16px;
}
section.company-option .footer-section .title-block {
margin-bottom: 24px;
}
section.company-option .pagination {
white-space: nowrap;
}
section.company-option .pagination .btn {
display: inline-block;
vertical-align: top;
margin-left: -4px;
float: none;
}
section.company-option .pagination .btn:first-child {
margin-left: 0;
}
.js-pagination-scroll {
overflow: auto;
width: 1104px;
height: 66px;
}
.js-pagination-scroll .mCSB_scrollTools_horizontal {
margin: 0 8px;
}
.js-pagination-scroll .mCSB_draggerRail {
background-color: transparent;
}
.js-pagination-scroll .mCSB_dragger_bar {
border-radius: 4px;
background-color: #9aaac8 !important;
height: 4px !important;
width: 120px !important;
}
.js-pagination-scroll .mCSB_dragger {
height: 4px !important;
width: 120px !important;
}
.js-pagination-scroll .pagination {
overflow: visible !important;
}
.js-pagination-scroll .pagination .btn {
width: 56px;
height: 50px;
box-sizing: border-box;
padding: 20px 0;
margin-left: -3.8px;
text-align: center;
position: relative;
}
.js-pagination-scroll .pagination .btn:first-child {
border-right: 1px solid #dbe3f2;
z-index: 2;
}
.js-pagination-scroll .pagination .btn.image {
padding: 12px;
}
ul.city_select {
margin: 0px;
padding: 0px;
display: none;
}
ul.city_select li {
margin: 0px;
padding: 0px;
display: inline;
}
section.consult-form {
margin: 80px 0;
}
5section.seo-text .ww-logos {
float: right;
}
.right_align {
direction: rtl;
/* Right to Left */
}
.right_align header .top .logo {
float: right;
}
.right_align header .top .btns {
float: left;
}
.right_align header .top .btns .btn-simple {
margin: 0 5px 0px 12px;
}
.right_align header .top .btns .language_block {
float: left;
}
.right_align header .top .select-phones .select .phone {
font-size: 16px;
padding: 14px 48px 0 16px;
direction: ltr;
}
.right_align header .bottom .public-menu {
float: right;
padding: 22px 22px 0 28px;
}
.right_align header .bottom .public-menu ul li {
margin-right: 0px;
margin-left: 30px;
}
.right_align header .bottom .public-menu ul .float-li {
float: left !important;
}
.right_align header .bottom .controls {
float: left;
}
.right_align header .bottom .controls .search-block {
border-radius: 3px 0px 0px 3px;
}
.right_align header .bottom .search-pole {
direction: ltr !important;
}
.right_align header .bottom .search-pole .input {
direction: ltr !important;
}
.right_align .header_move .btns .lang-list {
margin-right: -5px;
}
.right_align section.advantages-header .block {
margin-right: 8px;
margin-left: auto;
}
.right_align section.advantages-header .block .text {
font-size: 12px;
}
.right_align section.seo-text .btn-group {
margin-right: 0px;
margin-left: 8px;
float: right;
}
.right_align section.seo-text .ww-logos {
float: none !important;
}
.right_align section.company-option {
padding: 100px 0 0 0;
}
.right_align section.company-option .btn-groups {
float: right;
}
.right_align section.company-option .btn-groups .btn-group {
margin: 0 0px 64px 0;
}
.right_align section.company-option .slider-panel .title-block {
float: right;
}
.right_align section.company-option .slider-panel .status-group {
float: left;
}
.right_align section.company-option .order-list .list .order .btn-group {
right: auto;
left: 16px;
}
.right_align section.company-option .categories-block {
direction: ltr;
}
.right_align section.company-option .categories-block .description-block {
direction: rtl;
}
.right_align section.order-advantages .advantages .col .block {
margin-right: 0;
margin-left: 33px;
}
.right_align section.order-advantages .advantages .col .block .number {
margin-left: 15px;
margin-right: 0px;
}
.right_align section.order-advantages .advantages .col .block:nth-child(3n) {
margin-left: 0px;
}
.right_align section.first-screen .play-block .block {
left: auto;
right: 80px;
}
.right_align section.first-screen .play-block .next-screen {
left: auto;
right: 77px;
}
.right_align section.first-screen .play-block .next-screen .word {
margin: 0 10px 0 0;
}
.right_align .orders .order-maze .order-block .header .text-caption {
padding-right: 13px;
}
.right_align section.values-section .values .block {
margin-right: 0px;
margin-left: 71px;
}
.right_align section.values-section .values .block:nth-child(3n) {
margin-right: 0px;
margin-left: 0px;
}
.right_align .slider-panel .title-block {
float: right;
}
.right_align .slider-panel .slider-switch {
float: left;
}
.right_align .slider .stage {
direction: ltr !important;
}
.right_align footer .footer-up .left-side {
float: right;
}
.right_align footer .footer-up .right-side {
float: left;
}
.right_align footer .footer-up .right-side .phone {
direction: ltr;
}
.right_align footer .footer-up .btn-simple-big {
margin-right: 44px;
margin-left: 0px;
}
.right_align footer .footer-under .phone {
direction: ltr;
}
.right_align section.map-section .map-header .contact-block.contact-map .content {
padding: 35px 40px 0 0;
}
.right_align section.map-section .map-header .contact-block.contact-map .address {
font-size: 12px;
}
.right_align section.map-section .map-header .contact-block.contact-data .content {
direction: ltr;
padding: 35px 0px 0px 40px;
}
.right_align .phone {
direction: ltr !important;
}
.right_align section.video-section .title-block {
margin-left: 0px;
margin-right: 80px;
}
.right_align .big-form .form-block form .form-group .input, .right_align .big-form .form-block form .form-group .file-input {
margin-right: 0px !important;
margin-left: 10px;
}
.right_align .form-block form .form-group .input {
margin: 10px 0px 0px 8px !important;
}
.right_align .form-block form .form-group .file-input, .right_align .form-block form .form-group .input:nth-child(3) {
margin: 10px 0px 0px !important;
}
.right_align .form-block form .form-group .textarea {
margin-top: 10px;
}
.right_align .catalog .title-block.float-left {
float: right;
}
.right_align section.orders .header-section .title-block {
float: right;
}
.right_align section.orders .header-section .status-group {
float: left;
}
.right_align section.orders .order-list .list .order .btn-group {
right: auto;
left: 16px;
}
.right_align section.order-page .header-block .title-block {
float: right;
}
.right_align section.order-page .header-block .btn-groups {
float: left;
}
.right_align section.order-page .product-block .left-side {
float: right !important;
}
.right_align section.order-page .product-block .left-side .image {
left: 20px;
}
.right_align section.order-page .product-block .order-form {
float: left;
}
.right_align section.order-page .product-block .order-form .order-block .form-block .block form .form-group .input {
margin: 0 0 32px 0 !important;
}
.right_align .list-products .product-block .btn-group {
float: left;
}
.right_align .list-products .product-block .description-block {
float: right;
}
.right_align .list-products .product-block .description-block .title-block {
margin: 24px 40px 0px 0px;
}
.right_align .container.tiny {
margin-right: 0px;
margin-left: auto;
}
.right_align section.consult-form .form-block {
border-right: none;
border-left: 1px solid #e0e3f3;
border-radius: 3px 0px 0px 3px;
margin-right: -5px;
}
.right_align section.consult-form .form-block form .form-group .input {
margin: 10px 0px 0px !important;
}
.right_align section.consult-form .form-block form .form-group .input:first-child {
margin: 10px 0px 0px 11px !important;
}
.right_align section.consult-form .video {
border-radius: 0px 3px 3px 0px;
}