@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700|Ubuntu:300,300i,400&subset=cyrillic");
.Red {
  color: #d30038; }

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

html {
  height: 100%; }

body {
  min-height: 100%;
  display: flex;
  flex-direction: column; }

svg {
  height: 100%;
  width: 100%; }

article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Handle box-sizing while better addressing child elements:
   https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
*/
img,
object,
embed {
  max-width: 100%; }

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  color: #003E4F;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer; }

a:hover {
  color: #00607A; }

a:active {
  color: inherit; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights https://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

body {
  margin-right: 0 !important; }

body * {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.3em; }

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

.BlogPost {
  padding: 0 48px; }
  .BlogPost__Title {
    margin-top: 16px; }
  .BlogPost__Header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px; }
  .BlogPost__BackButton a {
    font-size: 18px;
    color: #00607A; }
  .BlogPost__Date {
    right: 48px;
    color: #888;
    font-size: 18px; }
  .BlogPost__Content > * {
    margin: 16px 0; }
  .BlogPost__Content a {
    color: #00607A; }
  .BlogPost__Content ol > li, .BlogPost__Content ul > li {
    list-style-position: inside;
    margin: 8px; }
  .BlogPost__Content ul > li {
    list-style-type: disc; }
  .BlogPost__Content b {
    font-weight: bold; }
  .BlogPost__Content table {
    width: 100%; }
  .BlogPost__Content table td {
    border: 1px solid #00607A;
    padding: 4px; }
  .BlogPost__Content table thead td {
    background-color: #DDD; }

.BlogPostList {
  padding: 0 48px;
  margin-top: -16px; }
  .BlogPostList__Post {
    padding: 16px 0; }
  .BlogPostList__PostContent {
    margin-left: 90px;
    display: flex; }
  .BlogPostList__PostContentPreview {
    flex-shrink: 0;
    width: 200px;
    padding-top: 16px; }
    .BlogPostList__PostContentPreview + div {
      margin-left: 16px; }
  .BlogPostList__PostContentText {
    flex-grow: 1; }
  .BlogPostList__PostTitle {
    margin-bottom: 8px; }
    .BlogPostList__PostTitle span {
      display: inline-block;
      color: #888;
      width: 90px; }
    .BlogPostList__PostTitle a {
      color: #003E4F;
      font-family: "Roboto", sans-serif;
      font-size: 18px; }
  .BlogPostList__ReadMore {
    color: #00607A;
    margin-left: 8px; }

.BlogPaginator {
  text-align: center;
  margin: 16px 0; }
  .BlogPaginator__Button {
    color: #00607A;
    margin: 0 4px;
    font-size: 16px; }
    .BlogPaginator__Button_Current {
      color: #888; }

@media screen and (max-device-width: 940px) {
  .BlogPost {
    padding: 0; }
  .BlogPostList {
    padding: 0; }
    .BlogPostList__Post {
      border-bottom: 1px solid #DDD; }
    .BlogPostList__PostTitle {
      margin-bottom: 8px; }
      .BlogPostList__PostTitle span {
        font-size: 16px; }
      .BlogPostList__PostTitle a {
        font-size: 16px;
        font-weight: 500; }
    .BlogPostList__PostContentPreview + div {
      margin: 0; }
    .BlogPostList__PostContent {
      margin: 0;
      flex-direction: column; }
    .BlogPostList__ReadMore {
      display: block;
      margin: 0;
      margin-top: 8px;
      text-align: center; }
    .BlogPostList__PostContentAnnotation {
      font-size: 14px; } }

h1 {
  color: #003E4F;
  font-family: "Roboto", sans-serif;
  font-size: 42px;
  text-align: center;
  margin: 0 0 32px 0; }

h2 {
  color: #003E4F;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  text-align: center;
  line-height: 48px;
  margin: 32px 0 16px 0; }

h3 {
  color: #003E4F;
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  margin: 32px 0; }
  h3.Red {
    color: #d30038; }

h4, h4 > a {
  color: #003E4F;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 16px;
  margin: 16px 0; }
  h4 a, h4 > a a {
    color: #d30038; }

h5 {
  text-align: center;
  font-size: 18px;
  margin: 16px 0;
  line-height: 22px; }

hr {
  border: none;
  border-bottom: 1px solid #DDD; }

p {
  margin: 16px 0; }

ol {
  margin-left: 16px; }

ul {
  margin-left: 16px;
  list-style-type: disc; }

li {
  margin-bottom: 8px; }

.VideoFrame {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

@media screen and (min-device-width: 940px) {
  .mobile {
    display: none !important; } }

@media screen and (max-device-width: 940px) {
  h1 {
    margin-bottom: 16px; }
  h1, h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase; }
  h3 {
    margin: 22px 0;
    font-size: 18px;
    padding: 0;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase; }
  h4, h4 > a {
    line-height: 20px;
    font-size: 18px; }
  h5 {
    font-size: 16px; }
  .desktop {
    display: none !important; } }

.LeadButton {
  display: block;
  cursor: pointer;
  height: 48px;
  text-align: center;
  line-height: 44px;
  background-color: #d30038;
  border-radius: 24px;
  color: #FFF;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  margin: 32px auto;
  width: 320px;
  user-select: none;
  text-decoration: none; }
  .LeadButton:hover {
    background-color: #e72a5c;
    color: #FFF; }

.FancyForms > * {
  display: none; }

.Form__Content {
  max-width: 420px; }

.Form__LabelCaption {
  color: #003E4F;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif; }

.Form__LabelNotification {
  color: #d30038;
  font-size: 13px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600; }

.Form__Input {
  margin-bottom: 16px; }
  .Form__Input input {
    border: 1px solid #003E4F;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    width: 100%;
    background-color: #f7fcff; }
    .Form__Input input:focus {
      outline: 2px solid #003E4F; }
  .Form__Input select {
    border: 1px solid #003E4F;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    width: 100%;
    background-color: #f7fcff; }
    .Form__Input select:focus {
      outline: 2px solid #003E4F; }
  .Form__Input input[type=checkbox] {
    width: 20px; }
  .Form__Input textarea {
    border: 1px solid #003E4F;
    padding: 8px;
    height: 128px;
    width: 100%;
    background-color: #f7fcff;
    resize: vertical; }
  .Form__Input_Fake {
    position: absolute;
    transform: scale(0, 0);
    margin: 0; }

.Form__Submit {
  text-align: center; }
  .Form__Submit input[type=submit] {
    cursor: pointer;
    height: 48px;
    text-align: center;
    line-height: 44px;
    background-color: #003E4F;
    border-radius: 24px;
    color: #FFF;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    width: 320px;
    user-select: none;
    border: none;
    display: inline-block; }
    .Form__Submit input[type=submit]:hover {
      background-color: #00607A; }

.FormAgreement {
  margin: 16px 0;
  text-align: center; }
  .FormAgreement * {
    font-size: 13px; }
  .FormAgreement a {
    color: #003E4F;
    text-decoration: underline; }

.FormMessage {
  text-align: center !important; }
  .FormMessage__Message {
    text-align: center;
    max-width: 300px;
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 32px; }
  .FormMessage__Close {
    cursor: pointer;
    display: inline-block;
    height: 48px;
    text-align: center;
    line-height: 44px;
    background-color: #003E4F;
    border-radius: 24px;
    color: #FFF;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    width: 320px;
    user-select: none;
    border: none; }
    .FormMessage__Close:hover {
      background-color: #00607A; }

.Begin {
  margin-bottom: 32px; }
  .Begin__Details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .Begin__StepList {
    list-style-position: outside;
    width: 368px;
    margin: auto; }
  .Begin__StepItem {
    font-size: 16px;
    list-style-type: decimal;
    margin: 8px 0; }
  .Begin__DetailTxt {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #d30038;
    font-weight: 700;
    margin-left: 8px;
    white-space: nowrap; }
  .Begin__PhoneNumber {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #d30038;
    font-weight: 700;
    margin-left: 8px;
    white-space: nowrap; }
    .Begin__PhoneNumber:hover {
      color: #d30038; }
  .Begin__Space {
    display: inline-block;
    width: 32px; }
  .Begin__Email {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #d30038;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 8px;
    cursor: pointer; }
    .Begin__Email:hover {
      color: #d30038; }

.ButtonCall {
  cursor: pointer;
  display: flex;
  height: 48px;
  line-height: 42px;
  padding-right: 16px;
  border-radius: 24px;
  border: 3px solid #003E4F;
  background-color: #FFF;
  text-decoration: none !important; }
  .ButtonCall__Icon {
    height: 100%;
    width: 48px;
    padding: 9px 14px;
    fill: #d30038; }
    .ButtonCall__Icon::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -144px -432px; }
  .ButtonCall__Text {
    font-weight: 700;
    line-height: 40px;
    white-space: nowrap; }
  .ButtonCall:hover {
    background-color: #DDD; }

@media screen and (max-device-width: 940px) {
  .LeadButton {
    width: auto;
    max-width: 320px;
    font-size: 18px;
    line-height: 48px; }
  .Begin__StepItem {
    list-style-position: inside; }
  .Begin__Contacts {
    display: flex;
    flex-direction: column; }
  .Begin__Text {
    font-size: 16px; }
  .Form {
    padding: 32px !important; }
    .Form__LabelCaption {
      font-size: 13px; }
    .Form__Submit input[type=submit] {
      width: auto;
      padding: 0 32px; }
    .Form__Content {
      margin: auto; }
  .ButtonCall {
    position: absolute;
    top: 12px;
    left: 12px;
    border: 0;
    padding: 4px;
    padding-right: 20px; }
  .fancybox-close-small {
    padding: 4px !important; }
  .fancybox-slide--html {
    padding: 4% !important; } }

.Body {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  color: #333;
  overflow: hidden; }
  .Body__Wrapper {
    position: relative;
    background-color: #f0f0f0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  .Body__WrapperGradient {
    position: absolute;
    top: 0px;
    height: 620px;
    width: 100%;
    background: -moz-linear-gradient(top, #003E4F 13%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #003E4F), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #003E4F 13%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #003E4F 13%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #003E4F 13%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #003E4F 13%, #f0f0f0 100%); }
  .Body__Content {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    background-color: #FFF;
    max-width: 1120px;
    width: 100%;
    margin: auto;
    position: relative;
    flex-grow: 1; }

.Nav {
  border-radius: 4px;
  position: relative;
  width: calc( 100% + 16px * 2);
  left: -16px;
  background-color: #003E4F;
  height: 48px;
  border: 2px solid #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  z-index: 1; }
  .Nav__Car {
    position: absolute;
    right: 16px;
    height: 22px;
    width: 60px;
    top: 12px; }
    .Nav__Car::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -288px -432px; }
  .Nav__Section {
    color: #FFF !important;
    padding: 0 16px;
    text-decoration: none;
    font-size: 17px; }
  .Nav__Splitter {
    border-right: 1px solid #FFF;
    height: 22px; }
    .Nav__Splitter:last-of-type {
      display: none; }

.Header {
  width: 100%;
  height: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #003E4F;
  padding: 0 64px;
  flex: 0 0 auto; }
  .Header__Logo {
    width: 176px;
    flex: 0 0 176px; }
  .Header__ContactsTitle {
    font-weight: 700;
    border-bottom: 1px solid #003E4F;
    margin-bottom: 4px;
    padding-bottom: 4px;
    color: #003E4F; }
  .Header__ContactsPhone {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #003E4F; }
  .Header__ContactsEmail {
    font-size: 16px;
    color: #003E4F; }
  .Header__ButtonUser {
    cursor: pointer;
    display: flex;
    height: 48px;
    line-height: 40px;
    border-radius: 24px;
    background-color: #003E4F;
    font-weight: 400; }
  .Header__ButtonSignIn {
    height: 100%;
    width: 64px;
    padding: 14px 21px;
    fill: #FFF;
    border-right: 1px solid #DDD;
    border-radius: 24px 0 0 24px; }
    .Header__ButtonSignIn::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: 0px -432px; }
    .Header__ButtonSignIn:hover {
      background-color: #00607A; }
  .Header__ButtonSignUp {
    line-height: 48px;
    color: #FFF;
    border-radius: 0 24px 24px 0;
    padding: 0 24px 0 16px; }
    .Header__ButtonSignUp:hover {
      color: #FFF;
      background-color: #00607A; }
  .Header .mobileOnly {
    display: none; }

.Main {
  padding: 32px;
  flex-grow: 1; }

.Footer {
  display: flex;
  border-top: 1px solid #003E4F;
  border-bottom: 32px solid #003E4F;
  height: 160px;
  align-items: center;
  padding: 0 48px;
  flex: 0 0 auto; }
  .Footer__PresentDiv {
    text-align: center; }
  .Footer__ImgDiv {
    width: 210px;
    display: flex;
    flex-direction: row; }
  .Footer__Logo {
    width: 210px;
    margin-right: 48px; }
    .Footer__Logo .test {
      margin: 5px 0px; }
  .Footer__Section {
    display: block;
    color: #003E4F;
    font-size: 13px;
    line-height: 1.2em; }
  .Footer__Contacts {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #003E4F;
    font-size: 13px; }
    .Footer__Contacts > * {
      line-height: 22px;
      height: 22px;
      color: #003E4F; }

.NewAppScroller {
  position: fixed;
  background-image: url("/img/Index_Sidebar.png");
  background-repeat: no-repeat;
  height: 416px;
  width: 180px;
  left: calc(50% + 1120px / 2);
  top: 22%;
  background-position: calc(-225px + 10vw) 0; }
  .NewAppScroller__Text {
    position: absolute;
    width: 148px;
    height: 106px;
    right: calc(185px - 10vw);
    bottom: 40px;
    text-align: center; }
  .NewAppScroller__Title {
    color: #FFF;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 34px; }
  .NewAppScroller__Link {
    color: #FFF !important;
    text-decoration: underline; }
    .NewAppScroller__Link:hover {
      color: #FFF; }

@media screen and (max-device-width: 940px) {
  .Main {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 4%;
    padding-top: calc(64px + 4%); }
  .Body__Content {
    width: 100%; }
  .Header {
    position: fixed;
    height: 80px;
    padding: 0;
    background-color: #FFF;
    border-bottom: 1px solid #003E4F;
    z-index: 2; }
    .Header__ButtonMenu {
      flex: 0 0 auto;
      height: 48px;
      width: 48px;
      margin-right: 8px; }
      .Header__ButtonMenu::before {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        height: 144px;
        width: 144px;
        background-image: url("/img/sprite.png");
        background-position: 0px -576px; }
    .Header__Contacts {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      height: 64px;
      padding: 10px 0px; }
    .Header__ContactsTitle {
      display: none; }
    .Header__ContactsPhone {
      font-size: 14px;
      padding: 0 16px;
      white-space: nowrap; }
    .Header__ContactsEmail {
      font-size: 14px;
      padding: 0 16px;
      white-space: nowrap; }
    .Header__Logo {
      padding: 8px;
      height: 64px;
      width: 96px;
      flex: 0 0 96px; }
  .MobileNav {
    display: none;
    background-color: #003E4F;
    position: fixed;
    padding-top: 64px;
    width: 100%;
    height: 100%;
    z-index: 2;
    justify-content: flex-start; }
    .MobileNav__ButtonClose {
      position: absolute;
      right: 8px;
      top: 8px;
      height: 48px;
      width: 48px; }
      .MobileNav__ButtonClose::before {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        height: 144px;
        width: 144px;
        background-image: url("/img/sprite.png");
        background-position: -144px -576px; }
    .MobileNav__Section {
      display: inline-block;
      width: 100%;
      height: 64px;
      line-height: 64px;
      font-size: 18px;
      color: #FFF;
      text-decoration: none;
      padding-left: 16px;
      font-weight: 300; }
    .MobileNav__Splitter {
      display: block;
      border: 0;
      height: 1px;
      margin: 0 16px;
      border-bottom: 1px solid #FFF;
      opacity: 0.2; }
  .mobileOnly {
    display: block !important; } }

.slick-prev, .slick-next {
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: #003E4F;
  top: calc(50% - 38px / 2);
  border: 2px solid #FFF;
  border-radius: 4px;
  z-index: 1;
  font-size: 0;
  color: transparent;
  text-align: center; }
  .slick-prev:hover, .slick-next:hover {
    background-color: #00607A; }
  .slick-prev::after, .slick-next::after {
    content: '';
    position: relative;
    display: inline-block;
    border: 8px solid transparent; }

.slick-prev {
  left: 16px; }
  .slick-prev::after {
    border-right-color: #FFF;
    right: 5px; }

.slick-next {
  right: 16px; }
  .slick-next::after {
    border-left-color: #FFF;
    left: 5px; }

.slick-dots {
  position: absolute;
  bottom: 16px;
  left: 16px;
  text-align: center; }
  .slick-dots > li {
    display: inline-block;
    margin-right: 8px; }
  .slick-dots > li > button {
    display: block;
    outline: none;
    border: none;
    width: 16px;
    height: 16px;
    background-color: #003E4F;
    font-size: 0;
    color: transparent; }
  .slick-dots > li.slick-active > button {
    background-color: #d30038; }

.slick-slide img {
  display: block !important; }

@media screen and (max-device-width: 940px) {
  .slick-prev, .slick-next {
    position: absolute;
    width: 32px;
    height: 96px;
    border-style: solid;
    border-color: transparent;
    border-width: 48px 12px;
    top: calc(50% - 48px);
    z-index: 1;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    padding: 0; }
    .slick-prev:after, .slick-next:after {
      display: none; }
    .slick-prev:hover, .slick-next:hover {
      background-color: transparent; }
  .slick-prev {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.5); }
  .slick-next {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.5); }
  .slick-slide img {
    display: inline-block !important; } }

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

.AboutHeader {
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 32px; }
  .AboutHeader__Content {
    position: relative;
    top: 32px;
    background-color: #DDD;
    padding: 32px;
    padding-right: 63%;
    min-height: 336px; }
    .AboutHeader__Content * {
      font-size: 16px;
      line-height: 24px; }
  .AboutHeader__Image {
    position: absolute;
    right: 16px;
    top: 0; }
  .AboutHeader__Text1 b {
    font-weight: 700; }
  .AboutHeader__Text2 {
    position: relative;
    margin: 16px 0;
    background: linear-gradient(to right, #DDD, #FFF);
    padding: 16px 0;
    height: 80px;
    font-weight: 700; }
    .AboutHeader__Text2:after {
      content: '';
      position: absolute;
      display: block;
      border-top: 40px solid transparent;
      border-bottom: 40px solid transparent;
      border-left: 32px solid #FFF;
      top: 0;
      bottom: 0;
      left: calc(100% - 1px); }

.AboutFeatures {
  background-color: #d30038;
  display: flex;
  padding: 32px; }
  .AboutFeatures__FeatureItem {
    display: flex;
    align-items: center;
    width: 33%;
    border-right: 1px dashed #FFF;
    margin-right: 16px; }
    .AboutFeatures__FeatureItem:last-of-type {
      border: none; }
  .AboutFeatures__FeatureItemIcon {
    width: 64px;
    height: 64px;
    margin-right: 16px;
    flex: 0 0 auto; }
    .AboutFeatures__FeatureItemIcon_1::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -432px 0px; }
    .AboutFeatures__FeatureItemIcon_2::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -576px 0px; }
    .AboutFeatures__FeatureItemIcon_3::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -720px 0px; }
  .AboutFeatures__FeatureItemText {
    color: #FFF;
    padding-right: 16px;
    font-size: 16px;
    font-weight: 500; }

.AboutAdvantages__AdvantageItem {
  margin-bottom: 16px; }

.AboutAdvantages__AdvantageItemHeader {
  text-transform: uppercase;
  color: #d30038;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px; }

.AboutEfficiency__EfficiencyItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  .AboutEfficiency__EfficiencyItem b {
    color: #22af00;
    font-size: 22px;
    margin: 0 16px; }
  .AboutEfficiency__EfficiencyItem span {
    font-size: 16px; }

@media screen and (max-device-width: 940px) {
  .AboutHeader {
    display: flex;
    flex-direction: column-reverse; }
    .AboutHeader__Content {
      padding: 0;
      background-color: transparent;
      min-height: 0; }
    .AboutHeader__Image {
      position: relative;
      text-align: center;
      right: 0; }
    .AboutHeader__Text2 {
      height: auto;
      padding: 16px; }
      .AboutHeader__Text2:after {
        display: none; }
  .AboutFeatures {
    flex-direction: column;
    padding: 0;
    background: none; }
    .AboutFeatures__FeatureItem {
      border-right: none;
      padding: 16px;
      width: 100%;
      margin-bottom: 16px;
      background: #d30038; }
      .AboutFeatures__FeatureItem:last-of-type {
        margin-bottom: none; }
    .AboutFeatures__FeatureItemText {
      padding: 0;
      font-size: 14px; } }

.CapabilitiesHeader__Image {
  margin: 32px -32px; }
  .CapabilitiesHeader__Image img {
    width: 100%; }

.CapabilitiesHeader__FeaturesList {
  display: flex;
  justify-content: center;
  margin-bottom: 48px; }

.CapabilitiesHeader__FeatureItem {
  display: flex;
  align-items: center; }

.CapabilitiesHeader__FeatureItemNumber {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background-color: #d30038;
  text-align: center;
  line-height: 64px;
  color: #FFF;
  font-size: 28px;
  font-family: "Roboto", sans-serif; }

.CapabilitiesHeader__FeatureItemText {
  margin: 0px 16px;
  width: 180px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #d30038; }

.CapabilitiesContent__Caption {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #003E4F;
  line-height: 22px;
  font-family: "Roboto", sans-serif;
  margin: 16px 0; }

.CapabilitiesContent__Text {
  line-height: 22px;
  margin-top: 16px; }

.CapabilitiesContent__DoubleColumn {
  display: flex;
  margin: 32px; }

.CapabilitiesContent__ImageWrapper {
  flex: 0 0 50%;
  text-align: center; }

.CapabilitiesContent__Image {
  display: inline-block;
  background-image: url("/img/Capabilities_Sprite.png"); }

.CapabilitiesContent__FieldsList {
  display: flex;
  flex-wrap: wrap;
  margin: 32px; }

.CapabilitiesContent__FieldsItem {
  display: flex;
  flex-basis: 50%;
  padding: 16px; }

.CapabilitiesContent__FieldsItemImage {
  flex: 0 0 200px; }
  .CapabilitiesContent__FieldsItemImage_1 {
    background-position: -448px -224px;
    height: 96px;
    width: 160px; }
  .CapabilitiesContent__FieldsItemImage_2 {
    background-position: -624px -224px;
    height: 96px;
    width: 184px; }
  .CapabilitiesContent__FieldsItemImage_3 {
    background-position: 0px -224px;
    height: 96px;
    width: 80px; }
  .CapabilitiesContent__FieldsItemImage_4 {
    background-position: -272px -224px;
    height: 96px;
    width: 160px; }
  .CapabilitiesContent__FieldsItemImage_5 {
    background-position: -96px -224px;
    height: 96px;
    width: 161px; }

.CapabilitiesContent__FieldsItemTitle {
  text-transform: uppercase;
  color: #d30038;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px; }

@media screen and (max-device-width: 940px) {
  .CapabilitiesHeader {
    margin-top: 32px; }
    .CapabilitiesHeader__Image {
      margin: 0;
      margin-top: -16px;
      margin-bottom: 16px; }
      .CapabilitiesHeader__Image img {
        height: 160px;
        object-fit: cover; }
    .CapabilitiesHeader__FeaturesList {
      flex-direction: column;
      margin-bottom: 16px;
      align-items: center; }
    .CapabilitiesHeader__FeatureItem {
      margin-bottom: 16px; }
    .CapabilitiesHeader__FeatureItemText {
      width: 140px; }
  .CapabilitiesContent__DoubleColumn {
    flex-direction: column;
    margin: 0; }
  .CapabilitiesContent__ImageWrapper {
    display: none; }
  .CapabilitiesContent__FieldsList {
    margin: 0; }
  .CapabilitiesContent__FieldsItem {
    padding: 0 16px;
    margin-top: 16px;
    flex-basis: 100%;
    flex-direction: column-reverse; }
  .CapabilitiesContent__FieldsItemImage {
    flex-basis: auto; } }

.Clients__Container {
  padding: 0 64px; }

.Clients__Tag {
  clear: both;
  display: none;
  margin-top: 16px; }

.Clients__List {
  display: flex;
  flex-wrap: wrap; }

.Clients__TagList {
  text-align: center; }

.Clients__TagButton {
  display: inline-block;
  border: 1px solid #003E4F;
  border-radius: 4px;
  padding: 8px;
  margin: 0px 8px 16px 8px; }
  .Clients__TagButton:hover {
    background-color: #00607A;
    color: #FFF; }

.Clients .SelectedTagButton {
  background-color: #003E4F;
  color: #FFF; }

.ClientsItem {
  position: relative;
  width: calc(33% - 20px);
  margin-bottom: 32px;
  border: 1px solid #DDD;
  padding: 32px;
  border-radius: 4px; }
  .ClientsItem:not(:nth-child(3n)) {
    margin-right: 32px; }
  .ClientsItem__Link {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: rgba(0, 96, 122, 0.25);
    opacity: 0;
    transition: all 0.2s ease-out; }
    .ClientsItem__Link::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -720px -432px; }
    .ClientsItem__Link:hover {
      opacity: 1;
      border: 1px solid #00607A;
      border-radius: 4px; }
    .ClientsItem__Link:before {
      top: calc(50% - 24px);
      left: calc(50% - 24px); }
  .ClientsItem__Image {
    text-align: center;
    margin-bottom: 16px;
    height: 96px; }
  .ClientsItem__Name {
    font-size: 18px;
    color: #00607A;
    font-weight: bold;
    margin-bottom: 8px; }
  .ClientsItem__Field {
    text-indent: 32px;
    color: #888;
    margin-bottom: 8px;
    font-size: 13px; }
    .ClientsItem__Field::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -576px -432px; }
  .ClientsItem__Location {
    text-indent: 32px;
    color: #888;
    margin-bottom: 8px;
    font-size: 13px; }
    .ClientsItem__Location::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -432px -432px; }

@media screen and (max-device-width: 940px) {
  .Clients__Container {
    padding: 0; }
  .Clients__List {
    flex-direction: column; }
  .ClientsItem {
    width: 100%;
    padding: 16px; }
    .ClientsItem__Name {
      font-size: 16px; } }

.ContactForm {
  width: 480px;
  margin: auto;
  border: 1px solid #003E4F;
  border-radius: 4px;
  padding: 32px; }

@media screen and (max-device-width: 940px) {
  .ContactForm {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0; }
    .ContactForm .Form {
      padding: 16px !important; } }

.HowStart {
  margin-top: 32px; }
  .HowStart__Text {
    margin: 8px 0; }
    .HowStart__Text b {
      font-weight: 600; }
    .HowStart__Text_Center {
      text-align: center; }
  .HowStart__Slider {
    border: 1px solid #003E4F;
    border-radius: 4px;
    margin-bottom: 64px;
    display: flex; }
    .HowStart__Slider .slick-track {
      display: flex;
      align-items: center; }
    .HowStart__Slider .slick-dots {
      position: absolute;
      bottom: -32px !important;
      left: 0 !important;
      right: 0 !important; }
    .HowStart__Slider .slick-slide {
      height: initial !important; }
  .HowStart__SliderFrame {
    margin: 8px 0; }
  .HowStart__Video {
    position: relative;
    margin: 16px;
    text-align: center;
    padding-top: 56%; }
  .HowStart__Header {
    margin-top: 32px; }

@media screen and (max-device-width: 940px) {
  .HowStart {
    margin: 0; } }

.IndexPromoSlider {
  height: 440px;
  border: 1px solid #003E4F;
  border-radius: 4px;
  overflow: hidden; }
  .IndexPromoSlider__Frame {
    position: relative; }
  .IndexPromoSlider__Content {
    height: 440px; }
    .IndexPromoSlider__Content .slick-list, .IndexPromoSlider__Content .slick-track {
      height: 100%; }
  .IndexPromoSlider__FrameBackground {
    position: absolute;
    background-size: cover;
    background-position-x: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .IndexPromoSlider__FrameTitle {
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #FFF;
    background-color: #d30038;
    width: 550px;
    padding: 32px;
    bottom: 48px; }

.box {
  display: flex;
  align-items: center;
  margin: 0 0 2em 1em; }
  .box .left {
    max-width: 120px; }
  .box .right h1 {
    text-align: center;
    font-size: 36px;
    margin: 0 0 0.5em 0;
    font-weight: 500; }
  .box .right p {
    font-size: 26px;
    margin: 0 0 0 20px;
    text-align: center; }

.Caption {
  text-align: center;
  font-size: 16px;
  margin: 16px 0;
  line-height: 22px; }
  .Caption p {
    font-size: 20px; }
  .Caption ul li {
    font-size: 18px;
    list-style: none; }

.IndexProcesses {
  display: flex;
  justify-content: center;
  padding: 64px;
  margin: -32px;
  background-repeat: no-repeat;
  background-position: top;
  background-origin: content-box;
  background-image: url("/img/Index_HowMap.jpg"); }
  .IndexProcesses__Header {
    color: #d30038;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    line-height: 32px;
    margin: 16px 0; }
  .IndexProcesses__Process {
    flex: 1 1 auto;
    margin: 0 64px; }
  .IndexProcesses__ProcessItem {
    list-style-type: initial;
    font-size: 16px;
    font-weight: 700;
    margin: 16px 0; }
  .IndexProcesses__Video {
    position: relative;
    flex: 1 1 480px;
    border: 1px solid #003E4F;
    border-radius: 4px;
    background-color: #FFF; }

.IndexProblems__ProblemList {
  display: flex;
  flex-wrap: wrap;
  padding: 0 90px;
  justify-content: space-between; }

.IndexProblems__Problems {
  padding: 16px 32px; }

.IndexProblems__ProblemText {
  display: none; }

.IndexProblems__ProblemTextArticle {
  padding: 8px 0; }

.IndexProblems__ProblemItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  color: #00607A;
  margin: 4px;
  padding: 8px;
  padding-left: 48px;
  width: 42%; }
  .IndexProblems__ProblemItem:before {
    content: '';
    display: block;
    position: absolute;
    left: 16px;
    top: 44%;
    border-bottom: 6px solid #d30038;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; }
  .IndexProblems__ProblemItem:hover {
    text-decoration: underline; }
  .IndexProblems__ProblemItem:not([toggle='true']):before {
    border-bottom: none;
    border-top: 6px solid #00607A; }

.IndexFeatures {
  display: flex;
  margin-top: 64px;
  position: relative; }
  .IndexFeatures::after {
    content: '';
    display: block;
    height: 100%;
    width: 2px;
    background-color: #FFF;
    position: absolute;
    right: 0; }
  .IndexFeatures__FeatureHeader {
    text-align: center;
    color: #d30038;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    margin: 8px 80px; }
  .IndexFeatures__FeatureImage {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 200px;
    border-radius: 100px;
    background-color: #d30038;
    margin: auto;
    background-repeat: no-repeat;
    flex-grow: 1;
    padding: 32px; }
    .IndexFeatures__FeatureImage_1::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: 0px 0px; }
    .IndexFeatures__FeatureImage_2::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -144px 0px; }
    .IndexFeatures__FeatureImage_3::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -288px 0px; }
  .IndexFeatures__FeatureFunctions {
    border-right: 1px solid #DDD; }
  .IndexFeatures__FeatureFunctionRow {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    margin: 32px 48px;
    list-style-type: upper-roman;
    display: list-item; }

.IndexCustomers__CustomerList {
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px; }

.IndexCustomers__CustomerItem {
  flex: 0 0 33%;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 18px;
  margin-top: 8px; }

.IndexCustomers__ClientList {
  display: flex;
  justify-content: center;
  margin: 32px 0;
  flex-wrap: wrap; }

.IndexCustomers__ClientItem {
  width: 224px;
  height: 96px;
  background-image: url("/img/Index_Clients.png");
  background-repeat: no-repeat;
  margin: 16px; }
  .IndexCustomers__ClientItem_1 {
    background-position: 0px 0; }
  .IndexCustomers__ClientItem_2 {
    background-position: -224px 0; }
  .IndexCustomers__ClientItem_3 {
    background-position: -448px 0; }
  .IndexCustomers__ClientItem_4 {
    background-position: -672px 0; }

.IndexComparison {
  display: flex;
  justify-content: space-around;
  padding: 16px 0; }
  .IndexComparison__ComparisonCaseImage {
    text-align: center; }
  .IndexComparison__ComparisonCaseImageTitle {
    font-size: 16px;
    text-align: center;
    margin: 8px; }
  .IndexComparison__ComparisonCaseFeaturesTitle {
    font-size: 22px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #003E4F;
    margin: 32px 0 16px 0; }
  .IndexComparison__ComparisonCaseFeatures {
    margin: 0 48px; }
  .IndexComparison__ComparisonCaseFeatureItem {
    margin: 16px 0;
    font-size: 18px;
    list-style-type: upper-roman; }

.IndexSolutions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 32px 64px; }
  .IndexSolutions__Item {
    cursor: pointer;
    margin: 16px 32px;
    width: 144px; }
    .IndexSolutions__Item:hover * {
      color: #00607A; }
  .IndexSolutions__ItemTitle {
    text-align: center;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 16px;
    color: #003E4F; }
  .IndexSolutions__ItemImage {
    width: 144px;
    height: 144px; }
    .IndexSolutions__ItemImage_inkas::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -144px -144px; }
    .IndexSolutions__ItemImage_distrib::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -288px -144px; }
    .IndexSolutions__ItemImage_water::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -432px -144px; }
    .IndexSolutions__ItemImage_musor::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -576px -144px; }
    .IndexSolutions__ItemImage_mobapp::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -720px -144px; }
    .IndexSolutions__ItemImage_delivery::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: 0px -288px; }
    .IndexSolutions__ItemImage_ishop::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: -144px -288px; }
    .IndexSolutions__ItemImage_control::before {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      height: 144px;
      width: 144px;
      background-image: url("/img/sprite.png");
      background-position: 0px -144px; }

.IndexReviews .slick-prev {
  left: -16px; }

.IndexReviews .slick-next {
  right: -16px; }

.IndexReviews__ReviewItem {
  display: flex !important;
  margin: 16px;
  height: auto !important; }

.IndexReviews__Content {
  padding: 0 24px; }

.IndexReviews__ReviewItemContent {
  flex: 0 0 60%;
  margin-left: 16px; }

.IndexReviews__ReviewItemName {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 8px; }

.IndexReviews__ReviewItemPosition {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #888;
  margin-bottom: 8px; }

.IndexReviews__ReviewItemText {
  font-style: italic; }

.IndexReviews__ReviewItemImage {
  width: 200px; }

@media screen and (max-device-width: 940px) {
  .IndexH1 {
    width: 100%; }
  .box {
    margin: 0; }
    .box .right h1 {
      text-align: center;
      font-size: 20px;
      margin: 0 0 0.5em 0;
      font-weight: 500; }
    .box .right p {
      font-size: 16px;
      margin: 0 0 10px 20px;
      text-align: center; }
  .IndexPromoSlider {
    position: relative;
    height: 0;
    padding-top: 60%; }
    .IndexPromoSlider__Content {
      position: absolute !important;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .IndexPromoSlider__FrameTitle {
      bottom: 0;
      font-size: 14px;
      width: 100%;
      padding: 16px;
      text-align: center; }
  .IndexProcesses {
    flex-wrap: wrap;
    padding: 32px; }
    .IndexProcesses__Process {
      margin: 0 32px 16px 32px; }
    .IndexProcesses__ProcessItem {
      font-size: 14px; }
    .IndexProcesses__Video {
      padding-top: 56%; }
  .IndexProblems__ProblemList {
    padding: 0; }
  .IndexProblems__ProblemItem {
    padding-left: 32px;
    width: 100%;
    font-size: 13px;
    margin: 0; }
    .IndexProblems__ProblemItem:before {
      left: 8px; }
  .IndexCustomers__CustomerList {
    padding: 0; }
  .IndexCustomers__CustomerItem {
    flex: 0 0 100%;
    padding: 0 16px;
    padding-right: 32px;
    text-align: center;
    font-size: 14px; }
  .IndexSolutions {
    margin: 32px 0;
    justify-content: space-around; }
    .IndexSolutions__Item {
      margin: 16px 4px; }
    .IndexSolutions__ItemImage:before {
      position: relative; }
  .IndexFeatures {
    margin-top: 32px; }
    .IndexFeatures__FeatureHeader {
      margin: 0; }
    .IndexFeatures__FeatureImage {
      display: none; }
    .IndexFeatures__FeatureFunctionRow {
      margin: 16px 32px;
      text-align: center; }
    .IndexFeatures__FeatureFunctions {
      border-right: none; }
  .IndexReviews__Content {
    padding: 0 16px; }
  .IndexReviews__ReviewItem {
    margin: 16px; }
  .IndexReviews__ReviewItemImage {
    position: absolute;
    width: 96px;
    height: 96px; }
  .IndexReviews__ReviewItemContent {
    width: 100%;
    flex: 0 0 100%;
    margin: 0; }
  .IndexReviews__ReviewItemName {
    display: flex;
    align-items: center;
    padding-left: 112px;
    margin-top: 8px;
    margin-bottom: 0;
    height: 42px; }
  .IndexReviews__ReviewItemPosition {
    display: flex;
    align-items: center;
    height: 42px;
    padding-left: 112px; }
  .IndexReviews__ReviewItemText {
    margin-top: 28px; }
  .IndexComparison__ComparisonCaseFeatures {
    margin: 0 16px; }
  .IndexComparison__ComparisonCaseFeatureItem {
    font-size: 14px;
    list-style-position: inside; } }

.PersonalData ul li {
  list-style-type: disc;
  list-style-position: inside; }

.Solutions__Text {
  margin: 16px 0; }
  .Solutions__Text_Red {
    color: #d30038; }
  .Solutions__Text_Bold {
    font-weight: 600; }

.Solutions__FeatureItem {
  display: flex;
  align-items: center;
  padding: 0 32px;
  margin: 48px 0; }
  .Solutions__FeatureItem:nth-of-type(2n) {
    flex-direction: row-reverse; }

.Solutions__FeatureImage {
  flex-shrink: 0;
  height: 192px;
  width: 192px;
  margin: 0 32px;
  border: 1px solid #003E4F;
  border-radius: 4px;
  overflow: hidden; }

.Solutions__FeatureText {
  margin: 0 32px; }

.Solutions__Ways {
  display: flex; }

.Solutions__WayItem {
  margin: 16px; }

.Solutions__WayItemHeader {
  color: #d30038;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 16px; }

.Solutions__WayItemFeature {
  font-size: 18px;
  list-style-type: disc;
  margin-left: 18px;
  margin-bottom: 8px; }
  .Solutions__WayItemFeature b {
    color: #d30038;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 2px solid #d30038; }

.Solutions__List {
  margin: 16px 16px 16px 32px; }

.Solutions__ListItem {
  margin: 16px 0;
  list-style-type: initial;
  font-weight: 600;
  color: #003E4F; }

.SolutionsGarbage {
  margin-bottom: 48px; }
  .SolutionsGarbage__Head {
    display: flex;
    align-items: center;
    margin-top: 32px; }
  .SolutionsGarbage__HeadImage {
    border: 1px solid #003E4F;
    border-radius: 50%;
    height: 280px;
    width: 280px;
    overflow: hidden;
    margin: 0 64px; }
  .SolutionsGarbage__AnchorList {
    margin-left: 32px;
    width: 500px; }
    .SolutionsGarbage__AnchorList li {
      margin: 16px 0;
      color: #003E4F; }
      .SolutionsGarbage__AnchorList li a {
        color: #003E4F;
        text-decoration: none;
        border-bottom: 1px dashed #003E4F; }
        .SolutionsGarbage__AnchorList li a:hover {
          color: #00607A; }
  .SolutionsGarbage__Feature {
    margin-top: 48px; }
  .SolutionsGarbage__FeatureText p {
    padding-right: 240px; }
  .SolutionsGarbage__FeatureText ul, .SolutionsGarbage__FeatureText ol {
    padding-left: 16px; }
  .SolutionsGarbage__FeatureText li {
    list-style-position: inside; }
  .SolutionsGarbage__FeatureImages {
    display: flex;
    margin: 16px 0; }
  .SolutionsGarbage__FeatureImagePreview {
    cursor: zoom-in;
    margin: 0px 16px;
    padding: 16px;
    border: 1px solid #003E4F;
    border-radius: 4px;
    transition: all .1s ease-out;
    flex-shrink: 0;
    text-align: center; }
    .SolutionsGarbage__FeatureImagePreview:hover {
      background-color: rgba(0, 96, 122, 0.1); }
    .SolutionsGarbage__FeatureImagePreview > img {
      height: 120px;
      width: auto; }
    .SolutionsGarbage__FeatureImagePreview > p {
      font-size: 13px;
      max-width: 280px;
      margin: auto; }

@media screen and (max-device-width: 940px) {
  .Solutions__FeatureItem {
    padding: 0;
    margin: 32px 0;
    flex-direction: column !important; }
    .Solutions__FeatureItem:not(:last-of-type) {
      padding-bottom: 32px;
      border-bottom: 1px solid #DDD; }
  .Solutions__FeatureText {
    margin: 0;
    margin-top: 16px;
    font-size: 14px; }
  .Solutions__FeatureImage {
    height: 96px;
    width: 96px; }
  .Solutions__WayItemFeature {
    font-size: 14px; }
  .SolutionsGarbage__Head {
    margin: 0;
    flex-direction: column; }
  .SolutionsGarbage__AnchorList {
    margin: 0;
    padding: 0 16px;
    width: 100%;
    list-style-position: inside; }
  .SolutionsGarbage__Feature {
    margin-top: 16px; }
  .SolutionsGarbage__FeatureText p {
    padding: 0; }
  .SolutionsGarbage__FeatureImages {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0; }
  .SolutionsGarbage__FeatureImagePreview {
    margin-bottom: 16px;
    padding: 0;
    border: none; }
    .SolutionsGarbage__FeatureImagePreview p {
      color: #888; } }