@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

#Content,
.dogs-scroller,
.page-container,
.subnav,
.video-container,
svg:not(:root) {
  overflow: hidden;
}

fieldset,
hr,
img,
legend {
  border: 0;
}

body,
fieldset {
  margin: 0;
}

fieldset,
hr,
legend,
td,
th {
  padding: 0;
}

*,
.slick-slider,
:after,
:before {
  box-sizing: border-box;
}

embed,
iframe,
img,
object {
  max-width: 100%;
}

.display-table,
.exec,
.grid--table {
  table-layout: fixed;
}

pre,
textarea {
  overflow: auto;
}

.whr-items,
.whr-items .whr-info {
  list-style-type: none;
  padding: 0;
}

.quote-nav__author--slider:focus,
.quote-nav__slide:focus,
.quotes__slide:focus,
.slick-list:focus,
[tabindex="-1"]:focus,
a:active,
a:hover {
  outline: 0;
}

.clearfix:after,
.grid:after,
.home-circle__text:after,
.slick-track:after {
  clear: both;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: 0 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
optgroup,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.display-table-cell,
.grid--table > .grid__item,
.icon,
audio,
canvas,
img,
video {
  vertical-align: middle;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  height: auto;
  vertical-align: middle;
  border: 0;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  display: block;
  height: 1px;
  border-top: 1px solid #ccc;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button,
html,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: rgba(0, 226, 224, 0.2);
  text-shadow: none;
}

::selection {
  background: rgba(0, 226, 224, 0.2);
  text-shadow: none;
}

textarea {
  resize: vertical;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.page-section--results label,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.grid__item[class*="--push"],
blockquote {
  position: relative;
}

.page-section--results label:active,
.page-section--results label:focus,
.page-section--results label:hover,
.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.grid:after,
.grid:before {
  content: " ";
  display: table;
}

.grid {
  list-style: none;
  margin: 0 0 0 -20px;
  padding: 0;
}

.grid__item {
  float: left;
  padding-left: 20px;
  width: 100%;
}

.grid--half-gutter {
  margin-left: -10px;
}

.grid--half-gutter .grid__item {
  padding-left: 10px;
}

.grid--double-gutter {
  margin-left: -40px;
}

.grid--no-gutter,
.grid--table {
  margin-left: 0;
}

.grid--double-gutter .grid__item {
  padding-left: 40px;
}

.grid--no-gutter .grid__item {
  padding-left: 0;
}

.grid--table {
  display: table;
  width: 100%;
}

.grid--table > .grid__item {
  float: none;
  display: table-cell;
  padding-left: 0;
}

.grid--rev {
  direction: rtl;
  text-align: left;
}

.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}

.one-whole {
  width: 100%;
}

.one-half {
  width: 50%;
}

.one-third {
  width: 33.33333%;
}

.two-thirds {
  width: 66.66667%;
}

.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

.one-sixth {
  width: 16.66667%;
}

.two-sixths {
  width: 33.33333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.66667%;
}

.five-sixths {
  width: 83.33333%;
}

.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

.one-twelfth {
  width: 8.33333%;
}

.two-twelfths {
  width: 16.66667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.33333%;
}

.five-twelfths {
  width: 41.66667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.33333%;
}

.eight-twelfths {
  width: 66.66667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.33333%;
}

.eleven-twelfths {
  width: 91.66667%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

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

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

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

@media only screen and (max-width: 749px) {
  .small--one-whole {
    width: 100%;
  }

  .small--one-half {
    width: 50%;
  }

  .small--one-third {
    width: 33.33333%;
  }

  .small--two-thirds {
    width: 66.66667%;
  }

  .small--one-quarter {
    width: 25%;
  }

  .small--two-quarters {
    width: 50%;
  }

  .small--three-quarters {
    width: 75%;
  }

  .small--one-fifth {
    width: 20%;
  }

  .small--two-fifths {
    width: 40%;
  }

  .small--three-fifths {
    width: 60%;
  }

  .small--four-fifths {
    width: 80%;
  }

  .small--one-sixth {
    width: 16.66667%;
  }

  .small--two-sixths {
    width: 33.33333%;
  }

  .small--three-sixths {
    width: 50%;
  }

  .small--four-sixths {
    width: 66.66667%;
  }

  .small--five-sixths {
    width: 83.33333%;
  }

  .small--one-eighth {
    width: 12.5%;
  }

  .small--two-eighths {
    width: 25%;
  }

  .small--three-eighths {
    width: 37.5%;
  }

  .small--four-eighths {
    width: 50%;
  }

  .small--five-eighths {
    width: 62.5%;
  }

  .small--six-eighths {
    width: 75%;
  }

  .small--seven-eighths {
    width: 87.5%;
  }

  .small--one-tenth {
    width: 10%;
  }

  .small--two-tenths {
    width: 20%;
  }

  .small--three-tenths {
    width: 30%;
  }

  .small--four-tenths {
    width: 40%;
  }

  .small--five-tenths {
    width: 50%;
  }

  .small--six-tenths {
    width: 60%;
  }

  .small--seven-tenths {
    width: 70%;
  }

  .small--eight-tenths {
    width: 80%;
  }

  .small--nine-tenths {
    width: 90%;
  }

  .small--one-twelfth {
    width: 8.33333%;
  }

  .small--two-twelfths {
    width: 16.66667%;
  }

  .small--three-twelfths {
    width: 25%;
  }

  .small--four-twelfths {
    width: 33.33333%;
  }

  .small--five-twelfths {
    width: 41.66667%;
  }

  .small--six-twelfths {
    width: 50%;
  }

  .small--seven-twelfths {
    width: 58.33333%;
  }

  .small--eight-twelfths {
    width: 66.66667%;
  }

  .small--nine-twelfths {
    width: 75%;
  }

  .small--ten-twelfths {
    width: 83.33333%;
  }

  .small--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .small--five-tenths:nth-child(2n + 1),
  .grid--uniform .small--four-eighths:nth-child(2n + 1),
  .grid--uniform .small--four-twelfths:nth-child(3n + 1),
  .grid--uniform .small--one-fifth:nth-child(5n + 1),
  .grid--uniform .small--one-half:nth-child(2n + 1),
  .grid--uniform .small--one-quarter:nth-child(4n + 1),
  .grid--uniform .small--one-sixth:nth-child(6n + 1),
  .grid--uniform .small--one-third:nth-child(3n + 1),
  .grid--uniform .small--one-twelfth:nth-child(12n + 1),
  .grid--uniform .small--six-twelfths:nth-child(2n + 1),
  .grid--uniform .small--three-sixths:nth-child(2n + 1),
  .grid--uniform .small--three-twelfths:nth-child(4n + 1),
  .grid--uniform .small--two-eighths:nth-child(4n + 1),
  .grid--uniform .small--two-sixths:nth-child(3n + 1),
  .grid--uniform .small--two-twelfths:nth-child(6n + 1) {
    clear: both;
  }

  .small--show {
    display: block !important;
  }

  .small--hide {
    display: none !important;
  }

  .small--text-left {
    text-align: left !important;
  }

  .small--text-right {
    text-align: right !important;
  }

  .small--text-center {
    text-align: center !important;
  }

  .partners-split-icons {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 750px) {
  .medium-up--one-whole {
    width: 100%;
  }

  .medium-up--one-half {
    width: 50%;
  }

  .medium-up--one-third {
    width: 33.33333%;
  }

  .medium-up--two-thirds {
    width: 66.66667%;
  }

  .medium-up--one-quarter {
    width: 25%;
  }

  .medium-up--two-quarters {
    width: 50%;
  }

  .medium-up--three-quarters {
    width: 75%;
  }

  .medium-up--one-fifth {
    width: 20%;
  }

  .medium-up--two-fifths {
    width: 40%;
  }

  .medium-up--three-fifths {
    width: 60%;
  }

  .medium-up--four-fifths {
    width: 80%;
  }

  .medium-up--one-sixth {
    width: 16.66667%;
  }

  .medium-up--two-sixths {
    width: 33.33333%;
  }

  .medium-up--three-sixths {
    width: 50%;
  }

  .medium-up--four-sixths {
    width: 66.66667%;
  }

  .medium-up--five-sixths {
    width: 83.33333%;
  }

  .medium-up--one-eighth {
    width: 12.5%;
  }

  .medium-up--two-eighths {
    width: 25%;
  }

  .medium-up--three-eighths {
    width: 37.5%;
  }

  .medium-up--four-eighths {
    width: 50%;
  }

  .medium-up--five-eighths {
    width: 62.5%;
  }

  .medium-up--six-eighths {
    width: 75%;
  }

  .medium-up--seven-eighths {
    width: 87.5%;
  }

  .medium-up--one-tenth {
    width: 10%;
  }

  .medium-up--two-tenths {
    width: 20%;
  }

  .medium-up--three-tenths {
    width: 30%;
  }

  .medium-up--four-tenths {
    width: 40%;
  }

  .medium-up--five-tenths {
    width: 50%;
  }

  .medium-up--six-tenths {
    width: 60%;
  }

  .medium-up--seven-tenths {
    width: 70%;
  }

  .medium-up--eight-tenths {
    width: 80%;
  }

  .medium-up--nine-tenths {
    width: 90%;
  }

  .medium-up--one-twelfth {
    width: 8.33333%;
  }

  .medium-up--two-twelfths {
    width: 16.66667%;
  }

  .medium-up--three-twelfths {
    width: 25%;
  }

  .medium-up--four-twelfths {
    width: 33.33333%;
  }

  .medium-up--five-twelfths {
    width: 41.66667%;
  }

  .medium-up--six-twelfths {
    width: 50%;
  }

  .medium-up--seven-twelfths {
    width: 58.33333%;
  }

  .medium-up--eight-twelfths {
    width: 66.66667%;
  }

  .medium-up--nine-twelfths {
    width: 75%;
  }

  .medium-up--ten-twelfths {
    width: 83.33333%;
  }

  .medium-up--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .medium-up--five-tenths:nth-child(2n + 1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n + 1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n + 1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n + 1),
  .grid--uniform .medium-up--one-half:nth-child(2n + 1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n + 1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n + 1),
  .grid--uniform .medium-up--one-third:nth-child(3n + 1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n + 1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n + 1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n + 1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n + 1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n + 1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n + 1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n + 1) {
    clear: both;
  }

  .medium-up--show {
    display: block !important;
  }

  .medium-up--hide {
    display: none !important;
  }

  .medium-up--text-left {
    text-align: left !important;
  }

  .medium-up--text-right {
    text-align: right !important;
  }

  .medium-up--text-center {
    text-align: center !important;
  }

  .medium-up--push-one-half {
    left: 50%;
  }

  .medium-up--push-one-third {
    left: 33.33333%;
  }

  .medium-up--push-two-thirds {
    left: 66.66667%;
  }

  .medium-up--push-one-quarter {
    left: 25%;
  }

  .medium-up--push-two-quarters {
    left: 50%;
  }

  .medium-up--push-three-quarters {
    left: 75%;
  }

  .medium-up--push-one-fifth {
    left: 20%;
  }

  .medium-up--push-two-fifths {
    left: 40%;
  }

  .medium-up--push-three-fifths {
    left: 60%;
  }

  .medium-up--push-four-fifths {
    left: 80%;
  }

  .medium-up--push-one-sixth {
    left: 16.66667%;
  }

  .medium-up--push-two-sixths {
    left: 33.33333%;
  }

  .medium-up--push-three-sixths {
    left: 50%;
  }

  .medium-up--push-four-sixths {
    left: 66.66667%;
  }

  .medium-up--push-five-sixths {
    left: 83.33333%;
  }

  .medium-up--push-one-eighth {
    left: 12.5%;
  }

  .medium-up--push-two-eighths {
    left: 25%;
  }

  .medium-up--push-three-eighths {
    left: 37.5%;
  }

  .medium-up--push-four-eighths {
    left: 50%;
  }

  .medium-up--push-five-eighths {
    left: 62.5%;
  }

  .medium-up--push-six-eighths {
    left: 75%;
  }

  .medium-up--push-seven-eighths {
    left: 87.5%;
  }

  .medium-up--push-one-tenth {
    left: 10%;
  }

  .medium-up--push-two-tenths {
    left: 20%;
  }

  .medium-up--push-three-tenths {
    left: 30%;
  }

  .medium-up--push-four-tenths {
    left: 40%;
  }

  .medium-up--push-five-tenths {
    left: 50%;
  }

  .medium-up--push-six-tenths {
    left: 60%;
  }

  .medium-up--push-seven-tenths {
    left: 70%;
  }

  .medium-up--push-eight-tenths {
    left: 80%;
  }

  .medium-up--push-nine-tenths {
    left: 90%;
  }

  .medium-up--push-one-twelfth {
    left: 8.33333%;
  }

  .medium-up--push-two-twelfths {
    left: 16.66667%;
  }

  .medium-up--push-three-twelfths {
    left: 25%;
  }

  .medium-up--push-four-twelfths {
    left: 33.33333%;
  }

  .medium-up--push-five-twelfths {
    left: 41.66667%;
  }

  .medium-up--push-six-twelfths {
    left: 50%;
  }

  .medium-up--push-seven-twelfths {
    left: 58.33333%;
  }

  .medium-up--push-eight-twelfths {
    left: 66.66667%;
  }

  .medium-up--push-nine-twelfths {
    left: 75%;
  }

  .medium-up--push-ten-twelfths {
    left: 83.33333%;
  }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%;
  }
}

blockquote,
cite {
  text-align: center;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.partners-split-icons {
  width: 35px;
  height: 35px;
  margin-bottom: 20px;
  fill: #00cdcc;
}

body,
button,
input,
select,
textarea {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #1e1c34;
  font-weight: 300;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.entry__content,
.entry__excerpt {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
  font-weight: 400;
  margin: 0 0 10px;
  width: 100%;
}

.h1,
.h2,
.h4,
.h5,
h1,
h2,
h4,
h5 {
  text-transform: uppercase;
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.h1,
.h4,
.h5,
.h6,
.text-accent,
h1,
h4,
h5,
h6 {
  font-weight: 900;
}

.h1,
h1 {
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 20px;
}

.h2,
.h3,
.h4,
h2,
h3,
h4 {
  font-size: 24px;
}

.h1--extra-space {
  margin-bottom: 40px;
}

.h5,
h5 {
  font-size: 14px;
}

.h6,
h6 {
  font-size: 11px;
}

@media only screen and (min-width: 750px) {
  .text-ultra {
    font-size: 70px;
    line-height: 84px;
  }
}

.text-large,
.text-subheader {
  font-size: 41px;
  margin-bottom: 30px;
}

.text-medium {
  font-size: 24px;
}

.text-accent,
.text-accent-light {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 1.5px;
}

.text-accent-light {
  font-weight: 400;
}

.text-subheader {
  color: #bbbbc7;
  margin-top: -25px;
}

blockquote,
ol,
p,
ul {
  margin: 0 0 40px;
}

.text-sep {
  display: block;
  padding: 0 20px;
  opacity: 0;
}

.text-white {
  color: #fff;
}

.text-teal,
a {
  color: #00cdcc;
}

p:last-child {
  margin-bottom: 0;
}

.text-weight-normal {
  font-weight: 400;
}

blockquote {
  display: inline-block;
  font-size: 25px;
  line-height: 1.6;
  font-style: italic;
  font-weight: 300;
  z-index: 1;
}

blockquote .icon-quote {
  position: absolute;
  top: -10px;
  left: 0;
  width: 60px;
  height: 45px;
  fill: #f4f3f6;
  z-index: -1;
}

@media only screen and (min-width: 750px) {
  .text-sep {
    display: inline-block;
    opacity: 1;
  }

  blockquote .icon-quote {
    top: -28px;
    left: -16px;
    width: 120px;
    height: 90px;
  }
}

cite {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 20px;
}

label {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

@media (max-width: 320px) {
  label {
    font-size: 12px;
  }
}

.demac-list,
.quick-link {
  font-weight: 400;
  text-transform: uppercase;
}

ol,
ul {
  padding-left: 22px;
}

.demac-list {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  list-style: none inside;
  max-width: 300px;
  margin: 0 auto;
  padding: 0;
}

.buttons-centered,
.logo__small {
  text-align: center;
}

@media only screen and (min-width: 750px) {
  .demac-list {
    max-width: 100%;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.demac-list li:before {
  content: "\002022";
  color: #00cdcc;
  padding-right: 7px;
  font-size: 30px;
}

code,
pre {
  font-size: 11px;
  font-family: Monaco, monospace;
}

pre {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

a {
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}

a:focus,
a:hover {
  color: #00e2e0;
}

.quick-link {
  font-size: 14px;
  line-height: 17px;
  color: currentColor;
  cursor: pointer;
}

.quick-link__label {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.quick-link-trigger:focus .quick-link__label,
.quick-link-trigger:hover .quick-link__label {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in 0.15s;
  transition: all 0.2s ease-in 0.15s;
}

.quick-link__arrow {
  fill: currentColor;
  margin: -2px 0 0 10px;
  width: 22px;
  height: 12px;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.quick-link-trigger:focus .quick-link__arrow,
.quick-link-trigger:hover .quick-link__arrow {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transition: -webkit-transform 0.2s ease-in 0.15s;
  transition: -webkit-transform 0.2s ease-in 0.15s;
  transition: transform 0.2s ease-in 0.15s;
  transition: transform 0.2s ease-in 0.15s, -webkit-transform 0.2s ease-in 0.15s;
}

.fixed-grid__item .quick-link {
  position: absolute;
  bottom: 40px;
  left: 20px;
}

.sc-checkout-form {
  margin: 0 !important;
}

button.stripe-button-el {
  height: auto;
  background: 0 0;
}

button.stripe-button-el span {
  min-height: 0 !important;
  height: auto;
  padding: 0;
  background: 0 0;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-shadow: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: inherit;
}

button {
  overflow: visible;
  border: 0;
  background: 0 0;
  margin: 0;
  padding: 0;
}

.btn,
.btn--secondary,
.btn--white,
.contact-form--white .btn,
.hs-form input.hs-button,
.page-section--results input[type="submit"],
.product-listing__content button.stripe-button-el,
button.stripe-button-el {
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px 50px;
  font-size: 12px;
  font-weight: 900;
  font-family: inherit;
  font-style: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: #00cdcc;
  color: #fff;
  border: 2px solid #00cdcc;
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover,
.btn--white:active,
.btn--white:focus,
.btn--white:hover,
.btn:active,
.btn:focus,
.btn:hover,
.hs-form input.hs-button:active,
.hs-form input.hs-button:focus,
.hs-form input.hs-button:hover,
.page-section--results input[type="submit"]:active,
.page-section--results input[type="submit"]:focus,
.page-section--results input[type="submit"]:hover,
.product-listing__content button.stripe-button-el:active,
.product-listing__content button.stripe-button-el:focus,
.product-listing__content button.stripe-button-el:hover,
button.stripe-button-el:active,
button.stripe-button-el:focus,
button.stripe-button-el:hover {
  background-color: #00e2e0;
  color: #fff;
  border-color: #00e2e0;
}

.btn-arrow {
  padding: 15px 50px;
}

.btn-arrow:hover {
  padding: 15px 70px 15px 30px;
  position: relative;
  text-align: left;
}

.btn-arrow:hover::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(/png/white-arrow.png);
  background-size: 30px;
}

.btn[disabled],
.hs-form input.hs-button[disabled],
.page-section--results input[disabled][type="submit"],
.product-listing__content button[disabled].stripe-button-el,
[disabled].btn--secondary,
[disabled].btn--white,
button.stripe-button-el[disabled] {
  cursor: default;
  color: #d9d6e0;
  background-color: #f4f3f6;
  border-color: #f4f3f6;
}

.hs-form input.hs-button:hover:not(.inactive) {
  box-shadow: none;
  border: 2px solid #00e2e0;
}

.btn--input-height {
  height: 54px;
}

.btn--secondary,
.product-listing__content button.stripe-button-el {
  background-color: transparent;
  border-color: #1e1c34;
  color: #1e1c34;
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover,
.product-listing__content button.stripe-button-el:active,
.product-listing__content button.stripe-button-el:focus,
.product-listing__content button.stripe-button-el:hover {
  background-color: #1e1c34;
  border-color: #1e1c34;
  color: #fff;
}

.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #00cdcc;
}

.btn--white:active,
.btn--white:focus,
.btn--white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #1e1c34;
}

.btn--buy,
button.stripe-button-el {
  background-color: #ff7373;
  border-color: #ff7373;
}

.btn--buy:active,
.btn--buy:focus,
.btn--buy:hover,
button.stripe-button-el:active,
button.stripe-button-el:focus,
button.stripe-button-el:hover {
  background-color: #f15555;
  border-color: #f15555;
}

.btn--rainbow {
  background-image: -webkit-linear-gradient(left, #705cbb 20%, #00cdcc 60%);
  background-image: linear-gradient(to right, #705cbb 20%, #00cdcc 60%);
  border-width: 0;
}

.btn--full {
  width: 100%;
}

.btn--transparent {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
  color: #fff;
}

.btn--transparent--inverse,
.btn--transparent:focus,
.btn--transparent:hover {
  background-color: transparent;
  border-color: #fff;
}

.btn--transparent--inverse:focus,
.btn--transparent--inverse:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
  color: #fff;
}

.btn--border {
  background-color: transparent;
  border-color: #fff;
}

.btn--border:focus,
.btn--border:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #fff;
}

.buttons-centered .btn,
.buttons-centered .btn--secondary,
.buttons-centered .btn--white,
.buttons-centered .page-section--results input[type="submit"],
.buttons-centered .product-listing__content button.stripe-button-el,
.page-section--results .buttons-centered input[type="submit"],
.product-listing__content .buttons-centered button.stripe-button-el {
  width: 100%;
  max-width: 300px;
}

.buttons-centered .long_btn {
  max-width: 350px;
}

@media only screen and (max-width: 749px) {
  .buttons-centered .btn,
  .buttons-centered .btn--secondary,
  .buttons-centered .btn--white,
  .buttons-centered .page-section--results input[type="submit"],
  .buttons-centered .product-listing__content button.stripe-button-el,
  .page-section--results .buttons-centered input[type="submit"],
  .product-listing__content .buttons-centered button.stripe-button-el {
    display: block;
    margin: 0 auto;
    max-width: 300px;
  }

  .buttons-centered .btn + .btn,
  .buttons-centered .btn + .btn--secondary,
  .buttons-centered .btn + .btn--white,
  .buttons-centered .btn--secondary + .btn,
  .buttons-centered .btn--secondary + .btn--secondary,
  .buttons-centered .btn--secondary + .btn--white,
  .buttons-centered .btn--white + .btn,
  .buttons-centered .btn--white + .btn--secondary,
  .buttons-centered .btn--white + .btn--white,
  .buttons-centered .contact-form--white .btn + .btn,
  .buttons-centered .contact-form--white .btn + .btn--secondary,
  .buttons-centered .contact-form--white .btn + .btn--white,
  .buttons-centered .contact-form--white .btn--secondary + .btn,
  .buttons-centered .contact-form--white .btn--white + .btn,
  .buttons-centered .page-section--results .btn + input[type="submit"],
  .buttons-centered
    .page-section--results
    .btn--secondary
    + input[type="submit"],
  .buttons-centered .page-section--results .btn--white + input[type="submit"],
  .buttons-centered
    .page-section--results
    .contact-form--white
    input[type="submit"]
    + .btn,
  .buttons-centered
    .page-section--results
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el,
  .buttons-centered .page-section--results input[type="submit"] + .btn,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + .btn--secondary,
  .buttons-centered .page-section--results input[type="submit"] + .btn--white,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + input[type="submit"],
  .buttons-centered .product-listing__content .btn + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .btn--secondary
    + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .btn--white
    + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .contact-form--white
    button.stripe-button-el
    + .btn,
  .buttons-centered
    .product-listing__content
    .page-section--results
    button.stripe-button-el
    + input[type="submit"],
  .buttons-centered .product-listing__content button.stripe-button-el + .btn,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--secondary,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--white,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + button.stripe-button-el,
  .page-section--results .buttons-centered .btn + input[type="submit"],
  .page-section--results
    .buttons-centered
    .btn--secondary
    + input[type="submit"],
  .page-section--results .buttons-centered .btn--white + input[type="submit"],
  .page-section--results
    .buttons-centered
    .contact-form--white
    .btn
    + input[type="submit"],
  .page-section--results
    .buttons-centered
    .contact-form--white
    input[type="submit"]
    + .btn,
  .page-section--results
    .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + input[type="submit"],
  .page-section--results
    .buttons-centered
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el,
  .page-section--results .buttons-centered input[type="submit"] + .btn,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + .btn--secondary,
  .page-section--results .buttons-centered input[type="submit"] + .btn--white,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + input[type="submit"],
  .page-section--results
    .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + input[type="submit"],
  .product-listing__content .buttons-centered .btn + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .btn--secondary
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .btn--white
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    .btn
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    button.stripe-button-el
    + .btn,
  .product-listing__content
    .buttons-centered
    .page-section--results
    button.stripe-button-el
    + input[type="submit"],
  .product-listing__content
    .buttons-centered
    .page-section--results
    input[type="submit"]
    + button.stripe-button-el,
  .product-listing__content .buttons-centered button.stripe-button-el + .btn,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--secondary,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--white,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + button.stripe-button-el,
  .product-listing__content
    .page-section--results
    .buttons-centered
    input[type="submit"]
    + button.stripe-button-el {
    margin-top: 40px;
  }

  .buttons-centered .long_btn {
    padding: 15px 0;
  }
}

@media only screen and (min-width: 750px) {
  .buttons-centered .btn + .btn,
  .buttons-centered .btn + .btn--secondary,
  .buttons-centered .btn + .btn--white,
  .buttons-centered .btn--secondary + .btn,
  .buttons-centered .btn--secondary + .btn--secondary,
  .buttons-centered .btn--secondary + .btn--white,
  .buttons-centered .btn--white + .btn,
  .buttons-centered .btn--white + .btn--secondary,
  .buttons-centered .btn--white + .btn--white,
  .buttons-centered .contact-form--white .btn + .btn,
  .buttons-centered .contact-form--white .btn + .btn--secondary,
  .buttons-centered .contact-form--white .btn + .btn--white,
  .buttons-centered .contact-form--white .btn--secondary + .btn,
  .buttons-centered .contact-form--white .btn--white + .btn,
  .buttons-centered .page-section--results .btn + input[type="submit"],
  .buttons-centered
    .page-section--results
    .btn--secondary
    + input[type="submit"],
  .buttons-centered .page-section--results .btn--white + input[type="submit"],
  .buttons-centered
    .page-section--results
    .contact-form--white
    input[type="submit"]
    + .btn,
  .buttons-centered
    .page-section--results
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el,
  .buttons-centered .page-section--results input[type="submit"] + .btn,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + .btn--secondary,
  .buttons-centered .page-section--results input[type="submit"] + .btn--white,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + input[type="submit"],
  .buttons-centered .product-listing__content .btn + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .btn--secondary
    + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .btn--white
    + button.stripe-button-el,
  .buttons-centered
    .product-listing__content
    .contact-form--white
    button.stripe-button-el
    + .btn,
  .buttons-centered
    .product-listing__content
    .page-section--results
    button.stripe-button-el
    + input[type="submit"],
  .buttons-centered .product-listing__content button.stripe-button-el + .btn,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--secondary,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--white,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + button.stripe-button-el,
  .page-section--results .buttons-centered .btn + input[type="submit"],
  .page-section--results
    .buttons-centered
    .btn--secondary
    + input[type="submit"],
  .page-section--results .buttons-centered .btn--white + input[type="submit"],
  .page-section--results
    .buttons-centered
    .contact-form--white
    .btn
    + input[type="submit"],
  .page-section--results
    .buttons-centered
    .contact-form--white
    input[type="submit"]
    + .btn,
  .page-section--results
    .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + input[type="submit"],
  .page-section--results
    .buttons-centered
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el,
  .page-section--results .buttons-centered input[type="submit"] + .btn,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + .btn--secondary,
  .page-section--results .buttons-centered input[type="submit"] + .btn--white,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + input[type="submit"],
  .page-section--results
    .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + input[type="submit"],
  .product-listing__content .buttons-centered .btn + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .btn--secondary
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .btn--white
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    .btn
    + button.stripe-button-el,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    button.stripe-button-el
    + .btn,
  .product-listing__content
    .buttons-centered
    .page-section--results
    button.stripe-button-el
    + input[type="submit"],
  .product-listing__content
    .buttons-centered
    .page-section--results
    input[type="submit"]
    + button.stripe-button-el,
  .product-listing__content .buttons-centered button.stripe-button-el + .btn,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--secondary,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--white,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + button.stripe-button-el,
  .product-listing__content
    .page-section--results
    .buttons-centered
    input[type="submit"]
    + button.stripe-button-el {
    position: relative;
    margin-left: 80px;
  }

  .buttons-centered .btn + .btn--secondary:before,
  .buttons-centered .btn + .btn--white:before,
  .buttons-centered .btn + .btn:before,
  .buttons-centered .btn--secondary + .btn--secondary:before,
  .buttons-centered .btn--secondary + .btn--white:before,
  .buttons-centered .btn--secondary + .btn:before,
  .buttons-centered .btn--white + .btn--secondary:before,
  .buttons-centered .btn--white + .btn--white:before,
  .buttons-centered .btn--white + .btn:before,
  .buttons-centered .contact-form--white .btn + .btn--secondary:before,
  .buttons-centered .contact-form--white .btn + .btn--white:before,
  .buttons-centered .contact-form--white .btn + .btn:before,
  .buttons-centered .contact-form--white .btn--secondary + .btn:before,
  .buttons-centered .contact-form--white .btn--white + .btn:before,
  .buttons-centered .page-section--results .btn + input[type="submit"]:before,
  .buttons-centered
    .page-section--results
    .btn--secondary
    + input[type="submit"]:before,
  .buttons-centered
    .page-section--results
    .btn--white
    + input[type="submit"]:before,
  .buttons-centered
    .page-section--results
    .contact-form--white
    input[type="submit"]
    + .btn:before,
  .buttons-centered
    .page-section--results
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el:before,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + .btn--secondary:before,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + .btn--white:before,
  .buttons-centered .page-section--results input[type="submit"] + .btn:before,
  .buttons-centered
    .page-section--results
    input[type="submit"]
    + input[type="submit"]:before,
  .buttons-centered
    .product-listing__content
    .btn
    + button.stripe-button-el:before,
  .buttons-centered
    .product-listing__content
    .btn--secondary
    + button.stripe-button-el:before,
  .buttons-centered
    .product-listing__content
    .btn--white
    + button.stripe-button-el:before,
  .buttons-centered
    .product-listing__content
    .contact-form--white
    button.stripe-button-el
    + .btn:before,
  .buttons-centered
    .product-listing__content
    .page-section--results
    button.stripe-button-el
    + input[type="submit"]:before,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--secondary:before,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn--white:before,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + .btn:before,
  .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + button.stripe-button-el:before,
  .page-section--results .buttons-centered .btn + input[type="submit"]:before,
  .page-section--results
    .buttons-centered
    .btn--secondary
    + input[type="submit"]:before,
  .page-section--results
    .buttons-centered
    .btn--white
    + input[type="submit"]:before,
  .page-section--results
    .buttons-centered
    .contact-form--white
    .btn
    + input[type="submit"]:before,
  .page-section--results
    .buttons-centered
    .contact-form--white
    input[type="submit"]
    + .btn:before,
  .page-section--results
    .buttons-centered
    .product-listing__content
    button.stripe-button-el
    + input[type="submit"]:before,
  .page-section--results
    .buttons-centered
    .product-listing__content
    input[type="submit"]
    + button.stripe-button-el:before,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + .btn--secondary:before,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + .btn--white:before,
  .page-section--results .buttons-centered input[type="submit"] + .btn:before,
  .page-section--results
    .buttons-centered
    input[type="submit"]
    + input[type="submit"]:before,
  .page-section--results
    .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + input[type="submit"]:before,
  .product-listing__content
    .buttons-centered
    .btn
    + button.stripe-button-el:before,
  .product-listing__content
    .buttons-centered
    .btn--secondary
    + button.stripe-button-el:before,
  .product-listing__content
    .buttons-centered
    .btn--white
    + button.stripe-button-el:before,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    .btn
    + button.stripe-button-el:before,
  .product-listing__content
    .buttons-centered
    .contact-form--white
    button.stripe-button-el
    + .btn:before,
  .product-listing__content
    .buttons-centered
    .page-section--results
    button.stripe-button-el
    + input[type="submit"]:before,
  .product-listing__content
    .buttons-centered
    .page-section--results
    input[type="submit"]
    + button.stripe-button-el:before,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--secondary:before,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn--white:before,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + .btn:before,
  .product-listing__content
    .buttons-centered
    button.stripe-button-el
    + button.stripe-button-el:before,
  .product-listing__content
    .page-section--results
    .buttons-centered
    input[type="submit"]
    + button.stripe-button-el:before {
    content: "";
    position: absolute;
    left: -42px;
    top: -5px;
    bottom: -5px;
    display: block;
    width: 1px;
    background-color: #464563;
  }
}

.btn-paypal {
  display: block;
}

body,
html {
  background-color: #fbfbfb;
}

.page-width {
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}

@media only screen and (min-width: 767px) {
  .page-width {
    padding: 0 7.5%;
  }
}
@media only screen and (min-width: 1100px) {
  .background-pos .page-width {
    padding: 0 20%;
  }
}
.page-width--medium {
  max-width: 1100px;
}

/* .page-width--wide {
  max-width: 1325px
} */

.page-section {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  z-index: 1;
}

.page-section--large {
  padding: 64px 0;
}

@media only screen and (min-width: 767px) {
  .page-section {
    padding: 120px 0;
  }
  .page-section--large {
    padding: 120px 0;
  }
}
.page-section--small {
  padding: 64px 0;
}

.page-section--small-top {
  padding-top: 50px;
}

.page-section--flush-top {
  padding-top: 0;
}

.page-section--flush-bottom {
  padding-bottom: 0;
}

.page-section--large-bottom {
  padding-bottom: 100px;
}

@media only screen and (min-width: 750px) {
  .page-section--large-bottom {
    padding-bottom: 165px;
  }
}

.page-section--grey-bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  background-color: #f4f3f6;
}

.page-section--white-bottom:after,
.page-section--white-top:after {
  position: absolute;
  height: 100px;
  background-color: #fbfbfb;
  right: 0;
  content: "";
  left: 0;
}

.page-section--white-bottom:after {
  bottom: 0;
}

.page-section--white-top:after {
  top: 0;
}

.page-section--blog:nth-child(2n),
.page-section--grey {
  background-color: #f4f3f6;
}

.page-section--purple {
  background-color: #705cbb;
  color: #fbfbfb;
}

.page-section--purple-soft {
  background-color: #1e1c34;
  color: #fbfbfb;
  background-image: url("../png/map-bg.png");
  background-position: center center;
  padding-left: 16px;
  padding-right: 16px;
  z-index: revert;
}
@media only screen and (min-width: 768px) {
  .page-section--purple-soft {
    padding: 120px 7.5%;
  }
}
.page-section--gradient {
  background-color: #705cbb;
  background: -webkit-linear-gradient(left, #705cbb, #00cdcc);
  background: linear-gradient(to right, #705cbb, #00cdcc);
  color: #fbfbfb;
}

.page-width--blog {
  max-width: 700px;
}

.page-section--article {
  padding: 20px 0;
}

@media only screen and (min-width: 750px) {
  .page-section--article {
    padding: 50px 0;
  }
}

.page-width--article {
  max-width: 780px;
}

.display-table {
  width: 100%;
  display: table;
}

.display-table-cell {
  display: table-cell;
}

.page-header {
  padding: 40px 0;
}

@media only screen and (min-width: 750px) {
  .page-header {
    padding: 80px 0;
  }
}

.page-header__subtext,
.page-header__subtext:last-child {
  margin-bottom: 40px;
}

.page-header--small {
  padding: 20px 0;
}

.page-header--in-section {
  padding-top: 0;
}

.page-header--flush-bottom {
  padding-bottom: 0;
}

.page-title {
  margin-bottom: 0;
}

hr {
  margin: 50px 0;
}

.hr--small {
  margin: 20px 0;
}

.hr--clear {
  border: 0;
  background: 0 0;
}

.vertical-divider {
  background-color: #464563;
  width: 1px;
  height: 140px;
  display: block;
  margin: 120px auto 0;
}

.rd-navbar-static .rd-navbar-brand,
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-static .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-brand,
.rd-navbar-fullwidth .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-search-toggle {
  position: relative;
  z-index: 2;
}

.rd-navbar-brand {
  display: inline-block;
  transition: none !important;
  font-weight: 300;
}

.rd-navbar-wrap,
.rd-navbar,
.rd-navbar-brand,
.rd-navbar-slogan,
.rd-navbar-dropdown,
.rd-navbar-megamenu,
.rd-navbar-collapse-items,
.brand-name,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-search-form-input,
.rd-navbar-search-form-submit,
.rd-navbar-search-toggle,
.rd-navbar-live-search-results,
.rd-navbar-search-form {
  transition: 0.33s all ease-out;
}

.rd-navbar-brand .brand-name {
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 1180px) {
  .rd-navbar-brand .brand-name {
    font-size: 100%;
  }
}

@media (max-width: 1025px) {
  .rd-navbar-brand .brand-name {
    font-size: 30px;
  }
}

.rd-navbar-brand > * {
  display: inline-block;
  vertical-align: middle;
}

.page .text-white {
  color: #fff;
}

.text-bold,
strong {
  font-weight: 700;
}

.rd-navbar-brand {
  font-weight: 300;
}

.rd-navbar-brand .brand-name,
.rd-navbar-brand .brand-name:focus,
.rd-navbar-brand .brand-name:active,
.rd-navbar-brand .brand-name:hover {
  color: #3ec7c2;
}

.image-grid__item {
  display: inline-block;
  margin: 10px 40px 20px;
}

@media only screen and (min-width: 750px) {
  .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-center-flush {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
  }

  .flex-center .slick-slider {
    width: 600px !important;
  }

  .flex-center .slick-active,
  .flex-center .slick-current {
    width: 100%;
  }
}

.sticky--active .sticky-hidden,
.sticky-only {
  display: none;
}

.site-header {
  display: flex;
  align-items: center;
  background-color: #fff;
  height: 50px;
  z-index: 6;
  /* Kostyantyn Semenchuk code start */
  padding: 0 16px;
  /* Kostyantyn Semenchuk code end */
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* Kostyantyn Semenchuk code start */
@media only screen and (min-width: 768px) {
  .site-header {
    padding: 0 7.5%;
  }
}
/* Kostyantyn Semenchuk code end */

@media only screen and (min-width: 750px) {
  .site-header {
    height: 70px;
  }
}

.site-header.sticky--active {
  border-bottom: 1px solid #f4f3f6;
}

.site-header.sticky--active .text-white {
  color: #8d7fba;
}

.sticky-nav-wrapper {
  position: relative;
  height: 50px;
  z-index: 6;
  z-index: 100;
}

@media only screen and (min-width: 750px) {
  .sticky-nav-wrapper {
    height: 70px;
  }
}

.sticky-nav-wrapper--absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.sticky--active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.sticky--open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
}

.sticky-only {
  position: relative;
}

.logo__link,
.sticky--active .sticky-only {
  display: block;
}

.logo {
  margin-bottom: 0;
}

.logo__link {
  float: left;
}

.logo__big {
  display: none;
  margin-left: 30px;
}

.logo__small,
.site-header--transparent .logo__big {
  display: block;
}

@media only screen and (max-width: 1180px) {
  .logo__big {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 749px) {
  .logo__big {
    margin-left: 0;
  }
}

.logo__big .icon {
  display: block;
  width: 120px;
  height: 50px;
}

@media only screen and (min-width: 750px) {
  .logo__big .icon {
    width: 149px;
    height: 124px;
  }
}

.logo__small {
  background-color: #00cdcc;
  height: 50px;
  width: 50px;
  margin-left: -21px;
  -webkit-transition: background-color 0.1s ease-in;
  transition: background-color 0.1s ease-in;
  color: #fff;
}

@media only screen and (min-width: 750px) {
  .logo__small {
    height: 124px;
    width: 124px;
  }
}

.logo__small .icon {
  width: 24px;
  height: 26px;
  margin-top: 12px;
  fill: currentColor;
  vertical-align: initial;
}

@media only screen and (min-width: 750px) {
  .logo__small {
    height: 124px;
    width: 124px;
  }

  .logo__small .icon {
    width: 41px;
    height: 46px;
    margin-top: 40px;
  }
}

.logo__small:hover {
  background-color: #00e2e0;
}

.site-header--transparent .logo__small {
  display: none;
}

.site-nav__menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-nav__menu li {
  display: inline-block;
  margin-left: 24px;
}

@media only screen and (max-width: 1180px) {
  .site-nav__menu {
    margin-left: -30px;
    margin-right: 10px;
  }

  .site-nav__menu li {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 1010px) {
  .site-nav__menu {
    margin-left: -12px;
  }

  .site-nav__menu li {
    margin-left: 10px;
  }
}

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

.site-nav a {
  display: block;
  font-size: 12px;
  line-height: 2.4;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: #1e1c34;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}

.site-nav a:focus,
.site-nav a:hover {
  color: #00cdcc;
}

.site-nav > ul > li:last-child a {
  position: relative;
  color: #00cdcc;
  font-weight: 900;
  letter-spacing: 1.4px;
  border-radius: 20px;
  padding: 2px 12px;
  border: 2px solid #00cdcc;
}

.sticky-nav-wrapper--absolute .site-nav > ul > li:last-child a {
  border-color: #fff;
}

.sticky--active .site-nav > ul > li:last-child a,
.sticky-nav-wrapper--absolute .site-nav > ul > li:last-child a:focus,
.sticky-nav-wrapper--absolute .site-nav > ul > li:last-child a:hover {
  border-color: #00cdcc;
}

.site-nav > ul > li:last-child a:focus,
.site-nav > ul > li:last-child a:hover {
  color: #fff;
  background-color: #00cdcc;
}

.site-header .current-menu-item a {
  position: relative;
  font-weight: 900;
  color: #00cdcc;
}

@media only screen and (min-width: 750px) {
  .site-header .current-menu-item a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 3px;
    border-bottom: 1px solid #00cdcc;
  }
}

.site-header .current-menu-item:last-child a:before {
  display: none;
}

.site-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
}

.site-header--transparent .site-nav a {
  color: #fff;
  font-weight: 700;
  position: relative;
  display: flex;
}

.site-header--transparent .site-nav a:focus,
.site-header--transparent .site-nav a:hover {
  color: #00e2e0;
}

.site-header--transparent li:last-child a {
  color: #fff;
}

.site-header--transparent li:last-child a:after {
  border-width: 3px;
  border-color: #fff;
}

.site-header--transparent li:last-child a:hover:after,
.site-header--transparent li:last-child a:focus:after {
  display: none;
}

.site-nav__open,
.site-nav__top {
  padding: 5px;
  line-height: 1;
  vertical-align: bottom;
}

.site-nav__open .icon,
.site-nav__top .icon {
  display: block;
  fill: currentColor;
}

.site-header--transparent .site-nav__open .icon,
.site-header--transparent .site-nav__top .icon {
  fill: #fff;
}

.site-nav__top {
  display: none;
  margin-right: 10px;
}

.sticky--active .site-nav__top {
  display: inline-block;
}

.top_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  background: #705cbb;
  display: none;
  width: 100%;
  z-index: 99999999;
}

.abosolute-top-50 {
  top: 50px;
}

.top-bar-content {
  color: #fff;
  text-align: center;
  font-size: 12px;
  margin: 19px 5px;
  text-transform: uppercase;
  display: none;
}

.top-bar-content a {
  color: #00cdcc;
  text-decoration: underline;
  margin-left: 30px;
}

.top-bar-content-mobile {
  display: none;
  text-decoration: underline;
  text-transform: uppercase;
  margin: 19px 5px;
  font-size: 12px;
  text-align: center;
}

.top-bar-content-mobile a {
  color: #00cdcc;
}

.site-footer,
.subnav {
  color: #fff;
  position: relative;
}

.top-bar-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 9px 25px;
  z-index: 999999999;
}

.site-nav--large {
  display: none !important;
}

@media only screen and (min-width: 1025px) {
  .site-nav--large {
    display: flex !important;
    align-items: stretch;
  }

  .site-nav--small {
    display: none !important;
  }
}

.site-footer {
  background-color: #3f3e5e;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 400;
  z-index: 1;
}

.site-footer a {
  color: #00cdcc;
  text-decoration: none;
}

.footer__news a,
.related a,
.related-articles a {
  text-decoration: underline;
}

.site-footer a:focus,
.site-footer a:hover {
  color: #00e2e0;
}

.site-footer__social {
  margin: 0 0 20px -20px;
  padding: 20px 0 0;
  list-style: none;
}

.site-footer__social li {
  display: inline-block;
  margin-left: 20px;
}

.site-footer__social .icon {
  height: 18px;
  fill: #fff;
  fill: rgba(255, 255, 255, 0.5);
}

.site-footer__social .icon-instagram {
  width: 18px;
}

.site-footer__social .icon-google-plus {
  width: 28px;
}

.site-footer__social .icon-facebook {
  width: 9px;
}

.site-footer__social .icon-linkedin {
  width: 18px;
}

.site-footer__social .icon-twitter {
  width: 20px;
}

.site-footer__contact {
  margin-bottom: 0px;
}

.site-footer__sep {
  display: inline-block;
  padding: 0 5px;
}


.site-footer__info {
  background-color: #151515;
  padding: 64px 0;
  color: #bbbbc7;
}

.site-footer__info a {
  color: #fbfbfb;
}

.site-footer__info a:focus,
.site-footer__info a:hover {
  color: #00e2e0;
}

.site-footer__menu,
.site-footer__menu ul {
  list-style: none;
  margin: 10px 0 0 -10px;
  padding: 0;
}

div a.site-footer__link {
  color: #00cdcc;
}

@media only screen and (min-width: 750px) {
  .site-footer__menu,
  .site-footer__menu ul {
    margin-top: 0;
  }
}

.site-footer__menu li,
.site-footer__menu ul li {
  display: inline-block;
}

.site-footer__menu .children,
.site-footer__menu ul .children {
  display: none;
}

.footer__news {
  background-color: #5b5b76;
  padding: 15px 0;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.footer__news-label {
  font-weight: 700;
  padding-right: 17px;
  margin-right: 17px;
  border-right: 1px solid rgba(255, 255, 255, 0.9);
}

.footer__news-data {
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0;
}

.icon-demac-logo-footer {
  width: 179px;
  fill: #fff;
  fill: rgba(255, 255, 255, 0.5);
}

.subnav__link .icon,
.subnav__search .search-form__submit .icon {
  fill: currentColor;
}

/*.site-footer__order{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} */
.site-footer__order {
  display: none;
}

.site-footer__order-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

@media only screen and (max-width: 749px) {
  .site-footer__order-item:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.subnav {
  background-color: #705cbb;
  background: -webkit-linear-gradient(left, #705cbb, #00cdcc);
  background: linear-gradient(to right, #705cbb, #00cdcc);
  text-align: center;
  padding: 26px;
  line-height: 11px;
}

.search-result-bar,
.subnav__link {
  line-height: 16px;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

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

.page-section--partners,
.page-section--results,
.subnav__subscribe,
.top-title {
  text-align: center;
}

.subnav__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.subnav__links li {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
}

@media only screen and (min-width: 750px) {
  .subnav__links li {
    margin-left: 35px;
    padding-left: 35px;
  }
}

.subnav__links li:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  bottom: -2px;
  display: block;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.8);
}

.subnav__links li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.subnav__links li:first-child:before {
  display: none;
}

.subnav__link {
  font-weight: 700;
  font-size: 11px;
  display: block;
  opacity: 0.5;
  -webkit-transition: color 0.1s ease-in, opacity 0.1s ease-in;
  transition: color 0.1s ease-in, opacity 0.1s ease-in;
}

.subnav__link:hover {
  opacity: 1;
  color: #fff;
}

.subnav__link .icon-cart {
  margin-right: 20px;
}

.subnav__link--active,
.subnav__link--icon {
  opacity: 1;
}

.subnav__subscribe {
  margin-top: 25px;
  position: relative;
  padding: 8px 20px 8px 12px;
  border: 1px solid #fff;
  color: #fff;
  opacity: 1;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.subnav__subscribe svg {
  fill: currentColor;
  display: inline-block;
  width: 12px;
  margin-right: 10px;
}

.subnav__subscribe a {
  color: #fff;
  display: block;
  width: 100%;
}

.subnav__search .search-form {
  padding-top: 15px;
}

.subnav__search::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.subnav__search:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.subnav__search:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.subnav__search .search-form__field {
  padding: 5px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  background: 0 0;
  border-bottom-color: #fff;
  color: #fff;
  width: auto;
}

.subnav__search .search-form__submit {
  background: 0 0;
  color: #fff;
}

.search-result-bar {
  font-size: 13px;
  font-weight: 700;
  background-color: #464563;
  padding: 20px 0;
}

.home-quotes {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.partners-logos .icon {
  fill: #bbbbc7;
  width: 120px;
  height: 37px;
  margin-bottom: 50px;
}

.partners-logos .icon + .icon {
  margin-left: 20px;
}

@media only screen and (max-width: 899px) {
  .partners-logos .icon {
    margin-left: 0;
    display: block;
  }

  .partners-logos .icon + .icon {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .alternating-image--home-1 {
    max-width: 60%;
  }
}

@media only screen and (min-width: 750px) {
  .subnav__subscribe {
    margin-top: 0;
    position: absolute;
    top: 18px;
    left: 40px;
  }

  .subnav__search {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
  }

  .alternating-image--home-1 {
    bottom: -10%;
    max-width: 50%;
  }

  .alternating-image--home-2 {
    top: -75px;
    right: 0;
    max-width: 42%;
  }

  .alternating-image--home-3 {
    top: 100px;
    right: 0;
    max-width: 40%;
  }
}

@media only screen and (min-width: 750px) and (max-width: 899px) {
  .alternating-image--home-1 {
    bottom: 20%;
  }

  .alternating-image--home-2 {
    top: -20px;
  }
}

.services-list {
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 14px;
  line-height: 45px;
}

@media only screen and (max-width: 749px) {
  .alternating-image.alternating-image--home-3 {
    display: none;
  }

  .services-list {
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
  }
}

.services-list .icon {
  position: relative;
  top: -1px;
  fill: currentColor;
  margin-right: 20px;
  width: 26px;
  height: 26px;
  z-index: 2;
}

.services-list li {
  position: relative;
}

.service-list__half-circle {
  width: 22px;
  height: 44px;
  border-style: dashed;
  border-width: 1px;
  border-color: #1e1c34;
  position: absolute;
}

.services-list__strategy .service-list__half-circle {
  top: 50%;
  left: 13px;
}

.services-list__design .service-list__half-circle {
  top: 59%;
  left: -12px;
}

.service-list__half-circle--right {
  border-left: 0;
  border-radius: 0 44px 44px 0;
}

.service-list__half-circle--left {
  border-right: 0;
  border-radius: 44px 0 0 44px;
}

.services-list__strategy {
  color: #464563;
}

.services-list__design {
  color: #705cbb;
}

.entry__cats,
.page-section--info .page-section-info--container .h1,
.page-section--info .page-section-info--container h1,
.services-list__development {
  color: #00cdcc;
}

.page-section--info .page-section-info--container .h2 {
  color: #00cdcc;
  font-size: 41px;
  line-height: 49px;
  margin-bottom: 20px;
  font-weight: 900;
}

span.entry__cats {
  font-size: 16px;
}

.animate-fade-up {
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: all 0.5s ease-in 0.1s;
  transition: all 0.5s ease-in 0.1s;
}

.animate-fade-up.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.hero--case-study .grid {
  margin: 80px auto;
}

.hero--case-study .h1,
.hero--case-study h1 {
  font-size: 48px;
  line-height: 1.2037;
  letter-spacing: 2px;
}

h4.stats-title {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  h4.stats-title {
    font-size: 40px;
    margin-bottom: 24px;
  }
}

p.h1 {
  font-size: 24px;
}
/* Kostyantyn Semenchuk code start */
.page-section--info .page-section-info--container h2 span {
  font-weight: 700;
  color: #1e1c34;
}
.page-section--info .page-section-info--container h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2037;
  color: #00cdcc;
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .page-section--info .page-section-info--container h2 {
    display: block;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 80px;
    max-width: 700px;
  }
}
/* Kostyantyn Semenchuk code end */
@media only screen and (max-width: 899px) {
  .hero--case-study .h1,
  .hero--case-study h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .hero--case-study .grid {
    margin-top: 0;
  }

  .hero--case-study .page-width {
    padding: 0;
  }

  .hero--case-study .h1,
  .hero--case-study h1 {
    font-size: 30px;
    font-weight: 700;
  }

  .page-section--info .page-section-info--container .h2 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2037;
  }

  div.page-section-info__right h4 {
    font-weight: 400;
  }

  .btn,
  .btn--secondary,
  .btn--white,
  .contact-form--white .btn,
  .hs-form input.hs-button,
  .page-section--results input[type="submit"],
  .product-listing__content button.stripe-button-el,
  button.stripe-button-el {
    font-size: 12px;
    font-weight: 600;
  }

  .service-panel p,
  .selectionShareable,
  .page-section--toronto,
  .hero__subheading,
  .work--subheading,
  .opportunities__list li {
    font-size: 16px;
  }

  p {
    font-size: 16px;
  }

  div.page-section.page-section--large.page-section--info
    > div
    > div.page-section-info__right
    > p {
    margin-top: 10px;
  }

  .page-section--partners .h3,
  .page-section--partners h3 {
    letter-spacing: 0px;
  }

  h4.stats-title {
    font-weight: 700;
  }

  h3.blockTitle {
    font-weight: 700;
  }

  .h1,
  h1 {
    font-size: 26px;
  }

  .fixed-grid__title {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
  }

  div.contact-form__left > p.contact-form__header {
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
  }

  a.fixed-grid__link.quick-link-trigger > p {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
  }
}

div p.blockTitle {
  font-size: 38px;
  font-weight: 900;
  color: #464563;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.4;
}

div.row.service-panel.style1 {
  margin-top: 30px;
}

#marketplace > div > div > h6 {
  font-size: 26px;
  font-weight: 900;
  color: #464563;
  line-height: 1.1;
  margin-bottom: 25px;
  letter-spacing: 1px;
}

.page-section--results .h4,
.page-section--results h4 {
  letter-spacing: 4px;
}

.page-section--results p {
  margin-bottom: 25px;
}

.page-section--results input {
  max-width: 100%;
  min-width: 460px;
  margin-bottom: 10px;
  text-align: center;
}

.page-section--results input[type="email"] {
  font-family: FontAwesome, Roboto, HelveticaNeue, "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}

@media only screen and (max-width: 400px) {
  .hero--case-study .h1,
  .hero--case-study h1 {
    font-size: 28px;
    margin-top: -20px;
    line-height: 38px;
  }

  h6.title-small {
    font-size: 28px !important;
    margin-top: -20px;
  }

  div.p-title-small {
    font-size: 16px;
  }

  .rd-navbar-brand .brand-name {
    font-size: 18px !important;
  }

  .site-nav__open span {
    height: 2px !important;
    width: 80% !important;
  }

  a.telephone114 {
    font-size: 16px !important;
    margin-right: 0px !important;
  }

  .languages a {
    padding: 4px !important;
  }

  .languages {
    margin-right: 8px !important;
  }

  #SiteHeader {
    padding-right: 10px;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 899px) {
  .page-section--results input {
    min-width: 0;
    width: 100%;
  }

  .page-section--results input[type="submit"] {
    width: 100%;
  }
}

.page-section--blog-home {
  background-color: #f4f3f6;
}

.page-section--video {
  padding: 0;
}

.page-section--video video {
  width: 100%;
}

.page-section--partners .h4,
.page-section--partners h4 {
  letter-spacing: 2px;
  position: relative;
  margin: 42px 0 42px;
  color: #1e1c34;
}

.page-section--partners .h5,
.page-section--partners h5 {
  letter-spacing: 2px;
  position: relative;
  margin: 42px 0 42px;
  font-size: 24px;
  font-weight: 900;
  color: #1e1c34;
}

.page-section--partners .h3,
.page-section--partners h3 {
  letter-spacing: 2px;
  position: relative;
  margin: 42px 0 42px;
  font-size: 24px;
  font-weight: 900;
  color: #1e1c34;
}

.page-section--partners .h4:before,
.page-section--partners h4:before {
  height: 174px;
  width: 156px;
  display: block;
  content: "";
  position: absolute;
  left: -webkit-calc(50% - 78px);
  left: calc(50% - 78px);
  top: -webkit-calc(50% - 91px);
  top: calc(50% - 91px);
}

.page-section--partners .partners-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 30px -10px 0 -10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
}

.page-section--partners .partners-gallery__item {
  width: 33.333333%;
  padding: 10px;
}

div:nth-child(9) > div > div.partners-gallery {
  margin-bottom: 40px;
}

.partners-gallery__item--wide {
  flex: 1;
  padding: 8px 10px;
}
@media only screen and (min-width: 767px) {
  .partners-gallery__item--wide {
  padding: 10px 21px;
}
}

.page-section--partners .partners-gallery__item div {
  border: 1px solid #ddd;
  padding: 20px;
}

.page-section--partners .partners-gallery__item p {
  margin-top: 5px;
  text-align: left;
  font-size: 21px;
}

.page-section--partners .partners-gallery__item img {
  height: auto;
  max-height: 50px;
  width: auto;
  max-width: 100%;
}

@media only screen and (max-width: 991px) {
  .page-section--partners .partners-gallery__item {
    width: 50%;
  }

  .partners-gallery__item--wide {
    flex: 0 1 33.333333%;
  }
}

@media only screen and (max-width: 600px) {
  .page-section--partners .partners-gallery__item {
    width: 100%;
  }

  .partners-gallery__item--wide {
    flex: 0 1 50%;
  }
}

@media only screen and (min-width: 450px) {
  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > p
    > a:nth-child(1) {
    margin-right: 8px;
  }

  div.page-section.page-section--large.page-section--partners.startProject
    > div
    > p:nth-child(3)
    > a:nth-child(1) {
    margin-right: 8px;
  }

  div.page-section.page-section--large.page-section--partners.startProject
    > div
    > p:nth-child(3)
    > a.btn.btn-arrow.btnTel.callback {
    min-width: 222px;
  }

  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > p
    > a:nth-child(2) {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 449px) {
  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > p
    > a:nth-child(1) {
    /* Kostyantyn Semenchuk code start */
    margin-bottom: 16px;
    /* Kostyantyn Semenchuk code end */
  }

  div.page-section.page-section--large.page-section--partners.startProject
    > div
    > p:nth-child(3)
    > a {
    width: 100%;
  }

  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > p
    > a {
    /* Kostyantyn Semenchuk code start */
    min-width: 288px;
    /* Kostyantyn Semenchuk code end */
  }

  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > p
    > a:nth-child(2) {
    margin-left: 0px !important;
  }
}

.faq__title {
  color: #464563;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.page-section--info {
  background: #fbfbfb;
}

.page-section--info .page-section-info--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

/* @media only screen and (min-width:900px) {
  .page-section--info .page-section-info--container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
} */

.page-section--info .page-section-info__left {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.page-section--info .page-section-info__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

_:-ms-fullscreen,
:root .page-section--info .page-section-info__right {
  max-width: 450px;
}
.page-section.page-section--large.page-section--info {
  padding: 64px 16px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .page-section.page-section--large.page-section--info {
    padding: 120px 7.5%;
  }
}
@media only screen and (max-width: 749px) {
  .page-section--info .about-hide-medium {
    display: none;
  }

  .page-section--info .about-show-medium {
    display: block;
  }
}

.top-title {
  margin-top: 50px;
}

.entry__meta {
  display: block;
  margin-bottom: 10px;
}

.entry__meta--article {
  margin-bottom: 40px;
}

.entry__cats {
  display: inline-block;
  margin-bottom: 0;
}

.entry__excerpt,
.entry__header {
  margin-bottom: 40px;
}

.entry__date {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  color: #1e1c34;
}

.entry__date:before {
  content: "/";
  margin-left: 3px;
  margin-right: 5px;
}

.entry__excerpt img {
  display: block;
}

@media only screen and (min-width: 750px) {
  .entry__header {
    margin-bottom: 80px;
  }
}

.entry__footer {
  font-size: 14px;
  color: #bbbbc7;
  font-weight: 400;
  vertical-align: middle;
}

.entry__footer--border {
  display: inline-block;
  padding-bottom: 40px;
  border-bottom: 1px solid #464563;
}

.entry__footer-author {
  margin-right: 30px;
}

.article__read-time {
  display: inline-block;
  margin: 20px 0;
}

.article__read-time .icon {
  width: 23px;
  height: 23px;
  fill: #bbbbc7;
  margin-right: 10px;
}

.entry__thumbnail {
  display: block;
  margin-bottom: 40px;
}

.entry__thumbnail img {
  display: block;
  margin: 0 auto;
}

.blog__title {
  position: relative;
  font-size: 36px;
}

.blog__title .quick-link {
  color: #00cdcc;
}

@media only screen and (min-width: 900px) {
  .blog__title .quick-link {
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -8px;
    white-space: nowrap;
  }
}

.blog__title a {
  display: block;
}

.blog__subtitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  color: #bbbbc7;
  margin-bottom: 5px;
}

.margin-top-75 {
  margin-top: 75px;
}

.author-section {
  margin: 70px 0 0;
}

.author-section__inner {
  border-top: 1px solid #464563;
  padding-top: 40px;
  padding-bottom: 40px;
}

.author-meta {
  display: inline-block;
  background-color: pink;
}

.related,
.related-articles {
  background-color: #f4f3f6;
  text-align: center;
}

.author-about {
  font-weight: 400;
  color: #00cdcc;
}

.author-desc {
  font-size: 14px;
  margin-bottom: 0;
}

.author-more {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #464563;
}

.related-articles {
  padding: 10px;
}

@media only screen and (min-width: 750px) {
  .related-articles {
    padding: 20px;
  }
}

.related-articles a {
  display: block;
}

.related-articles__title {
  font-size: 18px;
  letter-spacing: 0;
  color: #bbbbc7;
}

.related-articles__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

.related-articles__list li {
  margin-bottom: 20px;
  font-size: 15px;
}

.post-navigation a,
.subscribe-block .subscribe-holder p {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.related-articles__list li:last-child {
  margin-bottom: 0;
}

.related {
  margin: 80px 0;
  padding: 25px 0;
}

.related strong {
  display: inline;
  margin-right: 10px;
  text-transform: uppercase;
  font-weight: 900;
}

.related a {
  display: inline;
}

.free-ebook {
  padding: 20px 0;
  color: #fff;
  background-color: #705cbb;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: url(/jpg/bg-ebook.jpg);
}

.blog--ebook-image {
  max-height: 300px;
}

.free-ebook .btn,
.free-ebook .btn--secondary,
.free-ebook .btn--white,
.free-ebook .page-section--results input[type="submit"],
.free-ebook .product-listing__content button.stripe-button-el,
.page-section--results .free-ebook input[type="submit"],
.product-listing__content .free-ebook button.stripe-button-el {
  border: none;
}

.free-ebook__title {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}

.free-ebook__title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 15%;
  right: 15%;
  height: 1px;
  background-color: #fff;
}

.free-ebook__subtitle {
  margin-bottom: 40px;
  font-weight: 400;
}

.post-navigation {
  padding: 40px 0;
}

.post-navigation a {
  font-weight: 700;
  line-height: 16px;
  color: #464563;
}

.post-navigation a:focus,
.post-navigation a:hover {
  color: #00cdcc;
}

.post-navigation__link {
  position: relative;
  display: block;
}

.post-navigation__link a {
  display: block;
}

.post-navigation__link .icon {
  position: relative;
  top: -2px;
  width: 19px;
  height: 36px;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
}

.nav-next {
  float: right;
}

.nav-prev {
  float: left;
}

.quick-link {
  display: none !important;
}

.entry__content img {
  display: block;
  margin: 0 auto 20px;
  padding: 20px 0;
}

.entry__content img:last-child {
  margin-bottom: 0;
}

.entry__content img + br {
  display: none;
}

.entry__content .h1,
.entry__content h1 {
  text-align: center;
}

.entry__content .h1,
.entry__content .h2,
.entry__content .h3,
.entry__content .h4,
.entry__content .h5,
.entry__content .h6,
.entry__content h1,
.entry__content h2,
.entry__content h3,
.entry__content h4,
.entry__content h5,
.entry__content h6 {
  margin: 60px 0 20px;
}

.entry__content .h1:first-child,
.entry__content .h2:first-child,
.entry__content .h3:first-child,
.entry__content .h4:first-child,
.entry__content .h5:first-child,
.entry__content .h6:first-child,
.entry__content h1:first-child,
.entry__content h2:first-child,
.entry__content h3:first-child,
.entry__content h4:first-child,
.entry__content h5:first-child,
.entry__content h6:first-child {
  margin-top: 0;
}

.subscribe-block {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding: 28px 0;
  color: #fff;
  background-color: #705cbb;
}

.subscribe-block .icon-close {
  fill: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 15px;
  right: 30px;
  width: 19px;
  height: 19px;
}

.subscribe-block .subscribe-holder {
  width: 200px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.subscribe-block .subscribe-holder .demac-subscribe-m {
  display: none;
}

.subscribe-block .subscribe-holder .icon-demac-d {
  position: absolute;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
  top: 0;
  left: 44%;
  margin-top: -18px;
  fill: #bbbbc7;
  opacity: 0.4;
  width: 50px;
  height: 50px;
  z-index: -1;
}

.subscribe-block .subscribe-holder p {
  font-weight: 600;
  line-height: 13px;
}

@media only screen and (max-width: 899px) {
  .subscribe-block .subscribe-holder {
    min-width: 200px;
  }

  .subscribe-block .subscribe-holder .demac-subscribe {
    width: 200px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 749px) {
  .subscribe-block .subscribe-holder {
    width: 100%;
  }

  .subscribe-block .subscribe-holder .demac-subscribe {
    display: none;
  }

  .subscribe-block .subscribe-holder .demac-subscribe-m {
    display: block;
  }

  .subscribe-block .subscribe-holder .demac-subscribe-m p {
    font-size: 18px;
    text-align: center;
    padding-top: 30px;
  }

  .subscribe-block .subscribe-holder .demac-subscribe-m .buttons-centered {
    max-width: 300px;
    margin: 0 auto;
  }

  .subscribe-block
    .subscribe-holder
    .demac-subscribe-m
    .buttons-centered
    a.btn--inline {
    display: inline-block;
  }

  .subscribe-block
    .subscribe-holder
    .demac-subscribe-m
    .buttons-centered
    .btn-left,
  .subscribe-block
    .subscribe-holder
    .demac-subscribe-m
    .buttons-centered
    .btn-right {
    float: left;
    margin-top: 0;
    max-width: 257px;
    width: 45%;
    margin-left: 10px;
  }
}

.subscribe-block .subscribe-form {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  width: 395px;
}

.subscribe-block .subscribe-form form > div {
  display: inline-block;
  float: left;
}

.subscribe-block .subscribe-form form input[type="email"] {
  min-width: 230px;
  padding: 10px 15px 10px 40px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.37);
  height: 42px;
  border: none;
  margin-bottom: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIGNsYXNzPSJpY29uIj4gICAgICAgIDx0aXRsZT7vg6A8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxwYXRoIGQ9Ik0xMi4wMDAwMTQzLDMuNDY4NzQzNDEgQzExLjc5OTEyMTIsMy42ODk3MjU4MSAxMS41NzE0NDI0LDMuODgzOTIyNDcgMTEuMzMwMzcwNiw0LjA1MTMzMzM5IEMxMC4yMTIwNjU3LDQuODA4MDMwNzIgOS4wODcwNjQ0LDUuNTcxNDI0NDggNy45OTU1NDUyNSw2LjM2MTYwNCBDNy40MzMwNDQ1OCw2Ljc3Njc4MzA2IDYuNzM2NjE1MTcsNy4yODU3MTIyNCA2LjAwNjcwMzU5LDcuMjg1NzEyMjQgTDYuMDAwMDA3MTUsNy4yODU3MTIyNCBMNS45OTMzMTA3Miw3LjI4NTcxMjI0IEM1LjI2MzM5OTEzLDcuMjg1NzEyMjQgNC41NjY5Njk3Myw2Ljc3Njc4MzA2IDQuMDA0NDY5MDYsNi4zNjE2MDQgQzIuOTEyOTQ5OSw1LjU2NDcyODA1IDEuNzg3OTQ4NTYsNC44MDgwMzA3MiAwLjY3NjM0MDA5Miw0LjA1MTMzMzM5IEMwLjQyODU3MTkzOSwzLjg4MzkyMjQ3IDAuMjAwODkzMDk3LDMuNjg5NzI1ODEgMCwzLjQ2ODc0MzQxIEwwLDguNzg1NzE0MDMgQzAsOS4zNzUwMDA0NSAwLjQ4MjE0MzQzMiw5Ljg1NzE0Mzg4IDEuMDcxNDI5ODUsOS44NTcxNDM4OCBMMTAuOTI4NTg0NSw5Ljg1NzE0Mzg4IEMxMS41MTc4NzA5LDkuODU3MTQzODggMTIuMDAwMDE0Myw5LjM3NTAwMDQ1IDEyLjAwMDAxNDMsOC43ODU3MTQwMyBMMTIuMDAwMDE0MywzLjQ2ODc0MzQxIFogTTEyLjAwMDAxNDMsMS40OTk5OTEwNiBDMTIuMDAwMDE0MywwLjkxMDcwNDY0MyAxMS41MTExNzQ0LDAuNDI4NTYxMjExIDEwLjkyODU4NDUsMC40Mjg1NjEyMTEgTDEuMDcxNDI5ODUsMC40Mjg1NjEyMTEgQzAuMzU0OTExMTM3LDAuNDI4NTYxMjExIDAsMC45OTEwNjE4ODEgMCwxLjY0NzMxMjY2IEMwLDIuMjU2Njg4MzkgMC42NzYzNDAwOTIsMy4wMTMzODU3MiAxLjE1MTc4NzA5LDMuMzM0ODE0NjggQzIuMTg5NzM0NzUsNC4wNTgwMjk4MiAzLjI0MTA3NTI5LDQuNzgxMjQ0OTcgNC4yNzkwMjI5Niw1LjUxMTE1NjU2IEM0LjcxNDI5MTMzLDUuODEyNDk2MiA1LjQ1MDg5OTM2LDYuNDI4NTY4MzYgNS45OTMzMTA3Miw2LjQyODU2ODM2IEw2LjAwMDAwNzE1LDYuNDI4NTY4MzYgTDYuMDA2NzAzNTksNi40Mjg1NjgzNiBDNi41NDkxMTQ5NSw2LjQyODU2ODM2IDcuMjg1NzIyOTcsNS44MTI0OTYyIDcuNzIwOTkxMzUsNS41MTExNTY1NiBDOC43NTg5MzkwMSw0Ljc4MTI0NDk3IDkuODEwMjc5NTUsNC4wNTgwMjk4MiAxMC44NTQ5MjM3LDMuMzM0ODE0NjggQzExLjQ0NDIxMDEsMi45MjYzMzIwNSAxMi4wMDAwMTQzLDIuMjQ5OTkxOTUgMTIuMDAwMDE0MywxLjQ5OTk5MTA2IEwxMi4wMDAwMTQzLDEuNDk5OTkxMDYgWiIgaWQ9IiYjeEYwRTA7IiBmaWxsPSIjZmZmZmZmIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: left 20px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="email"],
input[type="text"],
select {
  -webkit-appearance: none;
}

@media only screen and (max-width: 749px) {
  .subscribe-block .subscribe-form form > div {
    width: 100%;
  }

  .subscribe-block .subscribe-form form input[type="email"] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.subscribe-block .subscribe-form form input[type="submit"] {
  margin-bottom: 0;
  min-width: 160px;
  margin-left: 5px;
  padding: 10px 30px;
  height: 42px;
}

@media only screen and (max-width: 899px) {
  .subscribe-block .subscribe-form form input[type="submit"] {
    font-size: 13px;
    height: 42px;
  }
}

.subscribe-block .subscribe-form form::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.subscribe-block .subscribe-form form:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.subscribe-block .subscribe-form form:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.subscribe-block .subscribe-form form .input-has-icon .icon {
  fill: #fff;
  opacity: 1;
}

.subscribe-block .subscribe-form form label {
  display: none;
}

.subscribe-block .subscribe-form form .hs-error-msgs {
  position: absolute;
  margin-top: 0;
}

.subscribe-block .subscribe-form form .hs-error-msgs label {
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 899px) {
  .subscribe-block .subscribe-form {
    float: right;
    margin-left: 0;
    margin-right: 40px;
    width: auto;
  }
}

@media only screen and (max-width: 749px) {
  .subscribe-block .subscribe-form form input[type="submit"] {
    margin-left: 0;
  }

  .subscribe-block .subscribe-form form .hs-error-msgs {
    position: relative;
  }

  .subscribe-block .subscribe-form {
    display: none;
    max-width: 464px;
    float: none;
    margin: 30px auto 0;
    width: 100%;
  }
}

.subscribe-block .subscribe-social {
  display: none;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 1147px) {
  .subscribe-block .subscribe-social {
    opacity: 1;
    visibility: visible;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 52px;
  }

  div.page-section.page-section--large.page-section--partners.startProject
    > div
    > p:nth-child(3)
    > a:nth-child(1) {
    min-width: 212px;
  }

  div.page-section.page-section--large.page-section--partners.startProject
    > div
    > p:nth-child(3)
    > a.btn.btn-arrow.btnTel.callback {
    margin-left: 5px;
    min-width: 212px;
  }
}

.subscribe-block .subscribe-social .social-label {
  display: inline-block;
}

.subscribe-block .subscribe-social .social-label p {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.subscribe-block .subscribe-social .site-footer__social {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.subscribe-block .subscribe-social:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: -24px;
  width: 1px;
  height: 52px;
  background-color: #fff;
}

div.page-content
  div.page-content__inner
  div.page-section.page-section--grey.page-section--flush-top
  div.page-width.text-center
  div.grid
  div.grid__item.medium-up--five-twelfths
  p.text-left {
  min-height: 419px;
}

div.page-content
  div.page-content__inner
  div.page-section.opportunities
  div.page-width.text-center
  div.grid
  div.grid__item.medium-up--five-twelfths
  img.size-full.wp-image-35378.aligncenter {
  margin-top: 15px;
}

.hero.hero--casestudy {
  height: 800px;
}

.hero.hero--casestudy .hero__subheading {
  font-size: 16px;
  margin: 0 auto 40px;
}

.hero.hero--large.hero--casestudy + .page-content {
  padding-top: 800px;
}

.exec-grid:before,
.exec__name:after,
.partner-blocks:after {
  content: "";
}

@media only screen and (min-width: 750px) {
  .hero.hero--large.hero--casestudy + .page-content {
    padding-top: 800px;
  }
}

.stats-columns.casestudy--columns .stats-column__number {
  font-weight: 600;
}

.page-section--purple-bar {
  background: #343246;
  color: #fff;
}

.casestudy__feature-items {
  margin-bottom: -20px;
}

.casestudy__feature-item {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 10px;
  line-height: 12px;
}

.casestudy__feature-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
  text-align: center;
}

.casestudy__feature-icon .icon {
  width: 26px;
  height: 26px;
  fill: #fff;
}

.quote__content.cs_purple {
  padding-top: 110px;
}

.quote__content.cs_purple blockquote {
  color: #464563;
  font-size: 40px;
  line-height: 50px;
}

.casestudy__site-url,
.exec__title {
  font-size: 13px;
  text-transform: uppercase;
}

.quote__content.cs_purple blockquote .icon-quote {
  fill: #bbbbc7;
  opacity: 0.16;
}

.quote__content.cs_purple cite {
  color: #464563;
}

.casestudy--conclusion .casestudy__title {
  position: relative;
  margin-bottom: 70px;
}

@media only screen and (max-width: 899px) {
  .casestudy--conclusion .casestudy__title {
    display: inline-block;
  }
}

.casestudy--conclusion .casestudy__title .icon {
  opacity: 0.1;
  position: absolute;
  height: 170px;
  z-index: -1;
  fill: #464563;
}

.casestudy--conclusion .casestudy__title .icon-number-1 {
  top: -55px;
  right: 0;
  width: 100px;
}

.casestudy--conclusion .casestudy__title .icon-number-2 {
  width: 110px;
  right: 0;
  top: -50px;
}

.casestudy--conclusion .casestudy__title .icon-number-3 {
  top: 50%;
  right: 50%;
  margin: -85px -56px 0 0;
  width: 112px;
}

.casestudy--conclusion .casestudy__title--results {
  text-align: center;
  margin-top: 50px;
}

.casestudy--conclusion .cs--results {
  max-width: 800px;
}

.casestudy--conclusion p {
  font-weight: 400;
}

@media only screen and (min-width: 750px) {
  .alternating-image--casestudy-1 {
    bottom: 0;
    right: 40px;
    max-width: 40%;
  }
}

.casestudy__split-images {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}

.casestudy__split-image {
  display: block;
  max-width: 55%;
}

.casestudy__split-image--left {
  position: relative;
  z-index: 2;
  top: -120px;
}

.casestudy__split-image--right {
  position: absolute;
  bottom: -120px;
  right: 0;
  z-index: 1;
}

.ceo-image,
.ceo-section {
  position: relative;
}

@media only screen and (max-width: 749px) {
  .casestudy--conclusion .casestudy__title--results {
    text-align: left;
  }

  .casestudy__split-images {
    margin-top: 20px;
  }

  .casestudy__split-image--left {
    top: 0;
  }

  .casestudy__split-image--right {
    bottom: -40px;
  }
}

.casestudy__scroll-icon .icon {
  width: 58px;
  height: 58px;
  fill: none;
  stroke: #fff;
}

.casestudy__hero {
  padding: 140px 0;
  color: #fff;
  background-color: #1e1c34;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: url(/jpg/bg-hero.jpg);
}

.casestudy__hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.casestudy__hero-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  text-align: center;
}

.casestudy__hero-column {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 20px;
}

.casestudy__devices {
  background: #f4f3f6;
}

.DevQuote_bg_holder,
.WeAre_bg_holder,
.dogs-wrapper,
.page-section--toronto {
  background-repeat: no-repeat;
}

@media only screen and (min-width: 750px) {
  .casestudy__hero {
    padding: 370px 0;
  }

  .casestudy__hero-column {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }

  .casestudy__devices {
    margin-top: 25px;
  }
}

.casestudy__devices img,
.casestudy__next img {
  display: block;
  margin: 0 auto;
}

.casestudy__next img {
  max-width: 250px;
}

.casestudy__next-title {
  color: #464563;
  margin-bottom: 20px;
}

.casestudy__site-url {
  font-family: Roboto;
  color: #5a5978;
  letter-spacing: 2px;
}

.casestudy__site-url a {
  color: #00cdcc;
}

.ceo-title {
  width: 190px;
  display: inline-block;
}

@media only screen and (max-width: 749px) {
  .ceo-section__inner {
    padding: 0 20px;
  }

  .ceo-title {
    text-align: right;
    width: 35%;
  }

  .alternating-title-wrapper {
    margin-top: -180px;
  }

  /* .ceo-section__inner .grid__item {
  padding-left: 5px;
} */
}

.ceo-image {
  display: block;
  top: -100px;
  max-width: 60%;
  margin-bottom: -35px;
  float: right;
}

@media only screen and (min-width: 750px) {
  .ceo-image {
    position: absolute;
    top: -50px;
    right: 0;
    max-width: 40%;
  }
}

.WeAre {
  padding: 50px 0;
}

.WeAre > .h1,
.WeAre > h1 {
  margin-bottom: 22px;
}

.WeAre .icon_wrap {
  margin-bottom: 50px;
  min-height: 74px;
}

@media only screen and (max-width: 749px) {
  .WeAre .icon_wrap {
    margin-bottom: 15px;
  }

  .exec__title {
    font-size: 11px;
  }
}

.WeAre .WeAre_stats_wrap {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

.WeAre_bg_holder {
  min-height: 1090px;
  background-position: center bottom;
  background-image: url(/jpg/WeAre-bg.jpg);
}

@media only screen and (min-width: 1400px) {
  .WeAre_bg_holder {
    min-height: 1100px;
    background-size: cover;
  }
}

@media only screen and (max-width: 750px) {
  .WeAre_bg_holder {
    min-height: 1400px;
  }
}

@media only screen and (max-width: 480px) {
  .WeAre_bg_holder {
    min-height: 1772px;
  }

  #Content
    > div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space
    > div.alternating-content
    > h1 {
    margin-top: 64px;
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 2050px) {
  .WeAre_bg_holder {
    min-height: 1418px;
  }
}

.DevQuote_bg_holder {
  min-height: 698px;
  background-position: center center;
  background-size: cover;
  background-image: url();
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .DevQuote_bg_holder {
    height: 698px;
  }
}

.demac-purpose {
  position: relative;
  padding: 60px 0;
  margin: 0 auto;
}

body.home.page
  div#Content
  div.page-section
  div.page-width.text-center
  div.demac-purpose {
  padding-top: 0px;
  padding-bottom: 0px;
}

.demac-purpose .icon-demac-d {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -119px;
  margin-left: -107px;
  fill: #bbbbc7;
  opacity: 0.2;
  width: 214px;
  height: 238px;
  z-index: -1;
}
 .background-pos .demac-purpose h2{
  text-align: start;
 }
.demac-purpose h2 {
  font-size: 24px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 767px) {
  .demac-purpose h2 {
    font-size: 40px;
    margin-bottom: 24px;
    font-weight: 900;
  }
}
.logo_suffix {
  color: #00cdcc;
  font-weight: 300;
}
.exec-grid {
  position: relative;
}

.exec-grid:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f4f3f6;
  width: 100%;
  height: 38%;
}

.exec,
.exec-grid__inner,
.exec__pic {
  position: relative;
}

.exec-grid__inner {
  max-width: 1495px;
  margin: 0 auto;
}

.exec {
  display: table;
  margin: 0 auto;
}

@media only screen and (max-width: 1346px) {
  .exec-grid:before {
    height: 44%;
  }

  .exec {
    width: 100%;
    max-width: 450px;
  }

  div.page-content
    div.page-content__inner
    div.page-section.page-section--grey.page-section--flush-top
    div.page-width.text-center
    div.grid
    div.grid__item.medium-up--five-twelfths
    p.text-left {
    min-height: 550px;
  }
}

.exec__pic {
  display: table-cell;
}

.exec__pic img {
  display: block;
}

.exec__icon {
  position: absolute;
  width: 28px;
  height: 28px;
  fill: #464563;
  opacity: 0.3;
}

.exec__details,
.exec__name {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1346px) {
  .exec__icon {
    display: none;
  }
}

.exec__icon--bottom-right {
  bottom: 0;
  right: 0;
  margin-right: -14px;
  margin-bottom: -14px;
}

.exec__icon--bottom-left {
  bottom: 0;
  left: 0;
  margin-left: -14px;
  margin-bottom: -14px;
}

.exec__icon--top-right {
  top: 0;
  right: 20%;
  margin-right: -14px;
  margin-top: -14px;
}

.exec__details {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 0;
  padding-bottom: 26px;
  text-align: right;
  right: -40px;
  direction: rtl;
}

.exec__pic + .exec__details {
  text-align: left;
  right: auto;
  left: -40px;
  direction: ltr;
}

.exec__name:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -28px;
  height: 4px;
  width: 100%;
  background-color: #705cbb;
}

.exec__name--teal:after {
  background-color: #00cdcc;
}

.exec__title {
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 1.5px;
  display: block;
  white-space: nowrap;
  color: #888da1;
}

@media only screen and (min-width: 1346px) {
  .exec__details--top {
    vertical-align: top;
    padding-top: 48px;
  }

  .exec__details--bottom {
    vertical-align: bottom;
    padding-bottom: 42px;
  }

  div.page-content__inner
    div.partner-blocks
    div.page-width
    div.partner-blocks__inner.clearfix.grid.flex
    div.partner-block.partner-block--magento.grid__item.small--one-whole.medium-up--one-quarter.partnerHover
    div.partner-block__inner {
    padding-left: 30px;
    padding-right: 30px;
  }

  .exec-grid__inner {
    height: 546px;
  }

  .exec {
    position: absolute;
  }

  .exec--1 {
    left: 0;
    top: 78px;
    z-index: 1;
  }

  .exec--2 {
    left: 125px;
    bottom: 38px;
  }

  .exec--3 {
    left: 454px;
    top: 25px;
  }

  .exec--3 .exec__pic {
    width: 200px;
  }

  .exec--4 {
    right: 230px;
    bottom: 0;
  }

  .exec--5 {
    right: 516px;
    bottom: 130px;
  }

  .exec--5 .exec__pic {
    width: 191px;
  }

  .exec--6 {
    right: 0;
    top: 82px;
  }
}

@media only screen and (max-width: 1346px) {
  .exec__pic {
    width: 55%;
  }

  .exec--2 {
    margin-top: -25px;
  }

  .exec--3 {
    z-index: 1;
  }

  .exec--4 {
    margin-top: -35px;
  }

  .exec--6 {
    margin-top: -20px;
  }
}

@media only screen and (min-width: 330px) and (max-width: 420px) {
  div.hero.hero--full.hero--full-auto-height.hero--case-study.hero--space {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 100px) and (max-width: 749px) {
  .alternating-image--future {
    display: none;
    max-width: 0%;
  }
}

@media only screen and (min-width: 750px) and (max-width: 899px) {
  .alternating-image--future {
    top: 55px;
    right: 0;
    max-width: 25%;
  }
}

@media only screen and (min-width: 750px) {
  .alternating-image--future {
    top: 25px;
    right: 0;
    max-width: 25%;
  }
}

@media only screen and (min-width: 900px) {
  .alternating-image--future {
    top: 75px;
    right: 0;
    max-width: 25%;
  }
}

@media only screen and (min-width: 1020px) {
  .alternating-image--future {
    top: 75px;
    right: 0;
    max-width: 27%;
  }
}

@media only screen and (min-width: 1190px) {
  .alternating-image--future {
    top: 70px;
    right: 0;
    max-width: 30%;
  }
}

@media only screen and (min-width: 1330px) {
  .alternating-image--future {
    top: 70px;
    right: 0;
    max-width: 30%;
  }

  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--one-quarter.medium-up--text-left {
    width: 35%;
  }

  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--three-quarters.medium-up--text-right {
    width: 65%;
  }
}

@media only screen and (min-width: 1400px) {
  .alternating-image--future {
    top: 75px;
    right: 0;
    max-width: 30%;
  }
}

@media only screen and (min-width: 1500px) {
  .alternating-image--future {
    top: 75px;
    right: 0;
    max-width: 26%;
  }
}

.dogs-wrapper {
  margin: 0 auto;
  max-width: 1400px;
  background-image: url();
  background-position: center 26%;
  background-size: 90%;
}

@media only screen and (min-width: 750px) {
  .dogs-wrapper {
    padding-top: 60px;
    background-position: center 60px;
  }
}

.dogs-scroller {
  padding-top: 40px;
}

.dogs {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.dog {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.dog__name {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.dog__subtext {
  display: block;
  font-style: italic;
  font-weight: 900;
  font-size: 12px;
  line-height: 15px;
}

.dog__image {
  display: block;
  margin: 20px 10px 0;
}

@media only screen and (max-width: 899px) {
  .dog__name,
  .dog__subtext {
    display: none;
  }

  .dogs-scroller {
    padding-top: 20px;
  }

  .dogs {
    position: relative;
    height: 200px;
  }

  .dog__image {
    margin: 0;
    height: 100%;
  }

  .dog {
    position: absolute;
    bottom: 0;
    max-height: 100%;
  }

  .dog:nth-child(1) {
    left: 20%;
    height: 59px;
    z-index: 2;
  }

  .dog:nth-child(2) {
    left: 49%;
    height: 57px;
    z-index: 2;
  }

  .dog:nth-child(3) {
    left: 32%;
    height: 50px;
    z-index: 2;
  }

  .dog:nth-child(4) {
    right: 30%;
    height: 64px;
    z-index: 2;
  }

  .dog:nth-child(5) {
    left: 20px;
    height: 90px;
  }

  .dog:nth-child(6) {
    right: 46%;
    height: 126px;
  }

  .dog:nth-child(7) {
    right: 23%;
    height: 119px;
  }

  .dog:nth-child(8) {
    right: 20px;
    height: 155px;
  }
}

.page-section--toronto {
  position: relative;
  background-color: #1e1c34;
  background-position: center top;
  background-size: cover;
  background-image: url(/jpg/bg-kiev.jpg);
  color: #fff;
  padding: 280px 0;
  font-size: 16px;
  font-weight: 400;
}

.page-section--toronto .icon-toronto {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -170px;
  width: 340px;
  height: 240px;
  fill: #00cdcc;
}

.page-section--toronto .page-width {
  position: relative;
  z-index: 1;
}

.five-reasons {
  margin-bottom: 80px;
}

.five-reasons .icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 40px;
  display: block;
}

.five-reasons__label {
  display: inline-block;
}

@media only screen and (max-width: 749px) {
  .five-reasons .icon {
    margin-bottom: 10px;
  }

  .five-reasons__label {
    margin-bottom: 40px;
  }
}

.partner-blocks {
  position: relative;
}

.partner-blocks:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #f4f3f6;
  height: 77px;
  z-index: 1;
}

@media only screen and (min-width: 726px) {
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.partner-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: 400;
  z-index: 2;
  padding-left: 0;
}

.partner-block .icon {
  fill: #fff;
  width: 229px;
  height: 72px;
  margin-bottom: 40px;
  max-width: 100%;
}

.no-flexbox .partner-block {
  display: block;
  width: 48%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  float: left;
}

.partnerHover:hover {
  position: relative;
  transform: scale(1.02);
  z-index: 3;
  transition: all 0.2s;
}

.partner-block__inner {
  padding: 30px;
}

@media only screen and (min-width: 750px) {
  .partner-block__inner {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
}

.partner-block--magento {
  background-color: #f47b20;
}

.partner-block--weblinc {
  background-color: #343644;
}

.partner-block--shopify {
  background-color: #c39e47;
}

.partner-block--pink {
  background-color: #df0067;
}

.partner-grid .grid__item {
  padding-top: 40px;
  padding-bottom: 40px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
}

.video-container embed,
.video-container iframe,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.partner-blocks__inner {
  -webkit-justify-content: space-around;
}

.partner-blocks {
  margin: 0 auto;
}

.page-section--services {
  padding: 100px 0;
}

.page-width--services {
  position: relative;
  max-width: 1240px;
  z-index: 3;
}

.page-section--inner-circle {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  overflow: hidden;
  z-index: 1;
}

@media only screen and (max-width: 749px) {
  .page-section--inner-circle {
    display: none;
  }
}

.circle-outline {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 980px;
  border-style: dashed;
  border-width: 1px;
  border-color: #1e1c34;
  border-radius: 100%;
}

.no-csstransforms .circle-outline {
  display: none;
}

.circle-outline--half-right {
  border-left: 0;
  border-radius: 0 100% 100% 0;
}

.circle-outline--half-left {
  border-right: 0;
  border-radius: 100% 0 0 100%;
}

.services-shape {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  z-index: 2;
}

.no-csstransforms .services-shape {
  margin-top: -95px;
  margin-left: -93px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media only screen and (max-width: 749px) {
  .services-shape {
    width: 120px;
  }

  .no-csstransforms .services-shape {
    margin-top: -60px;
    margin-left: -60px;
  }
}

.service-icons {
  width: 230px;
  margin: 140px auto -100px;
  background-color: #fff;
}

@media only screen and (min-width: 750px) {
  .page-section--services {
    padding: 140px 0;
  }

  .service-icons {
    margin-bottom: -145px;
  }
}

.service-icons .icon {
  width: 30px;
  height: 30px;
  margin: 0 15px;
}

.service-icons .icon-shape-circle {
  fill: #464563;
}

.service-icons .icon-shape-diamond {
  fill: #705cbb;
}

.service-icons .icon-shape-hexagon {
  fill: #00cdcc;
}

.product-title {
  margin-bottom: 40px;
}

.product-single__photos img {
  display: block;
  margin: 0 auto;
}

.product-single__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  border-top: 1px solid #1e1c34;
  padding-top: 20px;
  margin-top: 20px;
}

.product-single__thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 24%;
  flex: 0 1 24%;
  margin: 0 0 20px 1.33%;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.product-single__thumbnail:first-child,
.product-single__thumbnail:nth-child(4n + 1) {
  margin-left: 0;
}

.product-single__thumbnail.is-active,
.product-single__thumbnail:active,
.product-single__thumbnail:hover {
  opacity: 1;
}

.video-embed {
  position: relative;
  height: 0;
  padding-bottom: 56%;
}

.video-embed iframe {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.section-logo-separator {
  position: relative;
  height: 0;
  overflow: visible;
  text-align: center;
  z-index: 2;
}

.section-logo-separator img {
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-csstransforms .section-logo-separator img {
  top: -20px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@font-face {
  font-family: fontello;
  src: url(/ttf/fontello.eot?33860013);
  src: url(/ttf/fontello.eot?33860013#iefix) format("embedded-opentype"),
    url(/ttf/fontello.woff?33860013) format("woff"),
    url(/ttf/fontello.ttf?33860013) format("truetype"),
    url(/ttf/fontello.svg?33860013#fontello) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.events .entry__excerpt {
  margin-bottom: 0;
}

.events-meta .entry__date {
  color: #5a5978;
  font-weight: 400;
}

.icon-location {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #5a5978;
}

.event-location {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #5a5978;
  font-weight: 400;
}

.event-location:before {
  content: "/";
  margin-left: 3px;
  margin-right: 5px;
}

.events-grid {
  display: none;
}

.events-grid .fixed-grid__title {
  font-size: 22px;
  line-height: 27px;
  padding: 20px 0 40px;
  margin-bottom: 0;
  color: #5a5978;
}

.location-marker {
  display: inline;
  width: 15px;
}

.fixed-grid__meta {
  padding: 0 20px;
}

.fixed-grid__meta .entry__cats {
  color: #bbbbc7;
}

.events-load-more {
  padding: 100px 0 50px;
}

.hero__work {
  font-size: 55px;
  line-height: 66px;
}

p.hero__work {
  font-size: 48px;
  line-height: 66px;
  text-transform: uppercase;
  font-weight: 800;
}

.hero__work-subheading {
  font-size: 16px;
  line-height: 25px;
}

.page-section--work-1 {
  background: #705cbb;
}

.work--btn-small,
.work--btn-small:hover {
  background-color: #00cdcc;
  color: #fff;
}

.alternating-image--work-1 {
  bottom: 0;
  max-width: 50%;
}

.work--btn-small {
  border-radius: 25px;
  padding: 2px 10px;
  font-size: 11px;
  cursor: auto;
}

.page-section--work-sub-heading {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.white {
  color: #fff;
}

.work--button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #00cdcc;
}

.work--button:hover {
  background-color: #00cdcc;
  color: #fff;
  border: 1px solid #00cdcc;
}

.work--margin {
  margin: 20px 0;
}

.work--image-2,
.work--image-3 {
  position: absolute;
  display: block;
  max-width: 50%;
  margin-bottom: -35px;
  float: right;
  right: 0;
}

.discover-more {
  letter-spacing: 3px;
}

.work--image-2 {
  bottom: 0;
}

.work--image-3 {
  bottom: 0;
}

.work--heading {
  font-size: 24px;
  font-weight: 900;
  line-height: 29px;
  text-transform: uppercase;
}

.work--paragraph {
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
  margin-right: 50px;
}

.work--image-2-small {
  display: none;
}

.page-section-small {
  padding: 25px 0;
}

.work--subheading {
  max-width: 750px;
  text-align: center;
  margin: 0 auto;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 400;
}

.work--arrow {
  margin-top: 50px;
  opacity: 0.7;
}

.work--arrow:hover {
  opacity: 1;
  cursor: pointer;
}

.work--height {
  min-height: 700px !important;
}

.work--grid {
  margin-left: 0;
}

.work--contact-heading {
  letter-spacing: 3px;
}

.work--contact-p {
  color: #585876;
  font-size: 18px;
  font-weight: 400;
}

.work--contact label {
  font-weight: 100;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: initial;
  float: left;
  color: #5a6478;
  font-family: "Open Sans", sans-serif;
}

.work--contact .hs-input {
  -webkit-appearance: none;
  border: 1px solid #d3d3de;
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.work--contact .hs-input:active,
.work--contact .hs-input:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.work--contact .hs-input:checked {
  background-color: #fff;
  border: 1px solid #d3d3de;
  color: #d3d3de;
}

.work--contact .hs-input:checked:after {
  content: "\2714";
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 3px;
  color: #5a6478;
}

.work--contact .hs-error-msgs label {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.work--service_provided {
  text-align: center;
  display: inline-block;
  margin: auto 7px;
}

.work--service_provided svg {
  margin-top: 110px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}

.work-grid__images:hover .work--design,
.work-grid__images:hover .work--dev,
.work-grid__images:hover .work--strategy {
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
  opacity: 1;
}

.work-grid__images:hover {
  opacity: 1;
}

.work--services-parent {
  margin: 0 auto;
  width: 200px;
  text-align: center;
}

.work-grid__image:hover + .work-grid__images,
.work-grid__image:hover + .work-grid__images .work--service_provided svg {
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
  opacity: 1;
}

.work--design-text,
.work--dev-text,
.work--strategy-text {
  color: #fff;
  font-size: 9px;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}

.work--edits .grid__item {
  max-width: 750px;
}

@media screen and (max-width: 750px) {
  .hero__work {
    font-size: 30px;
    line-height: 35px;
  }

  .alternating-image--work-1 {
    bottom: -45%;
    max-width: 100%;
  }

  .work--contact .hs_submit {
    margin-top: 10px;
  }

  .logo__small .icon {
    vertical-align: middle;
    margin-top: 10px;
  }

  .alternating-image {
    margin-bottom: -65px !important;
  }

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

  .work--btn {
    margin-top: 24px !important;
  }

  .work--paragraph {
    margin: 25px;
  }
}

@media only screen and (min-width: 750px) {
  .medium-up--push-one-quarter {
    left: 17%;
  }

  .work--section {
    padding: 43px 0;
  }

  .work--margin-top-35 {
    margin: 100px auto !important;
  }

  .work--contact .hs_submit {
    margin-top: -25px;
  }

  .work--edits {
    padding: 55px 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 450px) {
  .single-item {
    width: 100%;
  }
}

@media screen and (min-width: 750px) and (max-width: 899px) {
  .medium--one-third {
    width: 33%;
  }
}

@media screen and (min-width: 700px) and (max-width: 1000px) {
  .work--services-parent {
    width: 161px;
  }

  .work--service_provided {
    margin: auto 7px;
  }
}

@media screen and (min-width: 900px) {
  .large-up--one-fifth {
    width: 20%;
  }
}

.page-content--boathouse
  .page-section--regular-text
  + .page-section--regular-text {
  padding-top: 0;
}

.page-content--boathouse .stats-column {
  min-width: 0;
}

.page-content--boathouse .stats-column__number {
  font-size: 144px;
  color: #00cdcc;
  font-weight: 900;
}

@media screen and (max-width: 750px) {
  .page-content--boathouse .stats-column__number {
    font-size: 80px;
  }
}

.page-content--boathouse .page-section--regular-text .stats-column__label,
.page-content--boathouse .page-section--statistic .stats-column__label {
  font-size: 18px;
  margin-bottom: 80px;
}

.page-content--boathouse .page-section--regular-text .h3,
.page-content--boathouse .page-section--regular-text h3,
.page-content--boathouse .page-section--statistic .h3,
.page-content--boathouse .page-section--statistic h3 {
  font-size: 36px;
  font-weight: 900;
}

.page-content--boathouse .page-section--regular-text .grid,
.page-content--boathouse .page-section--statistic .grid {
  position: relative;
}

.page-content--boathouse .page-section--regular-text .statistic-copy,
.page-content--boathouse .page-section--statistic .statistic-copy {
  position: relative;
  z-index: 2;
}

.page-content--boathouse .page-section--regular-text .statistic,
.page-content--boathouse .page-section--statistic .statistic {
  position: absolute;
  top: -webkit-calc(50% - 144px);
  top: calc(50% - 144px);
  left: 0;
}

.page-content--boathouse
  .page-section--regular-text
  .statistic.statistic--right,
.page-content--boathouse .page-section--statistic .statistic.statistic--right {
  left: auto;
  right: 0;
}

.page-content--boathouse .page-section--regular-text .statistic-number,
.page-content--boathouse .page-section--statistic .statistic-number {
  color: #f4f3f6;
  display: block;
  font-size: 288px;
  font-weight: 900;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .page-content--boathouse .page-section--regular-text .statistic,
  .page-content--boathouse .page-section--statistic .statistic {
    position: relative;
    top: 0;
  }

  .page-content--boathouse .page-section--regular-text .statistic-number,
  .page-content--boathouse .page-section--statistic .statistic-number {
    font-size: 150px;
    text-align: center;
  }
}

.page-content--boathouse
  .page-section--regular-text.page-section--grey
  .statistic-number,
.page-content--boathouse
  .page-section--statistic.page-section--grey
  .statistic-number {
  color: #fff;
}

.page-content--boathouse .page-section--regular-text .statistic-subtitle,
.page-content--boathouse .page-section--statistic .statistic-subtitle {
  color: #bbbbc7;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: 4px solid #00cdcc;
  position: absolute;
  left: 140px;
  top: 50%;
}

@media screen and (max-width: 750px) {
  .page-content--boathouse .page-section--regular-text .statistic-subtitle,
  .page-content--boathouse .page-section--statistic .statistic-subtitle {
    left: 50px;
  }
}

.page-content--boathouse
  .page-section--regular-text
  .statistic--right
  .statistic-subtitle,
.page-content--boathouse
  .page-section--statistic
  .statistic--right
  .statistic-subtitle {
  left: auto;
  right: 140px;
}

@media screen and (max-width: 750px) {
  .page-content--boathouse
    .page-section--regular-text
    .statistic--right
    .statistic-subtitle,
  .page-content--boathouse
    .page-section--statistic
    .statistic--right
    .statistic-subtitle {
    left: 50px;
    right: auto;
  }
}

.page-content--boathouse .page-section--side-image .h3,
.page-content--boathouse .page-section--side-image h3 {
  font-size: 32px;
  font-weight: 900;
}

.page-content--boathouse .page-section--side-image .work--image-2 {
  top: 130px;
}

@media screen and (max-width: 1260px) {
  .page-content--boathouse .page-section--side-image .work--image-2 {
    max-width: 35%;
  }
}

.page-content--boathouse .quote__content {
  padding: 200px 20px;
}

input,
select,
textarea {
  padding: 16px;
}

.page-content--boathouse .quote__content blockquote .icon-quote {
  fill: #fff;
  opacity: 0.26;
}

.comment-content a {
  word-wrap: break-word;
}

::-webkit-input-placeholder {
  color: #464563;
  opacity: 0.6;
  font-weight: 700;
  font-size: 14px;
}

:-moz-placeholder {
  color: #464563;
  opacity: 0.6;
  font-weight: 700;
  font-size: 14px;
}

:-ms-input-placeholder {
  color: #464563;
  opacity: 0.6;
  font-weight: 700;
  font-size: 14px;
}

input,
select,
textarea {
  border: 1px solid #d3d3de;
  border-radius: 0;
  max-width: 100%;
  font-weight: 700;
  font-size: 14px;
  background-color: #fff;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  background-color: #f4f3f6;
  color: #d9d6e0;
}

@media only screen and (max-width: 899px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}

textarea {
  min-height: 100px;
}

select {
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgMTAgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuNC40ICgxNzI0OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UG9seWdvbiA0NDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJDb250YWN0LVBhZ2UiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTU5LjAwMDAwMCwgLTQ2Ni4wMDAwMDApIiBmaWxsPSIjQUNBQ0JCIj4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRhY3QtRm9ybSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUwLjAwMDAwMCwgMjMzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBvbHlnb24tNDQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNC4wMDAwMDAsIDIzNi4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC05MTQuMDAwMDAwLCAtMjM2LjAwMDAwMCkgIiBwb2ludHM9IjkxNCAyMzEgOTE4LjMzMDEyNyAyMzguNSA5MDkuNjY5ODczIDIzOC41ICI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

option {
  color: #000;
  background-color: #fff;
}

select::-ms-expand {
  display: none;
}

label[for] {
  cursor: pointer;
}

input[type="search"] {
  padding-right: 0;
}

.input-has-icon {
  position: relative;
}

.input-has-icon .icon {
  position: absolute;
  top: 21px;
  left: 15px;
  width: 12px;
  height: 11px;
  opacity: 0.5;
  fill: #1e1c34;
  z-index: 1;
  pointer-events: none;
}

.input-has-icon input {
  padding-left: 40px;
}

.search-form__field {
  display: inline-block;
  width: 300px;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #1e1c34;
  padding-top: 10px;
  padding-bottom: 10px;
}

.wpcf7 br {
  display: none;
}

.wpcf7 p {
  position: relative;
  margin: 0;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
}

.page-section--results .wpcf7 input[type="submit"],
.product-listing__content .wpcf7 button.stripe-button-el,
.wpcf7 .btn,
.wpcf7 .btn--secondary,
.wpcf7 .btn--white,
.wpcf7 .page-section--results input[type="submit"],
.wpcf7 .product-listing__content button.stripe-button-el {
  margin-bottom: 0;
}

.wpcf7 .ajax-loader {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
}

.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.wpcf7-list-item-label {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

span.wpcf7-list-item {
  display: block;
  margin: 0 0 20px;
}

.wpcf7-form {
  position: relative;
}

span.wpcf7-not-valid-tip {
  margin-bottom: 20px;
  padding: 5px 15px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: rgba(255, 255, 255, 0.9);
}

div.wpcf7-response-output {
  margin: 20px 0 0;
  background: 0 0;
  border: 0;
  font-weight: 700;
  text-align: center;
}

.contact-form div.wpcf7-response-output {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

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

.hbspt-form .input {
  margin-right: 0 !important;
}

.hbspt-form .input input[type="email"],
.hbspt-form .input input[type="text"],
.hbspt-form .input input[type="tel"],
.hbspt-form .input select,
.hs-form textarea {
  width: 100% !important;
}

.hs-form input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 0;
}

.hs-form .input {
  margin-right: 0 !important;
}

.hs_opt_in {
  margin-bottom: 20px;
}

.form-columns-2,
.form-columns-3,
.form-columns-4 {
  margin-left: -20px !important;
}

.form-columns-2 .hs-form-field,
.form-columns-3 .hs-form-field,
.form-columns-4 .hs-form-field {
  padding-left: 20px !important;
}

.form-columns-3 .hs-form-field {
  width: 33.33% !important;
}

.form-columns-4 .hs-form-field {
  width: 25% !important;
}

@media only screen and (max-width: 749px) {
  .hs-form .hs-form-field {
    float: none !important;
    width: 100% !important;
  }
}

.contact-form .hbspt-form .hs-form-field > label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hs-form fieldset {
  max-width: none !important;
}

.inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hs-form-checkbox-display {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.hs-error-msgs {
  margin-top: -15px;
  margin-bottom: 20px;
}

.submitted-message {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
}

.hs_recaptcha {
  float: left;
}

@media only screen and (min-width: 750px) {
  .hs_submit {
    float: right;
  }
}

.hs_submit .hs-button {
  min-width: 200px;
}

@media only screen and (max-width: 749px) {
  .hs_submit .hs-button {
    display: block;
    width: 100%;
  }
}

.contact-form--background .hs-button {
  background-color: #1e1c34;
  border-color: #fbfbfb;
  color: #fbfbfb;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  padding: 16px 0;
}

@media only screen and (min-width: 767px) {
  .contact-form--background .hs-button {
    width: 200px;
  }
}
.contact-form--background .hs-button:active,
.contact-form--background .hs-button:focus,
.contact-form--background .hs-button:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1e1c34 !important;
}

.blog-subscription__callout {
  background: url() center no-repeat #f4f3f6;
  float: left;
  width: 40%;
  display: inline-block;
  padding: 30px 0;
  text-align: center;
}

.contact-form--background,
.hero {
  background-position: center top;
  background-size: cover;
}

.contact-form--background,
.hero,
.hero__decal {
  background-repeat: no-repeat;
}

@media only screen and (max-width: 899px) {
  .blog-subscription__callout {
    display: none;
  }
}

.blog-subscription__callout .h4,
.blog-subscription__callout h4 {
  font-size: 18px;
  color: #c3c3ce;
  margin-bottom: 0;
}

.inline__blog-subscription {
  background-color: #f4f3f6;
  width: 60%;
  display: inline-block;
  padding: 15px 0;
}

@media only screen and (max-width: 899px) {
  .inline__blog-subscription {
    display: none;
  }
}

.inline__blog-subscription br {
  display: none;
}

.inline__blog-subscription .hs_email {
  width: 60%;
  float: left;
}

.inline__blog-subscription .hs_email input {
  height: 55px;
}

.inline__blog-subscription .hs_submit {
  float: left;
  width: 40%;
  padding-left: 7px;
}

.inline__blog-subscription .hs_submit input {
  width: 90%;
  min-width: 90%;
  height: 54px;
}

.inline__blog-subscription input {
  margin-bottom: 0 !important;
}

.whr-items .whr-info {
  padding-left: 0;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

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

.no--padding-top {
  padding-top: 0 !important;
}

.slick-slider {
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

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

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

.slick-track {
  left: 0;
  top: 0;
}

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

.contact-form {
  padding: 80px 0 64px;
}

@media only screen and (min-width: 750px) {
  .contact-form {
    padding: 140px 0 125px;
  }
}

/* .contact-form input, .contact-form select, .contact-form textarea, .hbspt-form input, .hbspt-form select, .hbspt-form textarea{margin-bottom:20px} */
.contact-form--page {
  padding: 0;
}

.contact-form--small {
  padding: 0;
  max-width: 680px;
  margin: 0 auto;
}

.contact-form--small textarea {
  height: 100px;
}

.contact-form__header {
  font-size: 40px;
  font-weight: 700;
  max-width: 670px;
  line-height: 48px;
  text-transform: uppercase;
}

div.contact-form__left > h3 {
  line-height: 40px;
  margin-bottom: 25px;
}

div.contact-form__left > p.contact-form__header {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
@media screen and (min-width: 767px) {
  div.contact-form__left > p.contact-form__header {
    font-size: 40px;
  }
}

.contact-form__subheader {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
  max-width: 670px;
}

.contact-form--background {
  color: #fff;
  background-color: #1e1c34;
  background-attachment: fixed;
}

.contact-form--background input[type="email"],
.contact-form--background input[type="text"],
.contact-form--background input[type="tel"],
.contact-form--background select,
.contact-form--background textarea {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.37);
  border: none;
}

.carousel:before,
.carousel__nav-circle:before {
  content: "";
  border-radius: 100%;
}

.contact-form--background::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.contact-form--background:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.contact-form--background:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
}

.contact-form--background .input-has-icon .icon {
  fill: #fff;
  opacity: 1;
}

.contact-form--background select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgMTAgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuNC40ICgxNzI0OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iZG93bmxvYWQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDb250YWN0LVBhZ2UiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDb250YWN0LUZvcm0iPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSwwLjUgTDkuMzMwMTI3LDggTDAuNjY5ODczLDggTDUsMC41IFoiIGlkPSJQb2x5Z29uLTQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAwMDAwMCwgNC4yNTAwMDApIHJvdGF0ZSgxODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuMDAwMDAwLCAtNC4yNTAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contact-form--white input,
.contact-form--white select,
.contact-form--white textarea {
  background-color: #f4f3f6;
}

.contact-form--white .btn,
.contact-form--white .btn--secondary,
.contact-form--white .btn--white,
.contact-form--white .page-section--results input[type="submit"],
.contact-form--white .product-listing__content button.stripe-button-el,
.page-section--results .contact-form--white input[type="submit"],
.product-listing__content .contact-form--white button.stripe-button-el {
  display: block;
  width: 100%;
}

.breadcrumb {
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  list-style: none;
  margin: 0;
  padding: 20px 0;
  padding-bottom: 0px;
  font-size: 10px;
  color: #bbbbc7;
  letter-spacing: 0;
}

.breadcrumb a {
  color: #464563;
}

.breadcrumb a:focus,
.breadcrumb a:hover {
  color: #705cbb;
}

.breadcrumb__item {
  margin: 0;
  display: inline;
}

.breadcrumb__item br {
  display: none;
}

.breadcrumb__item--separator {
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: #705cbb;
}

.icon-breadcrumb-separator {
  fill: #464563;
  width: 8px;
  height: 8px;
}

.breadcrumb--search-count {
  font-size: 14px;
  padding: 40px 0;
  color: #464563;
  text-transform: none;
  font-weight: 300;
}

.hero {
  padding: 0 20px;
  color: #fff;
  background-color: #1e1c34;
  background-image: url(/jpg/bg-hero-work.jpg);
}

.hero--fixed {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 50px;
  height: 430px;
  z-index: 1;
}

@media only screen and (min-width: 750px) {
  .hero--fixed {
    padding-top: 124px;
    padding-top: 40px;
    height: 474px;
  }
}

@media (max-height: 321px) {
  .hero--fixed {
    padding-top: 0;
  }

  .hero__heading--small {
    margin-top: -80px;
  }

  .hero--large {
    padding-top: 60px;
  }

  .hero__content {
    padding-top: 0 !important;
  }
}

.hero--fixed + .page-content {
  padding-top: 430px;
}

@media only screen and (min-width: 750px) {
  .hero--fixed + .page-content {
    padding-top: 474px;
  }
}

.hero--fixed.hero--large + .page-content {
  padding-top: 0 !important;
}

@media only screen and (min-width: 750px) {
  .hero--fixed.hero--large + .page-content {
    padding-top: 600px;
  }
}

.page-content__inner {
  position: relative;
  background-color: #fff;
  z-index: 2;
}

.hero--full {
  height: 100vh;
  min-height: 600px;
  padding-top: 80px;
  padding-bottom: 30px;
  background-image: url(/jpg/bg-hero.jpg);
}

.no-cssvhunit .hero--full {
  padding-top: 140px;
  padding-bottom: 70px;
  height: auto;
}

.hero--full-auto-height {
  height: auto;
}

.hero--large {
  position: initial;
  padding-top: 80px;
  padding-bottom: 30px;
  height: 700px;
}

@media only screen and (min-width: 750px) {
  .hero--large {
    height: 600px;
  }
}

.hero--about-us {
  background-image: url(/jpg/bg-hero.jpg);
}

.hero--work {
  background-image: url(/jpg/bg-hero-work-2.jpg);
}

.hero--contact {
  background-image: url(/jpg/bg-kiev.jpg);
}

.hero--partners {
  background-image: url(/jpg/bg-hero-partners.jpg);
}

.hero--services {
  background-image: url(/jpg/bg-contact.jpg);
}

.hero--careers {
  background-image: url(/jpg/bg-hero-contact.jpg);
}

.hero--magento {
  background-image: url(/jpg/bg-hero-magento.jpg);
}

.hero--presta {
  background-image: url(/jpg/bg-hero-presto.jpg);
}

.hero--weblinc {
  background-image: url(/jpg/bg-hero-weblinc.jpg);
}

.hero--opencart {
  background-image: url(/jpg/bg-hero-opencart.jpg);
}

.hero--woo {
  background-image: url(/jpg/bg-hero-woo.jpg);
}

.hero--shopify {
  background-image: url(/jpg/bg-hero-shopify.jpg);
}

.hero--events {
  background-image: url();
}

.hero--boathouse {
  background-position: center;
}

.hero__content {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 10px;
  height: 100%;
  display: table;
  z-index: 1;
}

.hero__content span {
  color: #00cdcc;
}

.hero--boathouse .hero__content {
  padding: 280px 10px 200px;
  max-width: 1325px;
}

.hero__content-inner {
  display: table-cell;
  vertical-align: middle;
}

.hero--boathouse .hero__content-inner {
  max-width: 855px;
}

.hero__decal {
  position: absolute;
  left: 50%;
  top: -50px;
  height: 454px;
  width: 408px;
  margin-left: -204px;
  z-index: -1;
  background-position: center center;
  background-size: contain;
  background-image: url();
}

@media only screen and (min-width: 750px) and (max-width: 899px) {
  .hero__decal {
    top: -20px;
    height: 334px;
    width: 300px;
    margin-left: -150px;
  }
}

@media only screen and (max-width: 749px) {
  .hero__decal {
    height: auto;
    width: 100%;
    margin-left: 0;
    top: -10px;
    left: 0;
    bottom: -10px;
  }
}

.hero__heading {
  position: relative;
  font-size: 44px;
  line-height: 53px;
  margin-bottom: 30px;
}

.hero__heading:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
  .hero__heading {
    font-size: 64px;
    line-height: 77px;
  }
}

@media only screen and (max-width: 480px) {
  .hero--boathouse .hero__content {
    padding: 80px 10px 50px;
  }

  .hero--boathouse .hero__heading {
    font-size: 32px;
    line-height: 44px;
  }
}

.hero__heading--small {
  font-size: 35px;
  line-height: 1.2;
}

@media only screen and (min-width: 750px) {
  .hero__heading--small {
    font-size: 55px;
  }
}

.hero__subheading {
  font-size: 18px;
  max-width: 530px;
  margin: 0 auto 45px;
  font-weight: 400;
}

.hero__subheading:last-child {
  margin-bottom: 0;
}

.hero__logo {
  max-width: 200px;
  margin-bottom: 30px;
}

.icon-weblinc-logo {
  max-width: 300px !important;
}

.hero__partner-icons {
  margin-bottom: 20px;
}

.hero__partner-icons .icon {
  fill: #fff;
  margin: 0 25px 20px;
  max-width: 80%;
  object-fit: contain;
  width: auto;
  height: auto;
}

.hero__partner-icons .icon-demac-d {
  width: 74px;
  height: 83px;
}

.hero__partner-icons .icon-plus {
  width: 36px;
  height: 36px;
}

.hero__partner-icons .icon-magento-logo {
  width: 346px;
  height: 103px;
}

.hero__partner-icons .icon-woo-logo {
  width: 347px;
  height: 93px;
}

.hero__partner-icons .icon-presta-logo {
  width: 346px;
  height: 109px;
}

.hero__partner-icons .icon-weblinc-logo {
  width: 399px;
  height: 73px;
}

.hero__partner-icons .icon-shopify-logo {
  width: 200px;
  height: 80px;
}

.hero--space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 600px;
  /*   background: url(/jpg/magento-hero-bg.jpg) right bottom no-repeat #0f1031; */
  background: #705cbb;
  background-size: cover;
  padding: 0 16px;
}
@media only screen and (max-width: 520px) {
  .hero--space {
  min-height: calc(var(--vh, 1vh) * 100);
       
  }
}
@media only screen and (min-width: 768px) {
  .hero--space {
    padding: 0 7.5%;
  }
  .hero__subheading {
    font-size: 22px;
  }

  .hero--space .alternating-content {
    margin-top: 40px;
    transform: none !important;
  }

  _:-ms-fullscreen,
  :root .hero--space .alternating-content {
    margin-top: 160px;
  }
}

@media only screen and (min-width: 1400px) {
  .hero--space .alternating-content {
    width: 50%;
  }
}

.hero--space .hero--space-planet {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.hero--space .hero-space--stars {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 90%;
  background-size: cover;
  -webkit-animation: starFade infinite;
  animation: starFade infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
}

.hero--space .hero-space--tiny {
  background: url(/png/stars-tiny.png) center right no-repeat;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.hero--space .hero-space--small {
  background: center right no-repeat;
  -webkit-animation-duration: 1.75s;
  animation-duration: 1.75s;
}

.hero--space .hero-space--large {
  background: url(/png/magento-hero-cart1.png) center right no-repeat;
  -webkit-animation: none;
  animation: none;
}

/*   .hero--space .hero-space--shapes {
   background: url(/png/magento-hero-teal-symbols.png) center right no-repeat; 
  -webkit-animation: none;
  animation: none;
}  

.hero--space .hero-space--plus {
   background: url(/png/magento-hero-plus.webp) center right no-repeat;  
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -ms-background-position-y: 40px;
  background-position-y: 40px;
  width: 100%; 
}  */
    @media only screen and (max-width: 767px) {
          .hero-image-teal-symbols, 
          .hero-image-plus{
            display: none;
          }
    }
     

  @media only screen and (min-width: 767px) {
      .hero-image-teal-symbols{
      position: absolute;
      -webkit-animation: none;
      transform: translate(-50%, -50%);
       top: 50%;
      left: 30%;
      min-width: 100%;
      min-height: 100%;
      width: fit-content;
      height: auto;
        object-fit: cover;
      }

  .hero-image-plus{
      position: absolute;
      -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  animation: fadeInn 5s ease-in infinite;
      transform: translate(-50%, -50%);
        object-fit: cover;
     min-height: 100%;
 width: fit-content;
          min-width: 100%;
       top: 70%;
  left: 50%;
  }
  }
    @media only screen and (min-width: 1400px) {
  .hero-image-plus{
       top: 90%;

  }
    }
  @keyframes fadeInn {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.25;
}
}
.hero--space .hero-space--teal {
  background: url(/png/stars-teal.png) center right no-repeat;
/*   -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s; */
}

.hero--space .hero-space--cart2 {
  background: url(/png/magento-hero-cart2.png) center right no-repeat;
}

.hero--space .hero-cart1 {
  position: absolute;
  -webkit-animation: cart1 9s infinite;
  animation: cart1 9s infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
}

.hero--space .hero-cart2 {
  position: absolute;
  -webkit-animation: cart2 9s infinite;
  animation: cart2 9s infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  right: 25%;
  top: -20%;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}

.hero--space .hero-cart3 {
  position: absolute;
  -webkit-animation: cart3 9s infinite;
  animation: cart3 9s infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  right: -20%;
  top: -20%;
  -webkit-transform: scale(0.45);
  -ms-transform: scale(0.45);
  transform: scale(0.45);
}

.hero--space .hero-cart4 {
  position: absolute;
  -webkit-animation: cart4 9s infinite;
  animation: cart4 9s infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  right: 25%;
  top: -20%;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.hero--space .hero-cart5 {
  position: absolute;
  -webkit-animation: cart5 9s infinite;
  animation: cart5 9s infinite;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
  right: 25%;
  top: -20%;
  -webkit-transform: scale(0.55);
  -ms-transform: scale(0.55);
  transform: scale(0.55);
}

@-webkit-keyframes starFade {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.25;
  }
}

@keyframes starFade {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.25;
  }
}

@-webkit-keyframes cart1 {
  0% {
    top: -20%;
    right: 0;
  }

  100% {
    top: 115%;
    right: 65%;
  }
}

@keyframes cart1 {
  0% {
    top: -20%;
    right: 0;
  }

  100% {
    top: 115%;
    right: 65%;
  }
}

@-webkit-keyframes cart2 {
  0% {
    top: -40%;
    right: 15%;
  }

  100% {
    top: 115%;
    right: 95%;
  }
}

@keyframes cart2 {
  0% {
    top: -40%;
    right: 15%;
  }

  100% {
    top: 115%;
    right: 95%;
  }
}

@-webkit-keyframes cart3 {
  0% {
    top: -20%;
    right: -20%;
  }

  100% {
    top: 125%;
    right: 45%;
  }
}

@keyframes cart3 {
  0% {
    top: -20%;
    right: -20%;
  }

  100% {
    top: 125%;
    right: 45%;
  }
}

@-webkit-keyframes cart4 {
  0% {
    top: -10%;
    right: -10%;
  }

  100% {
    top: 155%;
    right: 60%;
  }
}

@keyframes cart4 {
  0% {
    top: -10%;
    right: -10%;
  }

  100% {
    top: 155%;
    right: 60%;
  }
}

@-webkit-keyframes cart5 {
  0% {
    top: -40%;
    right: 0;
  }

  100% {
    top: 155%;
    right: 95%;
  }
}

@keyframes cart5 {
  0% {
    top: -40%;
    right: 0;
  }

  100% {
    top: 155%;
    right: 95%;
  }
}

.page-section--carousel {
  position: relative;
  text-align: right;
}

@media only screen and (max-width: 749px) {
  .page-section--carousel {
    display: none;
  }
}

.ie9 .page-section--carousel {
  display: none;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0) translateZ(0);
    transform: rotate(0) translateZ(0);
  }

  to {
    -webkit-transform: rotate(360deg) translateZ(0);
    transform: rotate(360deg) translateZ(0);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0) translateZ(0);
    transform: rotate(0) translateZ(0);
  }

  to {
    -webkit-transform: rotate(360deg) translateZ(0);
    transform: rotate(360deg) translateZ(0);
  }
}

@-webkit-keyframes up-down {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
  }
}

@keyframes up-down {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
  }
}

.carousel {
  display: inline-block;
  position: relative;
  width: 780px;
  height: 780px;
}

.carousel:before {
  display: block;
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
  bottom: 60px;
  background-color: #f4f3f6;
}

.carousel__background {
  position: absolute;
  top: 0;
  left: 0;
}

.carousel__nav-item {
  position: absolute;
  z-index: 5;
}

.carousel__nav-label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px 50px;
}

.carousel__nav-label.carousel__nav-item--active {
  font-size: 18px;
}

.carousel__nav--design {
  top: 10px;
  left: 541px;
}

.carousel__nav--dev {
  bottom: 68px;
  left: 640px;
}

.carousel__nav-item--strategy {
  top: 48%;
  right: 100%;
}

@media only screen and (max-width: 930px) {
  .carousel__nav-item--strategy {
    top: 20px;
    right: auto;
    left: 48px;
  }
}

@media only screen and (max-width: 825px) {
  .carousel__nav--dev {
    bottom: 9px;
    left: 540px;
  }
}

.carousel__nav-circle {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.carousel__nav-circle:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  margin-left: -18px;
  background-color: #fff;
  border: 1px solid #1e1c34;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.carousel__nav-circle:after,
.carousel__slides:before {
  border-radius: 100%;
  display: block;
  content: "";
}

.carousel__nav-circle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background-color: #705cbb;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.carousel__nav-item:hover:not(.carousel__nav-item--active)
  .carousel__nav-circle:before {
  width: 38px;
  height: 38px;
  margin-top: -19px;
  margin-left: -19px;
}

.carousel__nav-item--active .carousel__nav-circle:before {
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
}

.carousel__nav-item--active .carousel__nav-circle:after {
  background-color: #00cdcc;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}

.carousel__nav-circle--right {
  left: auto;
  right: 0;
}

.carousel__slides {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.carousel__slides:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed #1e1c34;
  -webkit-animation: rotate 200s linear infinite;
  animation: rotate 200s linear infinite;
}

.carousel__slide {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 500px;
  margin-top: -250px;
  margin-left: -250px;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
}

.carousel__icon,
.carousel__icon-rotate,
.carousel__slide .icon,
.carousel__slide-content {
  position: absolute;
  left: 0;
  top: 0;
}

.carousel__slide .icon {
  height: 100%;
  width: 100%;
  display: block;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}

.carousel__slide .icon-shape-circle {
  fill: #464563;
}

.carousel__slide .icon-shape-diamond {
  fill: #705cbb;
}

.carousel__slide .icon-shape-hexagon {
  fill: #00cdcc;
}

.carousel__icon {
  right: 0;
  bottom: 0;
  -webkit-animation: up-down 2.5s ease-in-out infinite;
  animation: up-down 2.5s ease-in-out infinite;
}

.carousel__slide--current .carousel__icon {
  -webkit-animation: up-down 2.5s ease-in-out 1s infinite;
  animation: up-down 2.5s ease-in-out 1s infinite;
}

.carousel__icon-rotate {
  right: 0;
  bottom: 0;
  -webkit-animation: rotate 70s linear infinite;
  animation: rotate 70s linear infinite;
}

.carousel__slide--current {
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  -webkit-filter: blur(0);
  filter: blur(0);
  z-index: 10;
}

.carousel__slide--current .icon {
  opacity: 0.85;
}

.carousel__slide--next {
  -webkit-transform: translate3d(-50%, 40%, 0) scale(0.5);
  transform: translate3d(-50%, 40%, 0) scale(0.5);
}

.carousel__slide--prev {
  -webkit-transform: translate3d(50%, -30%, 0) scale(0.5);
  transform: translate3d(50%, -30%, 0) scale(0.5);
}

.carousel__slide-content {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  padding: 0 100px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.carousel__slide--current .carousel__slide-content {
  opacity: 1;
}

.carousel__slide-inner {
  display: table-cell;
  vertical-align: middle;
}

.carousel__slide-title {
  display: inline-block;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.carousel__slide-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 2px;
  background-color: #fff;
}

.carousel__slide-text {
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
  font-weight: 700;
}

.fixed-grid {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fixed-grid--bottom-margin {
  margin-bottom: 20px;
}

.fixed-grid__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 1.2%;
}

@media only screen and (min-width: 750px) {
  .fixed-grid__item {
    -ms-flex-preferred-size: 32.13%;
    flex-basis: 32.13%;
    margin-left: 0.6%;
    margin-right: 0.6%;
  }

  .fixed-grid__item.fixed-grid__item-image {
    height: 570px;
  }
}

.fixed-grid__item.fixed-grid__item-image .entry_thumbnail {
  height: 200px;
  width: 100%;
  background: center center no-repeat;
  background-size: cover;
}

.fixed-grid__item.fixed-grid__item-image .entry__meta--fixed-grid {
  padding: 10px 0 0;
}

.entry__meta--fixed-grid {
  padding: 0 20px;
}

.fixed-grid__title {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 0;
  color: #464563;
  -webkit-transition: color 0.06s ease-in;
  transition: color 0.06s ease-in;
  word-break: break-word;
}

.fixed-grid__title--small {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0;
}

.fixed-grid__link {
  display: block;
  padding: 0 12px 40px;
}
@media only screen and (max-width: 767px) {
  .fixed-grid__link {
    height: 141px;
  }
}

.fixed-grid__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: background-color 0.06s ease-in;
  transition: background-color 0.06s ease-in;
  z-index: -1;
}

.fixed-grid__item:focus .fixed-grid__link:before,
.fixed-grid__item:hover .fixed-grid__link:before,
.quote-wrapper {
  background-color: #705cbb;
}

.fixed-grid__item .entry__cats a,
.fixed-grid__item .entry__date,
.fixed-grid__item .fixed-grid__title {
  -webkit-transition: color 0.06s ease-in;
  transition: color 0.06s ease-in;
}

.fixed-grid__item .quick-link {
  opacity: 0;
  visibility: hidden;
  color: #fff;
}

.fixed-grid__item .quick-link__arrow {
  fill: #fff;
}

.fixed-grid__item:focus .entry__cats a,
.fixed-grid__item:focus .entry__date,
.fixed-grid__item:focus .event-location,
.fixed-grid__item:focus .fixed-grid__title,
.fixed-grid__item:focus .icon-location,
.fixed-grid__item:hover .entry__cats a,
.fixed-grid__item:hover .event-location,
.fixed-grid__item:hover .icon-location {
  color: #fff;
}

.fixed-grid__item:focus .quick-link,
.fixed-grid__item:hover .quick-link {
  opacity: 1;
  visibility: visible;
}

.quote-wrapper {
  position: relative;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
}

.quote-wrapper--diagonal:after,
.quote-wrapper__diagonal {
  top: 0;
  left: -25%;
  right: -10px;
  z-index: -1;
  position: absolute;
}

.quote-wrapper--diagonal:after {
  content: "";
  bottom: 0;
  background-color: #00cdcc;
  background: -webkit-linear-gradient(left, #705cbb 20%, #00cdcc 60%);
  background: linear-gradient(to right, #705cbb 20%, #00cdcc 60%);
}

.quote-wrapper__diagonal {
  height: 30%;
  overflow: hidden;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: 3% 0;
  -ms-transform-origin: 3% 0;
  transform-origin: 3% 0;
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 1400px) {
  .page-section--carousel {
    text-align: center;
  }

  .quote-wrapper__diagonal {
    height: 35%;
  }
}

.quote-wrapper__diagonal:before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(left, #705cbb 20%, #00cdcc 60%);
  background: linear-gradient(to right, #705cbb 20%, #00cdcc 60%);
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transform-origin: -3% 0;
  -ms-transform-origin: -3% 0;
  transform-origin: -3% 0;
}

.quote__content {
  position: relative;
  text-align: center;
  max-width: 780px;
  padding: 40px 20px;
  margin: 0 auto;
  color: #fff;
}

.home-quotes .quote__content {
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 890.91px;
}

.no-csstransforms .home-quotes .quote__content {
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.quote__content .icon-quote {
  fill: #000;
  opacity: 0.1;
}

@media only screen and (max-width: 749px) {
  .quote__content .icon-quote {
    width: 110px;
    height: 80px;
    left: 50%;
    margin-left: -55px;
  }
}

.DevQuoteIcon {
  max-width: 680px;
  padding: 80px 20px;
}

.DevQuoteIcon .icon-quote {
  fill: #fff;
  opacity: 0.2;
}

@media only screen and (min-width: 750px) {
  .quote__content {
    padding: 80px 20px;
  }

  .quote__content blockquote {
    font-size: 30px;
    line-height: 40px;
  }

  .home-quotes .quote__content blockquote {
    font-size: 40px;
    line-height: 51px;
  }

  .DevQuoteIcon {
    padding: 100px 20px;
  }

  .DevQuoteIcon blockquote {
    font-size: 30px;
    line-height: 48px;
    max-width: 460px;
    font-weight: 400;
  }

  .DevQuoteIcon .icon-quote {
    top: -54px;
    left: -64px;
  }
}

.quote-nav {
  position: relative;
  margin: -50px auto 0;
  width: 100%;
  max-width: 900px;
  text-align: center;
  z-index: 2;
}

.quotes-nav--carousel {
  margin-top: -70px;
  max-width: 550px;
}

.quote-nav__slide {
  width: 180px;
}

.quote-nav__author {
  display: inline-block;
  border: none;
  background: 0 0;
}

.quotes-nav--carousel .quote-nav__author {
  padding-top: 10px;
}

.quote-nav__author--slider {
  display: block;
  margin: 0 auto;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}

.quote-nav__author--slider img {
  opacity: 0.6;
  -webkit-transition: opacity 70ms ease-in;
  transition: opacity 70ms ease-in;
}

.quote-nav__author--slider.is-active img,
.quote-nav__author:focus .quote-nav__author--slider img,
.quote-nav__author:hover .quote-nav__author--slider img,
.slick-current .quote-nav__author--slider img {
  opacity: 1;
}

.quote-nav__image {
  position: relative;
  display: block;
  margin: 0 auto;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  background-color: #fff;
}

.quote-nav__image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 3;
}

.quote-nav__image:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-transition: all 70ms ease-in;
  transition: all 70ms ease-in;
  z-index: 2;
}

.quote-nav__image--grey:after {
  border-color: #f4f3f6;
}

.quote-nav__image--slider {
  width: 60px;
  height: 60px;
  margin-top: 30px;
  margin-bottom: 10px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.is-active .quote-nav__image--slider,
.slick-current .quote-nav__image--slider {
  width: 100px;
  height: 100px;
  margin-top: 0;
}

.quote-nav__image--slider:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.is-active .quote-nav__image--slider,
.quote-nav__image--slider .employee-pic,
.slick-current .quote-nav__image--slider {
  margin-bottom: 10px;
}

.is-active .quote-nav__image--slider:after,
.quote-nav__author:hover .quote-nav__image--slider:after,
.slick-current .quote-nav__image--slider:after {
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
}

.quote-nav__logo {
  display: block;
  opacity: 0.3;
  -webkit-transition: opacity 70ms ease-in;
  transition: opacity 70ms ease-in;
  height: 32px;
  width: 175px;
  margin-top: 15px;
}

.quote-nav__logo img {
  display: block;
  max-height: 100%;
  margin: 0 auto;
}

.is-active .quote-nav__logo,
.quote-nav__author:focus .quote-nav__logo,
.quote-nav__author:hover .quote-nav__logo,
.slick-current .quote-nav__logo {
  opacity: 1;
}

.quote-nav__slide,
.quotes__slide {
  display: none;
}

.quote-nav__slide:first-child,
.quotes__slide:first-child,
.slick-initialized .quote-nav__slide,
.slick-initialized .quotes__slide {
  display: block;
}

.home-quotes .quotes {
  height: 500px;
}

.home-quotes .quotes .slick-list,
.home-quotes .quotes .slick-track,
.quotes__slide {
  height: 100%;
}

.home-circle {
  position: relative;
}

@media only screen and (min-width: 750px) {
  .home-circle:first-child:before,
  .home-circle:last-child:after {
    display: none;
  }

  .home-circle:after,
  .home-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    background-image: -webkit-linear-gradient(
      #464563 33%,
      rgba(255, 255, 255, 0) 0
    );
    background-image: linear-gradient(#464563 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 1px 13px;
    background-repeat: repeat-y;
  }

  .home-circle:before {
    top: 0;
    bottom: 50%;
  }

  .home-circle:after {
    bottom: 0;
    top: 50%;
  }
}

.home-circle__icon-wrapper {
  position: relative;
  z-index: 1;
  padding: 20px 0;
}

@media only screen and (max-width: 749px) {
  .home-circle__icon-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-image: -webkit-linear-gradient(
      #464563 33%,
      rgba(255, 255, 255, 0) 0
    );
    background-image: linear-gradient(#464563 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 1px 13px;
    background-repeat: repeat-y;
  }
}

.home-circle__icon {
  position: relative;
  margin-left: -130px;
  width: 260px;
  height: 260px;
  background-color: #fff;
  border: 33px solid #f4f3f6;
  border-radius: 100%;
}

@media only screen and (min-width: 750px) {
  .home-circle__icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -175px;
    width: 350px;
    height: 350px;
  }
}

.home-circle__icon:before {
  content: "";
  position: absolute;
  left: -43px;
  right: -43px;
  top: -43px;
  bottom: -43px;
  border-radius: 100%;
  background-color: #fff;
  z-index: -1;
}

.alternating-content,
.home-circle__text,
.page-section--alternating .page-width {
  position: relative;
  z-index: 2;
}

.home-circle__icon .svg-animation-icon {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.home-circle__icon .svg-animation-icon.svg-credit {
  margin-top: -10px;
}

@media only screen and (min-width: 750px) {
  .home-circle__icon .svg-animation-icon.svg-credit {
    margin-top: 30px;
  }
}

.home-circle__icon .svg-animation-icon.svg-money {
  margin-top: -50px;
}

@media only screen and (min-width: 750px) {
  .home-circle__icon .svg-animation-icon.svg-money {
    margin-top: 0;
  }
}

.home-circle__icon .svg-animation-icon.svg-bag {
  margin-top: -25px;
}

.home-circle__icon .icon-credit-card-hand-full-color {
  width: 141px;
  height: 83px;
}

.home-circle__icon .icon-transactions-full-color {
  width: 109px;
  height: 72px;
}

.home-circle__icon .icon-canadian-retail-full-color {
  left: 53%;
  width: 96px;
  height: 89px;
}

.home-circle__text {
  padding: 20px;
}

.home-circle__text:after,
.home-circle__text:before {
  content: " ";
  display: table;
}

.alternating-title--underline:after,
.mobile-nav--wrapper:after,
.mobile-nav__link:after,
.stats-columns--has-dividers .stats-column + .stats-column:before,
.work-grid__item:after {
  content: "";
}

.home-circle__subtitle,
.home-circle__title {
  margin-bottom: 30px;
}

@media only screen and (min-width: 750px) {
  .home-circle__icon .svg-animation-icon.svg-bag {
    margin-top: 25px;
  }

  .home-circle__text {
    padding: 50px 0 120px;
  }

  .home-circle:last-child .home-circle__text {
    padding-bottom: 0;
  }

  .home-circle__text--left {
    text-align: right;
    margin-right: 62%;
  }

  .home-circle__text--left .home-circle__subtext {
    float: right;
  }

  .home-circle__text--right {
    margin-left: 62%;
  }

  .home-circle__subtext {
    width: 215px;
  }
}

.full-width-section {
  padding: 80px 0 65px;
  color: #fff;
  background-color: #00cdcc;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media only screen and (min-width: 750px) {
  .full-width-section {
    padding: 140px 0 125px;
  }

  .alternating-image {
    position: absolute;
    z-index: 1;
  }
}

.page-section--alternating {
  overflow: visible;
}

.page-section--alternating-short {
  padding-top: 0;
}

.alternating-image {
  display: block;
}

@media only screen and (max-width: 749px) {
  .home-circle__icon--right {
    left: 100%;
  }

  .page-section--alternating {
    padding-bottom: 0;
  }

  .alternating-image {
    margin: 40px auto 0;
  }
}

.alternating-title-grid-item {
  position: relative;
}

@media only screen and (min-width: 750px) {
  .alternating-title-wrapper {
    position: absolute;
    width: 100%;
    right: 100%;
    top: 0;
    text-align: right;
  }
}

.alternating-title--underline {
  margin-bottom: 40px;
}

.alternating-title--underline:after {
  position: absolute;
  right: 0;
  width: 40%;
  bottom: -20px;
  display: block;
  height: 4px;
  background-color: #00cdcc;
}

@media only screen and (max-width: 749px) {
  .alternating-title--underline:after {
    margin-left: 0;
    width: 100%;
  }
}

.alternating-title {
  position: relative;
}

.alternating-title .icon {
  opacity: 0.1;
  position: absolute;
  top: -30px;
  right: -70px;
  width: 140px;
  height: 140px;
  z-index: -1;
}

@media only screen and (max-width: 749px) {
  .alternating-title .icon {
    width: 250px;
    height: 250px;
    top: -50px;
    right: auto;
    left: -125px;
  }
}

.alternating-title .icon-shape-circle {
  fill: #f4f3f6;
  opacity: 1;
}

.alternating-title .icon-shape-diamond {
  fill: #705cbb;
}

.alternating-title .icon-demac-d {
  fill: #00cdcc;
  opacity: 0.15;
  width: 147px;
  height: 164px;
  top: -34px;
}

@media only screen and (max-width: 749px) {
  .alternating-title .icon-demac-d {
    left: 20px;
    height: 140px;
    width: 120px;
  }
}

.alternating-title .icon-demac-d--careers {
  fill: #bbbbc7;
  width: 162px;
  height: 181px;
  right: -102px;
}

@media only screen and (max-width: 749px) {
  .alternating-title .icon-demac-d--careers {
    left: auto;
    right: 0;
    height: 160px;
    width: 148px;
  }
}

.alternating-title .icon-quote {
  top: -40px;
  height: 120px;
  width: 120px;
}

@media only screen and (max-width: 749px) {
  .alternating-title .icon-quote {
    width: 120px;
    height: 90px;
    left: 135px;
  }
}

html.mobile-nav--active body.mobile-nav--active {
  overflow: hidden;
}

html.mobile-nav--active body.mobile-nav--active .page-container,
html.mobile-nav--active body.mobile-nav--active .site-footer .page-width {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.mobile-nav__close-btn {
  position: absolute;
  top: 0;
  right: 20px;
  padding: 5px;
  height: 50px;
  z-index: 9;
}

.mobile-nav__close-btn .icon {
  fill: #fff;
}

.mobile-nav--wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 7;
}

.mobile-nav--wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  background-color: #1e1c34;
}

.mobile-nav,
.mobile-nav__link {
  position: relative;
}

.mobile-nav--wrapper.mobile-nav--active {
  display: block;
  opacity: 1;
}

.mobile-nav {
  padding: 140px 20px 20px;
  text-align: center;
  z-index: 8;
}

@media only screen and (max-height: 590px) {
  .mobile-nav {
    padding-top: 16%;
  }
}

.mobile-nav__menu,
.mobile-nav__menu li {
  padding: 0;
  margin: 0;
}

.mobile-nav__menu {
  list-style: none;
}

.mobile-nav__menu a {
  position: relative;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 55px;
  letter-spacing: 3.3px;
  text-transform: uppercase;
}

@media only screen and (min-width: 750px) {
  .mobile-nav__close-btn {
    height: 124px;
  }

  .mobile-nav__menu a {
    font-size: 18px;
    line-height: 4;
  }
}

.mobile-nav__menu a:focus,
.mobile-nav__menu a:hover {
  color: #00cdcc;
}

.mobile-nav__link:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  opacity: 0;
  height: 2px;
  background-color: #00cdcc;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.mobile-nav__menu a:focus .mobile-nav__link:after,
.mobile-nav__menu a:hover .mobile-nav__link:after {
  opacity: 1;
}

.work-grid__item {
  display: block;
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 20px;
  overflow: visible;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
}

.work-grid__item:hover {
  z-index: 5;
}

.work-grid__item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-content__inner .page-section--purple-soft .stats-column__label.stats-column__label--small{
text-align: center;
}
.work-grid__item--teal:hover {
  background-color: #00cdcc;
}

.work-grid__item--purple:hover {
  background-color: #705cbb;
}

.work-grid__item--purple-light:hover {
  background-color: #bbbbc7;
}

.work-grid__item--grey:hover {
  background-color: #f4f3f6;
}

.work-grid__item--unique:after {
  opacity: 0.81;
  background-color: #705cbb;
  background: -webkit-linear-gradient(45deg, #705cbb 28%, #00cdcc 50%);
  background: linear-gradient(45deg, #705cbb 28%, #00cdcc 50%);
  z-index: 1;
}

.work-grid__images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  background: url(/png/gradient.png);
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}

.city,
.page-section--benchmark {
  background-repeat: no-repeat;
  background-size: cover;
}

.work-grid__image {
  position: absolute;
  display: block;
}

.work-grid__image--logo {
  -webkit-transition: all 0.2s ease-in-out 0.2s;
  transition: all 0.2s ease-in-out 0.2s;
}

.work-grid__item:hover .work-grid__image--logo {
  top: 30%;
  max-height: 40%;
}

.work-grid__image--has-logo {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 60%;
  z-index: 5;
}

.no-csstransforms .work-grid__image--has-logo {
  position: static;
  top: 0;
  left: 0;
  margin: 15% auto 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.work-grid__image--hover {
  max-width: 110%;
  visibility: hidden;
  opacity: 0;
}

.work-grid__item:hover .work-grid__image--hover {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.work-grid__image--offset-top {
  bottom: 0;
  left: 0;
}

.work-grid__image--offset-left {
  bottom: 0;
  right: 0;
}

.work-grid__image--offset-right {
  bottom: 0;
  left: 0;
}

.work-grid__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.no-flexbox .work-grid__content {
  padding: 80px 0;
}

.work-grid__type {
  font-size: 13px;
  font-weight: 900;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}

.work-grid__title {
  margin-bottom: 0;
  line-height: 1.1;
  padding: 0 10px;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media only screen and (min-width: 750px) and (max-width: 899px) {
  .work-grid__title {
    font-size: 30px;
  }
}

.work-grid__title,
.work-grid__type {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.work-grid__item--unique .work-grid__title,
.work-grid__item:focus .work-grid__title,
.work-grid__item:hover .work-grid__title {
  opacity: 1;
}

.work-grid__view {
  position: relative;
  top: 20px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 749px) {
  .work-grid__title {
    font-size: 20px;
  }

  .work-grid__view .icon {
    width: 20px;
  }
}

.work-grid__item:focus .work-grid__view,
.work-grid__item:hover .work-grid__view {
  opacity: 1;
  visibility: visible;
}

.great_retailers .grid__item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-section--benchmark {
  position: relative;
  background-color: #1e1c34;
  background-position: center top;
  background-image: url(/jpg/benchmark-bg.jpg);
  color: #fff;
  padding: 50px 0;
  font-size: 16px;
  font-weight: 400;
}

.page-section--benchmark .h4,
.page-section--benchmark h4 {
  letter-spacing: 4px;
  line-height: 43px;
}

.city__location,
.product-listing__circle-label,
.stats-column__label {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.page-section--benchmark .BenchmarkIcon {
  position: relative;
  top: 50%;
  margin: 0 auto 20px;
  max-width: 100px;
}

.page-section--benchmark .page-width {
  position: relative;
  z-index: 1;
}

.category__sidebar {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

@media only screen and (min-width: 750px) {
  .category__sidebar {
    padding: 100px 0 0;
    text-align: right;
    margin-bottom: 40px;
  }

  .category__sidebar li {
    padding-right: 47px;
  }
}

@media only screen and (max-width: 749px) {
  .category__sidebar {
    text-align: center;
  }

  .category__sidebar li {
    display: inline-block;
    padding: 0 10px;
  }
}

.category__sidebar li + li {
  padding-top: 10px;
}

.category__sidebar a {
  color: inherit;
  display: block;
  padding: 5px 0;
}

.category__active {
  font-weight: 900;
}

.category__listing {
  margin-top: 60px;
}

@media only screen and (min-width: 750px) {
  .category__active {
    position: relative;
  }

  .category__active:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    width: 3px;
    background-color: #00cdcc;
  }

  .category__listing {
    margin: 75px 0 100px;
  }

  .category__listing--with-filters {
    padding-left: 100px;
    border-left: 1px solid #bbbbc7;
  }
}

.category__listing-header {
  margin-bottom: 60px;
  text-align: center;
}

.category__listing-header--has-filters {
  text-align: left;
}

.category-item {
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.category-item__title {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #464563;
  margin-bottom: 10px;
}

.category-item__title--small {
  font-size: 20px;
}

.category-item__count {
  display: block;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  color: #00cdcc;
}

.city {
  position: relative;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  background-position: center center;
}

.city:after {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
}

.stats-column,
.stats-columns--has-dividers .stats-column + .stats-column {
  position: relative;
}

.city__location {
  font-size: 13px;
  font-weight: 900;
  line-height: 16px;
  margin-bottom: 20px;
}

.city__address {
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 40px;
}

.city__map {
  color: #00cdcc;
}

.city__icon {
  display: table;
  width: 100%;
  height: 85px;
  margin-bottom: 15px;
}

.icon-montreal {
  fill: #705cbb;
  width: 100px;
  height: 53px;
}

.icon-toronto {
  fill: #00cdcc;
  width: 90px;
  height: 64px;
}

.icon-florida {
  fill: #cac8d3;
  width: 86px;
  height: 85px;
}

.icon-newyork {
  fill: #f4f3f6;
  width: 86px;
  height: 85px;
}

.author-section__image-wrapper {
  width: 160px;
}

.author-image--inline {
  margin-right: 10px;
}

@media only screen and (max-width: 749px) {
  .category__listing-header--has-filters {
    text-align: center;
  }

  .author-section__bio {
    margin-bottom: 20px;
  }
}

.author-image {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  vertical-align: middle;
}

.author-image img {
  max-width: 100%;
}

.our-stats-columns {
  text-align: center;
  list-style: none;
}
.stats-columns {
  list-style: none;
}

.author-image--medium {
  width: 96px;
  height: 96px;
}

.author-image--large {
  width: 100px;
  height: 100px;
}

@media only screen and (min-width: 750px) {
  .author-image--large {
    width: 140px;
    height: 140px;
  }
}

.author-image__border {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 53px;
  padding: 5px;
  border: 2px solid #f4f3f6;
  border-radius: 100%;
}

.author-image__border--medium {
  width: 109px;
  height: 109px;
}

.stats-columns {
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stats-columns--nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.stats-column {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 200px;
  margin: 10px 60px;
}

.no-flexbox .stats-column {
  width: 220px;
}

.stats-columns--nowrap .stats-column {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
  min-width: 0;
}

.no-flexbox .stats-columns--nowrap .stats-column {
  width: 130px;
}

.partner-stats .stats-column {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 160px;
  flex: 0 1 25%;
}

.stats-column__label {
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
  display: block;
}

.stats-column__label--small {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .stats-column__label--small {
    font-size: 16px;
  }
}

.stats-column__label--normal {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
}

.stats-column__number {
  display: block;
  font-size: 80px;
  line-height: 94px;
  font-weight: 700;
  margin-bottom: 20px;
}

.stats-column__number--small {
  color: #00cdcc;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .stats-column__number--small {
    font-size: 46px;
  }
}

.our-stats-columns {
  margin: 50px auto 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.our-stats-columns--nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.our-stats-column {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 200px;
  margin: 10px 60px;
}

@media only screen and (max-width: 899px) {
  .our-stats-column {
    min-width: auto;
  }
}

@media only screen and (max-width: 749px) {
  .our-stats-column {
    min-width: 40%;
  }

  .stats-columns--nowrap .our-stats-column {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .our-stats-column {
    min-width: 100%;
  }
}

.stats-columns--nowrap .our-stats-column {
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 140px;
  flex: 0 1 140px;
}

.stats-columns--has-dividers .our-stats-column + .our-stats-column:before {
  content: "";
  position: absolute;
  left: -5px;
  bottom: 50%;
  display: block;
  width: 1px;
  background-color: #464563;
  height: 76px;
}

.product-list {
  position: relative;
  text-align: center;
  z-index: 1;
}

@media only screen and (min-width: 750px) {
  .product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.product-list--no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.product-listing {
  display: block;
  position: relative;
  border: 1px solid #d3d3de;
  background-color: #fff;
  color: inherit;
  margin: 50px 0;
}

@media only screen and (min-width: 750px) {
  .product-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%;
    margin: 50px 0.666%;
  }

  .product-listing--pricing {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}

.product-listing:focus,
.product-listing:hover {
  color: inherit;
}

.product-listing--pricing {
  margin: 0 1px 20px;
}

.product-listing--pricing:focus,
.product-listing--pricing:hover {
  -webkit-transform: scale(1.1, 1.02) translateY(-10px);
  -ms-transform: scale(1.1, 1.02) translateY(-10px);
  transform: scale(1.1, 1.02) translateY(-10px);
  border-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.product-listing__header {
  position: relative;
  padding: 30px 12px;
  border-bottom: 1px solid #d3d3de;
  background-color: #f4f3f6;
}

@media only screen and (min-width: 750px) {
  .product-listing__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.product-listing:focus .product-listing__header,
.product-listing:hover .product-listing__header {
  background: -webkit-linear-gradient(45deg, #705cbb, #00cdcc);
  background: linear-gradient(45deg, #705cbb, #00cdcc);
}

.product-listing__header--has-icon {
  padding-top: 46px;
}

.product-listing__title {
  font-weight: 900;
}

.product-listing:focus .product-listing__title,
.product-listing:hover .product-listing__title {
  color: #fff;
}

.price {
  color: #ff7373;
}

.product-listing__price {
  display: block;
  color: #ff7373;
  font-weight: 400;
  font-size: 16px;
}

.product-listing:focus .product-listing__price,
.product-listing:hover .product-listing__price {
  color: #fff;
}

.product-listing__icon {
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -33px;
  background-color: #00cdcc;
  width: 66px;
  height: 66px;
  border-radius: 100%;
}

.product-listing__icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 40px;
  max-height: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.no-csstransforms .product-listing__icon img {
  position: static;
  margin: 20px auto 0;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product-listing__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.product-listing__content p {
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  margin-bottom: 20px;
  font-weight: 400;
}

@media only screen and (min-width: 750px) {
  .product-listing__content-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}

.product-listing__button,
.product-listing__content button.stripe-button-el {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 100%;
}

.product-listing:focus .product-listing__button,
.product-listing:focus .product-listing__content button.stripe-button-el,
.product-listing:hover .product-listing__button,
.product-listing:hover .product-listing__content button.stripe-button-el {
  background-color: #00cdcc;
  border-color: #00cdcc;
  color: #fff;
}

.product-listing--pricing:focus .product-listing__button,
.product-listing--pricing:focus
  .product-listing__content
  button.stripe-button-el,
.product-listing--pricing:hover .product-listing__button,
.product-listing--pricing:hover
  .product-listing__content
  button.stripe-button-el {
  background-color: #ff7373;
  border-color: #ff7373;
}

.product-listing__circle {
  display: block;
  margin: 0 auto 8px;
  background-color: #ff7373;
  font-size: 12px;
  line-height: 38px;
  font-weight: 900;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 38px;
}

.product-listing__circle-label {
  font-weight: 900;
  line-height: 16px;
  display: block;
  font-size: 11px;
  margin-bottom: 20px;
}

.box-list {
  border: 1px solid #d3d3de;
}

.box-list__header {
  background-color: #f4f3f6;
  border-bottom: 1px solid #d3d3de;
  padding: 40px 10px;
}

.box-list__title {
  margin-bottom: 0;
}

.box-list__items {
  padding: 40px 20px;
  background-color: #fff;
}

.box-list__icon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 15px;
  background-color: #00cdcc;
  height: 9px;
  width: 9px;
  border-radius: 9px;
}

.box-list--partners {
  position: relative;
  margin-bottom: -40px;
  z-index: 1;
}

@media only screen and (max-width: 749px) {
  .stats-columns--has-dividers .our-stats-column + .our-stats-column:before {
    content: none;
  }

  .box-list--partners {
    margin: 40px 0 0;
  }
}

.accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}

.accordion__item {
  margin: 0;
  border-bottom: 1px solid #d3d3de;
}

.accordion__item:first-child {
  border-top: 1px solid #d3d3de;
}

.accordion__trigger {
  display: block;
  width: 100%;
  position: relative;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  cursor: pointer;
  padding: 18px 0 20px;
  text-align: left;
}

.instagram__link-label,
.social-sharing__link {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.accordion__icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 10px;
  height: 8px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.accordion__trigger--active .accordion__icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion__container {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  padding: 1em 0;
  -webkit-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  transform: translateX(-12px);
  -webkit-transition: all 0.2s ease-in-out 0.4s, opacity 0.1s,
    -webkit-transform 0.1s;
  transition: all 0.2s ease-in-out 0.4s, opacity 0.1s, -webkit-transform 0.1s;
  transition: all 0.2s ease-in-out 0.4s, opacity 0.1s, transform 0.1s;
  transition: all 0.2s ease-in-out 0.4s, opacity 0.1s, transform 0.1s,
    -webkit-transform 0.1s;
}

.accordion__trigger--active + .accordion__container {
  position: static;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out 0.15s,
    -webkit-transform 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out 0.15s,
    -webkit-transform 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out 0.15s,
    transform 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out 0.15s,
    transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s;
}

.accordion__container p {
  margin-bottom: 1em;
}

.social-sharing {
  text-align: center;
  padding-top: 25px;
}

.social-sharing__link {
  font-size: 11px;
  line-height: 1;
  display: inline-block;
  color: #464563;
  border: 1px solid #464563;
  padding: 7px;
}

.social-sharing__link:focus,
.social-sharing__link:hover {
  color: #fff;
  background-color: #464563;
  border-color: #464563;
}

.social-sharing__link + .social-sharing__link {
  margin-left: 8px;
}

.social-sharing__link .icon {
  width: 12px;
  height: 12px;
  margin: -3px 5px 0 0;
  fill: currentColor;
}

.social-sharing__link .icon-google-plus {
  width: 20px;
}

.instagram {
  position: relative;
  max-width: 580px;
  margin: 0 auto 10px;
  z-index: 2;
}

@media only screen and (min-width: 750px) {
  .instagram {
    margin-bottom: -50px;
    max-width: 1410px;
  }

  .instagram__item {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }

  .instagram__link {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.instagram__link {
  width: 100%;
  height: 100%;
  padding: 20px 0;
  background-color: #705cbb;
  color: #fff;
  text-align: center;
  display: table;
}

.instagram__link:focus,
.instagram__link:hover {
  color: #fff;
  background-color: #464563;
}

.instagram__link .icon {
  display: block;
  margin: 0 auto;
  fill: currentColor;
  width: 115px;
  height: 26px;
}

.instagram__link-inner {
  display: table-cell;
  vertical-align: middle;
}

.instagram__link-label {
  font-size: 13px;
  display: block;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media only screen and (min-width: 900px) {
  .hero--space {
    min-height: 600px;
  }

  .instagram__link-label {
    font-size: 24px;
  }
}

.instagram__image {
  display: block;
  margin: 0 auto 10px;
}

@media only screen and (min-width: 750px) {
  .instagram__image {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
}

.move-down {
  margin-top: 60px;
}

@media only screen and (min-width: 1800px) {
  .move-down {
    margin-top: 150px;
  }
}

.add-padding {
  padding: 100px 0;
}

#OurClients {
  text-align: center;
}

#OurClients h4 {
  margin-bottom: 50px;
}

#OurClients ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  max-width: 50%;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 auto;
}

#OurClients ul li {
  max-width: 200px;
  margin: 20px;
}

#OurClients ul li .tone {
  height: 30px;
}

#OurClients ul li .urg {
  height: 50px;
}

_:-ms-fullscreen,
:root #OurClients ul {
  justify-content: center;
}

_:-ms-fullscreen,
:root #OurClients ul li img {
  max-width: 200px;
}

@media all and (max-width: 1440px) {
  #OurClients ul {
    max-width: 70%;
  }
}

#reviews {
  list-style: none;
}

#reviews li {
  display: flex;
  align-items: center;
  padding: 40px 0;
}

#reviews p {
  margin: 20px 40px;
}

#reviews-slider {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
}

#reviews-slider li {
  margin: 10px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #e2e2e2;
  cursor: pointer;
}

#reviews-slider li.active {
  background-color: #8e8e8e;
  cursor: default;
}

#reviews .reviews-item {
  display: none;
}

#reviews .reviews-item.active {
  display: flex;
}

#reviews .reviews-item p {
  font-size: 28px;
  font-family: HelveticaNeue, Arial, sans-serif;
}

#reviews .reviews-item .reviews-name {
  font-size: 16px;
  font-family: HelveticaNeue, Arial, sans-serif;
}

.reviews-header {
  margin-top: 100px;
}

.reviews-header img {
  height: 50px;
}

.shopify {
  margin: 15px 0 42px 0;
}

.prestashop {
  margin: -10px 0 21px 0;
}

.opencart {
  margin: 18px 0 50px 0;
}

.woocommerce {
  margin: 18px 0 48px 0;
}

.service-panel {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
}

/* .service-panel .col-md-4 {
  flex-basis: calc((100% - 48px)/3);
  text-align: center;
  padding: 0 15px;
} */

.service-panel p {
  font-size: 16px;
}

.service-panel-heading i {
  margin-bottom: 15px;
  font-size: 70px;
  color: #3ec7c2;
}

.service-panel h4 {
  font-weight: 600;
  position: relative;
  color: #464563;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 18px;
}

.service-panel h5 {
  font-weight: 700;
  position: relative;
  color: #1e1c34;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 16px;
  margin-bottom: 0px;
  font-size: 16px;
}
@media only screen and (min-width: 767px) {
  .service-panel h5 {
    font-size: 20px;
  }
}
#menu-item-32550 {
  position: relative;
}

.site-header .tel a {
  color: #FBFBFB !important;
  letter-spacing: normal;
  font-size: 13px;
}

.menu-item .tel {
  font-weight: 700;
  display: none;
  color: #3ec7c2;
  font-size: 15px;
  position: absolute;
  font-family: Roboto, HelveticaNeue, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.site-nav-mob {
  position: absolute;
  right: 0;
  top: 80px;
  margin: 0;
  display: none;
  width: 250px;
  background-color: #1E1C34;
  padding: 0 10px 10px;
  flex-direction: column;
}

.site-nav-mob li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  margin: 0;
}

.site-nav {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  height: 100%;
}

.languages {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: #bbb;
  margin-left: 24px;
  margin-right: 1px;
}

.languages a.active {
  color: #00cdcc;
}

.languages a {
  display: block;
  padding: 5px;
}

.site-nav-mob a {
  display: block;
  font-size: 14px;
  line-height: 2.4;
  font-weight: 400;
  letter-spacing: 3.5px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}

.site-nav-mob a:hover {
  color: #00e2e0;
}

.multiStore {
  background-color: #f4f5f7;
  margin-top: 110px;
}

.multiStore .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.multiStore .row .item {
  width: 45%;
}

.maps {
  position: relative;
  padding-top: 60px;
  background-color: #f4f3f6;
}

.maps .board {
  position: absolute;
  width: 385px;
  height: auto;
  padding-bottom: 15px;
  color: #fff;
  margin-top: 10px;
  background: #3f3e5e;
  border-radius: 3px;
  margin-left: 15px;
  padding: 15px;
  z-index: 1;
}

.adress {
  margin-bottom: 30px;
}

.adress p {
  font-size: 20px;
}

.map-find {
  height: 500px;
}

.map-find #map {
  width: 100%;
  height: 100%;
}

.contact-form__info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
  background-color: #f8f8f5;
  border-radius: 8px;
  width: 96%;
  padding: 22px;
}

.contact-form__link {
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.contact-form__link .icon {
  margin-right: 8px;
  width: 30px;
  height: 30px;
}

.contact-form__link .icon path {
  fill: #00cdcc !important;
}

.contact-form__link:hover .icon path {
  fill: #00e2e0 !important;
}

.contact-form__link .icon-last path,
.contact-form__link:hover .icon-last path {
  fill: #000 !important;
}

span.contact-form__link {
  color: #000;
}

.popUpCallback {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 105;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow-y: auto;
}

.popUpSuccess {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 105;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow-y: auto;
}

.popUpCallback__wrapp {
  background-image: url("../jpg/popup-callback-bg.jpg");
  color: #fff;
  padding: 50px;
  position: relative;
  width: 95%;
  max-width: 960px;
  cursor: default;
}

.popUpCallback__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.popUpCallback__close:after,
.popUpCallback__close:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 24px;
  background-color: #fff;
  left: 0;
  top: 0;
  transform: rotate(45deg);
}

.popUpCallback__close:before {
  transform: rotate(-45deg);
}

.popUpCallback__title {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.popUpCallback__label {
  width: 100%;
  position: relative;
  margin-bottom: 35px;
  height: 35px;
  display: block;
}

.popUpCallback__input {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  height: 35px;
  font-size: 16px;
  background-color: transparent;
  padding: 0;
  outline: none;
  font-weight: 700;
}

.popUpCallback__ph {
  position: absolute;
  pointer-events: none;
  top: 0;
  transition: 0.2s ease all;
  width: 130px;
  display: block;
  text-transform: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 35px;
  font-weight: 700;
}

.popUpCallback__input:focus {
  border-bottom: 2px solid #3ec7c2;
}

.popUpCallback__input:focus + .popUpCallback__ph,
.popUpCallback__input:not(:focus):valid + .popUpCallback__ph {
  top: -25px;
  font-size: 14px;
  opacity: 1;
  color: #3ec7c2;
}

.popUpCallback__btn {
  width: 100%;
  font-size: 18px;
}

.popUpCallback__btn2 {
  margin-top: 20px;
}

.popUpCallback__text {
  text-align: center;
}

.blockTitle {
  width: 100%;
  margin-bottom: 25px;
  margin-top: 0 !important;
}

h3.blockTitle {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.startProject__inner h3.blockTitle {
  font-weight: 200;
  text-align: start;
  letter-spacing: 2px;
  margin-bottom: 32px;
  line-height: 1.2;
}
.page-width .contact-prompt {
  text-align: start;
  margin-bottom: 16px;
     font-size: 16px;
}
@media only screen and (min-width: 767px) {
  .page-width .contact-prompt {
    font-size: 20px;
    text-align: center;
  }
}
.blockTitle .free-estimate {
  font-weight: 900;
  color: #1e1c34;
}
.startProject {
  background: #00cdcc url(../png/bg-pattern-main_desc.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btnTel {
  border: 1px solid black;
  color: #1e1c34;
}

.hero--space .alternating-content {
  transform: none !important;
}

.hero--about-us {
  padding-top: 70px;
}

.partner-block__inner > img + .selectionShareable,
.partner-block__inner > svg + .selectionShareable {
  height: 455px;
}

.selectionShareable {
  font-size: 18px;
}

div.page-content
  div.page-content__inner
  div.partner-blocks
  div.page-width
  div.partner-blocks__inner.clearfix.grid.flex
  div
  div.partner-block__inner
  p.selectionShareable {
  font-size: 16px;
}

.opportunities__list {
  text-align: left;
  padding-left: 0;
}

.opportunities__list li {
  position: relative;
  list-style: none;
  padding-left: 22px;
  font-size: 18px;
  margin-bottom: 13px;
}

.opportunities__list li:after,
.opportunities__list li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 13px;
  height: 13px;
  content: "";
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}

.opportunities__list li:before {
  color: #fff;
  border-radius: 50%;
  background-color: #00cdcc;
  background: linear-gradient(30deg, #00cdcc 0%, #3fe7d9 100%);
}

.opportunities__list li:after {
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2213px%22%20height=%2213px%22%20viewBox=%220%200%2013%2013%22%20enable-background=%22new%200%200%2013%2013%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpolygon%20points=%225.159,2.802%208.841,6.57%205.314,10.291%204.237,9.254%206.897,6.51%204.159,3.833%20%22/%3E%3C/svg%3E");
}

.wooUsage .grid__item {
  display: flex;
  height: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.wooUsage .grid__item img {
  max-height: 100px;
  padding: 0 30px;
}

.largerProject {
  background: #36a9e1 url("../png/agency@2x.png") no-repeat right 20px;
  color: #fff;
  background-size: 400px;
  font-size: 18px;
}

.largerProject__title {
  font-size: 28px;
}

.largerProject__text,
.largerProject__list li {
  font-size: 18px;
}

.largerProject__link {
  color: #fff;
  border: 2px solid #fff;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 5px;
}

.largerProject__link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.phestaSlider .mobile-container {
  height: 350px;
  overflow: hidden;
}

.title-small {
  font-size: 48px;
  margin-bottom: 40px;
  text-transform: none;
}

.has-sep:after {
  background: #fff;
  clear: both;
  content: "";
  display: block;
  margin-bottom: 40px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  width: 80px;
}

.phestaSlider .description {
  padding: 0 55px;
}

.phestaSlider__item1 {
  background-image: url(../jpg/showcase-landscape.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.phestaSlider__item2 {
  background-image: url(../jpg/home-merchant-landscape_0.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.phestaSlider .item {
  position: relative;
  color: #fff;
}

.phestaSlider .item:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 1;
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.phestaSlider__item1 .page-width,
.phestaSlider__item2 .page-width {
  position: relative;
  padding-top: 80px;
}

.phestaSlider .owl-dots {
  position: relative;
  bottom: 170px;
  left: 200px;
}

.phestaSlider .owl-nav {
  position: relative;
  top: -240px;
}

.phestaSlider .owl-nav button {
  font-size: 60px !important;
  font-weight: 900 !important;
  color: #eee !important;
  position: relative;
  outline: none !important;
}

.phestaSlider .owl-nav button:hover {
  color: #fff !important;
  background: transparent !important;
}

.phestaSlider .owl-nav .owl-prev {
  left: -500px;
}

.phestaSlider .owl-nav .owl-next {
  right: -500px;
}

/* .phestaSlider{max-height:500px} */
.blogItems {
  margin: 0 -15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.blogItems__item {
  margin: 0 15px 30px;
  flex: 0 1 auto;
  width: 30.2%;
  border: 1px solid #ececec;
}

.blogItems__imgWrapp {
  overflow: hidden;
  max-height: 160px;
}

.blogItems__linkImg {
  background: linear-gradient(-45deg, #aec761, #04a9de);
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.blogItems__linkImg:after {
  content: "";
  position: absolute;
  top: auto;
  height: 7px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #aec761;
}

.blogItems__img {
  transition: opacity 0.35s, transform 0.35s;
}

.blogItems__item:hover .blogItems__img {
  opacity: 0.5;
  transform: scale3d(1.2, 1.2, 1);
}

.blogItems__content {
  padding: 15px;
}

.blogItems__title {
  line-height: 19px;
  margin-bottom: 5px;
}

.blogItems__titleLink {
  color: #555;
  font-weight: bold;
  font-size: 16px;
}

.blogItems__text {
  margin-bottom: 5px;
  font-size: 14px;
}

.blogItems__link {
  font-size: 14px;
}

.hederBlog {
  height: 420px;
}

@media screen and (max-width: 1080px) {
  .phestaSlider__item1 .page-width,
  .phestaSlider__item2 .page-width {
    max-width: 900px;
  }

  .phestaSlider .description {
    padding: 0 20px;
  }

  .phestaSlider .owl-nav .owl-prev {
    left: -460px;
  }

  .phestaSlider .owl-nav .owl-next {
    right: -460px;
  }

  .phestaSlider .grid__item.medium-up--five-twelfths {
    display: none;
  }

  /* .phestaSlider .description{padding:0 70px} */
  .phestaSlider .grid__item.medium-up--seven-twelfths {
    width: 100%;
    padding-bottom: 70px;
  }

  .phestaSlider .owl-dots {
    left: auto;
  }

  .phestaSlider .owl-nav .owl-prev {
    left: -40%;
  }

  .phestaSlider .owl-nav .owl-next {
    right: -40%;
  }

  .phestaSlider .owl-nav {
    top: -200px;
  }
}

#menu-item-32548 {
  margin-right: 15px;
}

@media screen and (max-width: 1180px) {
  #menu-item-325481 {
    display: none;
  }

  .menu-item .tel {
    /*     display: block; */
    left: 50%;
    margin-left: -57px;
    bottom: 0;
  }

  .site-header {
    height: 80px;
    padding-bottom: 0;
  }

  @media screen and (max-width: 768px) {
    .site-header {
      padding-bottom: 0px;
    }
  }

  .medium-up--one-third.portfolioProjects {
    width: 45%;
    left: 3%;
  }

  .medium-up--one-third.portfolioProjectsRight {
    width: 45%;
    right: 3%;
    left: 52%;
  }

  .hero__heading--small {
    font-size: 50px;
  }

  .sticky-nav-wrapper {
    height: 80px;
  }

  .partner-blocks__inner.grid {
    margin: 0 -20px;
  }
}

@media only screen and (max-width: 999px) {
  .contact-form__info {
    flex-wrap: wrap;
  }

  .contact-form__link i {
    width: 100%;
  }

  .contact-form__item {
    width: 45%;
    margin-bottom: 20px;
  }

  .contact-form__link {
    flex-wrap: wrap;
    justify-content: center;
  }

  .fixed-grid__title {
    font-size: 22px;
  }

  /*   .service-panel .col-md-4 {
    width: calc((100% - 24px) / 2)
  }
 */
  .partner-block__inner {
    padding: 65px 20px;
  }

  .alternating-title-wrapper {
    position: static;
  }

  .careerGridItem {
    left: 10%;
  }

  .alternating-image--future {
    top: 164px;
    right: 40px;
    max-width: 35%;
  }

  .hero--about-us {
    padding-top: 60px;
  }

  .medium-up--one-third.ceoQuote {
    width: 46%;
    left: 10%;
  }

  .reviews-header {
    margin-top: 60px;
  }

  .medium-up--push-three-eighths.careersVid {
    left: 0.5%;
    width: 57.5%;
  }

  .hero--services {
    padding-top: 100px;
  }

  .largerProject {
    background-size: 285px;
  }

  .blogItems {
    max-width: 750px;
    margin: 0 auto;
  }

  .blogItems__item {
    margin: 0 14px 30px;
    width: 46%;
  }

  .languages {
    margin-right: 8px;
  }

  a.telephone114 {
    font-size: 18px;
    color: white;
    font-weight: 900 !important;
    margin-right: 3px;
  }
}

@media (max-width: 1100px) {
  .alternating-title-wrapper {
    position: static;
  }

  .medium-up--one-third.ceoQuote {
    width: 46%;
    left: 10%;
  }
}

@media screen and (max-width: 800px) {
  .medium-up--one-third.portfolioProjects,
  .medium-up--one-third.portfolioProjectsRight {
    max-width: 100%;
    left: 6px;
    right: 6px;
    text-align: center;
    width: auto;
  }

  .work--image-2-small {
    display: block;
    margin-top: 50px;
    margin-bottom: -65px;
  }

  .work--image-2,
  .work--image-3 {
    display: none;
  }

  .alternating-image--work-1 {
    position: relative;
    margin: 40px auto 0;
    bottom: -55px;
    left: 30px;
    max-width: 100%;
    margin-bottom: 0 !important;
  }

  .hero--services {
    padding-top: 60px;
  }

  .work--paragraph {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  /*   .service-panel .col-md-4 {
    width: 100%;
    margin: 0 auto;;
  } */

  .multiStore .row {
    justify-content: center;
  }

  .multiStore .row .item {
    width: 80%;
    text-align: center;
  }

  .multiStore .row .itemImg {
    width: 50%;
    margin-bottom: 40px;
  }

  .contact-form__info {
    width: 100%;
  }

  .contact-form__item {
    width: 50%;
  }

  .contact-form__link {
    font-size: 15px;
  }

  .page-section--info .page-section-info--container {
    width: 100%;
  }

  .h1,
  h1 {
    font-size: 33px;
  }

  .careerGridItem {
    left: 0;
  }

  #reviews .reviews-item p {
    font-size: 22px;
  }

  #reviews {
    padding-left: 0;
  }

  .reviews-header {
    margin-top: 50px;
  }

  .hero--space .hero-space--plus {
    background-position-x: center;
  }

  #OurClients ul {
    padding-left: 0;
  }

  .hero--about-us {
    min-height: 460px;
  }

  .hero__heading--small {
    font-size: 40px;
    width: 100%;
  }

  .page-section--toronto {
    padding: 120px 0;
  }

  .wooUsage .grid__item {
    margin-bottom: 10px;
  }

  .largerProject {
    background-size: 270px;
  }

  .blogItems__item {
    width: 100%;
  }

  .blogItems__img {
    width: 100%;
  }

  .blogItems__imgWrapp {
    max-height: 400px;
  }
}

@media screen and (max-width: 750px) {
  .medium-up--one-third.ceoQuote {
    width: 100%;
    left: 0;
  }

  .hero--services {
    height: 500px;
    padding: 0 5px;
  }

  .alternating-image--work-1 {
    bottom: -65px;
  }

  .careersVid .alternating-title-wrapper {
    margin-top: 0;
  }

  .medium-up--push-three-eighths.careersVid {
    width: 100%;
  }

  .alternating-image--future {
    max-width: 300px;
  }

  .alternating-image--future {
    margin-bottom: 0 !important;
  }

  .maps .board {
    margin-left: 15px;
    margin-top: 3px;
  }

  .map-find #map {
    top: 0;
  }

  .largerProject {
    background: #36a9e1;
  }

  p.hero__work {
    font-size: 30px !important;
    line-height: 1.4;
  }

  p.faq__title {
    font-size: 24px !important;
  }

  p.h4 {
    font-size: 24px !important;
  }

  div p.blockTitle {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 540px) {
  .stats-columns--nowrap {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 480px) {
  .rd-navbar-brand .brand-name {
    font-size: 20px;
  }

  .site-nav-mob {
    left: 0;
    width: 100%;
    position: fixed;
    height: 100vh;
     height: calc(var(--vh, 1vh) * 100 - 80px); 
    flex-direction: column;
    padding-bottom: 140px;
  }

  .site-nav-mob li {
    justify-content: center;
  }

/*   .site-nav-mob li:first-child {
    margin-top: auto;
  } */

  .mob-callback {
    margin-top: auto !important;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px;
  }

  .site-header--transparent,
  .site-nav-mob {
    background-color: #1E1C34;
  }
   .site-nav-mob {
    border-top: 1px solid #FBFBFB;
    padding: 24px 16px 32px;

   }

  .multiStore .row .item {
    width: 100%;
    padding: 0 15px;
  }

  .maps .board {
    width: 100%;
    margin-top: 0;
    border-radius: 0;
  }

  .adress p {
    font-size: 18px;
  }

  .site-header .tel a {
    font-size: 12px;
    text-align: center;
    font-weight: 900;
  }

  .contact-form__item {
    width: 100%;
  }

  .h1,
  h1 {
    font-size: 28px;
    line-height: 34px;
  }

  .btn-arrow:hover {
    padding: 15px;
    text-align: center;
 
  }

  .btn-arrow:hover::after {
    display: none;
  }

  /* .page-width{padding-left:10px;padding-right:10px} */
  .hero__heading--small {
    font-size: 28px;
    line-height: 1.3;
  }

  #reviews .reviews-item p {
    font-size: 20px;
  }

  .alternating-title {
    font-size: 23px;
  }

  .alternating-title-wrapper {
    margin-top: -152px;
  }

  .popUpCallback__wrapp {
    padding: 20px;
    padding-top: 30px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .popUpCallback__title {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero--space .hero-space--plus {
    background-position-x: right;
  }

  .alternating-image--work-1 {
    left: 0;
  }

  .work--image-2-small {
    position: relative;
    right: -15px;
  }

  .stats-columns--nowrap .stats-column {
    flex-basis: 100%;
    margin-bottom: 40px;
  }
  .stats-columns--nowrap .stats-column:last-child {
    margin-bottom: 0px;
  }

  .stats-columns--has-dividers .stats-column + .stats-column:before {
    display: none;
  }

  .page-section--toronto {
    padding: 80px 0;
  }

  .hero__partner-icons .icon-magento-logo {
    width: 210px;
  }

  .popUpCallback__close {
    width: 20px;
    height: 20px;
  }

  .popUpCallback__close:after,
  .popUpCallback__close:before {
    height: 23px;
    background-color: #fff;
    left: 9px;
    top: -2px;
  }

  .site-nav-mob a {
    font-size: 12px;
    width: 100%;
    font-weight: 900;
    letter-spacing: 2px;
  }

  .hero--contact {
    min-height: 470px;
  }
}

@media screen and (max-width: 360px) {
  .site-nav-mob a {
    padding-left: 0px;
  }

}

#contact-form p {
  margin: 0 auto;
}

#contact-form p:last-child {
  float: right;
}

#contact-form input,
#contact-form textarea,
#contact-form select {
  width: 100%;
}

#contact-form textarea {
  resize: none;
}

#contact-form .error {
  border: 1px solid #d31b39;
}

@media only screen and (max-width: 725px) {
  .partner-block__inner > img + .selectionShareable,
  .partner-block__inner > svg + .selectionShareable {
    height: auto;
  }
}

#contactForm {
  text-align: left;
}

#contactForm input:not([type="submit"]),
#contactForm textarea,
#contactForm select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #464563;
  background-color: transparent;
  outline: none;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
}

#contactForm input[type="submit"] {
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px 50px;
  font-size: 11px;
  font-weight: 900;
  font-family: inherit;
  font-style: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: #00cdcc;
  color: #fff;
  border: 2px solid #00cdcc;
}

#contactForm input:focus::placeholder,
#contactForm textarea:focus::placeholder {
  font-size: 0;
}

#contactForm input:-internal-autofill-selected,
#contactForm textarea:-internal-autofill-selected {
  color: #464563;
  background-color: transparent;
}

#contactForm input::placeholder,
#contactForm textarea::placeholder {
  font-size: 16px;
  color: #464563;
  opacity: 1;
}

#contactForm input.error,
#contactForm textarea.error,
#contactForm select.error {
  border-color: #d20000;
}

.trial-col {
  margin-bottom: 20px;
}

#contactForm label.error,
.captchaspan {
  color: #d20000;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0;
}

#contactForm .terms-and-conditions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 14px;
  letter-spacing: 1px;
}

#contactForm .terms-and-conditions label.error {
  order: 3;
  width: 100%;
  margin-top: 10px;
}

#contactForm .terms-and-conditions input {
  width: auto;
  margin-right: 10px;
}

#contactForm .terms-and-conditions input.error {
  border-color: #d20000;
}

#contactForm .trial-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contactForm .trial-col {
  width: 48%;
}

#contactForm select {
  cursor: pointer;
}

#contactForm .form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #contactForm .trial-col {
    width: 100%;
  }

  #contactForm .form-footer {
    flex-wrap: wrap;
  }

  #contactForm .terms-and-conditions {
    margin-bottom: 30px;
  }
}

#trialForm {
  text-align: left;
}

#trialForm input:not([type="submit"]),
#trialForm textarea,
#trialForm select {
  width: 100%;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  outline: none;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.2;
}

#trialForm input:focus::placeholder,
#trialForm textarea:focus::placeholder {
  font-size: 0;
}

#trialForm input:-internal-autofill-selected,
#trialForm textarea:-internal-autofill-selected {
  color: #fff;
  background-color: transparent;
}

#trialForm input::placeholder,
#trialForm textarea::placeholder {
  font-size: 16px;
  color: #fff;
  opacity: 1;
}

#trialForm input.error,
#trialForm textarea.error,
#trialForm select.error {
  border-color: #d20000;
}

.trial-col {
  margin-bottom: 24px;
}

#trialForm label.error {
  color: #d20000;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0;
}

#trialForm .terms-and-conditions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 16px;
  letter-spacing: 1px;
}

#trialForm .terms-and-conditions label.error {
  order: 3;
  width: 100%;
  margin-top: 10px;
}

#trialForm .terms-and-conditions input {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

#trialForm .terms-and-conditions input.error {
  border-color: #d20000;
}

#trialForm .trial-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#trialForm .trial-col {
  width: 48%;
}

#trialForm select {
  cursor: pointer;
}

#trialForm .form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

#callBackForm .input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  padding-left: 0;
  padding-right: 0;
  outline: none;
}

#callBackForm .input::placeholder {
  opacity: 1;
  color: #fff;
  font-weight: 400;
}

#callBackForm label.error {
  color: #d20000;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0;
}

#callBackForm input.error {
  border-color: #d20000;
}

.popUpCallback__header {
  font-size: 40px;
  font-weight: 700;
  max-width: 590px;
  line-height: 48px;
}

.popUpCallback__subheader {
  font-weight: 300;
  font-size: 26px !important;
  line-height: 32px;
  max-width: 540px;
}

#callBackForm .form-footer {
  margin-top: 30px;
}

#callBackForm .form-footer input {
  min-width: 230px;
  font-size: 18px;
  background-color: #00cdcc;
  border: 2px solid #00cdcc;
  color: #fff;
}

#callBackForm .input:focus::placeholder {
  font-size: 0;
}

#callBackForm .trial-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#callBackForm .trial-col {
  width: 48%;
}

.contact-form__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.contact-form__left {
  margin-right: 69px; 
  width: 100%;
}

.contact-form__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

 @media screen and (min-width: 1024px) {
.contact-form__left {
  margin-right: 68px; 

}
.contact-form__inner {
    flex-direction: row;
}
} 

 @media screen and (min-width: 1200px) {
.contact-form__left {
  margin-right: 128px; 

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

.address__content {
  margin-left: 16px;
}

.address__content p {
  margin: 0;
}

.address__text {
  font-size: 16px;
  line-height: 1.2;
}

.address__item + .address__item {
  margin-top: 40px;
}

.address__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.address__item .address__title {
  margin-bottom: 4px;
}
@media screen and (min-width: 767px) {
  .address__title {
    font-size: 20px;
  }
}
.box_big-number {
  margin-top: 24px;
  margin-left: 77px;
}
.big-number {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
}

.address__icon {
  width: 64px;
  height: 64px;
}

.stats-title {
  font-size: 24px;
  line-height: 100%;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
}

@media (max-width: 1023px) {
  .contact-form__left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 64px;
  }

  .contact-form__right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #callBackForm .trial-col {
    width: 100%;
  }

  .popUpCallback__header {
    font-size: 22px;
    line-height: 26px;
  }

  .popUpCallback__subheader {
    font-size: 18px !important;
    line-height: 24px;
  }

  #trialForm .trial-col {
    width: 100%;
  }

  #trialForm .form-footer {
    flex-wrap: wrap;
  }

  #trialForm .terms-and-conditions {
    margin-bottom: 24px;
  }

  .big-number {
    font-size: 24px;
  }

  div.contact-form__left > h3 {
    line-height: 30px;
  }
}

.site-nav__open {
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
}

.site-nav__open span {
  width: 100%;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: all 0.3s ease;
}

.site-nav__open span:first-child {
  margin-bottom: 4px;
}

.site-nav__open span:last-child {
  margin-top: 4px;
}

.site-nav__open.opened span:first-child {
  transform: rotate(45deg);
  margin: 0;
  opacity: 1;
  visibility: visible;
}

.site-nav__open.opened span:last-child {
  transform: rotate(-45deg);
  margin: 0;
  opacity: 1;
  visibility: visible;
}

.site-nav__open.opened span {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.site-nav-mob .callback {
  border-radius: 20px;
  border: 2px solid #fff;
  padding: 2px 12px;
  color: #00cdcc;
}

.site-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

body.overflow-hidden {
  overflow: hidden;
}

.partner-grid .grid__item img,
.partners-gallery img {
  max-width: 100%;
  width: auto;
  filter: grayscale(1);
  transition: all 0.2s;
}

.partner-grid .grid__item img:hover,
.partners-gallery img:hover {
  filter: grayscale(0);
}

@media (max-width: 767px) {
  .site-footer__info .grid {
    display: flex;
    flex-direction: column;
  }

  .site-footer__info .grid__item:first-child {
    margin-bottom: 32px;
  }

  .site-footer__menu {
    margin: 0;
  }

  .contact-form__header {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
  }

  .contact-form__subheader {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 32px;
  }
}

.header__inner {
  display: flex;
  width: 100%;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
}

.phestaSlider {
  padding: 0;
}

.page-section--with-map {
  padding-bottom: 0;
}

.demac-list li {
  position: relative;
  padding-left: 17px;
  margin-bottom: 8px;
}

.demac-list li:last-child {
  margin-bottom: 0;
}

.demac-list li:before {
  position: absolute;
  left: 0;
}

a[data-scroll="second-section"] {
  display: none;
}

@media (max-width: 767px) {
  a[data-scroll="second-section"] {
    display: block;
  }
}

.header__item--nav {
  align-self: stretch;
}

.site-nav__menu > li {
  position: relative;
  display: flex;
  align-items: center;
}
.site-nav__menu .mob-callback{
  margin-bottom: 8px;
}

.site-nav__menu > li.has-child.active .sub-menu {
  opacity: 1;
  visibility: visible;
}

.site-nav__menu .sub-menu {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 70px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: left;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.site-nav__menu .sub-menu-list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.site-nav__menu .sub-menu-list li {
  margin: 0 30px 0 0;
}

.site-nav__menu .sub-menu-list li:last-child {
  margin: 0;
}

.site-nav__menu .sub-menu-list li a {
  font-weight: 400;
}
.site-nav__menu .tel a{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (min-width: 1025px) {
  .site-nav__menu > li.has-child:hover > a::after {
    opacity: 1;
  }

  .site-nav__menu > li.has-child:hover > a::before {
    opacity: 0;
  }

  .site-nav__menu > li.has-child:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 480px) {
  .site-nav__menu .sub-menu {
    background-color: transparent;
    height: calc(var(--vh, 1vh) * 100);
    padding: 34px 16px 190px 16px;
    display: flex;
    flex-direction: column;
  }

  .site-nav__menu .sub-menu-list {
    flex-direction: column;
  }

  .site-nav-mob.submenu-active > .menu-item > a,
  .site-nav-mob.submenu-active > .menu-item > a {
    display: none;
  }

  .sub-menu-back {
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 20px;
    border: 2px solid #00cdcc;
    padding: 2px 20px;
  }

  .site-nav__menu > li.has-child {
    padding-right: 0;
  }

  .site-nav__menu > li.has-child a {
    padding-right: 0;
    font-weight: 700;
  }

  .site-nav__menu > li.has-child > a::before,
  .site-nav__menu > li.has-child > a::after {
    content: " ";
    color: #fff;
    display: inline-block;
    position: absolute;
    font-size: 35px;
    height: 20px;
    width: 20px;
    right: 9px;
    line-height: 1;
    transition: all 0.2s;
    background-image: url(/svg/mob-menu-btn.svg) ;
    background-repeat: no-repeat;
    background-position: center;
  }

  .site-nav__menu > li.has-child > a::before {
    top: 4px;
    opacity: 1;
  }

  .site-nav__menu > li.has-child > a::after {
    top: 6px;
    opacity: 0;
    color: #00cdcc;
  }

  .site-nav__menu > li.has-child.active > a::after {
    opacity: 1;
  }

  .site-nav__menu > li.has-child.active > a::before {
    opacity: 0;
  }
}

.jc-center {
  justify-content: center;
}

.al-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.callback {
  cursor: pointer;
}

@media (max-width: 991px) {
  .service-panel p,
  .selectionShareable,
  .page-section--toronto,
  .hero__subheading,
  .work--subheading,
  .opportunities__list li {
    font-size: 20px;
  }

  .stats-column__label--small {
    font-size: 12px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

#topnotice {
  display: none;
  height: 0;
}

@media (min-width: 767px) {
  #topnotice {
    width: 100%;
    display: block;
    height: 46px;
  }

  #topnotice a.link {
    display: block;
    height: 46px;
    color: #fff;
    text-decoration: none !important;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: 300;
    transition: none;
    background: #456ede;
    background: -webkit-linear-gradient(left, #00bcbc, #456ede, #07c4d3);
    background: linear-gradient(to right, #00bcbc, #456ede, #07c4d3);
    background-repeat: repeat-x;
  }

  #topnotice .outline {
    border: 1px dashed #fff;
    display: inline-block;
    padding: 0 5px;
  }

  #topnotice .btn {
    float: right;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    padding: 3px 14px;
    width: 115px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    top: -3px;
  }

  #topnotice + #SiteHeader.position-top {
    top: 46px;
  }
}

@media (min-width: 991px) {
  #topnotice {
    height: 50px;
  }

  #topnotice a.link {
    height: 50px;
    font-size: 15px;
  }

  #topnotice + #SiteHeader.position-top {
    top: 50px;
  }

  #topnotice .btn {
    top: -1px;
  }
}

@media (min-width: 1025px) {
  #topnotice .btn {
    left: -100px;
  }
}

@media screen and (max-width: 1080px) {
  #topnotice .btn {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 459px) {
  div.page-content
    div.page-content__inner
    div.page-section.page-section--grey.page-section--flush-top
    div.page-width.text-center
    div.grid
    div.grid__item.medium-up--five-twelfths
    p.text-left {
    min-height: 440px;
  }
}

@media (min-width: 460px) and (max-width: 767px) {
  div.page-content
    > div
    > div.page-section.page-section--small.page-section--purple-soft
    > ul
    > li
    > p.stats-column__label.stats-column__label--small {
    font-size: 14px;
  }

  div.page-content
    div.page-content__inner
    div.page-section.page-section--grey.page-section--flush-top
    div.page-width.text-center
    div.grid
    div.grid__item.medium-up--five-twelfths
    p.text-left {
    min-height: 380px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--one-quarter.medium-up--text-left {
    width: 30%;
  }

  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--three-quarters.medium-up--text-right {
    width: 70%;
  }

  div.page-content
    > div
    > div.page-section.page-section--grey.page-section--flush-top
    > div.page-width.text-center
    > div.grid
    > div:nth-child(3)
    > p.text-left {
    padding-bottom: 30px;
  }

  div.page-content
    > div
    > div.partner-blocks
    > div
    > div
    > div
    > div.partner-block__inner
    > h5 {
    font-size: 16px !important;
  }

  div.page-content
    > div
    > div.partner-blocks
    > div.page-width
    > div.partner-blocks__inner.clearfix.grid.flex
    > div
    > div {
    padding-left: 5px;
    padding-right: 10px;
  }
}

@media (min-width: 1025px) and (max-width: 1349px) {
  #More > div.grid > div.grid__item.medium-up--seven-twelfths > p {
    margin-bottom: 25px;
  }

  div.page-content
    > div.page-content__inner
    > div.page-section.page-section--grey.page-section--flush-top {
    padding-bottom: 0px;
    margin-top: -20px;
  }

  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--one-quarter.medium-up--text-left {
    width: 30%;
  }

  footer
    > div.site-footer__info.text-center
    > div.page-width
    > div.grid
    > div.grid__item.medium-up--three-quarters.medium-up--text-right {
    width: 70%;
  }

  #SiteNav > li > a {
    font-size: 10px;
    font-weight: 600;
  }
}

@media (min-width: 1350px) and (max-width: 3000px) {
  #Content
    > div.page-content
    > div.page-content__inner
    > div.page-section.opportunities {
    padding-bottom: 30px;
  }

  #More > div.grid > div.grid__item.medium-up--seven-twelfths > p {
    margin-bottom: 10px;
  }
}

div.grid__item.medium-up--one-quarter.medium-up--text-left > div > strong {
  font-weight: 400;
}

/* 404 */
.mg-page-404,
.page-section--404 {
  background: #f8f8f8;
  text-align: center;
}

.mg-page-404 {
  margin-top: 40px;
}

.mg-page-404 .mp-wrapp {
  background: url(../jpg/404.jpg) center top no-repeat;
  background-size: contain;
  padding-top: 57%;
  padding-bottom: 32px;
}

.mg-page-404__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.mg-page-404__subtitle {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #909090;
  margin-top: 8px;
}

.mg-page-404__button {
  display: block;
  background: linear-gradient(180deg, #00cdcc 0%, #00cdcc 100%);
  border: 1px solid #00cdcc;
  box-shadow: 0px 8px 12px rgba(45, 191, 96, 0.30025);
  border-radius: 34px;
  padding: 16px;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
  margin-top: 24px;
}

@media (min-width: 600px) {
  .mg-page-404__title {
    font-size: 32px;
    line-height: 40px;
  }

  .mg-page-404__subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .mg-page-404__button {
    display: inline-block;
    min-width: 292px;
    margin-top: 34px;
  }
}

@media (min-width: 960px) {
  .mg-page-404__title {
    font-size: 40px;
    line-height: 48px;
  }

  .mg-page-404__subtitle {
    font-size: 20px;
    line-height: 30px;
    margin-top: 12px;
  }

  .mg-page-404__button {
    margin-top: 50px;
    padding: 20px;
  }
}

.grid__item-cms {
  max-width: 350px;
  width: 100%;
  height: 75px;
  margin-bottom: 25px;
  object-fit: contain;
}

@media only screen and (min-width: 750px) {
  .page-width--services .demac-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px 50px;
  }
}

.page-section--cms-list .grid {
  padding-top: 25px;
}

@media screen and (max-width: 576px) {
  .page-section--cms-list .medium-up--five-twelfths:not(:first-child) {
    margin-top: 50px;
  }

  .grid__item-cms {
    margin-bottom: 15px;
  }
}

.page-section--migration {
  padding: 60px 0;
}

.captcha-wrap {
  margin-top: 30px;
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

.captchaspan {
  text-transform: uppercase;
}

@media screen and (max-width: 576px) {
  .captcha-wrap {
    flex-direction: column;
  }
}

/* Filters */
.filters__wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 10px;
}

.filters__item {
  cursor: pointer;
  background-color: #00cdcc;
  color: #fff;
  border-radius: 25px;
  padding: 3px 14px;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s ease;
}

.filters__item:hover,
.filters__item.active {
  background-color: #705cbb;
}

.filter__project {
  overflow: hidden;
  transition: 0.7s ease;
}

.filter__project-desc {
  cursor: pointer;
}

.filter__project.anime {
  opacity: 0;
  height: 0 !important;
  padding: 0;
}

.filter__project.block-reverse {
  background-color: #705cbb;
  color: #fff;
}

.filter__project .work--heading {
  margin: 20px 0;
}

.filter__project .grid__item {
  width: 45%;
  left: 3%;
}

.filter__project.block-reverse .grid__item {
  right: 3%;
  left: 52%;
}

.filter__project .alternating-image,
.filter__project .work--image-2,
.filter__project .work--image-3 {
  position: absolute;
  display: block;
  max-width: 50%;
  margin-bottom: -35px;
  float: right;
  right: 0;
}

.filter__project.block-reverse .alternating-image,
.filter__project.block-reverse .work--image-2,
.filter__project.block-reverse .work--image-3 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  max-width: 50%;
  float: left;
  right: auto;
}

@media only screen and (min-width: 1000px) {
  .filter__project .grid__item {
    left: 17%;
    width: 33.33333%;
  }
}

@media screen and (max-width: 1180px) {
  .filter__project .grid__item {
    width: 45%;
    left: 3%;
  }
}

@media screen and (max-width: 800px) {
  .filter__project .grid__item {
    width: 96%;
    left: 2%;
  }

  .filter__project.block-reverse .grid__item {
    left: 2%;
  }

  .filter__project .alternating-image,
  .filter__project .work--image-2,
  .filter__project .work--image-3 {
    display: none;
  }

  .filter__project .work--image-2-small {
    margin-left: -35px;
  }

  .filter__project.block-reverse .work--image-2-small {
    margin-left: 35px;
  }
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 10px;
}

.close:hover,
.close:focus {
  color: #00cdcc;
  text-decoration: none;
  cursor: pointer;
}

.filter__project-full img {
  width: 80%;
}

/* Case */
.case-section,
.case-details {
  text-align: center;
  margin-top: 100px;
}

.case-section .title {
  font-size: 42px;
  font-weight: 700;
}

.case-section .text {
  margin-top: 50px;
}

.case-images {
  margin-top: 50px;
}

.case-details .text {
  font-size: 32px;
}

.case-details__data {
  margin-top: 20px;
}

.case-details__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 100px;
  padding-top: 30px;
  font-size: 24px;
}

.case-details__item {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  color: #000;
}

@media screen and (max-width: 576px) {
  .case-section .title {
    font-size: 24px;
    line-height: 1.2;
  }

  .case-section .text {
    margin-top: 20px;
  }

  .case-details__nav {
    padding-bottom: 100px;
    font-size: 18px;
  }

  .case-section,
  .case-details {
    margin-top: 56px;
  }

  .case-images {
    padding: 0 7px;
  }
}

.tooltip {
  position: fixed;
  padding: 10px 20px;
  border: 1px solid #b3c9ce;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  z-index: 9999;
  color: #333;
  background: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* Kostyantyn Semenchuk code start */
div.page-section-info__right h4 {
  font-weight: 300;
  color: #fbfbfb;
  font-size: 16px;
  line-height: 1.2;
  margin: 0;
}
div.page-section-info__right div > p {
  font-weight: 300;
  color: #fbfbfb;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}
.page-section-info__right .page-section-block__rectangle {
  display: flex;
  align-items: end;
  padding: 86px 12px 12px 12px;
  background-color: #705cbb;
  margin-bottom: 24px;
}
.page-section-info__right .page-section-block__circle {
  background-color: #00cdcc;
  border-radius: 50%;
  padding: 0 24px;
  padding-top: 65px;
  width: 221px;
  height: 214px;
  margin-left: auto;
  margin-bottom: -80px;
}
.page-section-info__right .page-section-block__triangle {
  background-color: #1e1c34;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  width: 288px;
  height: 248px;
  margin-bottom: 24px;
  padding: 126px 120px 12px 12px;
}
.btn.about-show-medium {
  background-color: #fbfbfb;
  color: #1e1c34;
  border: 2px solid #1e1c34;
  font-weight: 700;
  letter-spacing: 2px;
  transition: all 0.3s ease-in;
}

@media screen and (min-width: 1100px) {
  div.page-section-info__right div > p {
    line-height: 1.2;
  }
  div.page-section-info__right h4 {
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  .btn.about-show-medium {
    max-width: 320px;
  }
  div.page-section-info__right div > p,
  div.page-section-info__right h4 {
    font-size: 20px;
  }
  .page-section--info .page-section-info__right {
    position: relative;
    flex-direction: row;
    max-width: 800px;
  }
  .page-section-info__right .page-section-block__triangle {
    width: 345px;
    height: 280px;
  }
  .page-section-info__right .page-section-block__circle {
    position: absolute;
    left: 70%;
    bottom: 80%;
    padding-top: 70px;
    z-index: 2;
    width: 250px;
    height: 250px;
  }
  .page-section-info__right .page-section-block__rectangle {
    padding-top: 0px;
    margin-right: 24px;
    width: 320px;
  }
}
@media screen and (min-width: 1100px) {
  .btn.about-show-medium {
    max-width: 391px;
  }
  .page-section-info__right .page-section-block__rectangle {
    width: 394px;
    height: 314px;
  }
  .page-section-info__right .page-section-block__triangle {
    padding-top: 205px;
    padding-right: 120px;
    width: 393px;
    height: 314px;
  }
  .page-section-info__right .page-section-block__circle {
    padding-top: 90px;
    padding-right: 46px;
    width: 293px;
    height: 293px;
    left: 82%;
    bottom: 57%;
  }
}
.page-section--large__circle-first {
  position: absolute;
  border-radius: 50%;
  background-color: #1e1c34;
  width: 168px;
  height: 168px;
  top: 4%;
  left: 65%;
}
.page-section--large__circle-second {
  position: absolute;
  border-radius: 50%;
  background-color: #1e1c34;
  bottom: 37%;
  left: 80%;
  width: 226px;
  height: 226px;
}
.page-section--large__circle-third {
  position: absolute;
  border-radius: 50%;
  background-color: #1e1c34;
  width: 358px;
  height: 358px;
  border: 45px solid #fbfbfb;
  z-index: 151;
  left: 70%;
  bottom: calc(0% - 158px);
}

@media screen and (max-width: 1320px) {
  .page-section--large__circle-third,
  .page-section--large__circle-second,
  .page-section--large__circle-first {
    display: none;
  }
}
@media screen and (min-width: 1320px) {
  .page-section--large__circle-third,
  .page-section--large__circle-second,
  .page-section--large__circle-first {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.stats-title span {
  color: #00cdcc;
  font-weight: 300;
}
.page-section .page-section-purple-soft__text {
  margin-bottom: 32px;
}
.page-section-purple-soft__text p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
}
.stats-columns--has-dividers .stats-column {
  border-left: 1px solid #fff;
}
@media screen and (min-width: 540px) {
  .stats-columns--has-dividers .stats-column:last-child {
    border-right: 1px solid #fff;
  }
  .stats-columns--has-dividers .stats-column {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
  }
}

.counter_stats::after {
  content: "+";
}

@media screen and (min-width: 768px) {
  .page-section-purple-soft__text p {
    font-size: 20px;
  }
  .page-section .page-section-purple-soft__text {
    margin-bottom: 80px;
    max-width: 600px;
  }
}

.blockTitle span {
  color: #00cdcc;
  font-weight: 300;
}
.row.service-panel  .service-panel_item{
 transition: all 0.4s;
 display: grid;
grid-template-rows: 1fr 1fr;
}
.row.service-panel > .service-panel_item{
  padding-left: 12px;
   padding-right: 12px;
}
  .row.service-panel > .service-panel_item:nth-child(2n + 1) {
  background-color: #FBFBFB;
  color: #1E1C34;
}
.row.service-panel > .service-panel_item:nth-child(2n) i {
  color: #00cdcc;
}
.row.service-panel > .service-panel_item:nth-child(2n) .service-panel-line {
  border-color: #00cdcc;
}
.row.service-panel > .service-panel_item:nth-child(2n + 1) > div > h5 {
  color:  #1E1C34;
}
.row.service-panel > .service-panel_item:hover,.row.service-panel > .service-panel_item:focus{
    background-color: #1e1c34;
    color: #fbfbfb;
}
.row.service-panel > .service-panel_item:hover div h5{
    color: #fbfbfb;
}

   
.service-panel-line {
  width: 100%;
  border: 0.5px solid #00cdcc;
  margin: 0 auto;
}
.row.service-panel .service-panel-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
  margin-top: 16px;
  line-height: 1;
}
@media screen and (min-width: 500px) {
  .row.service-panel .service-panel-content p {
     font-size: 16px;
  }
}
.row.service-panel.style1 {
  display: grid;
  margin: 0;
  text-align: center;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .row.service-panel.style1 {
    grid-template-rows: 1fr;
  }

}
@media screen and (min-width: 767px) {
  .row.service-panel > .service-panel_item{
  padding-left: 24px;
   padding-right: 24px;
}
  .advantag_title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 80px;
  }
  .container.page-width.page-section {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .startProject__inner h3.blockTitle {
    font-size: 40px;
    margin-bottom: 32px;
    text-align: center;
    display: block;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .row.service-panel > .service-panel_item .service-panel-line h5 {
    font-size: 20px;
  }
  .row.service-panel .service-panel-content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px) {
  .row.service-panel.style1 {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
  }
}
@media screen and (min-width: 1000px) {
  .row.service-panel.style1 {
    row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.purpose-text {
  font-size: 16px;
  text-align: start;
  line-height: 1.2;
}
@media screen and (min-width: 767px) {
  .purpose-text {
    font-size: 20px;
  }
}
/* solutions-section*/
.solutions-section {
  background-color: #1e1c34;
  position: relative; /* Або absolute, fixed, sticky */
  z-index: 5;
}

.solutions_title {
  color: #fbfbfb;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 16px;
  letter-spacing: 2px;
}
.solutions-title_suffix {
  font-weight: 300;
  color: #00cdcc;
}
.solutions_text {
  color: #fbfbfb;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 32px;
}

.solutions-section .div-slid {
  padding: 24px;
  justify-content: space-between;
}
@media (min-width: 767px) {
  .solutions_title {
    font-size: 40px;
    margin-bottom: 24px;
  }
  .solutions_text {
    font-size: 20px;
    margin-bottom: 80px;
  }
}
/* slider*/

.slider {
  width: 100%;

  margin: 0 auto;
  position: relative;
}

.slider__window {
  overflow: hidden;
  width: 100%;
  margin-bottom: 32px;
}

.slider__line {
  background-color: rgb(244, 244, 244);
  display: flex;
  transition: all 1s;
}
.div-slid {
  display: flex;
  flex-direction: column;
}

.slider__wrapper {
  display: flex;
  column-gap: 8px;
  justify-content: center;
}

.slider__dot {
  width: 12px;
  height: 12px;
  opacity: 0.7;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.5s;
  background-color: #d9d9d9;
}

.slider__dot:hover {
  background-color: #764e29;
  opacity: 1;
}

.active-dot {
  background-color: #705cbb;
  opacity: 9;
}
.solutions-section_white {
  color: #fbfbfb;
}
.solutions-section_magneto {
  color: #00cdcc;
}
.solutions-section_purple {
  color: #705cbb;
}
.image_slide {
  border-radius: 50%;
  width: 61px;
  height: 61px;
  background-color: #1e1c34;
  margin-left: auto;
/*   margin-bottom: 52px; */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.div-slid.card {
  transition: all 0.4s;
}
.div-slid.card:hover {
  background-color: #1e1c34;
  color: #fbfbfb;
}
.div-slid.card:hover .image_slide {
  background-color: #fbfbfb;
  color: #1e1c34;
}

.slider__line .div-slid:nth-child(2) .image_slide,
.slider__line .div-slid:nth-child(3) .image_slide,
.slider__line .div-slid:nth-child(5) .image_slide,
.slider__line .div-slid:nth-child(8) .image_slide,
.slider__line .div-slid:nth-child(9) .image_slide,
.slider__line .div-slid:nth-child(11) .image_slide,
.slider__line .div-slid:nth-child(13) .image_slide {
  background-color: #fbfbfb;
}
.title_slide {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.text_slide {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 767px) {
  .slider__wrapper_none {
    display: none;
  }
  .ecommerce-technologies .slider__wrapper {
    display: flex;
  }
}

@media (max-width: 1300px) {
  .slider__dot {
    width: calc(12px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
    height: calc(12px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
  }

  .slider__wrapper {
    column-gap: calc(8px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
  }
}
@media (min-width: 767px) {
  .container.solutions-section {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
}
@media screen and (min-width: 767px) and (max-width: 1200px) {
  .card-a {
    grid-area: a;
  } /* Годинники: 2 рядки */
  .card-b {
    grid-area: b;
  } /* Шкіряні вироби: 2 стовпці */
  .card-c {
    grid-area: c;
  } /* Одяг: 2 рядки */
  .card-d {
    grid-area: d;
  } /* Прикраси: 2 рядки */
  .card-e {
    grid-area: e;
  } /* Двері та фурнітура: 2 рядки */
  .card-f {
    grid-area: f;
  } /* Їжа: 2 рядки */
  .card-g {
    grid-area: g;
  } /* Обладнання: 2 стовпці та 2 рядки */
  .card-h {
    grid-area: h;
  } /* Меблі: займає 1 клітинку */
  .card-i {
    grid-area: i;
  } /* Медичні вироби: займає 1 клітинку */
    .card-j {
    grid-area: j;
  } /* Медичні вироби: займає 1 клітинку */
    .card-k {
    grid-area: k;
  } /* Медичні вироби: займає 1 клітинку */
    .card-l {
    grid-area: l;
  } /* Медичні вироби: займає 1 клітинку */
    .card-m {
    grid-area: m;
  } /* Медичні вироби: займає 1 клітинку */

  .card-grid-v4 {
    display: grid;
    background-color: #1e1c34;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-template-areas:
      "a a"
      "b c"
      "d d"
      "e f"
      "h h"
      "g i"
      "j j"
      "k l"
      "m m"
      ;
  }
  .card.div-slid {
    padding: 24px;
    color: white;
  }
}

/* Призначаємо кожній картці її місце в макеті */
.card-a {
  background-color: #fbfbfb;
} /* Годинники: 2 рядки */
.card-b {
  background-color: #00cdcc;
} /* Шкіряні вироби: 2 стовпці */
.card-c {
  background-color: #705cbb;
} /* Одяг: 2 рядки */
.card-d {
  background-color: #fbfbfb;
} /* Прикраси: 2 рядки */
.card-e {
  background-color: #705cbb;
} /* Двері та фурнітура: 2 рядки */
.card-f {
  background-color: #fbfbfb;
} /* Їжа: 2 рядки */
.card-g {
  background-color: #fbfbfb;
} /* Обладнання: 2 стовпці та 2 рядки */
.card-h {
  background-color: #00cdcc;
} /* Меблі: займає 1 клітинку */
.card-i {
  background-color: #705cbb;
} /* Медичні вироби: займає 1 клітинку */
.card-j {
  background-color: #fbfbfb;
} /* Медичні вироби: займає 1 клітинку */
.card-k {
  background-color: #705cbb;
} /* Медичні вироби: займає 1 клітинку */
.card-l {
  background-color: #fbfbfb;
} /* Медичні вироби: займає 1 клітинку */
.card-m {
  background-color: #00cdcc;
} /* Медичні вироби: займає 1 клітинку */

div.card-a.card,
div.card-d.card,
div.card-f.card,
div.card-g.card,div.card-j.card,div.card-l.card {
  color: #1e1c34;
}
@media (min-width: 1200px) {
  .image_slide {
    margin-bottom: 0;
  }
  .card-grid-v4 {
    display: grid;
    background-color: #1e1c34;
    gap: 24px;

    grid-template-columns: repeat(12, 1fr);
    grid-template-rows:
      1fr /* Рядок 1 */
      50px
      100px /* Рядок 2 (збільшили) */
      50px /* Рядок 3 (збільшили) j k l m */
      1fr
      0.9fr
      0.9fr
      1.2fr
      1.4fr;

    grid-template-areas:
      "a a a a a b b b b b b b "
      "a a a a a b b b b b b b "
      "a a a a a d d d e e e e "
      "c c c c c d d d e e e e "
      "c c c c c d d d e e e e "
      "f f f h h h h g g g g g "
      "f f f h h h h i i i i i "
      "j j j j j j j j m m m m "
      "k k k k l l l l m m m m "
      ;
  }
  /* Призначаємо кожній картці її місце в макеті */
  .card-a {
    grid-area: a;
  } /* Годинники: 2 рядки */
  .card-b {
    grid-area: b;
  } /* Шкіряні вироби: 2 стовпці */
  .card-c {
    grid-area: c;
  } /* Одяг: 2 рядки */
  .card-d {
    grid-area: d;
  } /* Прикраси: 2 рядки */
  .card-e {
    grid-area: e;
  } /* Двері та фурнітура: 2 рядки */
  .card-f {
    grid-area: f;
  } /* Їжа: 2 рядки */
  .card-g {
    grid-area: g;
  } /* Обладнання: 2 стовпці та 2 рядки */
  .card-h {
    grid-area: h;
  } /* Меблі: займає 1 клітинку */
  .card-i {
    grid-area: i;
  } /* Медичні вироби: займає 1 клітинку */
    .card-j {
    grid-area: j;
  } /* Медичні вироби: займає 1 клітинку */
    .card-k {
    grid-area: k;
  } /* Медичні вироби: займає 1 клітинку */
    .card-l {
    grid-area: l;
  } /* Медичні вироби: займає 1 клітинку */
    .card-m {
    grid-area: m;
  } /* Медичні вироби: займає 1 клітинку */


  /* Базовий стиль для всіх карток */
  .card.div-slid {
    padding: 24px;
    color: white;
  }
}
/*blog sectoin*/
.blog_title {
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 2px;
}
@media screen and (min-width: 767px) {
  .blog_title {
    font-size: 40px;
    margin-bottom: 80px;
  }
  .blog_grid .slider__line {
    transform: none;
    display: grid;
    gap: 25px;
  }
  .ecommerce-technologies .blockTitle span {
    color: #1e1c34;
  }
}
.blog_section .div-slid {
  padding: 0;
  height: fit-content;
}
.blog_section .div-slid:hover .fixed-grid__link.quick-link-trigger {
  background-color: #705cbb;
}
.blog_section .div-slid:hover .entry__date,
.blog_section .div-slid:hover .fixed-grid__title {
  color: #fff;
}
@media screen and (min-width: 900px) {
  .blog_grid .slider__line {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fixed-grid__link {
    height: 300px;
  }
}

/*ecommerce-technologies*/
.ecommerce-technologies .blockTitle {
  text-align: start;
  margin-bottom: 16px;
  letter-spacing: 2px;
}
.ecommerce-technologies .ecommerce-technologies_text {
  margin-bottom: 32px;
  font-size: 16px;
  text-align: start;
}


.ecommerce-technologies .div-slid {
  background-color: #fbfbfb;
}
.ecommerce-technologies .slider__line {
  color: #bbbbc7;
}
  .ecommerce-technologies .slider__line {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  } 
   .ecommerce-technologies .slider__window{
    margin-bottom: 0px;
   }
  @media screen and (max-width: 767px) {
 .ecommerce-technologies .slider__line .div-slid svg {
  width: 100%;
  height: auto;
} 
 .ecommerce-technologies .slider__line .partners-gallery__item--wide{
   width: fit-content;
 }
  }
  
  .ecommerce-technologies {
    background-color: #00cdcc;
  }
  .ecommerce-technologies .div-slid {
    background-color: #00cdcc;
  }
    .ecommerce-technologies .slider__line {
    background-color: inherit;
    color: #fbfbfb;
  }
    .ecommerce-technologies a {
    color: #1e1c34;
  }
  @media screen and (min-width: 480px) {
  .ecommerce-technologies .div-slid {
    display: flex;
    align-items: center;
  }
  }
@media screen and (min-width: 767px) {

  .ecommerce-technologies .blockTitle {
    font-size: 40px;
    text-align: center;
    margin-bottom: 24px;
  }
  

  .ecommerce-technologies .ecommerce-technologies_text {
    font-size: 20px;
  }
  .ecommerce-technologies .slider__line {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .ecommerce-technologies .slider__line {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* section our cases*/
.section-our-cases {
  background-color: #f4f3f6;
}
.container_cases {
  padding: 64px 0;
}
.our-cases_title {
  margin-bottom: 32px;
}
.our-cases-title_pref {
  font-weight: 300;
  color: #00cdcc;
}
.container_cases .div-slid {
  padding: 24px 12px;
  display: grid;
  align-items: flex-start;
    grid-auto-rows: 53px 56px 24px auto;
}
.container_cases .div-slid:nth-child(2) {
  background-color: #705cbb;
}
.container_cases .div-slid:nth-child(3) {
  background-color: #1e1c34;
}.container_cases .div-slid:nth-child(4) {
  background-color:#00CDCC;
}
.container_cases .div-slid:nth-child(5) {
  background-color: #1e1c34;
}
.container_cases .div-slid:nth-child(6) {
  background-color: #705cbb;
}
.our-cases_link {
  display: block;
  padding: 6px 15px;
  border-radius: 99px;
  background-color: #fbfbfb;
  margin-left: auto;
  margin-bottom: 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #1e1c34;
}
.our-cases_line {
  border: 0.5px solid #fbfbfb;
  margin-bottom: 16px;
  height: 0;
}

.container_cases .div-slid img {
  margin-bottom: 16px;
}
.container_cases .our-cases_text {
  color: #fbfbfb;
  font-size: 16px;
  white-space: normal;
  line-height: 1.2;
}
.our-cases_list {
  list-style-type: none;
  margin: 0;
}
.our-cases_list .our-cases-list_item {
  font-size: 16px;
  color: #fbfbfb;
  line-height: 1.2;
}
.our-cases_list .our-cases-list_item::before {
  content: "•";
  color: #fbfbfb;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.our-cases_title.our-cases_desc {
  margin-right: 52px;
}
@media screen and (max-width: 767px) {
  .our-cases_title.our-cases_desc {
    display: none;
  }
  .container_cases_btn {
    display: none;
  }
  .container_cases .our-cases_text {
  margin-bottom: 16px;

}
}

@media screen and (min-width: 767px) {
  .container_cases_btn {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 24px;
    top: -13%;
    left: 85%;
  }
  .container_cases .our-cases_text {
  margin-bottom: 0px;

}
  .container_cases_btn .next-btn,
  .container_cases_btn .prev-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container_cases_btn .next-btn {
    transform: rotate(180deg);
    transform-origin: center;
  }
  .our-cases_title.our-cases_modile {
    display: none;
  }
  .container_cases .div-slid {
    padding: 36px;
  }
  .our-cases_title.our-cases_desc {
    display: inline;
    width: fit-content;
  }
  .container_cases .slider__window {
    margin-bottom: 40px;
  }
  .container_cases .slider__wrapper .active-dot {
    background-color: #000000;
  }
  .container_cases .slider__wrapper {
    gap: 0;
    justify-content: start;
  }
  .container_cases .slider__dot {
    width: calc(90% / 5);
    border-radius: 0;
    height: 3px;
    background-color: #d9d9d9;
  }
}
@media screen and (min-width: 767px) {
  .container_cases .our-cases_text,
  .container_cases .our-cases-list_item {
    font-size: 20px;
  }
  .our-cases_line {
    width: 100%;
  }
  .container_cases .our-cases_text {
    display: block;
    width: 50%;
  }
  .container.section-our-cases {
    padding-left: 7.5%;
    padding-right: 0;
  }
  .our-cases_title {
    font-size: 40px;
  }
  .our-cases_list {
    white-space: normal;
  }
  .container_cases {
    padding: 120px 0;
  }

  .section-our-cases .slider__line::-webkit-scrollbar {
    display: none;
  }
  .section-our-cases .slider__line {
    width: 100%;
    align-items: stretch;

    white-space: nowrap;
  }
  .our-cases-container_card {
    display: flex;
    gap: 24px;
  }
  .slider__line.active {
    cursor: grab;
  }
}

/*Contact form*/

.contact-form-header_pref {
  font-weight: 300;
  color: #00cdcc;
}

.address__icon img {
  min-width: max-content;
  max-width: fit-content;
}

.footer-logo_title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fbfbfb;
  margin-bottom: 16px;
  text-align: start;
  line-height: 1;
}
.footer-logo-title_pref {
  color: #00cdcc;
  font-weight: 300;
}
.footer-text-top {
  color: #fbfbfb;
  margin-bottom: 16px;
  text-align: start;
  line-height: 1.2;
}
.site-footer_container-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 32px;
}
div a.site-footer__link {
  text-align: start;
  font-size: 16px;
}
.site-footer__menu {
  display: flex;
  flex-direction: column;
  text-align: start;
  text-transform: uppercase;
  color: #fbfbfb;
  gap: 16px;
  margin-bottom: 32px;
}
@media (min-width: 767px) {
  .footer_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .footer-logo_title {
    font-size: 26px;
  }
  .footer_container > div {
    flex-basis: 40%;
  }
  .footer-text-top {
    font-size: 16px;
  }
}
@media (min-width: 1100px) {
  .site-footer__menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .site-footer_container-link {
    flex-direction: row;
    align-items: center;
  }
  .footer-logo_title {
    font-size: 36px;
  }
  .copyright_text {
    font-size: 16px;
    text-align: start;
  }
}

.start-project-btn_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

@media (min-width: 480px) {
  .start-project-btn_container a {
    width: 306px;
  }
  .start-project-btn_container {
    align-items: center;
  }
}
@media (min-width: 767px) {
  .start-project-btn_container {
    flex-direction: row;
  }
  .start-project-btn_container a {
    flex-basis: 25%;
  }
}
.copyright_text {
  text-align: start;
}
/*demac-purpose*/
.demac-purpose_background {
  display: grid;
  grid-template-columns: 165px 165px;
  gap: 12px;
}
@media screen and (max-width: 1100px) {
  .demac-purpose_background {
    display: none;
  }
}

.demac-purpose_background div {
  height: 165px;
}
.demac-purpose_background-first {
  background-color: #1e1c34;
}
.demac-purpose_background-second {
  background-color: #00cdcc;
}
.demac-purpose_background-third {
  background-color: #705cbb;
}
.background-pos {
  position: relative;
}
@media (min-width: 1100px) {
  .page-section.background-pos {
    padding: 240px 0;
  }
}
.demac-purpose_background.left {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(50%, -50%) rotate(135deg);
  transform-origin: center center;
}
.demac-purpose_background.right {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center center;
  left: 100%;
}
@media only screen and (min-width: 1100px) {
  .demac-purpose_background.left {
    transform: translate(13%, -50%) rotate(135deg);
  }
  .demac-purpose_background.right {
    transform: translate(-13%, -50%) rotate(-45deg);
  }
}
@media only screen and (min-width: 1300px) {
  .demac-purpose_background.left {
    transform: translate(50%, -50%) rotate(135deg);
  }
  .demac-purpose_background.right {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
.hs-button.primary:hover::after,
.about-show-medium.btn-arrow:hover::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(/png/black-arrow.png);
  background-size: 30px;
}
.hs-button.primary.btn-arrow {
  padding: 15px 40px;
}
@media only screen and (min-width: 767px) {
  .hs-button.primary.btn-arrow {
      margin-left: 20px;
  }
}
.hs-button.primary.btn-arrow:hover {
  padding: 15px 20px;
}

/*custom checkbox*/
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox-container .checkmark {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  user-select: none;
}
.custom-checkbox-container .checkmark::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #777;
  background-color: #fbfbfb;
  border-radius: 4px;
}

.custom-checkbox-container input:checked ~ .checkmark::before {
  background-color: #00cdcc;
  border-color: #00cdcc;
}
.checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox-container input:checked ~ .checkmark::after {
  display: block;
}

.checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.btn.btn-arrow.btnTel:hover{
  border-color: black;
}


.link-telegram-footer{
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
@media only screen and (max-width: 380px) {
.site-footer__sep{
  display: none;
}
.site-footer_container-link{
  flex-direction: column;
  align-items: start;
}
}
/* Kostyantyn Semenchuk code end */

/*new changes*/
svg{
  font-family: none;
}
.hero-height-st{
  height: 400px;
}
@media only screen and (min-width: 750px) {
  .hero-height-st{
  height: 470px;
}
}
/*Hero container*/
@media only screen and (min-width: 900px) {
.hero-container.hero--space .alternating-content{
  width: 100%;
}
.hero-container.hero--space .alternating-content h1{
  display: block;
  max-width: 890px;
}
}
@media only screen and (min-width: 900px) {
    .hero--space {
        min-height: 650px;
    }
}
@media only screen and (min-width: 1023px) {
    .hero--space {
        min-height: 600px;
    }
}