/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ==========================================================================
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
 
}

/**
 * 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;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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.
 */

#logo {
  border-style: none;
  width: 190px;
    height: 50px;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  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 in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 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 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

@charset "UTF-8";
/**
 * Tools
 */
/*
 * Fonts
 */
/*
 * Color
 */
/*
 * Link
 */
/*
 * Img
 */
/*
 * Grid
 */
/*
 *  Mobile switch
 */
/*
 *  Nav bar
 */
/*
 *  Button
 */
/*
 *  Burger
 */
/**
 * Components
 */
.c-button {
  border: 1px solid transparent;
  background-color: #008fd2;
  color: #FFF;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 0.5em;
  border-radius: 4px;
  outline: 0;
  font-family: inherit;
  font-size: 1em;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  appearance: none;
  user-select: none; }
  .c-button.c-button--active {
    background-color: #8c27dc; }
  .c-button:not(:disabled):not([disabled]):not(:active):hover {
    background-color: #b675e8; }
  .c-button:not(:disabled):not([disabled]):focus {
    border-color: #4267FF;
    box-shadow: inset 0 0 0 2px #708cff; }
  .c-button:not(:disabled):not([disabled]):active {
    background-color: #8c27dc; }
  .c-button:disabled, .c-button[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }
  .c-button.c-button--close {
    border: 1px solid transparent;
    background-color: transparent;
    color: inherit;
    position: absolute;
    right: 0.5em;
    padding: 0;
    outline: 0;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1; }
    .c-button.c-button--close.c-button--active {
      background-color: rgba(0, 0, 0, 0); }
    .c-button.c-button--close:not(:disabled):not([disabled]):not(:active):hover {
      background-color: rgba(23, 23, 23, 0); }
    .c-button.c-button--close:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--close:not(:disabled):not([disabled]):active {
      background-color: rgba(0, 0, 0, 0); }
  .c-button.c-button--block {
    display: inline-block;
    width: 100%; }
  .c-button.c-button--rounded {
    border-radius: 30em; }
  .c-button.c-button--brand {
    border: 1px solid transparent;
    background-color: #2C3E50;
    color: #FFF; }
    .c-button.c-button--brand.c-button--active {
      background-color: #1c2732; }
    .c-button.c-button--brand:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #3c556e; }
    .c-button.c-button--brand:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--brand:not(:disabled):not([disabled]):active {
      background-color: #1c2732; }
  .c-button.c-button--info {
    border: 1px solid transparent;
    background-color: #4267FF;
    color: #FFF; }
    .c-button.c-button--info.c-button--active {
      background-color: #1442ff; }
    .c-button.c-button--info:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #708cff; }
    .c-button.c-button--info:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--info:not(:disabled):not([disabled]):active {
      background-color: #1442ff; }
  .c-button.c-button--warning {
    border: 1px solid transparent;
    background-color: #FFA500;
    color: #000; }
    .c-button.c-button--warning.c-button--active {
      background-color: #d18700; }
    .c-button.c-button--warning:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #ffb52e; }
    .c-button.c-button--warning:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--warning:not(:disabled):not([disabled]):active {
      background-color: #d18700; }
  .c-button.c-button--success {
    border: 1px solid transparent;
    background-color: #4CAF50;
    color: #FFF; }
    .c-button.c-button--success.c-button--active {
      background-color: #3e8f41; }
    .c-button.c-button--success:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #6abe6e; }
    .c-button.c-button--success:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--success:not(:disabled):not([disabled]):active {
      background-color: #3e8f41; }
  .c-button.c-button--error {
    border: 1px solid transparent;
    background-color: #F44336;
    color: #FFF; }
    .c-button.c-button--error.c-button--active {
      background-color: #ef1d0d; }
    .c-button.c-button--error:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #f66c62; }
    .c-button.c-button--error:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--error:not(:disabled):not([disabled]):active {
      background-color: #ef1d0d; }
  .c-button.c-button--ghost {
    border: 1px solid #74748C;
    background-color: transparent;
    color: #74748C; }
    .c-button.c-button--ghost.c-button--active {
      border-color: #5f5f73;
      background-color: #5f5f73;
      color: #FFF; }
    .c-button.c-button--ghost:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #74748C;
      color: #FFF; }
    .c-button.c-button--ghost:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--ghost:not(:disabled):not([disabled]):active {
      border-color: #5f5f73;
      background-color: #5f5f73;
      color: #FFF; }
  .c-button.c-button--ghost-brand {
    border: 1px solid #2C3E50;
    background-color: transparent;
    color: #2C3E50; }
    .c-button.c-button--ghost-brand.c-button--active {
      border-color: #1c2732;
      background-color: #1c2732;
      color: #FFF; }
    .c-button.c-button--ghost-brand:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #2C3E50;
      color: #FFF; }
    .c-button.c-button--ghost-brand:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--ghost-brand:not(:disabled):not([disabled]):active {
      border-color: #1c2732;
      background-color: #1c2732;
      color: #FFF; }
  .c-button.c-button--ghost-info {
    border: 1px solid #4267FF;
    background-color: transparent;
    color: #4267FF; }
    .c-button.c-button--ghost-info.c-button--active {
      border-color: #1442ff;
      background-color: #1442ff;
      color: #FFF; }
    .c-button.c-button--ghost-info:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #4267FF;
      color: #FFF; }
    .c-button.c-button--ghost-info:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--ghost-info:not(:disabled):not([disabled]):active {
      border-color: #1442ff;
      background-color: #1442ff;
      color: #FFF; }
  .c-button.c-button--ghost-warning {
    border: 1px solid #FFA500;
    background-color: transparent;
    color: #FFA500; }
    .c-button.c-button--ghost-warning.c-button--active {
      border-color: #d18700;
      background-color: #d18700;
      color: #FFF; }
    .c-button.c-button--ghost-warning:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #FFA500;
      color: #FFF; }
    .c-button.c-button--ghost-warning:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--ghost-warning:not(:disabled):not([disabled]):active {
      border-color: #d18700;
      background-color: #d18700;
      color: #FFF; }
  .c-button.c-button--ghost-success {
    border: 1px solid #4CAF50;
    background-color: transparent;
    color: #4CAF50; }
    .c-button.c-button--ghost-success.c-button--active {
      border-color: #3e8f41;
      background-color: #3e8f41;
      color: #FFF; }
    .c-button.c-button--ghost-success:not(:disabled):not([disabled]):not(:active):hover {
      background-color: #4CAF50;
      color: #FFF; }
    .c-button.c-button--ghost-success:not(:disabled):not([disabled]):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--ghost-success:not(:disabled):not([disabled]):active {
      border-color: #3e8f41;
      background-color: #3e8f41;
      color: #FFF; }
  .c-button.c-button--nude {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: inherit;
    color: inherit;
    font: inherit;
    line-height: normal;
    text-align: inherit;
    text-decoration: inherit;
    overflow: visible;
    vertical-align: inherit;
    appearance: none; }
    .c-button.c-button--nude:disabled, .c-button.c-button--nude[disabled] {
      cursor: not-allowed;
      opacity: 0.5; }
    .c-button.c-button--nude:not(:disabled):not([disabled]):active {
      background-color: transparent; }
    .c-button.c-button--nude:not(:disabled):not([disabled]):not(:active):focus {
      border-color: #4267FF;
      box-shadow: inset 0 0 0 2px #708cff; }
    .c-button.c-button--nude:not(:disabled):not([disabled]):not(:active):hover {
      background-color: transparent; }

.c-button--ghost-error {
  border: 1px solid #F44336;
  background-color: transparent;
  color: #F44336; }
  .c-button--ghost-error.c-button--active {
    border-color: #ef1d0d;
    background-color: #ef1d0d;
    color: #FFF; }
  .c-button--ghost-error:not(:disabled):not([disabled]):not(:active):hover {
    background-color: #F44336;
    color: #FFF; }
  .c-button--ghost-error:not(:disabled):not([disabled]):focus {
    border-color: #4267FF;
    box-shadow: inset 0 0 0 2px #708cff; }
  .c-button--ghost-error:not(:disabled):not([disabled]):active {
    border-color: #ef1d0d;
    background-color: #ef1d0d;
    color: #FFF; }

.c-button__icon-left {
  padding-right: 0.5em; }

.c-button__icon-right {
  padding-left: 0.5em; }

.o-field {
  position: relative; }
  .o-field .c-icon[aria-hidden] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.o-field--icon-right .c-field + .c-icon {
  right: 0.5em; }

.o-field--icon-right .c-field {
  padding-right: 2em; }

.o-field--icon-left .c-icon:first-child {
  left: 0.5em; }

.o-field--icon-left .c-field {
  padding-left: 2em; }

.c-fieldset,
.c-fieldset.c-list {
  display: block;
  width: 100%;
  margin: 0.5em 0;
  padding: 0;
  border: 0; }

.c-fieldset__legend {
  display: block;
  width: 100%;
  padding: 1em 0;
  padding: 0.25em 0; }

.c-label {
  display: block;
  width: 100%;
  padding: 1em 0; }

.c-field {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.5em;
  border: 1px solid #74748C;
  border-radius: 4px;
  outline: 0;
  background-color: #FFF;
  font-family: inherit;
  font-size: 1em;
  font-weight: normal;
  appearance: none; }
  .c-field:disabled, .c-field[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }
  .c-field:focus {
    border-color: #4267FF;
    box-shadow: inset 0 0 0 2px #708cff; }

select.c-field::-ms-expand {
  display: none; }

select.c-field:not([multiple]) {
  padding-right: 1em;
  background-image: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==");
  background-repeat: no-repeat;
  background-position: 99% 50%; }

.c-field input {
  margin-right: 0.125em;
  outline: 0;
  font-size: 1em; }
  .c-field input:disabled, .c-field input[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }

.c-field--label {
  margin: 0.5em 0 0 0; }

.c-field--error {
  border-color: #F44336;
  color: #F44336; }

.c-field--success {
  border-color: #4CAF50;
  color: inherit; }

.c-field--choice {
  border: 0;
  border-radius: 0;
  background-color: transparent; }

/**
 * Base
 */
*, *::after, *::before {
  box-sizing: border-box; }

html, body {
  height: 100%;
  font-size: 16px; }

body {
 font-family: 'Lato', sans-serif;
  min-width: 320px;
  position: relative;
  line-height: 1.4;
  overflow-x: hidden;
  color: #333;
  background-color:#fff; }

p {
  line-height: 1.6; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

[role="button"] {
  cursor: pointer; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6b6b6b;
  opacity: 1;
  font-size: 0.9375rem; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #6b6b6b;
  opacity: 1;
  font-size: 0.9375rem; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #6b6b6b;
  opacity: 1;
  font-size: 0.9375rem; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #6b6b6b;
  opacity: 1;
  font-size: 0.9375rem; }

.hidden {
  display: none; }

@font-face {
font-family: 'Lato', sans-serif;
  src: url(../../assets/fonts/OpenSansRegular.eot) format("eot"), url(../../assets/fonts/OpenSansRegular.ttf) format("truetype"), url(../../assets/fonts/OpenSansRegular.woff) format("woff"); }

@font-face {
 font-family: 'Lato', sans-serif;
  font-weight: bold;
  src: url(../../assets/fonts/OpenSansBold.eot) format("eot"), url(../../assets/fonts/OpenSansBold.ttf) format("truetype"), url(../../assets/fonts/OpenSansBold.woff) format("woff"); }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  margin: 0 0 0.625rem 0; }

h1 {
  font-size: 2.25rem;
  line-height: 1.05; }
  @media only screen and (max-width: 720px) {
    h1 {
      font-size: 1.875rem; } }

h2 {
  font-size: 1.875rem;
  line-height: 1.14; }
  @media only screen and (max-width: 720px) {
    h2 {
      font-size: 1.625rem; } }

h3 {
  font-size: 1.5rem;
  line-height: 1.38; }
  @media only screen and (max-width: 720px) {
    h3 {
      font-size: 1.25rem; } }

h4 {
  font-size: 1.125rem;
  line-height: 1.38;
  font-size: 1.125rem; }
  @media only screen and (max-width: 720px) {
    h4 {
      font-size: 1rem; } }

h5 {
  font-size: 0.875rem;
  line-height: 1.2; }

h6 {
  font-size: 0.75rem;
  line-height: 1.2; }

p {
  margin: 0 0 0.875rem 0; }

a {
  color: #fba026;
  transition: color .1s; }
  a:hover {
    text-decoration: underline;
    color: #fee2bc; }
  a:focus {
    color: #864e02; }

mark {
  background-color: #008fd2;
  padding: 0.125rem; }

blockquote {
  border-left: 5px solid #008fd2;
  padding: 10px 20px; }

em {
  font-style: italic; }

hr {
  border: solid #333;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

ul,
ol {
  margin-top: 0; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

li {
  line-height: 1.3;
  margin-bottom: 0.3125rem; }

dl {
  margin-top: 0;
  line-height: 1.2; }

dt {
  font-weight: bold;
  margin: 0.5rem 0 0.125rem 0; }

dd {
  margin-left: 1.25rem;
  font-size: 0.9375rem; }

code {
  padding: 0.06em 0.3em;
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem; }

#mainContent {
  position: relative;
  overflow: hidden; }

.site-name {
  font-size: 3.375rem;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 26px; }
  .site-name span {
    color: #fba026; }
  @media only screen and (max-width: 720px) {
    .site-name {
      font-size: 2.25rem; } }
  @media only screen and (max-width: 576px) {
    .site-name {
      font-size: 1.875rem; } }

.site-descr {
  font-size: 1.5rem;
  color: #000;
  line-height: 1.2;
  width: 80%; }
  @media only screen and (max-width: 720px) {
    .site-descr {
      font-size: 1.125rem;
      width: 100%; } }
  @media only screen and (max-width: 576px) {
    .site-descr {
      font-size: 1rem; } }

.c-button {
  background: #45DD50;
  background: -webkit-linear-gradient(left, #45DD50, #fba026);
  background: linear-gradient(to right, #45DD50, #fba026);
  border: none;
  padding: 12px 36px;
  border-radius: 100px;
  cursor: pointer;
  overflow: visible;
  transition: 0.5s;
  background-size: 100% auto;
  background-position: left center;
  background-repeat: no-repeat;
  position: relative; }
  @media only screen and (max-width: 576px) {
    .c-button--navbar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: block;
      padding: 0; }
      .c-button--navbar:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 348.077 348.077;' viewBox='0 0 348.077 348.077' height='348.077px' width='348.077px' y='0px' x='0px' id='Capa_1' version='1.1'%3E%3Cmetadata id='metadata45'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs43' /%3E%3Cg style='fill:%23ffffff' id='g3'%3E%3Cg style='fill:%23ffffff' id='g5'%3E%3Cg style='fill:%23ffffff' id='g7'%3E%3Cpath style='fill:%23ffffff' id='path9' d='M340.273,275.083l-53.755-53.761c-10.707-10.664-28.438-10.34-39.518,0.744l-27.082,27.076 c-1.711-0.943-3.482-1.928-5.344-2.973c-17.102-9.476-40.509-22.464-65.14-47.113c-24.704-24.701-37.704-48.144-47.209-65.257 c-1.003-1.813-1.964-3.561-2.913-5.221l18.176-18.149l8.936-8.947c11.097-11.1,11.403-28.826,0.721-39.521L73.39,8.194 C62.708-2.486,44.969-2.162,33.872,8.938l-15.15,15.237l0.414,0.411c-5.08,6.482-9.325,13.958-12.484,22.02 C3.74,54.28,1.927,61.603,1.098,68.941C-6,127.785,20.89,181.564,93.866,254.541c100.875,100.868,182.167,93.248,185.674,92.876 c7.638-0.913,14.958-2.738,22.397-5.627c7.992-3.122,15.463-7.361,21.941-12.43l0.331,0.294l15.348-15.029 C350.631,303.527,350.95,285.795,340.273,275.083z' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: cover; }
      .c-button--navbar span {
        display: none; } }
  .c-button:hover {
    text-decoration: none;
    color: #fff;
    background-position: right center;
    background-size: 10% auto; }

.c-button:not(:disabled):not([disabled]):focus {
  border: none;
  box-shadow: none;
  color: #fff; }

.c-button--border {
  background-color: transparent;
  background-image: none;
  border: 2px solid #fba026;
  color: #fba026; }
  .c-button--border:not(:disabled):not([disabled]):not(:active):hover {
    background-color: #fba026;
    color: #fff; }
  .c-button--border:not(:disabled):not([disabled]):focus {
    border: 2px solid #fba026; }

.section {
  padding-top: 150px;
  padding-bottom: 145px;
  margin-top: -60px;
  position: relative; }
  .section::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0; }
  .section--round::before {
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }
  .section--greey::before {
    background-color: #e0e9f0; }
  .section--white::before {
    background-color: #fff; }

.section-title {
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 40px;
  position: relative; }
  .section-title--white {
    color: #fff; }
  .section-title--left {
    text-align: left;
        text-transform: capitalize; 
        
  }
 
  @media only screen and (max-width: 1200px) {
    .section-title--home-portfolio {
      text-align: center;
      margin-bottom: 50px; } }
  .section-title::before {
    content: '';
    width: 100px;
    height: 20px;
    margin: 0 14px 0;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='25.91814mm' height='5.4167929mm' viewBox='0 0 91.835928 19.19336' id='svg2' version='1.1' inkscape:version='0.91 r13725' sodipodi:docname='title-bg.svg'%3E%3Cdefs id='defs4'%3E%3ClinearGradient inkscape:collect='always' id='linearGradient4930'%3E%3Cstop style='stop-color:%23fba026;stop-opacity:1;' offset='0' id='stop4932' /%3E%3Cstop style='stop-color:%23008fd2;stop-opacity:1' offset='1' id='stop4934' /%3E%3C/linearGradient%3E%3ClinearGradient inkscape:collect='always' id='linearGradient4898'%3E%3Cstop style='stop-color:%23008fd2;stop-opacity:1' offset='0' id='stop4900' /%3E%3Cstop style='stop-color:%23fba026;stop-opacity:1' offset='1' id='stop4902' /%3E%3C/linearGradient%3E%3ClinearGradient inkscape:collect='always' xlink:href='%23linearGradient4898' id='linearGradient4904' x1='130.5625' y1='480.75879' x2='149.75586' y2='480.75879' gradientUnits='userSpaceOnUse' /%3E%3ClinearGradient inkscape:collect='always' xlink:href='%23linearGradient4930' id='linearGradient4936' x1='57.919927' y1='480.75491' x2='122.48828' y2='480.75491' gradientUnits='userSpaceOnUse' /%3E%3C/defs%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='16' inkscape:cx='46.124263' inkscape:cy='9.1513567' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='false' showguides='true' inkscape:guide-bbox='true' inkscape:window-width='1920' inkscape:window-height='1017' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0'%3E%3Csodipodi:guide position='34.133647,9.6004352' orientation='0,1' id='guide4471' /%3E%3Csodipodi:guide position='0.026503566,1.654005' orientation='1,0' id='guide4473' /%3E%3Csodipodi:guide position='64.497935,20.219966' orientation='1,0' id='guide4475' /%3E%3Csodipodi:guide position='72.642295,22.745346' orientation='1,0' id='guide4617' /%3E%3Csodipodi:guide position='82.236325,18.973756' orientation='1,0' id='guide4883' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata7'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-57.919927,-471.16211)'%3E%3Cpath style='fill:url(%23linearGradient4936);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1' d='m 122.48828,474.57031 -64.521483,6.1836 -0.04687,0 0.02734,0.002 64.513673,6.18359 a 9.5982141,9.5982141 0 0 1 -1.95313,-5.7832 9.5982141,9.5982141 0 0 1 0.0156,-0.40039 l 0.0273,0 a 9.5982141,9.5982141 0 0 1 -0.0156,-0.40234 9.5982141,9.5982141 0 0 1 1.95312,-5.78321 z' id='path4481' inkscape:connector-curvature='0' /%3E%3Cpath style='opacity:1;fill:url(%23linearGradient4904);fill-opacity:1.0;fill-rule:evenodd;stroke:none;stroke-opacity:1' d='m 140.1582,471.16211 a 9.5964499,9.5964499 0 0 0 -9.5957,9.5957 9.5964499,9.5964499 0 0 0 9.5957,9.59766 9.5964499,9.5964499 0 0 0 9.59766,-9.59766 9.5964499,9.5964499 0 0 0 -9.59766,-9.5957 z m 0,7.62891 a 1.9666407,1.9666407 0 0 1 1.9668,1.96679 1.9666407,1.9666407 0 0 1 -1.9668,1.9668 1.9666407,1.9666407 0 0 1 -1.96679,-1.9668 1.9666407,1.9666407 0 0 1 1.96679,-1.96679 z' id='path4851' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/svg%3E%0A"); }
    @media only screen and (max-width: 720px) {
      .section-title::before {
        display: none; } }
  @media only screen and (max-width: 576px) {
    .section-title {
      font-size: 1.25rem; } }

.section__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .section__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.accent-text {
  color: #fba026; }

.main-content {
  overflow-x: hidden;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20; }
  .main-content--mobile {
    transform: scale(0.9); }

.c-field {
  margin-bottom: 20px;
  padding: 14px;
  border: 3px solid #fff;
  border-radius: 40px;
  transition: border-color .2s; }
  .c-field::-webkit-input-placeholder {
    color: #b8b8b8; }
  .c-field:-moz-placeholder {
    color: #b8b8b8; }
  .c-field::-moz-placeholder {
    color: #b8b8b8; }
  .c-field:-ms-input-placeholder {
    color: #b8b8b8; }
  .c-field:focus {
    border-color: #fba026;
    box-shadow: none; }

.input-wrap {
  position: relative; }
  .input-wrap::before {
    content: '';
    position: absolute;
    top: 42px;
    left: 32px;
    height: 1px;
    width: 70%;
    background: #008fd2;
    background: -webkit-linear-gradient(left, #008fd2, #fba026);
    background: linear-gradient(to right, #008fd2, #fba026); }

.open-content {
  bottom: 0; }

.content-popup__btn {
  text-align: center;
  margin-top: 60px; }

.popup-test {
  width: 200px;
  height: 200px;
  background-color: green;
  color: green;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: fixed;
  display: none; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.9); }

.number-cutome-list__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.number-cutome-list__col {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px); }
  @media screen and (max-width: 720px) {
    .number-cutome-list__col {
      width: calc(100% - 30px); } }

.number-cutome-list ul {
  padding-left: 0;
  list-style: none;
  margin: 0; }
  .number-cutome-list ul li {
    display: flex;
    align-items: center; }
    .number-cutome-list ul li::before {
      content: attr(data-number);
      color: #b5cadb;
      font-size: 80px;
      font-weight: bold;
      margin-right: 10px; }
    @media only screen and (max-width: 576px) {
      .number-cutome-list ul li {
        margin-bottom: 10px; } }

.img-wrap {
  position: relative; }
  .img-wrap img {
    display: block;
    max-width: 100%; }
  .img-wrap--center img {
    margin: 0 auto; }

.teach-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 40px; }

/**
 * Custome component
 */
.mixitup__btn-list {
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  margin-bottom: 30px; }
  @media only screen and (max-width: 576px) {
    .mixitup__btn-list {
      display: block; } }

.mixitup__btn {
  flex-grow: 1;
  font-size: 1.3125rem;
  color: #333;
  background-color: #fff;
  border: none;
  text-align: center;
  border-right: 2px solid #e0e9f0;
 padding: 10px 10px;
 position: relative;
  cursor: pointer; }
  .mixitup__btn:hover{
    background-color: #008fd2eb
    
  }
  .mixitup__btn::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: #e0e9f0;
    border-radius: 100%;
    right: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2; }
  @media only screen and (max-width: 992px) {
    .mixitup__btn {
      font-size: 0.875rem;
      padding-top: 18px;
      padding-bottom: 18px; }
      .mixitup__btn::before {
        width: 18px;
        height: 18px;
        right: -10px; } }
  @media only screen and (max-width: 576px) {
    .mixitup__btn {
      border-right: none;
      width: 100%;
      font-size: 16px; }
      .mixitup__btn::before {
        display: none; } }
  .mixitup__btn:focus, .mixitup__btn:active {
    outline: none; }
  .mixitup__btn:last-child {
    border: none; }
    .mixitup__btn:last-child::before {
      display: none; }

.mixitup-control-active {
  background: #008fd2;
  color: #fff;
  border-color: #008fd2; }
  .mixitup-control-active::before {
    background-color: #008fd2; }
  .mixitup-control-active::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: #008fd2;
    border-radius: 100%;
    left: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2; }

.swal-modal {
  border: 4px solid #fba026;
  box-shadow: 0 0 0 4px #fff; }

.swal-button--confirm {
  background-color: #fba026;
  transition: background-color .2s; }

.swal-button:not([disabled]):hover {
  background-color: #008fd2; }

.card {
  position: relative;
  background: #fba026; }

.border {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 6px;
  border: 1px solid #fff;
  opacity: 0.5;
  left: -6px;
  top: -6px; }

.card h1 {
  position: relative;
  padding: 190px 0px 100px 10px;
  width: 90%; }

.card > img {
  width: 90%;
  position: absolute;
  top: -6%;
  left: -6%; }

/* The cover (expanding background) */
.cover {
  position: fixed;
  background: #008fd2;
  z-index: 100;
  transform-origin: 50% 50%;
  opacity: .9; }

/* The open page content */
.open-content {
  width: 100%;
  z-index: 110;
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.open-content .text {
  background: #fff;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
  overflow-y: auto;
  height: calc(100vh - 22px); }
  @media screen and (max-width: 992px) {
    .open-content .text {
      padding-left: 15px;
      padding-right: 15px; } }

.close-content {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 4px solid #008fd2; }
  .close-content:hover {
    background: #008fd2; }

.close-content span {
  background: #fff;
  width: 18px;
  height: 4px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.x-1 {
  transform: rotate(45deg); }

.x-2 {
  transform: rotate(-45deg); }

/* 
** Transitions
*/
.border {
  transition: opacity 200ms linear, transform 200ms ease-out; }

.card.clicked .border {
  opacity: 0;
  transform: scale(1.3); }

.card.out, .card.out img {
  transform: translate3d(0px, -40px, 0px);
  opacity: 0; }

.card.out h1, .card.clicked h1 {
  transform: translate3d(20%, -40px, 0px);
  opacity: 0; }

.cover {
  transition: transform 300ms ease-in-out; }

.open-content {
  transition: opacity 200ms linear 0ms; }

.open-content.open {
  opacity: 1;
  pointer-events: all;
  transition-delay: 1000ms;
  position: fixed;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  padding-left: 15px;
  padding-right: 15px; }

@keyframes popup {
  0% {
    left: -100%;
    right: auto;
    visibility: visible; }
  50% { }
  60% { }
  70% { }
  80% { }
  90% { }
  100% {
    left: 0;
    right: 0;
    visibility: visible; } }

@keyframes popup-close {
  0% {
    left: 0;
    right: 0;
    visibility: visible; }
  50% { }
  60% { }
  70% { }
  80% { }
  90% { }
  100% {
    left: -100%;
    right: auto;
    visibility: hidden; } }

.popup {
  background: #fff;
  width: 800px;
  max-width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
  z-index: 1000;
  padding-top: 34px;
  padding-left: 70px;
  padding-right: 70px;
  overflow: hidden;
  max-height: 100vh;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden; }
  @media only screen and (max-width: 720px) {
    .popup {
      padding-top: 16px;
      padding-left: 10px;
      padding-right: 10px; } }
  .popup.close {
    animation: popup-close 0.7s;
    animation-fill-mode: forwards;
    opacity: 1;
    visibility: visible; }
  .popup.show {
    animation: popup 0.7s;
    animation-fill-mode: forwards;
    opacity: 1; }

.popup__logo {
  margin-bottom: 40px; }
  @media only screen and (max-width: 720px) {
    .popup__logo {
      max-width: 130px;
      margin-bottom: 14px; } }
  .popup__logo img {
    display: block;
    max-width: 100%; }

.popup__title {
  color: #333333;
  text-transform: uppercase;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px; }
  @media only screen and (max-width: 720px) {
    .popup__title {
      font-size: 18px;
      margin-bottom: 18px; } }

.popup__descr {
  margin-bottom: 50px; }
  @media only screen and (max-width: 720px) {
    .popup__descr {
      font-size: 14px;
      margin-bottom: 30px; } }

.popup__close {
  background-color: #fba026;
  border-radius: 100%;
  width: 170px;
  height: 170px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transition: background-color .8s; }
  @media only screen and (max-width: 720px) {
    .popup__close {
      width: 100px;
      height: 100px; } }

.popup__body {
  background: #e0e9f3;
  margin-left: -70px;
  margin-right: -70px;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 720px) {
    .popup__body {
      padding-top: 30px;
      padding-bottom: 30px; } }

.anim-target {
  display: none; }

.fade-enter {
  opacity: 0;
  transform: translateX(-100px); }

.fade-enter-active {
  transition: opacity 1s, transform 1s; }

.fade-leave-active {
  transition: opacity 1s, transform 1s; }

.fade-leave-to {
  opacity: 0;
  transform: translateX(100px); }

.popup__close-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  bottom: 30px;
  left: 32px; }
  @media only screen and (max-width: 720px) {
    .popup__close-btn {
      bottom: 9px;
      left: 18px; } }
  .popup__close-btn:before, .popup__close-btn:after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -20px;
    display: block;
    height: 8px;
    width: 40px;
    background-color: #fff;
    transition: all 0.25s ease-out; }
    @media only screen and (max-width: 720px) {
      .popup__close-btn:before, .popup__close-btn:after {
        height: 4px;
        width: 28px; } }
  .popup__close-btn:after {
    transform: rotate(-135deg); }

.popup__close:hover {
  background: #008fd2; }
  .popup__close:hover .popup__close-btn:before, .popup__close:hover .popup__close-btn:after {
    transform: rotate(0deg); }

.popup__btn {
  padding: 18px 36px;
  font-size: 19px;
  margin-top: 10px; }

.popup__input {
  padding-left: 30px;
  border: 1px solid #b8c0c8; }

.preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  animation-delay: 1s;
  height: 100%; }

.preloader__item--1 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eed968;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }
  .preloader__item--1:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eed968;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 200ms;
    transition: 0.5s all ease;
    transform: scale(1); }

.preloader__item--2 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eece68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }
  .preloader__item--2:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eece68;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 400ms;
    transition: 0.5s all ease;
    transform: scale(1); }

.preloader__item--3 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eec368;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }
  .preloader__item--3:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eec368;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 600ms;
    transition: 0.5s all ease;
    transform: scale(1); }

.preloader__item--4 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eead68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }
  .preloader__item--4:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eead68;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 800ms;
    transition: 0.5s all ease;
    transform: scale(1); }

.preloader__item--5 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #ee8c68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }
  .preloader__item--5:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ee8c68;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 1000ms;
    transition: 0.5s all ease;
    transform: scale(1); }

/**
 * Blocks
 */
/**
 * ВНИМАНИЕ! Этот файл генерируется автоматически.
 * Не пишите сюда ничего вручную, все такие правки будут потеряны при следующей компиляции.
 */
.main-header {
  overflow: hidden;
  position: relative;
  padding-bottom: 160px;
  z-index: 20; }
  @media only screen and (max-width: 720px) {
    .main-header {
      padding-bottom: 110px; } }

.main-header__bg {
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  bottom: 0;
  border-bottom-right-radius: 600px 100px;
  border-bottom-left-radius: 600px 100px;
  background: url(../images/site/dev1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 20; }
  @media only screen and (max-width: 720px) {
    .main-header__bg {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; } }
  .main-header__bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0;
    background-color: rgba(224, 233, 240, 0.8);
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }
    @media only screen and (max-width: 720px) {
      .main-header__bg::before {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; } }
  .main-header__bg::after {
    content: "";
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    background-color: #fba026;
    position: absolute;
    right: -550px;
    bottom: -560px; }
	
    @media only screen and (max-width: 992px) {
      .main-header__bg::after {
        right: -600px;
        bottom: -600px; } }
    @media only screen and (max-width: 720px) {
      .main-header__bg::after {
        display: none; } }


.main-header__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 26px;
  position: relative;
  z-index: 20; }
  @media screen and (max-width: 992px) {
    .main-header__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.main-header__navbar {
  margin-bottom: 136px; }
  @media only screen and (max-width: 720px) {
    .main-header__navbar {
      margin-bottom: 90px; } }

.main-header__content {
  padding-left: 70px;
  position: relative;
  margin-bottom: 54px; }
  @media only screen and (max-width: 720px) {
    .main-header__content {
      padding-left: 0; } }
  .main-header__content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #fba026;
    background: -webkit-linear-gradient(bottom, #fba026, #008fd2);
    background: linear-gradient(to top, #fba026, #008fd2); }
    @media only screen and (max-width: 720px) {
      .main-header__content::before {
        display: none; } }

.main-header__btn {
  padding-left: 70px; }
  @media only screen and (max-width: 720px) {
    .main-header__btn {
      padding-left: 0px; } }

.main-header--portfolio .main-header__bg {
  background-position-y: center; }

.main-header--portfolio .main-header__bg::after {
  display: none; }

.main-header--portfolio .main-header__bg::before {
  background-color: rgba(0, 0, 0, 0.7); }

.main-header--portfolio .main-header__content::before {
  display: none; }

.main-header--portfolio .site-name {
  text-align: center;
  color: #fff; }

.main-header--portfolio .main-header__btn {
  text-align: center; }

.navbar {
  display: flex;
  background-color: #fff;
  border-radius: 100px;
  overflow: hidden; }
  @media only screen and (max-width: 992px) {
    .navbar {
      padding-right: 100px; } }

.navbar__logo {
  flex-basis: 0;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 70px; }
  @media only screen and (max-width: 576px) {
    .navbar__logo {
      padding-left: 15px; } }

.navbar__menu {
  flex-grow: 1;
  padding-left: 1px;
  padding-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 992px) {
    .navbar__menu {
      display: none; } }

.navbar__wrap {
  height: 100%;
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0;
  margin-left: 60px;
  margin-right: 50px; }

.navbar__item {
  position: relative;
  transition: .2s;
  margin-bottom: 0;
  display: flex; }
  .navbar__item::before {
    position: absolute;
    width: 50px;
    height: 50px;
    content: '';
    background: #E0E9F0;
    left: 0;
    right: 0;
    bottom: -40px;
    margin: auto;
    border-radius: 100%;
    pointer-events: none;
    transition: opacity .4s;
    opacity: 0; }
  .navbar__item--active::before {
    background: #fba026;
    opacity: 1; }
  .navbar__item--active .navbar__link {
    color: #fba026;
    font-weight: bold; }
    .navbar__item--active .navbar__link:hover {
      color: #fba026; }
  .navbar__item:hover::before {
    opacity: 1; }

.navbar__link {
  text-decoration: none;
  color: #333;
  line-height: 70px;
  transition: .4s; }
  .navbar__link:hover {
    text-decoration: none;
    color: #AAAAAA; }

.navbar__btn {
  flex-basis: 0;
  padding-right: 16px;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 992px) {
    .navbar__btn {
      margin: 0 auto;
      padding-left: 28px;
      padding-right: 20px; } }

.services {
  z-index: 19;
  position: relative; }
  @media only screen and (max-width: 992px) {
    .services {
      padding-bottom: 24px; } }
  .services::before {
    content: '';
    background-color: #e0e9f0;
    position: absolute;
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0;
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }
    @media only screen and (max-width: 720px) {
      .services::before {
        border-radius: 0; } }
  .services::after {
    content: '';
    left: 50px;
    bottom: 80px;
    top: 70px;
    width: 580px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' id='svg3713' width='643' height='724' viewBox='0 0 643 724' sodipodi:docname='section-about-us-bg.svg' inkscape:version='0.92.3 (2405546, 2018-03-11)'%3E%3Cmetadata id='metadata3719'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs3717' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview3715' showgrid='false' inkscape:zoom='0.74033149' inkscape:cx='102.00373' inkscape:cy='362' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg3713' /%3E%3Cpath style='fill:%23d3dce2;fill-opacity:1' d='m 514.54386,702.65328 c -17.22701,-8.84953 -17.87113,-9.29406 -23.62492,-16.30448 -7.48431,-9.11888 -7.54778,-9.25024 -9.70918,-20.09381 l -1.80408,-9.05097 4.10992,-16.44903 c 2.26045,-9.04696 4.61946,-20.29967 5.24224,-25.00603 l 1.13232,-8.55701 -56.74291,-79.94299 c -31.2086,-43.96864 -56.78813,-80.02932 -56.8434,-80.13484 -0.0553,-0.10552 -5.87261,2.74848 -12.92742,6.34221 l -12.82694,6.53406 -15.33863,-15.94219 -15.33862,-15.94219 -11.80926,2.84581 c -6.49509,1.5652 -13.11196,3.18847 -14.70416,3.60727 -2.85725,0.75155 -2.96181,1.0411 -8.0361,22.25417 l -5.14119,21.49271 -7.9639,0.80699 c -7.97463,0.80808 -41.14148,0.34876 -42.0729,-0.58266 -0.27216,-0.27216 -2.72089,-9.20898 -5.4416,-19.85959 -2.72072,-10.65061 -5.31492,-20.23009 -5.76488,-21.28774 -0.61353,-1.44208 -4.17205,-2.8582 -14.2292,-5.66253 l -13.41107,-3.73954 -15.6547,16.16253 -15.6547,16.16254 -9.86743,-4.84787 c -14.70393,-7.22405 -33.60372,-19.59395 -32.86774,-21.5119 0.3265,-0.85083 2.89255,-10.7361 5.70235,-21.96727 l 5.10872,-20.42032 -9.96507,-9.84747 -9.96507,-9.84747 -10.940305,2.90727 c -6.01717,1.599 -15.4403,4.28089 -20.9403,5.95975 -5.5,1.67886 -10.28277,3.05761 -10.62838,3.06388 -1.35745,0.0246 -12.71264,-18.17617 -18.87162,-30.2486 l -6.5,-12.74087 15.82159,-15.24957 15.82159,-15.24956 -3.45645,-14.30152 c -1.90104,-7.86583 -3.62075,-14.44785 -3.82159,-14.6267 -0.20083,-0.17884 -10.04014,-2.78359 -21.86514,-5.78833 l -21.5,-5.46316 -0.80418,-10.41014 c -0.44229,-5.72558 -0.50843,-16.8143 -0.14697,-24.64159 l 0.65721,-14.23145 3.14697,-0.85135 c 1.73083,-0.46824 11.58669,-3.02425 21.9019,-5.68002 l 18.75493,-4.82867 0.96016,-3.58853 c 0.52809,-1.9737 2.14566,-8.51916 3.59459,-14.54547 l 2.63443,-10.95693 -15.84952,-15.22252 -15.84952,-15.22251 7,-13.7222 c 5.36537,-10.51781 14.3169,-25.06434 17.95489,-29.1773 0.1257,-0.14211 4.71269,1.07375 10.19331,2.70192 5.48061,1.62816 15.08973,4.3538 21.3536,6.05696 l 11.388845,3.09666 9.96827,-9.96826 9.96826,-9.968263 -5.24045,-20.698829 c -2.88225,-11.38436 -5.44974,-21.2442 -5.70552,-21.910758 -0.59179,-1.542175 20.20363,-14.880031 33.1485,-21.260928 l 9.71766,-4.790112 15.62631,16.182637 15.62632,16.182636 13,-3.535081 c 7.15,-1.944295 13.3893,-3.900784 13.86512,-4.347754 0.47581,-0.44697 3.26727,-10.12983 6.20324,-21.517467 2.93597,-11.387637 5.51391,-20.880579 5.72876,-21.095425 0.90776,-0.907759 31.9762,-1.42953 40.6568,-0.6828 l 9.45393,0.813254 5.10167,21.5 5.10166,21.5 14.67522,3.612098 14.67522,3.612097 11.35647,-11.612097 c 6.24606,-6.386654 13.13858,-13.574048 15.31673,-15.971987 l 3.96027,-4.35989 10.95245,5.49992 c 6.02385,3.024956 15.74517,8.662327 21.60293,12.527491 l 10.65047,7.027572 -2.42781,8.832398 c -1.3353,4.857819 -4.0006,14.368726 -5.92289,21.135346 l -3.49507,12.302939 10.24826,10.967383 c 7.03146,7.52487 10.72666,10.78072 11.77241,10.3727 2.03663,-0.79463 40.21843,-11.44597 41.03032,-11.44597 0.73218,0 17.02528,26.25345 22.42136,36.12807 l 3.62197,6.62806 -12.77474,11.53279 c -7.02611,6.34304 -14.40754,13.26041 -16.40318,15.37194 l -3.62842,3.83914 3.52907,14.09612 3.52907,14.09611 20.93407,5.40389 c 11.51375,2.97213 21.45846,5.72523 22.09936,6.11798 1.26018,0.77226 1.75338,47.03299 0.51463,48.27052 -0.35786,0.35751 -10.25786,3.21113 -22,6.34137 l -21.34935,5.69135 -3.63362,14.18117 -3.63363,14.18116 7.63363,7.34023 c 4.19849,4.03712 11.57093,10.88702 16.38319,15.222 l 8.74957,7.88178 -4.09268,7.58816 c -6.60502,12.24623 -21.15155,35.09053 -22.32552,35.06065 -0.59451,-0.0151 -10.41173,-2.64547 -21.81604,-5.8452 -19.93878,-5.59428 -20.79834,-5.74782 -22.3818,-3.99812 -1.53095,1.69168 -1.52146,2.01073 0.13502,4.53883 8.76544,13.37776 89.32507,122.44346 117.21467,158.69117 12.88301,16.74386 16.71806,21.0074 24.44721,27.17876 l 9.16722,7.31958 20.57639,5.74092 c 19.83805,5.53492 21.10259,6.04331 35.24073,14.16809 14.58257,8.38018 14.6955,8.47262 20.25389,16.58032 l 5.58956,8.15316 -0.004,10.86012 c -0.004,9.97128 -0.4286,12.41488 -5.19309,29.85688 l -5.18919,18.99677 -4.0139,2.53386 c -2.20764,1.39363 -4.16963,2.13303 -4.35998,1.64312 -0.19036,-0.48991 -4.93647,-9.87232 -10.54692,-20.84979 l -10.20071,-19.95903 -9.9617,-3.29097 c -7.7816,-2.57074 -11.64225,-3.29096 -17.64079,-3.29096 -9.41614,0 -13.58413,1.69797 -22.82108,9.29692 -6.14489,5.05521 -7.12078,6.41186 -11.50293,15.99103 l -4.78839,10.46719 8.49639,21.37243 8.4964,21.37243 -2.63895,0.63169 c -6.31316,1.51117 -8.80589,0.72743 -26.34882,-8.28438 z M 278.84321,397.32979 c 15.00788,-2.13447 19.24452,-3.16492 30.70043,-7.46704 12.84442,-4.82356 19.21009,-7.83572 19.21009,-9.09 0,-0.33111 -10.51489,-15.42158 -23.36642,-33.5344 L 282.0209,314.30597 265.405,309.635 c -15.39777,-4.32854 -17.44193,-5.18986 -27.88358,-11.7489 -9.68143,-6.08149 -11.86806,-7.96268 -15.53231,-13.3627 -3.88291,-5.72225 -4.31905,-6.99781 -4.87274,-14.2511 -0.57085,-7.47812 -0.31784,-8.94687 4.12851,-23.96633 3.06307,-10.34682 5.51947,-16.81505 6.95227,-18.3068 l 2.21563,-2.3068 8.78674,16.8068 c 4.8327,9.24374 8.95459,16.98948 9.15975,17.21275 0.20517,0.22327 6.92377,1.66338 14.93023,3.20024 l 14.5572,2.7943 7.20351,-4.3778 c 9.10942,-5.53608 11.66265,-8.36965 15.15902,-16.82346 l 2.81269,-6.80077 -6.13409,-17.25951 c -3.37376,-9.49273 -6.1341,-17.61996 -6.1341,-18.06052 0,-1.6545 7.35801,0.69174 21.20492,6.76158 13.83218,6.06338 14.45641,6.46824 19.27733,12.5029 4.43514,5.55177 5.15574,7.15567 6.56217,14.60613 l 1.57991,8.36952 -3.2639,11.34072 c -1.79515,6.2374 -3.54749,13.81572 -3.89408,16.84072 -0.3466,3.025 -0.81976,6.19649 -1.05146,7.04776 -0.40726,1.49623 42.96923,62.68734 44.11502,62.23296 0.30412,-0.12061 3.2266,-3.82523 6.49439,-8.23251 8.29181,-11.18316 15.97306,-27.09574 21.02139,-43.54821 3.74013,-12.18905 4.44568,-16.00498 5.45442,-29.5 1.78604,-23.89357 0.0778,-42.05422 -5.73767,-61 -8.80803,-28.69485 -22.52516,-49.90817 -44.65657,-69.06066 -7.02558,-6.07993 -13.861,-11.62915 -15.18983,-12.3316 -1.32882,-0.70245 -6.39948,-3.85885 -11.26813,-7.01421 -5.98628,-3.8797 -13.24134,-7.35216 -22.40985,-10.72592 -11.76742,-4.330082 -15.9435,-5.320842 -31.62414,-7.502702 -16.99869,-2.36525 -19.07244,-2.45077 -35.09014,-1.44692 -27.05874,1.69579 -37.62261,5.01521 -66.52378,20.903392 -12.45878,6.8491 -14.48901,8.39551 -26.32309,20.05006 -7.0527,6.94571 -16.1134,17.12856 -20.1349,22.62856 -7.1845,9.82587 -20.20528,34.17323 -22.46729,42.01125 -0.63313,2.19381 -2.43896,13.54264 -4.01296,25.21963 l -2.861815,21.23088 2.396785,20.26912 c 3.11492,26.34217 4.07747,29.9895 12.31297,46.6567 9.20008,18.61933 18.10449,30.7661 34.28629,46.77095 12.13753,12.0048 14.4202,13.77959 26.03442,20.2418 26.34979,14.66115 41.1198,19.77319 60.76959,21.03292 20.12632,1.29029 25.29625,1.12118 43.08948,-1.40943 z' id='path3723' inkscape:connector-curvature='0' /%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute; }
    @media only screen and (max-width: 992px) {
      .services::after {
        display: none; } }
.section reviews{
	margin: 0 auto;
	background: #fff;
}
.wrapper__reviews{
	 
	 max-width: 1280px;
     margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
.items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}
.items .item {
    box-sizing: border-box;
    word-wrap: break-word;
    width: calc(25% - 10px);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 5px
}

 .items .item img {
    margin: 10px auto;
    width: 90%
}
.items .item .subtitle {
    color: #6cc372;
    font-size: 24px;
    margin: 10px
}
.items .item .job {
    margin: auto 10px 10px
}
.items .item .follow {
    background: #6cc372;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px
}
@media screen and (max-width: 992px) {
	 .wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
	.items .item {
        width: calc(50% - 10px)
    }
	
}
@media screen and (max-width: 720px) {
    .wrapper {
        padding-left: 10px;
        padding-right: 10px;
        }
     }
 .items {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
   
    @media screen and (max-width: 576px) {
    .wrapper {
        padding-left: 5px;
        padding-right: 5px
    }
    .items {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
     .items .item {
        width: calc(83.33333333333334% - 10px)
    }
}
     @media screen and (max-width: 380px) {
    .wrapper {
        padding-left: 5px;
        padding-right: 5px
    }
      }    
.services__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 992px) {
    .services__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.services__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.services__item {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
  position: relative;
  padding-bottom: 70px; }
  @media screen and (max-width: 992px) {
    .services__item {
      width: calc(50% - 30px); } }
  @media screen and (max-width: 576px) {
    .services__item {
      width: calc(100% - 30px); } }
  .services__item:nth-child(2), .services__item:nth-child(3) {
    transform: translate(0, 60px); }
    @media only screen and (max-width: 992px) {
      .services__item:nth-child(2), .services__item:nth-child(3) {
        transform: translate(0, 0); } }
  @media only screen and (max-width: 992px) {
    .services__item {
      margin-bottom: 36px; } }
   
.services__icon-wrap {
  position: relative;
  margin-bottom: 60px;
  display: block;
  z-index: 1;
  border-radius: 50% 50%;
  width: 156px;
  height: 156px;
  margin: 0 auto;
  margin-bottom: 40px; }
  .services__icon-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50% 50%;
    background-color: #008fd2;
    width: 95px;
    height: 95px;
    z-index: -1; }
  .services__icon-wrap::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: -5px;
    border-radius: 50% 50%;
    background-color: #fba026;
    width: 135px;
    height: 135px;
    z-index: -1; }

.services__icon {
  position: absolute;
  width: 155px;
  height: 155px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 50% 50%; }

.services__title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  color: #000;
  font-weight: bold; }

.services__content {
  text-align: center;
  margin-bottom: 30px; }

.services__btn {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  
  }

.mobile-nav {
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  transform: translateZ(0);
  transform: translateX(100%);
  transition: transform 0.4s 0s, box-shadow 0s 0.4s; }

.mobile-nav--active {
  transform: translateX(0);
  overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  transition: transform 0.4s 0s, box-shadow 0s 0s; }

#mobileNavOpen {
  position: fixed;
  z-index: 3;
  top: 38px;
  right: 5%;
  height: 44px;
  width: 44px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: transform 0.2s;
  cursor: pointer;
  display: none; }
  @media only screen and (max-width: 992px) {
    #mobileNavOpen {
      display: block; } }
  @media only screen and (max-width: 576px) {
    #mobileNavOpen {
      right: 8%; } }
  #mobileNavOpen span {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 3px;
    background-color: black; }
  #mobileNavOpen span::before, #mobileNavOpen span::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.2s, width 0.2s; }
  #mobileNavOpen span::before {
    transform-origin: right top;
    transform: translateY(-10px); }
  #mobileNavOpen span::after {
    transform-origin: right bottom;
    transform: translateY(10px); }

#mobileNavOpen:hover {
  transform: rotate(180deg); }

#mobileNavOpen:hover span::after, #mobileNavOpen:hover span::before {
  width: 50%; }

#mobileNavOpen:hover span::before {
  transform: translateX(1px) translateY(1px) rotate(45deg); }

#mobileNavOpen:hover span::after {
  transform: translateX(1px) translateY(-1px) rotate(-45deg); }

.mobile-nav__top {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.mobile-nav__title {
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #000;
  font-weight: bold; }

.mobile-nav__close-wrap {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 30px; }

#mobileNavClose {
  position: absolute;
  height: 44px;
  width: 44px;
  top: 18px;
  left: 0;
  bottom: auto;
  transform: translateY(-50%);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: opacity 0.2s;
  cursor: pointer; }
  #mobileNavClose::after, #mobileNavClose::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 32px;
    left: 50%;
    top: 50%;
    background-color: #5c4b51;
    backface-visibility: hidden; }
  #mobileNavClose::after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg); }
  #mobileNavClose::before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

#mobileNavClose:hover {
  opacity: .8; }

.mobile-nav__items {
  padding-left: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: -1px; }

.mobile-nav__list {
  flex-basis: 49%;
  flex-grow: 1;
  height: 200px;
  background-color: #e0e9f0;
  margin-bottom: 1px;
  margin-right: 1px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 576px) {
    .mobile-nav__list {
      flex-basis: 100%;
      margin-right: 0; } }
  .mobile-nav__list:nth-child(1) .mobile-nav__link::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M506.555,208.064L263.859,30.367c-4.68-3.426-11.038-3.426-15.716,0L5.445,208.064 c-5.928,4.341-7.216,12.665-2.875,18.593s12.666,7.214,18.593,2.875L256,57.588l234.837,171.943c2.368,1.735,5.12,2.57,7.848,2.57 c4.096,0,8.138-1.885,10.744-5.445C513.771,220.729,512.483,212.405,506.555,208.064z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M442.246,232.543c-7.346,0-13.303,5.956-13.303,13.303v211.749H322.521V342.009c0-36.68-29.842-66.52-66.52-66.52 s-66.52,29.842-66.52,66.52v115.587H83.058V245.847c0-7.347-5.957-13.303-13.303-13.303s-13.303,5.956-13.303,13.303v225.053 c0,7.347,5.957,13.303,13.303,13.303h133.029c6.996,0,12.721-5.405,13.251-12.267c0.032-0.311,0.052-0.651,0.052-1.036v-128.89 c0-22.009,17.905-39.914,39.914-39.914s39.914,17.906,39.914,39.914v128.89c0,0.383,0.02,0.717,0.052,1.024 c0.524,6.867,6.251,12.279,13.251,12.279h133.029c7.347,0,13.303-5.956,13.303-13.303V245.847 C455.549,238.499,449.593,232.543,442.246,232.543z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .mobile-nav__list:nth-child(2) .mobile-nav__link::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M328.844,368.733c-5.383-3.235-10.908-6.487-16.433-9.675c1.299-11.07,1.302-22.268,0.006-33.316 c5.546-3.2,11.068-6.45,16.425-9.671c9.02-5.42,12.78-16.856,8.744-26.603c0,0,0,0-0.001-0.001l-11.771-28.418 c-4.037-9.744-14.777-15.175-24.993-12.63c-6.071,1.511-12.274,3.118-18.455,4.776c-6.901-8.732-14.82-16.649-23.563-23.554 c1.658-6.182,3.266-12.388,4.778-18.461c2.545-10.211-2.885-20.955-12.629-24.992l-28.418-11.771 c-9.744-4.038-21.183-0.281-26.605,8.741c-3.229,5.374-6.482,10.899-9.674,16.433c-11.067-1.299-22.263-1.302-33.316-0.007 c-3.202-5.551-6.453-11.074-9.67-16.426c-5.424-9.02-16.86-12.778-26.605-8.741l-28.418,11.771 c-9.742,4.036-15.174,14.781-12.629,24.992c1.515,6.085,3.121,12.289,4.776,18.455c-8.731,6.899-16.649,14.82-23.553,23.563 c-6.196-1.663-12.402-3.269-18.463-4.779c-10.214-2.547-20.956,2.888-24.993,12.631L1.615,289.467 c-4.035,9.745-0.276,21.182,8.742,26.602c5.375,3.23,10.9,6.482,16.433,9.675c-1.298,11.066-1.301,22.262-0.006,33.316 c-5.538,3.195-11.06,6.446-16.429,9.672c-9.018,5.421-12.777,16.857-8.741,26.603l11.772,28.418 c4.036,9.743,14.775,15.176,24.993,12.63c6.064-1.51,12.268-3.116,18.453-4.776c6.901,8.731,14.82,16.647,23.563,23.553 c-1.66,6.189-3.267,12.395-4.778,18.461c-2.545,10.211,2.885,20.956,12.629,24.992l28.419,11.772 c2.64,1.093,5.403,1.615,8.137,1.615c7.362,0,14.514-3.779,18.471-10.355c3.205-5.333,6.456-10.856,9.674-16.432 c11.065,1.297,22.264,1.299,33.316,0.006c3.179,5.512,6.43,11.034,9.67,16.427c5.422,9.02,16.858,12.777,26.605,8.741 l28.418-11.771c9.742-4.036,15.174-14.781,12.629-24.992c-1.503-6.033-3.109-12.237-4.776-18.455 c8.729-6.899,16.648-14.819,23.554-23.562c6.178,1.657,12.384,3.263,18.46,4.777c10.211,2.547,20.956-2.884,24.993-12.63 l11.771-28.419C341.621,385.59,337.862,374.153,328.844,368.733z M305.116,413.834c-5.837-1.462-11.787-3.008-17.703-4.602 c-8.376-2.253-17.215,0.692-22.519,7.507c-6.096,7.83-13.151,14.886-20.968,20.973c-6.807,5.302-9.748,14.138-7.493,22.509 c1.603,5.954,3.148,11.9,4.601,17.696l-26.122,10.819c-3.107-5.184-6.218-10.481-9.259-15.765 c-4.327-7.514-12.655-11.678-21.216-10.618c-9.831,1.221-19.81,1.22-29.654-0.005c-8.585-1.066-16.906,3.098-21.232,10.614 c-3.078,5.344-6.19,10.644-9.263,15.773l-26.122-10.82c1.461-5.827,3.007-11.776,4.603-17.701 c2.255-8.375-0.692-17.215-7.507-22.52c-7.83-6.095-14.885-13.149-20.973-20.965c-5.3-6.809-14.136-9.749-22.51-7.495 c-5.923,1.595-11.87,3.141-17.695,4.601l-10.82-26.121c5.16-3.094,10.459-6.205,15.765-9.26 c7.515-4.327,11.683-12.653,10.619-21.215c-1.223-9.832-1.22-19.81,0.003-29.655c1.068-8.57-3.097-16.905-10.616-21.233 c-5.304-3.054-10.604-6.166-15.772-9.265l10.82-26.121c5.82,1.459,11.768,3.005,17.702,4.602 c8.372,2.256,17.212-0.692,22.52-7.507c6.095-7.83,13.15-14.886,20.965-20.972c6.808-5.301,9.749-14.138,7.494-22.512 c-1.59-5.904-3.136-11.85-4.601-17.694l26.122-10.819c3.084,5.146,6.196,10.444,9.259,15.765 c4.328,7.515,12.663,11.689,21.216,10.618c9.827-1.223,19.804-1.223,29.657,0.005c8.575,1.068,16.905-3.102,21.231-10.617 c3.053-5.304,6.166-10.604,9.262-15.771l26.122,10.819c-1.462,5.833-3.008,11.782-4.603,17.703 c-2.255,8.374,0.692,17.214,7.507,22.519c7.829,6.095,14.885,13.149,20.973,20.965c5.3,6.807,14.133,9.748,22.511,7.494 c5.919-1.594,11.865-3.14,17.694-4.601l10.819,26.121c-5.153,3.089-10.451,6.2-15.765,9.26 c-7.515,4.327-11.684,12.654-10.619,21.216c1.223,9.827,1.221,19.806-0.005,29.657c-1.066,8.571,3.101,16.904,10.617,21.231 c5.296,3.049,10.596,6.161,15.772,9.263L305.116,413.834z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M241.762,312.511c0,0,0,0-0.001-0.001c-16.48-39.789-62.256-58.752-102.051-42.271 C99.922,286.721,80.958,332.501,97.44,372.29c7.983,19.276,22.997,34.287,42.271,42.272c9.637,3.991,19.763,5.987,29.889,5.987 s20.252-1.996,29.891-5.987C239.279,398.08,258.242,352.301,241.762,312.511z M190.72,393.388c-13.618,5.641-28.617,5.64-42.239,0 c-13.618-5.641-24.225-16.249-29.867-29.868c-11.647-28.114,1.753-60.462,29.868-72.107c6.885-2.852,14.021-4.202,21.047-4.202 c21.667,0,42.265,12.84,51.06,34.07C232.234,349.395,218.834,381.742,190.72,393.388z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M496.553,100.936c-3.956-0.592-8.019-1.167-12.111-1.713c-2.062-6.857-4.816-13.505-8.214-19.819 c2.504-3.275,4.972-6.556,7.357-9.779c5.295-7.161,4.529-17.317-1.78-23.623l-15.808-15.806 c-6.309-6.31-16.465-7.075-23.624-1.778c-3.234,2.393-6.514,4.86-9.779,7.355c-6.313-3.398-12.96-6.152-19.819-8.215 c-0.547-4.092-1.12-8.155-1.712-12.11C409.746,6.642,402.024,0,393.102,0h-22.356c-8.922,0-16.644,6.642-17.961,15.447 c-0.591,3.953-1.165,8.017-1.712,12.11c-6.859,2.063-13.507,4.817-19.819,8.215c-3.263-2.496-6.545-4.964-9.778-7.355 c-7.161-5.297-17.317-4.532-23.624,1.777l-15.806,15.805c-6.31,6.308-7.077,16.465-1.78,23.627 c2.383,3.222,4.851,6.504,7.354,9.778c-3.396,6.313-6.151,12.96-8.214,19.819c-4.091,0.547-8.155,1.121-12.11,1.713 c-8.807,1.318-15.449,9.039-15.449,17.962v22.355c0,8.922,6.64,16.644,15.447,17.962c3.956,0.592,8.019,1.167,12.111,1.713 c2.063,6.858,4.817,13.505,8.214,19.819c-2.501,3.272-4.969,6.552-7.357,9.779c-5.294,7.159-4.529,17.317,1.78,23.622 l15.808,15.808c6.308,6.31,16.464,7.074,23.624,1.778c3.234-2.391,6.514-4.86,9.778-7.354c6.315,3.398,12.963,6.152,19.82,8.214 c0.545,4.091,1.12,8.155,1.712,12.111c1.318,8.806,9.04,15.448,17.962,15.448h22.356c8.922,0,16.644-6.64,17.961-15.449 c0.591-3.956,1.165-8.019,1.712-12.111c6.858-2.061,13.505-4.817,19.819-8.215c3.263,2.496,6.545,4.964,9.778,7.356 c7.159,5.297,17.317,4.532,23.624-1.777l15.808-15.806c6.309-6.308,7.075-16.465,1.778-23.626 c-2.386-3.226-4.854-6.508-7.354-9.777c3.396-6.313,6.151-12.959,8.214-19.819c4.091-0.547,8.155-1.121,12.11-1.713 c8.807-1.318,15.449-9.039,15.449-17.962v-22.355C512,109.976,505.359,102.254,496.553,100.936z M490.228,138.142 c-3.592,0.521-7.257,1.027-10.934,1.506c-7.273,0.949-13.227,6.111-15.165,13.149c-1.857,6.739-4.552,13.242-8.009,19.328 c-3.611,6.353-3.054,14.215,1.419,20.032c2.255,2.932,4.492,5.883,6.669,8.799l-11.404,11.405 c-2.925-2.183-5.876-4.419-8.802-6.669c-5.814-4.475-13.678-5.028-20.032-1.421c-6.087,3.458-12.59,6.153-19.325,8.01 c-7.042,1.94-12.204,7.894-13.15,15.165c-0.479,3.677-0.984,7.343-1.506,10.935h-16.13c-0.521-3.592-1.026-7.257-1.506-10.931 c-0.949-7.274-6.11-13.228-13.15-15.168c-6.737-1.856-13.238-4.551-19.327-8.009c-6.354-3.61-14.218-3.055-20.031,1.419 c-2.927,2.251-5.876,4.486-8.803,6.669l-11.404-11.405c2.177-2.919,4.413-5.868,6.671-8.803c4.47-5.815,5.027-13.677,1.417-20.03 c-3.457-6.086-6.152-12.59-8.009-19.327c-1.939-7.04-7.892-12.201-15.165-13.15c-3.677-0.48-7.343-0.984-10.935-1.507v-16.128 c3.592-0.521,7.257-1.027,10.934-1.506c7.273-0.949,13.227-6.111,15.165-13.149c1.857-6.738,4.551-13.241,8.009-19.328 c3.611-6.353,3.054-14.216-1.417-20.031c-2.259-2.936-4.495-5.886-6.67-8.8l11.404-11.405c2.925,2.183,5.875,4.419,8.8,6.668 c5.812,4.475,13.675,5.033,20.034,1.422c6.085-3.457,12.589-6.152,19.325-8.01c7.042-1.94,12.204-7.894,13.15-15.165 c0.48-3.677,0.986-7.342,1.507-10.934h16.13c0.521,3.591,1.026,7.256,1.505,10.931c0.949,7.274,6.111,13.228,13.15,15.167 c6.738,1.857,13.242,4.553,19.328,8.01c6.355,3.611,14.218,3.05,20.03-1.42c2.927-2.25,5.876-4.486,8.803-6.669l11.404,11.405 c-2.175,2.915-4.411,5.866-6.67,8.803c-4.471,5.814-5.027,13.676-1.419,20.029c3.457,6.088,6.152,12.592,8.009,19.328 c1.939,7.04,7.892,12.201,15.165,13.15c3.677,0.48,7.343,0.985,10.935,1.507V138.142z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M381.924,83.675c-25.585,0-46.401,20.815-46.401,46.401c0,25.587,20.815,46.402,46.401,46.402 s46.401-20.815,46.401-46.402C428.325,104.49,407.51,83.675,381.924,83.675z M381.924,155.851 c-14.211,0-25.775-11.563-25.775-25.776c0-14.213,11.563-25.775,25.775-25.775c14.212,0,25.774,11.563,25.775,25.775 C407.699,144.288,396.136,155.851,381.924,155.851z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .mobile-nav__list:nth-child(3) .mobile-nav__link::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M481.091,27.937H30.909C13.866,27.937,0,41.803,0,58.846v310.819c0,17.043,13.866,30.909,30.909,30.909h154.26v22.49 c0,20.617-16.774,37.391-37.391,37.391h-33.997c-6.518,0-11.803,5.284-11.803,11.803c0,6.519,5.285,11.803,11.803,11.803h284.436 c6.518,0,11.803-5.284,11.803-11.803c0-6.519-5.285-11.803-11.803-11.803h-33.998c-20.617,0-37.391-16.774-37.391-37.391v-22.489 h154.26c17.043,0,30.91-13.866,30.91-30.909V58.846C512,41.803,498.134,27.937,481.091,27.937z M195.92,460.457 c8.046-10.336,12.857-23.308,12.857-37.391v-22.49h94.447v22.49c0,14.083,4.811,27.056,12.857,37.391H195.92z M488.394,369.666 c0,4.027-3.276,7.304-7.304,7.304H30.909c-4.027,0-7.304-3.276-7.304-7.304v-62.033h464.789V369.666z M488.394,284.026H23.606 V58.846c0-4.027,3.276-7.304,7.304-7.304h450.18c4.027,0,7.305,3.276,7.305,7.304V284.026z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Ccircle cx='256.003' cy='342.305' r='12.738'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M276.238,109.254c-4.61-4.609-12.081-4.609-16.693,0l-83.414,83.414c-4.609,4.609-4.609,12.083,0,16.693 c2.306,2.305,5.325,3.457,8.347,3.457c3.022,0,6.041-1.152,8.346-3.457l83.414-83.414 C280.847,121.338,280.847,113.864,276.238,109.254z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M325.678,157.593c-4.608-4.609-12.079-4.609-16.692-0.001l-33.23,33.228c-4.609,4.61-4.609,12.084,0,16.693 c2.305,2.305,5.325,3.457,8.346,3.457c3.02,0,6.041-1.152,8.346-3.457l33.23-33.228 C330.287,169.676,330.287,162.202,325.678,157.593z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .mobile-nav__list:nth-child(4) .mobile-nav__link::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M509.042,355.862l-24.409-24.21c-3.923-3.891-10.255-3.864-14.145,0.058c-3.891,3.922-3.864,10.255,0.058,14.145 l24.408,24.21c1.95,1.935,4.497,2.901,7.043,2.901c2.573,0,5.146-0.987,7.101-2.959 C512.99,366.085,512.964,359.752,509.042,355.862z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M459.762,306.881c-3.906-3.906-10.237-3.906-14.145,0l-0.017,0.017c-3.906,3.906-3.897,10.231,0.009,14.137 c1.95,1.951,4.509,2.926,7.067,2.926c2.564,0,5.13-0.979,7.085-2.934C463.667,317.121,463.667,310.788,459.762,306.881z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M374.493,353l97.028-97.027c14.695-14.696,14.695-38.608-0.001-53.304c-5.182-5.182-11.511-8.528-18.177-10.055 c2.286-4.914,3.496-10.307,3.496-15.888c0-10.068-3.921-19.533-11.039-26.651c-5.583-5.584-12.612-9.19-20.241-10.489 c4.295-13.086,1.259-28.073-9.128-38.459c-5.711-5.71-12.814-9.19-20.227-10.462c1.242-3.769,1.897-7.749,1.897-11.833 c0-10.068-3.921-19.533-11.039-26.651c-7.119-7.118-16.584-11.039-26.651-11.039c-6.393,0-12.54,1.586-18.001,4.564l-0.965-1.037 c-12.542-13.478-30.295-21.207-48.704-21.207h-78.54c-5.523,0-10.002,4.479-10.002,10.002v13.116 c0,5.249,0.888,10.359,2.586,15.164c-4.524-1.879-9.419-2.866-14.465-2.866c-10.068,0-19.533,3.921-26.652,11.039 c-10.392,10.392-13.425,25.39-9.12,38.48c-7.419,1.269-14.532,4.751-20.248,10.466c-7.118,7.119-11.039,16.584-11.039,26.651 c0,4.076,0.653,8.05,1.89,11.811c-7.62,1.303-14.642,4.907-20.22,10.486c-11.477,11.477-13.99,28.577-7.539,42.516 c-6.831,1.561-13.105,5.001-18.183,10.078c-14.695,14.695-14.695,38.607,0,53.303l19.954,19.953L2.929,391.893 c-3.906,3.906-3.906,10.239,0,14.146c1.953,1.952,4.513,2.93,7.072,2.93s5.119-0.977,7.072-2.93l99.182-99.182 c5.615,3.204,11.987,4.918,18.628,4.918c10.067,0,19.532-3.921,26.651-11.04c7.734-7.733,11.392-18.02,10.985-28.172 c0.507,0.021,1.014,0.036,1.521,0.036c9.65-0.001,19.305-3.675,26.651-11.021c7.118-7.119,11.039-16.584,11.039-26.651 c0-0.509-0.017-1.015-0.037-1.521c0.501,0.02,1.002,0.036,1.504,0.036c9.651,0,19.304-3.674,26.651-11.021 c7.118-7.119,11.039-16.584,11.039-26.651c0-0.509-0.017-1.015-0.037-1.521c0.501,0.02,1.002,0.036,1.504,0.036 c9.652,0,19.304-3.674,26.651-11.021c13.808-13.808,14.639-35.751,2.5-50.542l66.394-66.394c3.341-3.342,7.781-5.181,12.506-5.181 s9.166,1.839,12.507,5.181c3.341,3.341,5.18,7.781,5.18,12.506c0,4.724-1.839,9.166-5.181,12.506l-9.789,9.789l-35.518,35.518 c-3.906,3.906-3.906,10.239,0,14.146c1.953,1.952,4.513,2.93,7.072,2.93s5.119-0.977,7.072-2.93l35.518-35.518 c6.895-6.896,18.116-6.897,25.013-0.001c6.896,6.897,6.896,18.117,0,25.014l-9.79,9.79l-25.728,25.728 c-3.906,3.906-3.906,10.239,0,14.146c1.953,1.952,4.513,2.93,7.072,2.93s5.119-0.977,7.072-2.93l25.728-25.728 c3.341-3.342,7.782-5.181,12.506-5.181c4.725,0,9.166,1.839,12.507,5.181c3.341,3.341,5.18,7.781,5.18,12.506 c0,4.724-1.839,9.166-5.181,12.506l-13.437,13.437l-12.291,12.291c-3.906,3.906-3.906,10.239,0,14.146 c1.953,1.952,4.513,2.93,7.072,2.93s5.119-0.977,7.072-2.93l12.3-12.3c6.897-6.885,18.111-6.884,25.004,0.009 c6.897,6.896,6.897,18.117,0,25.014l-97.028,97.027c-24.364,24.365-56.745,38.47-91.178,39.72 c-2.531,0.092-4.935,1.141-6.723,2.937l-89.632,89.964c-3.899,3.913-3.888,10.246,0.026,14.145 c1.951,1.944,4.505,2.917,7.059,2.917c2.565,0,5.132-0.981,7.085-2.943l65.927-66.17c16.746,10.743,36.44,15.851,56.465,14.527 l51.598,51.599c1.953,1.952,4.513,2.93,7.072,2.93c2.56,0,5.119-0.977,7.072-2.93c3.906-3.906,3.906-10.239,0-14.146 l-54.86-54.866c-2.077-2.076-4.963-3.137-7.89-2.897l-3.171,0.26c-14.637,1.2-29.105-2.006-41.737-9.085l6.428-6.451 C311.894,396.026,347.486,380.008,374.493,353z M147.39,286.591c-3.341,3.342-7.783,5.181-12.506,5.181 c-4.725,0-9.166-1.839-12.506-5.181l-27.026-27.025c-6.896-6.896-6.896-18.117,0-25.014c3.341-3.342,7.783-5.181,12.507-5.181 c4.724,0,9.166,1.839,12.506,5.181l27.026,27.025C154.286,268.473,154.286,279.694,147.39,286.591z M186.549,247.432 c-6.897,6.896-18.12,6.896-25.014,0l-27.026-27.026l-13.438-13.438c-6.896-6.896-6.896-18.117,0-25.013 c3.341-3.342,7.783-5.181,12.506-5.181c4.725,0,9.166,1.839,12.506,5.181l40.463,40.463c0,0,0,0,0.001,0 c3.342,3.342,5.181,7.783,5.181,12.507S189.889,244.091,186.549,247.432z M225.706,208.274c-6.897,6.895-18.119,6.896-25.014,0 l-50.253-50.253c-3.341-3.341-5.18-7.781-5.18-12.506c0-4.724,1.839-9.166,5.181-12.506c3.448-3.448,7.978-5.172,12.506-5.172 c4.526,0,9.051,1.722,12.498,5.164l22.904,22.904l27.356,27.356h0.001c3.34,3.341,5.179,7.781,5.179,12.506 C230.886,200.492,229.047,204.934,225.706,208.274z M264.864,169.116c-6.896,6.896-18.117,6.896-25.013,0l-50.253-50.253 c-0.005-0.005-0.011-0.01-0.017-0.016l-9.773-9.773c-6.896-6.897-6.896-18.117,0-25.014c3.448-3.449,7.978-5.173,12.507-5.173 c4.529,0,9.059,1.724,12.506,5.173l60.041,60.041c3.342,3.341,5.181,7.782,5.181,12.506 C270.044,161.333,268.206,165.776,264.864,169.116z M267.494,118.444l-27.472-27.472c3.115,0.665,6.318,1.018,9.578,1.017 c0.073,0,0.147,0,0.221,0l27.448-0.129c5.523-0.026,9.981-4.525,9.955-10.049c-0.026-5.508-4.499-9.955-10.001-9.955 c-0.016,0-0.032,0-0.048,0l-27.448,0.129c-0.042,0-0.082,0-0.124,0c-6.763,0-13.124-2.625-17.92-7.398 c-4.826-4.804-7.483-11.198-7.483-18.008v-3.114h68.538c12.875,0,25.29,5.405,34.062,14.831l0.407,0.437L267.494,118.444z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .mobile-nav__list:nth-child(5) .mobile-nav__link::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M511.609,197.601c-0.001-0.77-0.173-1.933-0.472-2.603c-0.787-2.854-2.536-5.461-5.154-7.281l-73.292-50.948V82.153 c0-7.24-5.872-13.112-13.112-13.112H335.26l-71.743-49.878c-4.484-3.121-10.437-3.134-14.935-0.026l-72.206,49.904H92.426 c-7.242,0-13.112,5.872-13.112,13.112v53.973L5.666,187.027c-3.623,2.504-5.583,6.507-5.645,10.6 C0.017,197.704,0,197.777,0,197.857l0.391,284.235c0.005,3.477,1.391,6.81,3.852,9.266c2.458,2.451,5.788,3.827,9.26,3.827 c0.007,0,0.012,0,0.018,0l485.385-0.667c7.24-0.01,13.104-5.889,13.094-13.13L511.609,197.601z M432.69,168.708l41.898,29.118 l-41.898,29.128V168.708z M256.015,45.884l33.31,23.156h-66.812L256.015,45.884z M105.538,95.265h300.928v149.921L305.43,315.428 l-41.194-31.954c-0.064-0.05-0.119-0.081-0.181-0.126c-4.604-3.454-11.116-3.581-15.894,0.126l-41.493,32.185l-101.13-69.893 V95.265z M79.314,168.003v59.64l-43.146-29.819L79.314,168.003z M26.258,222.867l158.669,109.655L26.578,455.346L26.258,222.867z M51.875,468.909l204.324-158.484l203.591,157.923L51.875,468.909z M327.144,332.271l158.276-110.036l0.32,233.059 L327.144,332.271z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M344.77,147.713H167.234c-7.24,0-13.112,5.872-13.112,13.112s5.872,13.112,13.112,13.112H344.77 c7.242,0,13.112-5.872,13.112-13.112S352.012,147.713,344.77,147.713z'/%3E%3C/g%3E%3C/g%3E%3Cg style='fill:%23B9CDDD;'%3E%3Cg%3E%3Cpath d='M344.77,215.895H167.234c-7.24,0-13.112,5.872-13.112,13.112c0,7.24,5.872,13.112,13.112,13.112H344.77 c7.242,0,13.112-5.872,13.112-13.112C357.882,221.767,352.012,215.895,344.77,215.895z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.mobile-nav__link {
  text-decoration: none;
  display: block;
  font-size: 1.25rem;
  color: #333;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 130px;
  text-transform: uppercase;
  transition: background-color .2s;
  position: relative;
  line-height: 50px; }
  .mobile-nav__link:hover {
    background-color: #fba026;
    text-decoration: none; }
  .mobile-nav__link::before {
    content: '';
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: 60px; }

.home-portfolio {
  /*background-color: #fff;*/
  z-index: 18;
  margin-bottom: -10px;
  padding-bottom: 116px; }
  .home-portfolio::before {
    content: '';
    background-color: #e0e9f0;
    position: absolute;
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0;
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }

.home-portfolio__bg {
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  bottom: 0;
  border-bottom-right-radius: 600px 100px;
  border-bottom-left-radius: 600px 100px;
  background: url(../images/site/dev2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  @media only screen and (max-width: 720px) {
    .home-portfolio__bg {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; } }
  .home-portfolio__bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0;
    background-color: rgba(224, 233, 240, 0.8);
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }
    @media only screen and (max-width: 720px) {
      .home-portfolio__bg::before {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; } }

.home-portfolio__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .home-portfolio__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.home-portfolio__list {
  position: relative;
  perspective: 3000px;
  padding-top: 300px;
  min-height: 637px; }

.home-portfolio__item {
  position: absolute;
  width: 34%;
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 6px 0 4px -4px rgba(0, 0, 0, 0.2), -6px 0 4px -4px rgba(0, 0, 0, 0.2);
  transition: all .4s ease-out 0.2s;
  cursor: pointer; }
  .home-portfolio__item:nth-child(1) {
    transform: rotateY(45deg);
    top: 0;
    left: 0;
    transform-origin: left center; }
  .home-portfolio__item:nth-child(2) {
    transform: rotateY(45deg);
    transform-origin: left center;
    top: 0;
    left: 16%; }
  .home-portfolio__item:nth-child(3) {
    transform: rotateY(0);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4; }
  .home-portfolio__item:nth-child(4) {
    transform: rotateY(-45deg);
    transform-origin: right center;
    top: 0;
    right: 16%;
    z-index: 3; }
  .home-portfolio__item:nth-child(5) {
    transform: rotateY(-45deg);
    right: 0;
    top: 0;
    transform-origin: right center; }

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

.home-portfolio__list--active-0 .home-portfolio__item {
  transform: rotateY(-70deg); }

.home-portfolio__list--active-0 .home-portfolio__item:nth-child(1) {
  transform: rotateY(0); }

.home-portfolio__list--active-0 .home-portfolio__item:nth-child(2) {
  transform: rotateY(-70deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-0 .home-portfolio__item:nth-child(3) {
  transform: rotateY(-70deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-0 .home-portfolio__item:nth-child(4) {
  transform: rotateY(-70deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-1 .home-portfolio__item:nth-child(2) {
  transform: rotateY(0deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-1 .home-portfolio__item:nth-child(3) {
  transform: rotateY(-70deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-1 .home-portfolio__item:nth-child(4) {
  transform: rotateY(-70deg) translateZ(0px);
  transform-origin: right center; }

.home-portfolio__list--active-3 .home-portfolio__item:nth-child(4) {
  transform: rotateY(0deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-3 .home-portfolio__item:nth-child(3) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-3 .home-portfolio__item:nth-child(2) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-3 .home-portfolio__item:nth-child(1) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-4 .home-portfolio__item:nth-child(5) {
  transform: rotateY(0deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-4 .home-portfolio__item:nth-child(4) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-4 .home-portfolio__item:nth-child(3) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-4 .home-portfolio__item:nth-child(2) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

.home-portfolio__list--active-4 .home-portfolio__item:nth-child(1) {
  transform: rotateY(70deg) translateZ(0px);
  transform-origin: left center; }

@media only screen and (max-width: 992px) {
  .home-portfolio__list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    margin-bottom: 40px;
    justify-content: space-between; }
    .home-portfolio__list .home-portfolio__item {
      transform: none !important;
      position: relative;
      top: auto;
      left: auto;
      bottom: auto;
      right: auto;
      width: 48%;
      height: 480px;
      margin-bottom: 30px; }
      .home-portfolio__list .home-portfolio__item:nth-child(3) {
        margin: 0;
        margin-bottom: 30px; }
      .home-portfolio__list .home-portfolio__item:nth-child(5) {
        display: none; } }

@media only screen and (max-width: 720px) {
  .home-portfolio__list .home-portfolio__item {
    width: 100%;
    margin-bottom: 20px;
    height: 415px; }
    .home-portfolio__list .home-portfolio__item:nth-child(3) {
      margin: 0;
      margin-bottom: 20px; }
  .home-portfolio__list .home-portfolio__item-content-text {
    display: none; } }

.home-portfolio__item-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.home-portfolio__item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all .2s ease .3s;
  padding: 0px 30px;
  overflow: hidden; }
  .home-portfolio__item-content::before {
    content: '';
    position: absolute;
    border: 1px solid #fba026;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px; }

.no-touchevents .home-portfolio__item-link:hover .home-portfolio__item-content,
.home-portfolio__item-link--hover .home-portfolio__item-content {
  padding: 80px 30px;
  top: 0;
  opacity: 1; }

.home-portfolio__item-content-title {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.1;
  margin-bottom: 40px;
  position: relative; }
  .home-portfolio__item-content-title::before {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #008fd2;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto; }

.home-portfolio__item-content-text {
  font-size: 0.875rem;
  color: #fff; }

.home-portfolio__item-content-btn {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 80px;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .home-portfolio__item-content-btn {
      flex-wrap: wrap; }
      .home-portfolio__item-content-btn .c-button {
        margin-bottom: 8px;
        width: 100%; } }

.s-about {
  z-index: 17;
  padding-bottom: 120px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
      background-color: #fff; }
  @media only screen and (max-width: 992px) {
    .s-about {
      padding-bottom: 570px; } }
  @media only screen and (max-width: 720px) {
    .s-about {
      padding-bottom: 120px; } }
  .s-about::before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -100px;
    right: -100px;
    bottom: 0;
    border-bottom-right-radius: 600px 100px;
    border-bottom-left-radius: 600px 100px; }
    @media only screen and (max-width: 720px) {
      .s-about::before {
        border-radius: 0; } }

.s-about__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .s-about__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.s-about__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.s-about__content {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px); }
  @media screen and (max-width: 992px) {
    .s-about__content {
      width: calc(100% - 30px); } }

.s-about__items-content {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px); }
  @media screen and (max-width: 992px) {
    .s-about__items-content {
      width: calc(100% - 30px); } }

.s-about__items {
  list-style-type: none;
  perspective: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 0; }

.s-about__item {
  border-radius: 10px;
  cursor: pointer;
  transform: rotateY(-20deg) rotateX(15deg);
  position: absolute;
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 15px;
  min-height: 140px;
  opacity: .85;
  margin: 0 auto;
  transition: transform .4s ease-out; }
  @media only screen and (max-width: 1200px) {
    .s-about__item {
      min-height: 160px; } }
  @media only screen and (max-width: 992px) {
    .s-about__item {
      width: 80%; } }
  @media only screen and (max-width: 720px) {
    .s-about__item {
      display: block;
      transform: none;
      opacity: 1;
      position: static;
      height: auto;
      width: 100%; } }
  .s-about__item:nth-child(1) {
    background-color: #fba026;
    z-index: 3;
    top: 0px; }
  .s-about__item:nth-child(2) {
    background-color: #1AC422;
    z-index: 2;
    top: 130px;
    left: 20px; }
    @media only screen and (max-width: 1200px) {
      .s-about__item:nth-child(2) {
        top: 150px; } }
  .s-about__item:nth-child(3) {
    background-color: #008fd2;
    top: 265px;
    z-index: 1;
    left: 20px; }
    @media only screen and (max-width: 1200px) {
      .s-about__item:nth-child(3) {
        top: 300px; } }

.no-touchevents .s-about__item:hover {
  transform: rotateY(-16deg) rotateX(6deg) scale(1.03); }

.no-touchevents .s-about__item:nth-child(1):hover {
  z-index: 4;
  opacity: 1; }

.no-touchevents .s-about__item:nth-child(2):hover {
  z-index: 4;
  opacity: 1; }

.no-touchevents .s-about__item:nth-child(3):hover {
  z-index: 4;
  opacity: 1; }

.s-about__icon {
  width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  flex-shrink: 0;
  min-height: 100px;
  margin: 0 auto; }
  @media only screen and (max-width: 576px) {
    .s-about__icon {
      display: none; } }

.s-about__item-title {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold; }

.s-about__item-descr {
  font-size: 14px;
  color: #fff; }

.s-about__item-content {
  padding-left: 15px;
  padding-top: 5px; }

.s-about__btn {
  text-align: center;
  margin-bottom: 40px; }

.s-about__content-text {
  margin-bottom: 40px; }

.footer {
  padding-top: 120px;
  padding-bottom: 80px;
  background-color: #363839; }
  @media only screen and (max-width: 720px) {
    .footer {
      padding-top: 60px;
      padding-bottom: 60px; } }

.footer__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 992px) {
    .footer__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.footer__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.footer__nav {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
  margin-bottom: 50px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .footer__nav {
      width: calc(50% - 30px); } }
  @media screen and (max-width: 720px) {
    .footer__nav {
      width: calc(100% - 30px); } }
  @media only screen and (max-width: 720px) {
    .footer__nav {
      text-align: center; } }
  .footer__nav:nth-child(2):before {
    position: absolute;
    content: "";
    width: 1px;
    height: 240px;
    top: 0;
    left: -50px;
    background: #008fd2;
    background: -webkit-linear-gradient(top, #008fd2, #fba026);
    background: linear-gradient(to bottom, #008fd2, #fba026); }
    @media only screen and (max-width: 992px) {
      .footer__nav:nth-child(2):before {
        height: 450px; } }
    @media only screen and (max-width: 720px) {
      .footer__nav:nth-child(2):before {
        height: 1px;
        width: 100%;
        top: -25px;
        left: 0;
        background: #008fd2;
        background: -webkit-linear-gradient(left, #008fd2, #fba026);
        background: linear-gradient(to right, #008fd2, #fba026); } }
  .footer__nav:nth-child(2):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 240px;
    top: 0;
    right: 0;
    background: #008fd2;
    background: -webkit-linear-gradient(top, #008fd2, #fba026);
    background: linear-gradient(to bottom, #008fd2, #fba026); }
    @media only screen and (max-width: 992px) {
      .footer__nav:nth-child(2):after {
        display: none; } }
    @media only screen and (max-width: 720px) {
      .footer__nav:nth-child(2):after {
        display: block;
        height: 1px;
        width: 100%;
        top: 255px;
        background: #008fd2;
        background: -webkit-linear-gradient(left, #008fd2, #fba026);
        background: linear-gradient(to right, #008fd2, #fba026); } }

.footer__items {
  list-style-type: none;
  padding: 0; }

.footer__item {
  margin-bottom: 22px; }
  .footer__item a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-weight: bold; }
    .footer__item a:hover {
      color: #fba026; }

.footer__btn {
  text-align: center;
  margin-bottom: 15px; }

.footer__phone {
  font-size: 18px; }
  .footer__phone span {
    font-weight: bold; }

.footer__mail {
  font-size: 16px;
  color: #eaeaea;  }

.footer__contacts {
  text-align: center;
  margin-bottom: 10px;
  color: #eaeaea;  }

.footer__text {
  font-size: 14px;
  text-align: right;
  margin-bottom: 30px; }
  @media only screen and (max-width: 992px) {
    .footer__text {
      text-align: center; } }

.footer__logo {
  display: block;
  width: 100%;
  text-align: center; }

.footer__copy {
  text-align: center;
  color: #eaeaea;  }

.home-contact {
  padding-top: 40px;
  padding-bottom: 0;
  position: relative;
  background: url(../images/site/dev3.jpg) no-repeat;
  background-size: cover;
  position: relative; }
  .home-contact::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4); }

.home-contact__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative; }
  @media screen and (max-width: 992px) {
    .home-contact__wrap {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 1200px) {
    .home-contact__wrap {
      flex-wrap: wrap; } }

.home-contact__form {
  flex-basis: 50%; }
  @media only screen and (max-width: 1200px) {
    .home-contact__form {
      flex-basis: 100%;
      order: 2; } }

.home-contact__content {
  flex-basis: 50%;
  padding-top: 230px;
  padding-left: 140px; }
  @media only screen and (max-width: 1200px) {
    .home-contact__content {
      flex-basis: 100%;
      padding-top: 100px;
      padding-left: 0;
      text-align: center; } }

.home-contact-form {
  position: relative;
  max-width: 634px; }
  .home-contact-form::before {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!--%20Created%20with%20Inkscape%20(http%3A%2F%2Fwww.inkscape.org%2F)%20--%3E%0A%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2284.268135mm%22%0A%20%20%20height%3D%2280.064018mm%22%0A%20%20%20viewBox%3D%220%200%20298.58788%20283.6914%22%0A%20%20%20id%3D%22svg2%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20inkscape%3Aversion%3D%220.91%20r13725%22%0A%20%20%20sodipodi%3Adocname%3D%22home-contact-form-top.svg%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20id%3D%22base%22%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221.0%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220.0%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Azoom%3D%220.7%22%0A%20%20%20%20%20inkscape%3Acx%3D%22421.48636%22%0A%20%20%20%20%20inkscape%3Acy%3D%2245.426811%22%0A%20%20%20%20%20inkscape%3Adocument-units%3D%22px%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22layer1%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221366%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%22705%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20inkscape%3Alabel%3D%22Layer%201%22%0A%20%20%20%20%20inkscape%3Agroupmode%3D%22layer%22%0A%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20transform%3D%22translate(884.96596%2C70.665178)%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20style%3D%22opacity%3A1%3Bfill%3A%23fba026%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A1%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%0A%20%20%20%20%20%20%20d%3D%22m%20-684.96596%2C-70.665178%20a%20200%2C200%200%200%200%20-200%2C199.999998%20200%2C200%200%200%200%2018.61328%2C83.69141%20300%2C300%200%200%201%20279.97461%2C-257.550778%20200%2C200%200%200%200%20-98.58789%2C-26.14063%20z%22%0A%20%20%20%20%20%20%20id%3D%22path4136%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    width: 308px;
    height: 310px;
    position: absolute;
    top: -19px;
    left: -19px;
    z-index: 20;
    pointer-events: none; }
    @media only screen and (max-width: 720px) {
      .home-contact-form::before {
        display: none; } }
  .home-contact-form::after {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg2%22%0A%20%20%20viewBox%3D%220%200%20400.14453%20368.78514%22%0A%20%20%20height%3D%22104.07936mm%22%0A%20%20%20width%3D%22112.92968mm%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate(50.716797%2C-703.00586)%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20id%3D%22path4171%22%0A%20%20%20%20%20%20%20d%3D%22m%20314.99805%2C703.00586%20a%20300%2C300%200%200%201%200.71679%2C20.21289%20300%2C300%200%200%201%20-299.999996%2C300.00005%20300%2C300%200%200%201%20-66.431641%2C-7.7227%20244.28572%2C244.28572%200%200%200%20155.859377%2C56.2949%20244.28572%2C244.28572%200%200%200%20244.28515%2C-244.28514%20244.28572%2C244.28572%200%200%200%20-34.42968%2C-124.5%20z%22%0A%20%20%20%20%20%20%20style%3D%22opacity%3A1%3Bfill%3A%23a14de4%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A1%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    width: 430px;
    height: 400px;
    position: absolute;
    top: 253px;
    left: 207px;
    z-index: 20;
    pointer-events: none; }
    @media only screen and (max-width: 720px) {
      .home-contact-form::after {
        display: none; } }
  @media only screen and (max-width: 1200px) {
    .home-contact-form {
      margin-left: auto;
      margin-right: auto; } }

.home-contact-form__wrap {
  width: 600px;
  height: 600px;
  border-radius: 100%;
  border: 20px solid #fff;
  display: flex;
  align-items: center;
  padding-left: 82px;
  padding-right: 82px;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 100; }
  @media only screen and (max-width: 720px) {
    .home-contact-form__wrap {
      border: none;
      border-radius: 0;
      width: 100%;
      height: auto;
      background-color: transparent;
      padding-bottom: 145px; } }
  @media only screen and (max-width: 720px) {
    .home-contact-form__wrap {
      padding-left: 0;
      padding-right: 0; } }

.home-contact-form__group {
  width: 100%;
  position: relative;
      padding-top: 30px; }

.home-contact-form__input {
  padding: 14px 100px 14px 40px; }

.home-contact-form__btn {
  text-align: center;
  margin-top: 40px; }

.p-services {
  background-color: #e0e9f0;
  padding-top: 100px; }

.p-services__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 30; }
  @media screen and (max-width: 992px) {
    .p-services__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.one-row-item {
  display: flex;
  background-color: #fff;
  position: relative; }
  .one-row-item::before {
    position: absolute;
    content: '';
    width: 130px;
    height: 130px;
    border-radius: 50% 50%;
    background-color: #e0e9f0;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -90px; }
  @media only screen and (max-width: 992px) {
    .one-row-item {
      display: block; } }
  @media only screen and (max-width: 576px) {
    .one-row-item::before {
      display: none; } }

.one-row-item__img {
  flex-basis: 60%;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 992px) {
    .one-row-item__img {
      flex-basis: 100%; } }
  .one-row-item__img img {
    z-index: 1;
    position: absolute;
    /* top: 70px; */
    left: 20px;
    bottom: 10px;
    right: 0;
    /* height: 320px; */
    width: auto;
    display: block; }
  .one-row-item__img::after {
    content: '';
    width: 1762px;
    height: 1762px;
    background-color: #008fd2;
    position: absolute;
    border-radius: 100%;
    right: 12%;
    top: -32px; }
    @media only screen and (max-width: 992px) {
      .one-row-item__img::after {
        display: none; } }
  .one-row-item__img::before {
    content: '';
    width: 1772px;
    height: 1772px;
    background-color: #008fd2;
    position: absolute;
    border-radius: 100%;
    right: 0;
    top: -14px; }
    @media only screen and (max-width: 992px) {
      .one-row-item__img::before {
        display: none; } }

.one-row-item__content {
  flex-basis: 70%;
  padding: 30px 70px 50px 20px; }
  @media only screen and (max-width: 992px) {
    .one-row-item__content {
      flex-basis: 100%; } }
  @media only screen and (max-width: 720px) {
    .one-row-item__content {
      padding: 20px;
      padding-top: 40px; } }

.one-row-item__title {
  text-transform: uppercase;
  color: #333;
  font-size: 1.875rem;
  margin-bottom: 60px;
  position: relative; }
  .one-row-item__title::before {
    position: absolute;
    height: 4px;
    width: 50%;
    left: 0;
    bottom: -22px;
    content: '';
    background: #fba026;
    background: -webkit-linear-gradient(right, #fba026, #008fd2);
    background: linear-gradient(to left, #fba026, #008fd2); }
  @media only screen and (max-width: 576px) {
    .one-row-item__title {
      font-size: 1.375rem;
      margin-bottom: 30px; }
      .one-row-item__title::before {
        bottom: -12px; } }

.one-row-item__text {
  margin-bottom: 30px; }
  @media only screen and (max-width: 576px) {
    .one-row-item__text {
      font-size: 0.875rem; } }

.one-row-item__btn {
  text-align: center; }
  @media only screen and (max-width: 576px) {
    .one-row-item__btn .c-button {
      display: block;
      width: 100%; } }

.one-row-item__main-content {
  display: none; }

.content-popup {
  overflow: hidden;
  min-height: 100%;
  display: flex;
  flex-direction: column; }

.content-popup__top {
  border-bottom: 4px solid #fba026;
  position: relative;
  flex: 0; }
  .content-popup__top::before {
    content: '';
    width: 124px;
    height: 124px;
    border-radius: 100%;
    background: #fba026;
    top: -104px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .9; }
  .content-popup__top::after {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #fba026;
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto; }

.content-popup__top-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 720px) {
    .content-popup__top-wrap {
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 720px) {
  .content-popup__top-left {
    width: 100%;
    text-align: center; } }

.content-popup__top-logo {
  margin-bottom: 4px; }

.content-popup__top-descr {
  font-size: 0.875rem;
  line-height: 1.2; }

.content-popup__top-right {
  text-align: right; }
  @media only screen and (max-width: 720px) {
    .content-popup__top-right {
      width: 100%;
      text-align: center; } }

.content-popup__top-contact-item {
  display: block;
  color: #333;
  font-size: 1.25rem;
  text-decoration: none; }

.content-popup__main {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 90px;
  padding-bottom: 90px;
  flex: 1;
  position: relative; }
  @media only screen and (max-width: 720px) {
    .content-popup__main {
      padding-left: 0;
      padding-right: 0; } }

.content-popup__title {
  text-transform: uppercase;
  color: #333;
  margin-bottom: 18px; }

#close-content {
  background-color: #008fd2; }

.simple-text {
  background-color: #e0e9f0; }

.simple-text__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 992px) {
    .simple-text__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.simple-text__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.p-portfolio {
  background-color: #e0e9f0; }

.p-portfolio__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 992px) {
    .p-portfolio__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.p-portfolio__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.card-item {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.33333% - 30px);
  margin-bottom: 30px; }
  @media screen and (max-width: 992px) {
    .card-item {
      width: calc(50% - 30px); } }
  @media screen and (max-width: 576px) {
    .card-item {
      width: calc(100% - 30px); } }

.p-portfolio__item {
  height: 390px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 6px 0 4px -4px rgba(0, 0, 0, 0.2), -6px 0 4px -4px rgba(0, 0, 0, 0.2);
  transition: all .4s ease-out 0.2s;
  padding: 10px 15px;
  position: relative; }
  .p-portfolio__item::before {
    content: '';
    background-color: #000;
    opacity: 0.8;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .4s ease-out 0.2s; }
  .p-portfolio__item:hover::before {
    top: 0; }
  .p-portfolio__item:hover .p-portfolio__item-content {
    z-index: 1; }

.p-portfolio__item-content {
  z-index: -10;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 15px;
  right: 15px;
  border: 1px solid #fba026;
  padding: 20px 15px;
  transition: all .4s ease-out 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.p-portfolio__item-content-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center; }

.p-portfolio____item-content-text {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
  height: 48%;
  overflow: hidden;
  text-overflow: ellipsis; }

.p-portfolio____item-content-btn .c-button {
  width: 100%;
  margin-bottom: 10px; }

.portfolio-page__bottom-line {
  height: 70px;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transform: translateY(70px);
  transition: transform .6s ease;
  text-align: center;
  padding-top: 10px; }
  .portfolio-page__bottom-line .c-button {
    margin-right: 10px;
    margin-left: 10px; }
  .portfolio-page__bottom-line.show {
    transform: translateY(0px); }
  @media only screen and (max-width: 576px) {
    .portfolio-page__bottom-line {
      display: none; } }

.page {
  background-color: #fff; }

.page__row {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 992px) {
    .page__row {
      padding-left: 15px;
      padding-right: 15px; } }

.page__heading-mockup {
  margin: 0 auto;
  max-width: 760px;
  margin-top: -250px;
  z-index: 25;
  position: relative;
  margin-bottom: 25px; }
  .page__heading-mockup img {
    display: block;
    width: 100%;
    height: auto; }

.page__heading-description {
  padding-left: 100px;
  padding-right: 100px;
  margin-bottom: 50px;
  text-align: center; }
  @media only screen and (max-width: 720px) {
    .page__heading-description {
      padding-left: 0;
      padding-right: 0;
      font-size: 14px; } }

.page__btn {
  text-align: center;
  margin-bottom: 85px; }

.s-pagination {
  width: 100%; }

.s-pagintaion__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 992px) {
    .s-pagintaion__wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.s-pagination-link {
  text-decoration: none;
  color: #333;
  font-size: 0.875rem; }
  .s-pagination-link:hover {
    text-decoration: none;
    color: #008fd2; }
  .s-pagination-link--left {
    text-align: left; }
  .s-pagination-link--right {
    text-align: right; }

.tSroll {
  height: 200px;
  border: 1px solid red;
  color: #fff; }
  
  .transformation{
   
    transform: scale(1, 1);
}
.transformation:hover{
  
    transform: scale(1.2, 1.2);
}

#head-cardprod{background:#008fd2; text-align: center;}
#fixed{height: 550px;}
#card-top{margin-top: 10px;}
.card-img-overlay {
   top: none;
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem;
}
  .card-img{
   margin: auto;
  }
 .card-body {
   flex: 1 1 auto;
   min-height: 1px;
   padding: 1.25rem;
}
.card-title{font-size:20px;}
  .card-title,.card-text{
   text-shadow: 0 0 3px #49505796, 1px 1px 0px #adb5bd; font-weight: bold;
  }
  div#scrollable {
   /* overflow: auto; */
   position: absolute;
   top: 20%;
   left: 20px;
   right: 20px;
   bottom: 10px;
}
.headcardprev{font-weight: bold;
color: #fff;
   font-size: 2rem;}
.card {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .25rem;
}

  .check{
        color: #fff;
        font-size:10px;
      
    }
    .checks{
          padding-left:30px;
   }