@charset "UTF-8";
@font-face { font-family: 'Lato'; src: url("../fonts/lato-light-webfont.eot"); src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("../fonts/lato-regular-webfont.eot"); src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("../fonts/Lato-Medium.eot"); src: url("../fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; }

@font-face { font-family: 'Lato'; src: url("../fonts/lato-semibold-webfont.eot"); src: url("../fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibold-webfont.woff2") format("woff2"), url("../fonts/lato-semibold-webfont.woff") format("woff"), url("../fonts/lato-semibold-webfont.ttf") format("truetype"), url("../fonts/lato-semibold-webfont.svg#latosemibold") format("svg"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("../fonts/lato-bold-webfont.eot"); src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#latobold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: "c-tm"; src: url("../fonts/c-tm.eot"); src: url("../fonts/c-tm.eot?#iefix") format("embedded-opentype"), url("../fonts/c-tm.woff") format("woff"), url("../fonts/c-tm.ttf") format("truetype"), url("../fonts/c-tm.svg#c-tm") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "c-tm" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "c-tm" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-arr-l:before { content: "\61"; }

.icon-arr-r:before { content: "\62"; }

.icon-fb:before { content: "\63"; }

.icon-mail:before { content: "\64"; }

.icon-fstyle:before { content: "\65"; }

.icon-preset:before { content: "\66"; }

.icon-site:before { content: "\67"; }

.icon-phone:before { content: "\68"; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ outline: 0; }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: #2C3039; opacity: 0.5; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Base selector */
html { font-family: sans-serif; min-height: 100%; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

body { font-family: 'Lato', sans-serif; }

body.no-scroll { height: 100vh; overflow: hidden; }
body.__fixed {
  position: fixed;
}
a, button, input { outline: none; }

/* Grid layout */
.box-block { display: block; }

.box-none { display: none; }

.box-hidden { visibility: hidden; }

.box-visibility { visibility: visible; }

.box-center { margin-left: auto; margin-right: auto; }

.column { display: inline-block; font-size: 1rem; vertical-align: top; }

.column_top { vertical-align: top; }

.column_bottom { vertical-align: bottom; }

.column_middle { vertical-align: middle; }

.column_middle-after:after { content: ''; position: relative; width: 0; height: 100%; display: inline-block; vertical-align: middle; }

.column_rem { font-size: 1rem; }

.column_25 { width: 25%; }

.column_30 { width: 30%; }

.column_33 { width: 33.3333%; }

.column_50 { width: 50%; }

.column_66 { width: 66.6666%; }

.column_70 { width: 70%; }

.column_100 { width: 100%; }

.columns { font-size: 0; }

.columns_justify { text-align: justify; text-justify: newspaper; }

.columns_justify .column { text-align: left; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.flex_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex_row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex_row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex_j-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex_j-around { -ms-flex-pack: distribute; justify-content: space-around; }

.flex_j-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex_j-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex_j-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex_a-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex_a-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flex_a-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex_a-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex_shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* Global style */
a { text-decoration: none; }

input, textarea, select { -webkit-appearance: none; }

p, ul, h1, h2, h3, h4 { margin: 0; }

img { display: block; }

.semibold { font-weight: 600; }

.uppercase { text-transform: uppercase; }

.img-r { max-width: 100%; }

.full-page { height: 100vh; }

.full-height { height: 100%; }

.animate { -webkit-transition: all .2s ease; transition: all .2s ease; }

.animate-x2 { -webkit-transition: all .4s ease; transition: all .4s ease; }

.relative { position: relative; }

/* Global selector */
body { color: #000; }

body { background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(19%, #d9dfe4), color-stop(40%, #d9dfe4), color-stop(60%, #fff), color-stop(83%, #d9dfe4), to(#fff)); background: linear-gradient(to right, #fff 0%, #d9dfe4 19%, #d9dfe4 40%, #fff 60%, #d9dfe4 83%, #fff 100%); background-size: 10000px 100%; /* -webkit-animation: bg 15s linear infinite; animation: bg 15s linear infinite; */ }

.desk-hide { display: none; }

@-webkit-keyframes bg { 0% { background-position-x: 0; }
  100% { background-position-x: 10000px; } }

@keyframes bg { 0% { background-position-x: 0; }
  100% { background-position-x: 10000px; } }

.column_1 { width: 20%; }

.column_2 { width: 40%; }

.column_3 { width: 60%; }

.column_4 { width: 80%; }

.column_5 { width: 100%; }

.lines { position: fixed; top: 0; height: 100%; width: 100%; left: 0; overflow: hidden; }

.lines .inner { height: 100%; }

.lines__inner { position: relative; height: 100%; }

.lines__item { width: 1px; height: 100%; background-color: rgba(212, 217, 222, 0.15); position: absolute; }

.lines__item_1 { left: 0; }

.lines__item_2 { left: 20%; }

.lines__item_3 { left: 40%; }

.lines__item_4 { left: 60%; }

.lines__item_5 { left: 80%; }

.lines__item_6 { left: 100%; }

.main { padding-top: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; min-height: 100vh; }

.content-page { padding-top: 130px; }

.inner { max-width: 1200px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; }

.inner_small { max-width: 680px; }

.offset-t { padding-top: 90px; }

.offset-b { padding-bottom: 90px; }

.link { -webkit-transition: all .2s ease; transition: all .2s ease; }

.link_black { color: #000; }

.link.underline:hover { border-color: transparent; }

.underline { border-bottom: 1px solid; }

.compliance .underline {color: #009ada;font-size: 13px;}

.nowrap { white-space: nowrap; }

.title-normal { font-size: 35px; line-height: 1.28; letter-spacing: -.025em; font-weight: normal; margin-left: -2px; }

.title-big { font-size: 50px; letter-spacing: -.03em; font-weight: 300; margin-left: -3px; }

.title-bottom{padding-bottom: 25px;}

.sub-title { font-weight: 500; font-size: 18px; }

.button { border-radius: 105px; text-align: center; font-size: 14px; font-weight: 500; padding-left: 14px; padding-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; -webkit-transition: all .4s ease; transition: all .4s ease; border: 1px solid transparent; }

.button_border { border: 1px solid; background-color: transparent; }

.button_border.button_blue { color: #009ada; }

.button_border:hover { color: #fff; }

.button_border:hover.button_blue { background-color: #009ada; border-color: #009ada; }

.button_bg.button_blue { background-color: #009ada; color: #fff; }

.button_bg:hover { color: #009ada; }

.button_bg:hover.button_blue { border-color: #009ada; background-color: transparent; }

.button_small { height: 28px; }

.button_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.button_big { height: 50px; max-width: 228px; width: 100%; font-size: 18px; }
.button_w_icon { padding-left: 40px; position: relative; line-height: 1rem}
.button_w_icon::before{
    position: absolute;
    left: 14px;
    font-size: 15px;
}

.field { position: relative; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.field_column-l { margin-right: 5px; }

.field_column-r { margin-left: 5px; }

.field__input, .field__textarea { font-family: 'Lato'; font-size: 13px; color: #000; background-color: rgba(0, 154, 218, 0.05); border: none; width: 100%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.field__input, .field__textarea { font-family: 'Lato'; font-size: 13px; color: #000; background-color: rgba(0, 154, 218, 0.05); border: none; width: 100%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.field__input:hover ~ .field__label, .field__input:active ~ .field__label, .field__input:focus ~ .field__label, .field__input.empty_field ~ .field__label, .field__textarea:hover ~ .field__label, .field__textarea:active ~ .field__label, .field__textarea:focus ~ .field__label, .field__textarea.empty_field ~ .field__label { -webkit-transform: translateY(-27px); transform: translateY(-27px); opacity: 1; font-size: 11px; color: #009ada; }

.field__input:hover ~ .field__bar:before, .field__input:active ~ .field__bar:before, .field__input:focus ~ .field__bar:before, .field__input.empty_field ~ .field__bar:before, .field__textarea:hover ~ .field__bar:before, .field__textarea:active ~ .field__bar:before, .field__textarea:focus ~ .field__bar:before, .field__textarea.empty_field ~ .field__bar:before { width: 100%; background-color: #009ada; }

.field__input.error, .field__textarea.error { background-color: rgba(255, 0, 0, 0.05); }

.field__input.error ~ .field__bar, .field__textarea.error ~ .field__bar { background-color: red; }

.field__input.error:hover ~ .field__bar:before, .field__input.error:active ~ .field__bar:before, .field__input.error:focus ~ .field__bar:before, .field__input.error.empty_field ~ .field__bar:before, .field__textarea.error:hover ~ .field__bar:before, .field__textarea.error:active ~ .field__bar:before, .field__textarea.error:focus ~ .field__bar:before, .field__textarea.error.empty_field ~ .field__bar:before { width: 100%; background-color: red; }
.field__bar { height: 1px; width: 100%; background-color: rgba(0, 152, 215, 0.5); }

.field__bar:before, .field__bar:after { content: ''; position: absolute; top: 100%; left: 0; height: 1px; margin-top: -1px; -webkit-transition: all .4s ease; transition: all .4s ease; width: 0; }

.field__input { height: 36px; }

.field__textarea { padding-top: 12px; padding-bottom: 7px; min-height: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; resize: vertical; }

.field__label { position: absolute; top: 12px; left: 10px; opacity: .5; font-size: 13px; }

.social__item { width: 28px; height: 28px; border-radius: 100px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.social__item:hover{opacity: 0.8}
.social__item:not(:last-child) { margin-right: 10px; }

.social__item_fb { background-color: #3f68a6; font-size: 12px; }

.social__item_mail { background-color: #009ada; }

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 500; -webkit-transition: all .4s ease; transition: all .4s ease; }

.header_hide { -webkit-transform: translateY(-51px); transform: translateY(-51px); }

.header_hide .department__item_current:before { opacity: 0; }

.header__box { white-space: nowrap; }

.header__main { background-color: #fff; }

.header__menu { background-color: rgba(255, 255, 255, 0.95); border-top: 1px solid #dee3e7; height: 45px; overflow: hidden}

.header__tel { color: #000; font-size: 18px; font-weight: bold; margin-left: 5px;  }

.header__button { margin-right: 10px; }

.menu-button { position: fixed; display: none; width: 26px; height: 18px; background-color: transparent; border: none; padding: 0; padding: 5px 0; -webkit-box-sizing: content-box; box-sizing: content-box; right: 15px; top: 10px; z-index: 501; }

.menu-button:before, .menu-button:after { content: ''; }

.menu-button__inner, .menu-button:before, .menu-button:after { width: 100%; height: 2px; background-color: #009ada; display: block; position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; }

.menu-button:before, .menu-button__inner { margin-bottom: 5px; }

.menu-button_active.menu-button__inner, .menu-button_active:before, .menu-button_active:after { background-color: #fff; margin-bottom: 0; }

.menu-button_active .menu-button__inner { opacity: 0; }

.menu-button_active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; }

.menu-button_active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -5px; }

.logo__img { display: inline-block; }
.logo__mobile { display: none; }
.department { height: 50px; }

.department__item { height: 100%; position: relative; padding-left: 10px; padding-right: 10px; color: #000; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.department__item.link_1:hover { background: #e82b5c; color: #fff;}
.department__item.link_4:hover { background: #4c5b60; color: #fff;}

.department__item_current { color: #fff; background-color: #009ada; color: #fff; text-decoration: none; }

.department__item_current:before { content: ''; border-style: solid; border-width: 6px 10px 0 10px; border-color: #009ada transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: -10px; }

.menu__item { color: #000; padding: 0 10px 0 12px; height: 100%;line-height: 45px}
.menu__item:first-child{margin-left: -12px;}
.menu__item:hover .menu__title { border-color: transparent; }

.menu__item_current { background-color: #009ada; color: #fff; }

.menu__item_current .menu__title { border-color: transparent; border-bottom: none; }

.menu__title { border-bottom: 1px solid #000; font-size: 15px;  -webkit-transition: all .2s ease; transition: all .2s ease; }

.footer { background-color: #d9dfe4; position: relative; z-index: 400; }

.footer__inner { padding-top: 40px; padding-bottom: 40px; }

.footer-menu__item { font-size: 14px; color: #000; padding: 8px 12px 7px 12px; border-radius: 100px; -webkit-transition: all .2s ease; transition: all .2s ease; position: relative; }

.footer-menu__item:before { content: ''; position: absolute; bottom: 5px; width: calc(100% - 24px); background-color: transparent; height: 1px; -webkit-transition: all .2s ease; transition: all .2s ease; left: 12px; }

.footer-menu__item_current:before, .footer-menu__item:hover:before { background-color: #000; }

.footer-menu__item:first-child { padding-left: 0; }

.footer-menu__item:first-child:before { width: calc(100% - 12px); left: 0; }

.footer-menu__item_grey { opacity: 0.5; }

.footer__offset-box { padding-top: 20px; }

.footer__offset-box .columns { white-space: nowrap; }

.footer__copyright, .footer__addres { font-size: 14px; }

.footer__logo { margin-left: 5px; margin-right: 40px; position: relative; bottom: 4px; }

.footer__contact { font-size: 24px; }

.footer__contact_mail { position: relative; top: -3px; margin-left: 40px; }

.seo-box { -webkit-column-count: 2; column-count: 2; padding-top: 40px; -webkit-column-gap: 30px; column-gap: 30px; opacity: .7; line-height: 1.54; font-size: 11px; padding-bottom: 40px; border-bottom: 1px solid #aeb2b6; }

.aside { position: fixed; min-height: 100vh; height: 100%; width: 100%; top: 0; left: 0; z-index: 500; display: none; visibility: hidden; }

.aside_active { visibility: visible; overflow: auto;}

.aside_active .aside__overlay { visibility: visible; opacity: 1; position: fixed; height: 100%;}

.aside_active .aside__inner { -webkit-transform: translateX(0%); transform: translateX(0%); padding-bottom: 65px;}

.aside__overlay { background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; }

.aside__inner { overflow: auto; padding-left: 20px; float: right; min-height: 100%; width: 280px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8); background-color: #009ada; padding-top: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; position: relative; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .2s ease; transition: all .2s ease; }
.aside-subbox {border-bottom: 1px solid white;}
.aside-subbox-row {color: white; padding-bottom: 23px;}
.aside-subbox-row a {color: #fff;}
.aside-subbox-row .button {border: 1px solid white;}
.aside-subbox-row .button:hover {border: 1px solid white;background: #fff;}
.aside-subbox-row:last-of-type {font-weight: bold;}
.aside__link-page { padding-right: 15px; display: block; height: 58px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.aside__logo { border-top: 1px solid white; padding: 20px 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin-top: 10px;}

.aside__logo-link { padding-bottom: 5px; border-bottom: 1px solid white; color: white; display: inline-block; font-size: 14px; margin-bottom: 10px;}

.aside__separator { height: 26px; width: 1px; background-color: #000; }

.page__content { margin-bottom: 40px; }

.page__content p, .page__content img, .page__content ul, .page__content ol { margin-bottom: 20px; }

.page__content p, .page__content ol, .page__content ul { line-height: 1.4; }

.page__content ol, .page__content ul { padding-left: 20px; }

.page__content img { max-width: 100%; }

/*
   Main page selector
*/
.preview-slider { overflow: hidden; min-height: 200px; position: relative; }

.preview-slider__content { display: inline-block; padding-right: 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1px; }

.preview-slider__content_hide { display: none; }

.preview-slider__track { -webkit-transition: all .4s ease; transition: all .4s ease; white-space: nowrap; font-size: 0; }

.preview-slider__button { width: 40px; height: 80px; background-image: url(../img/icon/arr_r.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; background-color: transparent; border: none; position: absolute; top: 0px; right: -40px; display: none; }

.preview-slider__bg { opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; }

.preview-slider__bg_active { opacity: 1; visibility: visible; }

.project-preview { height: calc(100vh - 50px); position: relative; color: #fff; overflow: hidden; }

.project-preview__img { background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.project-preview__img:before, .project-preview__img:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }

.project-preview__img:before { background: rgba(0, 0, 0, 0.2); }

.project-preview__img:after { opacity: .75; background: transparent; background: radial-gradient(ellipse at center, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }

.project-preview__conent { position: relative; z-index: 2; }

.project-preview__box { width: 100%; margin: auto; padding-top: 50px; }

.project-preview__title { text-transform: uppercase; font-weight: 300; font-size: 35px; margin-bottom: 15px; letter-spacing: -.025em; }

.project-preview__title-s1 { font-size: 35px; font-weight: bold; margin-bottom: 25px; max-width: 605px; letter-spacing: -.030em; line-height: 1.28; }

.project-preview__title-s2 { font-size: 50px; font-weight: 300; line-height: 1.2; letter-spacing: -.025em; margin-bottom: 105px; }

.project-preview__sub-title { font-size: 18px; letter-spacing: -.025em; }

.project-preview__left-col { max-width: 350px; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; z-index: 99; }

.project-preview__right-col { max-width: 680px; position: relative; padding-left: 40px; }

.about-home__left { width: 220px; }

.steps { padding-bottom: 40px; }

.steps__slider-box { margin-top: 110px; }

.steps__box { position: relative; margin-bottom: 40px; }

.steps__count { position: absolute; top: 0; left: 0; font-size: 50px; color: #009ada; line-height: .9; }

.steps__par { font-size: 35px; letter-spacing: -0.075em; line-height: 1.28; padding-left: 25%; padding-right: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.steps__par:before { content: ''; position: absolute; width: 17%; height: 1px; background-color: #009ada; left: 60px; top: 20px; margin-right: 5px; }

.steps .title-big { position: relative; left: -4px; }

.steps .title-normal { margin-left: 2px; }

.advantages__icon { height: 26px; margin-right: 5px; color: #009ada; font-size: 26px; }

.advantages__title { font-size: 18px; margin-top: 20px; }

.counter { padding-bottom: 40px; }

.counter__number { font-size: 90px; background: -webkit-gradient(linear, right top, left top, from(#1ea3db), to(#1ac6ff)); background: linear-gradient(to left, #1ea3db, #1ac6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: -5px; }

.counter__text { line-height: 1.44; font-size: 18px; letter-spacing: -.025em; }

.about-home__right .client { margin-bottom: -70px; }

.client__title { padding-top: 75px; padding-bottom: 40px; }

.client__logo { padding-bottom: 70px; }

.client__logo img { padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.vertical-slider { margin-bottom: -40px; }

.contact_home .title-big { max-width: 410px; }

.contact_home .title-normal { max-width: 380px; padding-top: 10px; }


/*
   Contact page
*/
.contact__title { line-height: 1.714; margin-top: -5px; }

.contact__title-form { font-size: 18px; margin-bottom: 30px; line-height: 1.5; padding-top: 9px; }

.contact__button { max-width: 50%; }

.contact .column_2 { position: relative; }

.map { height: 430px; width: 100%; position: relative; margin-top: 45px; }

.site-map__logo { max-width: 80%; margin-left: auto; margin-right: auto; }

.site-map__list { list-style: none; padding-left: 0; }

.site-map__item { padding-bottom: 20px; padding-top: 20px; }

.site-map__link { padding: 10px 0; display: inline-block; position: relative; }

.site-map__link:before { content: ''; position: absolute; width: 100%; height: 1px; background-color: #000; bottom: 10px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; }

.site-map__link:hover:before { opacity: 1; }

.site-map__title { font-size: 18px; font-weight: bold; margin-bottom: 55px; }

.site-map__par { line-height: 1.4; margin-bottom: 20px; font-size: 18px; }

.form-success { position: absolute; top: 0; right: 0; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; line-height: 1.3; }

.form-success_hide { opacity: 0; visibility: hidden; z-index: -1; display: none;}

.form-main_hide { visibility: hidden; opacity: 0; }

/*
   Contact page
*/
.portfolio__preview { margin-right: -2px; margin-left: -2px; position: relative; left: -1px; }

.portfolio__item { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 35px; position: relative; cursor: pointer; padding-left: 2px; padding-right: 2px; }

.portfolio__item:hover .portfolio__img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.portfolio__item:hover .portfolio__title { color: #009ada; }

.portfolio__item:hover .portfolio__img-box:before, .portfolio__item:hover .portfolio__img-box:after { opacity: .2; }

.portfolio__img, .portfolio__title { -webkit-transition: all .2s ease; transition: all .2s ease; }

.portfolio__title { font-size: 20px; padding-top: 10px; letter-spacing: -0.040em; font-weight: bold; color: #000; line-height: 1.35; }

.portfolio__sub-title { font-size: 18px; padding-top: 10px; letter-spacing: -0.02em; font-weight: normal; color: #000; line-height: 1.2; -webkit-transition: all .2s ease; transition: all .2s ease; }

.portfolio__title, .portfolio__sub-title { padding-right: 40px; }

.portfolio__preview { margin-bottom: 40px; }

.portfolio__img-box { overflow: hidden; position: relative; margin-bottom: 10px; }

.portfolio__img-box:before, .portfolio__img-box:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all .2s ease; transition: all .2s ease; }

.portfolio__img-box:before { background: rgba(0, 0, 0, 0.2); }

.portfolio__img-box:after { opacity: .75; background: transparent; background: radial-gradient(ellipse at center, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }

.portfolio__img { -webkit-transform: scale(1.01); transform: scale(1.01); }

.portfolio__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; }



.filter-box { padding-top: 65%; }

.filter-box.fixed { position: fixed; top: 0; padding-top: 140px; }

.filter-box__item { margin-bottom: 10px; }

.filter-box__button { border: none; background-color: transparent; color: #ababab; cursor: pointer; padding-bottom: 7px; padding-top: 7px; display: inline-block; white-space: nowrap; -webkit-transition: all .2s ease; transition: all .2s ease; }

.filter-box__button.active { color: #009ada; }

.filter-box__button:hover { color: #009ada; }

.filter-box__separaror:before { content: '—'; }

/*
   Contact page
*/
.principles__slider-box { position: relative; }

.principles__navigation { padding-top: 65px; margin-bottom: 60px; }

.principles__title { font-weight: normal; margin-bottom: 115px; }

.principles-slider__title { font-size: 35px; font-weight: normal; color: #009ada; letter-spacing: -0.025em; margin-bottom: 15px; }

.principles-slider__par { font-size: 18px; line-height: 1.44444; letter-spacing: -0.025em; }

.principles .logo__canvas { margin-top: -240px; }

.principles__canvas { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-clip-path: url(#myClip); clip-path: url(#myClip); }

.principles__navigation { max-width: 228px; }

/*
   Clients page
*/
.clients .client__logo { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer; }

.clients .client__logo:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: gray; -webkit-filter: grayscale(0); }

/*.clients .client__logo .img-r { margin-left: auto; margin-right: auto; padding-right: 0; }*/

.clients .logo__canvas { width: 100%; }

.clients .logo__canvas.fixed { position: fixed; width: 456px; top: 180px; }

.clients .draw { width: 100%; -webkit-transform: scale(0.85); transform: scale(0.85); }

.client__logo .img-r { max-width: 160px; max-height: 96px; }

.clients .client { margin-bottom: 0; }
.clients__items-top{padding-top: 30px;}

/*
   Blog page
*/
.blog { background-color: #c1d7e9; padding-bottom: 80px; margin-top: -40px; }

.blog__image { position: relative; color: #fff; margin-top: 0px;}

.blog__item1 {
  width: 42%;
}

.blog__item2 {
  margin-left: 50%;
  width: 100%;
}


.blog__text { margin-bottom: 20px; color: #000;}

.blog__image, .blog__text { -webkit-transition: all .2s ease; transition: all .2s ease; }

.blog__image:hover, .blog__text:hover { color: #009ada; }

.blog__image:hover .blog__img, .blog__text:hover .blog__img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.blog__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.blog__title {
  font-size: 18px;
  letter-spacing: -0.025em;
  line-height: 1.28571;
  margin-bottom: 12%;
  margin-right: 35%;
  margin-top: 4%;
}

.blog__content { font-size: 18px; line-height: 1.44444; letter-spacing: -0.075; }

.blog__img-box { position: relative; overflow: hidden;  width: 100%;}

.blog__item1:hover .blog__img-box::before, .blog__item1:hover .blog__img-box::after{opacity: 0.2;}

.blog__img-box:before, .blog__img-box:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

.blog__img-box:before { background: rgba(0, 0, 0, 0.2); }

.blog__img-box:after { opacity: .75; background: transparent; background: radial-gradient(ellipse at center, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }

.blog__img { width: 100%; -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all .2s ease; transition: all .2s ease; }

.blog__date { margin-bottom: 5px; }

.blog__info_img { right: 0; top: 50%;}

.blog__info_left { padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}

.blog .flex_a-end{width: 100%;}

/*
   Article page
*/
.article__preview { background-position: center; background-attachment: fixed; background-size: cover; position: relative; height: 540px; }

.article__preview:before, .article__preview:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.article__preview:before { background: rgba(0, 0, 0, 0.2); }

.article__preview:after { opacity: .75; background: transparent; background: radial-gradient(ellipse at center, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }

.article__title-box { position: relative; height: 100%; padding-bottom: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; z-index: 3; }

.article__date { padding-bottom: 5px; }

.article__title { font-size: 35px; letter-spacing: -0.025em; line-height: 1.28571; font-weight: normal; max-width: 450px; }

.article-content { line-height: 1.625; font-size: 16px; letter-spacing: -0.025em; margin-bottom: 80px; padding-top: 55px; }

.article-content ol, .article-content ul, .article-content p { padding-bottom: 30px; }

.article-content img { max-width: 100%; padding-bottom: 35px; }

.article-content h2 { padding-bottom: 40px; }

.article-content .bottom { margin-top: 20px; }

.article__text-preview{
	margin-bottom: 40px;
	margin-top: 20px;
}

.article__text-preview .article__date {
  padding-bottom: 10px;
}

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 80px; width: 40px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; outline: none; border: 1px solid transparent; z-index: 10; border-radius: 100px; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0; }

.slick-prev:before, .slick-next:before { font-family: "c-tm" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; content: ''; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; width: 100%; height: 100%; top: 0; left: 0%; font-size: 80px; background-position: center; background-repeat: no-repeat; }

.slick-prev { right: 80px; }

.slick-prev:before { background-image: url(../img/icon/arr_l.svg); }

.slick-next { right: 0; }

.slick-next:before { background-image: url(../img/icon/arr_r.svg); }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slider .slick-slide > * { padding-right: 33.333%; }

.slick-slide { position: relative; }

.slick-disabled { cursor: default; }

.slick-slider_nav { color: #ababab; font-size: 18px; cursor: pointer; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; }

.slick-slider_nav.slick-current, .slick-slider_nav:hover { color: #0098d7; }

.slick-slider_nav { padding-bottom: 17px; padding-top: 5px; }

.principles__navigation .slick-slider_nav { width: 28px !important; }

.principles__navigation .slick-track { width: 100% !important; }

/** The MIT License (MIT) Copyright (c) 2015 BG Stock - html5backgroundvideos.com Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
/** Set default positioning as a fallback for if the plugin fails */
.jquery-background-video-wrapper { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.jquery-background-video { position: absolute !important; z-index: 1 !important; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.jquery-background-video-wrapper { position: absolute !important; z-index: 1 !important; }

/** Fade in videos Note the .js class - so non js users still see the video */
.js .jquery-background-video { opacity: 0; -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; }

.js .jquery-background-video.is-visible { opacity: 1; }

/** Pause/play button */
.jquery-background-video-pauseplay { position: absolute; background: transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 20px; height: 20px; top: 15px; right: 15px; padding: 0 !important; cursor: pointer; outline: none !important; }

.jquery-background-video-pauseplay span { display: none; }

.jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before { content: ""; position: absolute; left: 0; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }

.jquery-background-video-pauseplay.play:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; }

.jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; border-left: 5px solid #FFF; }

.jquery-background-video-pauseplay.pause:after { left: 10px; }

.principles { position: relative; }

@media screen and (max-width: 1200px) { .clients .logo__canvas.fixed { position: fixed; width: 38%; }
	.blog__date{font-size: 14px;}
	.blog__title{font-size: 18px;}
	.blog__content{font-size: 14px;}
	.blog__text {
	  margin-bottom: 0;
	}
}

@media screen and (max-width: 1100px) { .contact .contact__title { max-width: 510px; }
  	.header__tel { margin-right: 10.3%; }
	.blog__date{font-size: 12px;}
	.blog__title{font-size: 18px; line-height: 1.1;}
	.blog__content{font-size: 13px;}
  }

@media screen and (max-width: 1024px) { .advantages__title { white-space: nowrap; }
	.preview-slider__button { width: 50px; height: 60px; }
	.blog__title{font-size: 20px; line-height: 1.1;}
}

@media screen and (max-width: 1100px) { .inner { padding-left: 15px; padding-right: 15px; }
  .menu-button { display: inline-block; }
  .header__main { height: 50px; padding-top: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header_hide { -webkit-transform: translateY(0); transform: translateY(0); }
  .logo__img_c { height: 19px !important; width: 221px !important; }
  .logo__img_t { height: 20px !important; width: 50px !important; }
  .title-big { font-size: 36px; }
  .title-normal, .steps__par { font-size: 24px; }
  .form-wrap { width: 60%; }
  .aside { display: block; }
  .content-page { padding-top: 70px; }
  .footer__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .footer__inner .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer__offset-box { padding-top: 0; }
  .footer__offset-box .column { display: block; text-align: center; margin: 0; }
  .footer__logo { padding-top: 15px; padding-bottom: 10px; }
  .footer__logo img:first-child { height: 16px; width: 136px; }
  // .footer__logo img:last-child { height: 22px; width: 54px; }
  .footer__contact_phone { padding-top: 15px; display: inline-block; }
  .footer .social { margin-top: 15px; }
  .project-preview__box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .project-preview__right-col { max-width: 100%; width: 100%; padding-left: 0; }
  .project-preview__left-col { width: 350px; text-align: center; max-width: none; margin-left: auto; margin-right: auto; }
  .preview-slider { min-height: 120px; max-width: 350px; margin-left: auto; margin-right: auto; padding-right: 0; }
  .preview-slider__content { padding-right: 0; }
  .preview-slider__button { right: -40px; }
  .steps__par:before { width: 13%; }
  .contact.content-page .column_3 { width: 50%; }
  .contact.content-page .column_2 { width: 50%; }
  .filter-box { display: none; }
  .portfolio .column_1 { display: none; }
  .portfolio__preview { width: 100%; }
  .mob-hide { display: none !important; }
  .social { text-align: center; }
  .advantages { position: absolute; z-index: -100; opacity: 0; visibility: hidden; }
  .blog__title{font-size: 16px; line-height: 1.1;}
  .article__text-preview{margin-top: 0px;}
  .header .logo__img_c,
  .footer__offset-box .footer__logo { display: none; }
  .header .logo__img_c.logo__mobile { display: inline-block; margin-top: 5px;}
}

@media screen and (max-width: 900px) { .contact .contact__title { max-width: 390px; }
  .preview-slider__button { right: -40; }
  .client__logo .img-r { max-width: 110px; }
  .blog__title{font-size: 16px; line-height: 1.1;}
}

@media screen and (max-width: 700px) { .preview-slider { min-height: 80px; }
  .preview-slider__link { margin-bottom: 60px; }
  .project-preview { height: auto; }
  .jquery-background-video-wrapper { display: none; }
  .content-page { padding-top: 30px; }
  .preview-slider__button { top: -12px; right: 0; }
  .steps__count { padding-top: 2px; }
  .title-normal { line-height: 1.6; }
  .lines { display: none; }
  .logo__canvas.fixed { position: static; }
  body { background: #fff; }
  .seo-box { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; }
  .offset-b { padding-bottom: 30px; }
  .offset-t { padding-top: 30px; }
  .button_big { height: 30px; font-size: 13px; max-width: 150px; }
  .steps__par:before { width: 7%; }
  .desk-hide { display: block; }
  .title-big, .title-normal { font-size: 17px; margin-left: 0; }
  .about-home .flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .about-home__left { width: 100%; padding-top: 40px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 10px; }
  .about-home__right { width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 40px; }
  .about-home__button { display: none; }
  .client__title { font-size: 13px; font-weight: 500; padding-top: 15px; }
  .client__logo { text-align: center; padding-bottom: 30px; }
  .client__logo img { margin-left: auto; margin-right: auto; }
  .counter { text-align: center; padding-bottom: 20px; }
  .counter__number { font-size: 90px; }
  .counter__text { font-size: 13px; max-width: 240px; margin-left: auto; margin-right: auto; }
  .counter__text br { display: none; }
  .project-preview__title-s1 { font-size: 17px; max-width: 200px; font-weight: normal; line-height: 1.23529; margin-bottom: 17px; }
  .project-preview__title-s2 { font-size: 25px; max-width: 100%; font-weight: normal; line-height: 1.2; margin-bottom: 40px; }
  .project-preview__title { font-size: 20px; font-weight: 300; margin-bottom: 7px; }
  .project-preview__sub-title { font-size: 11px; }
  .steps__slider-box { margin-top: 30px; }
  .steps { padding-bottom: 0; }
  .steps .column_4 { border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; }
  .steps .title-big { left: 0; }
  .steps .title-normal { margin-left: 0; }
  .steps .column_1 { display: none; }
  .steps .column_3, .steps .column_4 { width: 100%; }
  .steps__count { font-size: 16px; }
  .steps__par { font-size: 13px; padding-left: 20%; padding-right: 0; }
  .steps__par:before { top: 7px; left: 30px; }
  .steps__box { margin-bottom: 20px; }
  .contact { margin-bottom: 20px; }
  .contact .flex { display: block; }
  .contact .column_2, .contact .column_3, .contact .field { width: 100%; margin-left: 0; margin-right: 0; }
  .contact form { margin-top: 20px; }
  .principles { position: relative; margin-bottom: 0; }
  .principles .draw { margin-top: 0; }
  .principles .flex { display: block; }
  .principles .flex .column_3 { margin-top: -220px; }
  .principles .column_2, .principles .column_3 { width: 100%; }
  .principles__title { width: 100%; margin-bottom: 30px; }
  .principles-slider__title { font-size: 17px; }
  .principles .slick-slider_nav { text-align: center; }
  .principles .slick-prev { left: 0; }
  .principles .slick-prev, .principles .slick-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); top: 100%; height: 40px; margin-top: 21px; width: 22px; }
  .logo__canvas { margin-top: 0; }
  .principles-slider__par { font-size: 13px; }
  .slider .slick-slide > * { padding-right: 0; }
  .principles__navigation { padding-top: 30px; margin-left: auto; margin-right: auto; }
  .portfolio__preview { left: 0; margin-left: 0; margin-right: 0; }
  .portfolio__item { width: 100%; padding-left: 0; padding-right: 0; }
  .contact.content-page .column_3 { width: 100%; }
  .contact.content-page .column_2 { width: 100%; }
  .draw { height: 200px !important; margin-left: auto; margin-right: auto; display: block; }
  .clients .logo__canvas { display: none; }
  .clients .title-normal { width: 100%; }
  .clients .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .clients .column_2, .clients .column_3 { width: 100%; }
  .site-map .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .site-map__logo { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; }
  .site-map .column_2 { width: 100%; }
  .site-map__menu { margin-top: 40px; }
  .site-map__menu_404 { margin-top: -240px; }
  .principles .logo__canvas { margin-top: 0; }
  .form-success .customs-icon { display: none; }
  .form-success { position: relative; margin-top: 20px; margin-bottom: 20px; }
  .form-main_hide { display: none; }
  .about-home__right .client { margin-bottom: 0; }
  .column_3.slick-slide.slick-active { height: auto !important; }
  .vertical-slider { margin-bottom: 0; }
  .blog__item2{margin-left: 0;}
  .blog__info_left{left: 4%;}
  .blog .flex_a-end{width: 100%; margin-bottom: 1px;}
  .blog__image{
	overflow: hidden;
	width: 100%;
  }
  .blog__title{font-size: 15px; margin-bottom: 8%; margin-top: 3%;}
}
@media screen and (max-width: 550px) {
	.blog .flex{display: inline;}
}

@media screen and (max-width: 400px) {
	.client__logo .img-r { max-width: 75px; }
	.themodal-overlay {z-index: 1000}

	.project-preview__left-col {
	    width: 290px;
	}

	.out-spacer {width: 98% !important;}
}

.themodal-lock {overflow: hidden;}
.themodal-overlay {position: fixed;bottom: 0;left: 0;top: 0;right: 0;z-index: 1000;overflow: auto;-webkit-overflow-scrolling: touch;}
.themodal-overlay > * {-webkit-transform: translateZ(0px);}
.themodal-overlay {background: rgba(255, 255, 255, 1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);zoom: 1;}
.modal {
/*    position: absolute;
    left: 50%;
    top: 50%;
    width: 550px;
    margin-left: -265px;
    margin-top: -230px;
    overflow: hidden;*/
    position: relative;
    left: 0;
    top: 10%;
    max-width: 550px;
    margin:0 auto;
    overflow: hidden;
}




.modalreport{background: rgba(130,193,220,1);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,193,220,1)), color-stop(100%, rgba(130,140,181,1)));background: -webkit-gradient(linear, left top, left bottom, from(rgba(130,193,220,1)), to(rgba(130,140,181,1)));background: linear-gradient(to bottom, rgba(130,193,220,1) 0%, rgba(130,140,181,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c1dc', endColorstr='#828cb5', GradientType=0 );height:auto;}
.modalreport .report{color: white;}
.modalreport .report .image{margin: 0px 0 30px 0%;height:50px;}
.modalreport .report .image img{max-height: 35px;}
.modalreport .report .text{margin: 0px 0% 0px 0%; font-size: 20px;line-height: 1.3em;font-family: 'Lato', sans-serif;margin-bottom: 30px;}
.modalreport .report .author{margin: 0px 0% 0px 0%;font-size: 20px;line-height: 1.3em;font-family: 'Lato', sans-serif;margin-bottom: 30px;}
.modalreport .report .author span{font-size: 15px;color: rgba(255,255,255,0.5);}
.modal .close {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    right: 45px;
    top: 35px;
    /*background: url(../img/close.png) no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
.modal .close:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.modal .ok{font-size: 24px;text-align: center;padding: 80px 0px;}
.modal .m_title{font-size: 35px;color: #333;margin-bottom: 40px; font-family: 'Lato', sans-serif;}
.modal .modal_c{padding: 40px 40px;}
.modal .modal_c input {  }
/*.modal .modal_c input{font-size: 20px;color: black;padding: 0px 10px;background: transparent;border-top:0px; border-left:0; border-right:0; border-bottom: 1px solid #fff; color: #fff;margin-bottom: 30px;width:440px;height:40px;font-weight: 300;}*/
.modal .sendform {
    display: inline-block;
    font-size: 23px;
    font-family: 'Lato', sans-serif;
    height: 44px;
    line-height: 39px;
    padding: 0px 46px;
    border: 1px solid #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 40px;
}
.modal .sendform:hover{color: #666;border-color: #666;}

.modal .modal_c input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.modal .modal_c input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.modal .modal_c input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.modal .modal_c input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.modal .modal_c input.error::-webkit-input-placeholder {color: red;}
.modal .modal_c input.error::-moz-placeholder {color: red;}
.modal .modal_c input.error:-ms-input-placeholder {color: red;}
.modal .modal_c input.error:-moz-placeholder {color: red;}

.modal .modal_c input.error{color: red; border-color: red;}

/*form#feedback input:checked + label::before, form#feedback1 input:checked + label::before {
    background: #777;
}*/
/* form#feedback label span, form#feedback1 label span{border-bottom: solid 1px #777;} */
form#feedback label.error, form#feedback1 label.error{color: red;}
form#feedback label.error span, form#feedback1 label.error span{border-color: red;}

form#feedback input#accept, form#feedback input#accept, form#feedback1 input#accept, form#feedback1 input#accept{visibility: hidden; position: absolute;	}
.modal .close:before, .modal .close:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 1px;
    background-color: #333;
    left: 0;
    top: 53%;
    opacity: .8;
}
.modal .close:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal .close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#modal_call{height: 435px !important;}
.sux_block{text-align: center; display: none;}
.sux_block .m_title{margin-bottom: 20px;}
.m_sux_txt{
	font-size: 18px;font-family: 'Lato', sans-serif;
}



.check_personal {position: relative; }

.check_personal .form__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.field__label.form__label_radio {
    top: 0;
}

.form__label_radio { padding-left: 25px; position: relative; font-weight: 500; }
.form__label_radio:after {
    content: '';
}

.form__label_radio {
    position: relative;
    top: 20px;
    left: 0;
}

.form__label_radio:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    border: solid #888 1px;
    background-color: #fff;
}

.form__label_radio:after {
    content: '';
    background-color: #009ada;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.form__label_radio:before,
.form__label_radio:after {
    border-radius: 50%
}

#check_personal:checked + label:after {
    opacity: 1!important;
}

@-webkit-keyframes end-show { from { }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes end-show { from { }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes contact-button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  5%, 15%, 25%, 35% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  10%, 20%, 30% { -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  40% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  45% { -webkit-transform: translateX(-2px);
    transform: translateX(-2px); } }

@keyframes contact-button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  5%, 15%, 25%, 35% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  10%, 20%, 30% { -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  40% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  45% { -webkit-transform: translateX(-2px);
    transform: translateX(-2px); } }


.button-anim-shake { -webkit-animation: contact-button-shake 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; animation: contact-button-shake 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }

.out-spacer {
    padding-top: 20px;
}

.field-textarea {
    margin-bottom: 0;
}
.requisits{
    margin-top: 21px;
}
.requisits a span {
    position: relative;
    font-size: 15px;
	border-bottom: 1px solid #000;
    top: -26px;
    color: #000;
    left: 39px;
}
.requisits a:hover span {
	border-bottom: 0px;
}