@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-DemiBold.eot?4feb04c3a834407aeea21775a4f8990e);
  src: url(/fonts/AvenirNext-DemiBold.eot?4feb04c3a834407aeea21775a4f8990e) format("embedded-opentype"), url(/fonts/AvenirNext-DemiBold.woff?391e7bb02b5630c40c276244496917c3) format("woff"), url(/fonts/AvenirNext-DemiBold.ttf?b66f123a8aa8302cd9ed5d47a796c9a3) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-DemiBoldItalic.eot?ac1eca500b5e11b959ac4649afaaf6d3);
  src: url(/fonts/AvenirNext-DemiBoldItalic.eot?ac1eca500b5e11b959ac4649afaaf6d3) format("embedded-opentype"), url(/fonts/AvenirNext-DemiBoldItalic.woff?af40683bc231da5d321a9400c66b6f3b) format("woff"), url(/fonts/AvenirNext-DemiBoldItalic.ttf?7824f6f815dbf00f78443c78eee8ef9b) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-Medium.eot?2feb9d5103932253ebb10dda68404639);
  src: url(/fonts/AvenirNext-Medium.eot?2feb9d5103932253ebb10dda68404639) format("embedded-opentype"), url(/fonts/AvenirNext-Medium.woff?daca40f341cef5206d8ed1ebb9e39910) format("woff"), url(/fonts/AvenirNext-Medium.ttf?b5394f997f4f452aa5ea998c56664519) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-MediumItalic.eot?c33ec912fff4a6de3e353c2e56e37a46);
  src: url(/fonts/AvenirNext-MediumItalic.eot?c33ec912fff4a6de3e353c2e56e37a46) format("embedded-opentype"), url(/fonts/AvenirNext-MediumItalic.woff?80ad23a14bae89eac66d825617118200) format("woff"), url(/fonts/AvenirNext-MediumItalic.ttf?56829f826f3f4105a0fb3fd374f76ac2) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-Bold.eot?b3326834353b3d29362255c4d394f051);
  src: url(/fonts/AvenirNext-Bold.eot?b3326834353b3d29362255c4d394f051) format("embedded-opentype"), url(/fonts/AvenirNext-Bold.woff?524761c0bcd54daa0e98eb435e9ae22e) format("woff"), url(/fonts/AvenirNext-Bold.ttf?1d7a6803f399eb724dacea5d3fb93648) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-BoldItalic.eot?3e371c050ade9a98fa6d90c7ab2783b8);
  src: url(/fonts/AvenirNext-BoldItalic.eot?3e371c050ade9a98fa6d90c7ab2783b8) format("embedded-opentype"), url(/fonts/AvenirNext-BoldItalic.woff?2d35c4116855e4456797c2c2534bb48f) format("woff"), url(/fonts/AvenirNext-BoldItalic.ttf?464eff4447cc9cd686fdcc6d0d1c1125) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "AvenirNext";
  src: url(/fonts/AvenirNext-UltraLight.eot?1b0313f365ecb86ad051f0095882cf66);
  src: url(/fonts/AvenirNext-UltraLight.eot?1b0313f365ecb86ad051f0095882cf66) format("embedded-opentype"), url(/fonts/AvenirNext-UltraLight.woff?a482664931b51e56efaf76f55cf799e9) format("woff"), url(/fonts/AvenirNext-UltraLight.ttf?1088201e9aecfe4ab50039da8bd15318) format("truetype");
  font-weight: 300;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

sup {
  font-size: .5em;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.small-boxing {
  max-width: 1100px;
  margin: 0 auto;
}

.tight-section {
  max-width: 905px;
  margin: 0 auto;
}

.very-small-section {
  max-width: 665px;
  margin: 0 auto;
}

.big-section-title {
  font-size: 24px;
  text-align: center;
  max-width: 600px;
  color: #231F20;
  margin: 0 auto;
  font-family: "AvenirNext";
  font-weight: 700;
  line-height: 33px;
}

.blue-strong a {
  border-radius: 4px;
  padding: 10px 20px;
  background-color: #1B76BC;
  border: 1px solid transparent;
  -webkit-transition: color 0.6s, background-color 0.6s, border 0.6s;
  transition: color 0.6s, background-color 0.6s, border 0.6s;
  color: #fff !important;
  text-decoration: none;
}

.blue-strong a:hover {
  background-color: #fff;
  color: #1B76BC !important;
  border: 1px solid #1B76BC;
}

@media (max-width: 767px) {
  .desktop-tablet-show-only {
    display: none !important;
  }
}

.mobile-show-only {
  display: none !important;
}

@media (max-width: 767px) {
  .mobile-show-only {
    display: block;
  }
}

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

.important-bar {
  width: 100%;
  padding: 10px 25px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #1a7fc3), color-stop(100%, #34c2eb), to(#7db9e8));
  background: linear-gradient(to right, #1a7fc3 5%, #34c2eb 100%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fc3', endColorstr='#7db9e8',GradientType=1 );
  z-index: 12;
  color: #fff;
}

.important-bar a {
  color: #fff;
  font-family: "AvenirNext";
  font-weight: 600;
  font-size: 16px;
}

header .header-content {
  font-weight: 600;
  background-color: #fff;
  text-align: center;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 20px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px -2px rgba(0, 0, 0, 0.1);
}

header ul {
  padding: 21px 70px;
  padding-top: 32px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  header ul {
    padding: 30px 36px;
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  header ul {
    padding: 30px 34px;
    padding-bottom: 15px;
  }
}

header ul .logo-left,
header ul .links-right {
  display: inline-block;
  float: left;
}

header ul .logo-left .logo img {
  width: 172px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

header ul .logo-left .logo img:hover {
  width: 180px;
}

header ul .links-right {
  float: right;
}

@media (max-width: 1023px) {
  header ul .links-right {
    display: none;
  }
}

header ul .links-right .link {
  display: inline-block;
  float: left;
  margin-left: 40px;
  color: #9898A6;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

header ul .links-right .link:hover {
  color: #30B6E4;
}

header ul .links-right .link a {
  text-decoration: none;
  color: #9898A6;
  font-size: 14px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

header ul .links-right .link a:hover {
  color: #30B6E4;
}

header ul .links-right .link.blue-strong a {
  border-radius: 13px;
  border: 2px solid #30B6E4;
  color: #30B6E4 !important;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header ul .links-right .link.blue-strong a:hover {
  background-color: #30B6E4;
  color: #fff !important;
  border: 2px solid #fff;
}

header ul .menu-burger {
  display: none;
  position: relative;
  float: right;
  width: 25px;
  height: 17px;
  margin-top: 3px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 1023px) {
  header ul .menu-burger {
    display: inline-block;
  }
}

header ul .menu-burger .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #4A4A4A;
  -webkit-transition: opacity 0.2s, left 0.2s, top 0.5s, bottom 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.2s, left 0.2s, top 0.5s, bottom 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.2s, left 0.2s, top 0.5s, bottom 0.5s, transform 0.5s;
  transition: opacity 0.2s, left 0.2s, top 0.5s, bottom 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

header ul .menu-burger .line:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

header ul .menu-burger .line:nth-child(3) {
  top: inherit;
  bottom: 0;
}

header .fixed-menu {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 70px;
  width: 100%;
  height: calc(100% - 70px);
  left: 0;
  background-color: #fff;
  z-index: 10;
  padding-top: 100px;
}

@media (min-width: 1024px) {
  header .fixed-menu {
    display: none !important;
  }
}

header .fixed-menu .links {
  border-top: 1px solid #EFEFEF;
}

header .fixed-menu .links .links-content {
  padding: 32px;
  padding-top: 50px;
}

header .fixed-menu .links .links-content .link {
  text-align: left;
  margin-bottom: 50px;
}

header .fixed-menu .links .links-content .link a {
  color: #231F20;
  text-decoration: none;
}

header .fixed-menu .links .links-content .separator {
  width: 100%;
  height: 1px;
  background-color: #EFEFEF;
  margin-bottom: 60px;
}

header.open .menu-burger .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
}

header.open .menu-burger .line:nth-child(2) {
  left: -50px;
  opacity: 0;
}

header.open .menu-burger .line:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 8px;
}

footer {
  width: 100%;
  background-image: url("/assets/frontend/images/footer/background.png");
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer {
    padding: 0 36px;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  footer {
    background-image: none;
  }
}

footer .start-new-project {
  padding: 50px 95px;
  display: inline-block;
  background-color: #1B76BC;
  position: relative;
  bottom: 70px;
  margin-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .start-new-project {
    width: 100%;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  footer .start-new-project {
    bottom: 0;
    padding: 50px 50px;
  }
}

footer .start-new-project__title {
  color: #FFFFFF;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 24px;
}

footer .start-new-project .blue-strong {
  text-align: center;
}

footer .start-new-project .blue-strong a {
  background-color: #fff;
  color: #1B76BC !important;
  font-size: 12px;
  font-weight: 700;
}

footer .start-new-project .blue-strong a:hover {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid #fff;
}

footer .links {
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  footer .links {
    padding: 0 21px;
  }
}

footer .links .privacy-terms,
footer .links .copyright,
footer .links .socials {
  display: inline-block;
}

footer .links .privacy-terms {
  float: left;
}

footer .links .privacy-terms a {
  margin-bottom: 15px;
  margin-right: 22px;
  color: #4A4A4A;
  text-decoration: none;
  font-size: 12px;
}

footer .links .privacy-terms a:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  footer .links .privacy-terms a {
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }
}

footer .links .privacy-terms a:nth-child(2n + 1) {
  float: left;
}

footer .links .privacy-terms a:nth-child(2n + 2) {
  float: right;
}

footer .links .copyright {
  font-size: 12px;
  color: #4A4A4A;
  font-weight: 600;
}

@media (max-width: 767px) {
  footer .links .copyright {
    display: inline-block;
    width: 100%;
  }
}

footer .links .socials {
  float: right;
}

@media (max-width: 767px) {
  footer .links .socials .mobile-show-only {
    display: block !important;
  }
}

footer .links .socials a {
  display: inline-block;
  margin-right: 33px;
}

footer .links .socials a:last-child {
  margin-right: 0;
}

footer .links .socials a .footer-icon {
  background-size: cover;
}

footer .links .socials a .facebook {
  width: 8px;
  height: 14px;
  background-image: url(/assets/frontend/images/footer/icons/facebook.png);
}

footer .links .socials a .twitter {
  width: 14px;
  height: 10px;
  background-image: url(/assets/frontend/images/footer/icons/twitter.png);
}

@media (max-width: 767px) {
  footer .links .socials a .twitter {
    left: 5px;
    position: relative;
  }
}

footer .links .socials a .instagram {
  width: 13px;
  height: 13px;
  background-image: url(/assets/frontend/images/footer/icons/instagram.png);
}

footer .links .socials a .dribbble {
  width: 13px;
  height: 13px;
  background-image: url(/assets/frontend/images/footer/icons/dribbble.png);
}

@media (max-width: 767px) {
  footer .links .socials a {
    margin-right: 25px;
  }

  footer .links .socials a:nth-child(2),
  footer .links .socials a:nth-child(5) {
    margin-right: 0;
  }

  footer .links .socials a:nth-child(5),
  footer .links .socials a:nth-child(4) {
    margin-top: 12px;
  }
}

footer {
  background-image: url("/assets/frontend/images/footer/footer_background.svg");
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}

footer:before {
  display: block;
  width: 100%;
  padding-top: 20.625%;
  content: '';
}

footer > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 767px) {
  footer {
    background-image: url("/assets/frontend/images/footer/footer_background_mobile.svg");
    position: relative;
  }

  footer:before {
    display: block;
    width: 100%;
    padding-top: 115.27777778%;
    content: '';
  }

  footer > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer {
    background-position: 0 0;
    background-image: url("/assets/frontend/images/footer/footer_background_tablet.svg");
    position: relative;
  }

  footer:before {
    display: block;
    width: 100%;
    padding-top: 38.671875%;
    content: '';
  }

  footer > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

footer .footer-content {
  max-width: 1090px;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  padding: 0 52px;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1023px) {
  footer .footer-content {
    display: block;
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    text-align: left;
    top: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content {
    display: inline-block;
    top: 60%;
  }
}

footer .footer-content .logo-container img {
  width: 172px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content .logo-container {
    display: inline-block;
    float: left;
  }
}

@media (max-width: 767px) {
  footer .footer-content .logo-container {
    margin-bottom: 40px;
  }
}

footer .footer-content .links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content .links-container {
    max-width: 450px;
    float: right;
  }
}

@media (max-width: 767px) {
  footer .footer-content .links-container {
    max-width: none;
    display: block;
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
  }
}

footer .footer-content .links-container .column {
  margin-right: 100px;
}

footer .footer-content .links-container .column:last-child {
  margin-right: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content .links-container .column {
    margin-right: 50px;
  }
}

footer .footer-content .links-container .column .link {
  display: block;
  color: #fff;
  font-family: "AvenirNext";
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 20px;
}

footer .footer-content .socials-container {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content .socials-container {
    display: inline-block;
    float: right;
    margin-top: 10px;
    width: 100%;
    text-align: right;
  }

  footer .footer-content .socials-container img {
    margin-right: 15px;
  }
}

@media (max-width: 767px) {
  footer .footer-content .socials-container {
    margin-top: 20px;
    float: right;
  }
}

.offer-component {
  width: 100%;
  max-width: 340px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.07);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.offer-component a {
  text-decoration: none;
}

.offer-component:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.offer-component .top-offer .image-container {
  height: 162px;
  width: 100%;
  position: relative;
}

.offer-component .top-offer .image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 110px;
  max-width: 150px;
}

.offer-component .top-offer .title {
  color: #054C7B;
  font-family: "AvenirNext";
  font-weight: 600;
  font-size: 22.4px;
  line-height: 30px;
  text-align: center;
}

.offer-component .middle-offer {
  padding: 0 45px;
  margin-top: 25px;
}

.offer-component .middle-offer .details {
  color: #054C7B;
  font-size: 16px;
  font-family: "AvenirNext";
  font-weight: 600;
  line-height: 22px;
}

.offer-component .middle-offer .content {
  line-height: 28px;
  margin-top: 10px;
  font-size: 13.7px;
  color: #9898A6;
  font-family: "AvenirNext";
  font-weight: 500;
}

.offer-component .bottom-offer {
  width: 100%;
  padding-top: 25px;
}

.offer-component .bottom-offer .counter-container {
  width: 100%;
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c2eb', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
  padding: 0 38px;
  color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 84px;
  position: relative;
}

.offer-component .bottom-offer .counter-container .inside-counter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 76px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.offer-component .bottom-offer .counter-container .time {
  text-align: center;
}

.offer-component .bottom-offer .counter-container .time .text {
  font-size: 14px;
  line-height: 19px;
  font-family: "AvenirNext";
  font-weight: 500;
}

.offer-component .bottom-offer .counter-container .time .number {
  font-size: 28px;
  font-family: "AvenirNext";
  font-weight: 700;
  line-height: 40px;
}

.offer-component .bottom-offer .subscribe-form {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.offer-component .bottom-offer .subscribe-form input {
  height: 100%;
  width: 100%;
  border: 0px solid transparent;
  color: #D4D4D4;
  font-family: "AvenirNext";
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  outline: none;
}

.offer-component .bottom-offer .subscribe-form input::-webkit-input-placeholder {
  color: #D4D4D4D4;
}

.offer-component .bottom-offer .subscribe-form input:-ms-input-placeholder {
  color: #D4D4D4D4;
}

.offer-component .bottom-offer .subscribe-form input::-ms-input-placeholder {
  color: #D4D4D4D4;
}

.offer-component .bottom-offer .subscribe-form input::placeholder {
  color: #D4D4D4D4;
}

.offer-component .bottom-offer .subscribe-form .subscribe-cta {
  display: table-cell;
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c2eb', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
  border-bottom-right-radius: 10px;
  height: 100%;
  color: #fff;
  font-family: "AvenirNext";
  font-weight: 500;
  padding: 0 25px;
  font-size: 18px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0px solid transparent;
  outline: none;
}

.offer-component .bottom-offer .sold-out-container {
  height: 84px;
  background-color: #054C7B;
  font-family: "AvenirNext";
  font-weight: 700;
  font-size: 22.4px;
  color: #fff;
  position: relative;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.offer-component .bottom-offer .sold-out-container .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.newsletter-section {
  max-width: 630px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .newsletter-section {
    padding: 0 30px;
  }
}

.newsletter-section .section-title {
  font-family: "AvenirNext";
  font-weight: 700;
  color: #054C7B;
  font-size: 40px;
  text-align: center;
  width: 100%;
}

@media (max-width: 1023px) {
  .newsletter-section .section-title {
    font-size: 30px;
  }
}

.newsletter-section .newsletter-content {
  margin-top: 60px;
}

.newsletter-section .newsletter-content .input-button-container {
  display: inline-block;
  width: 100%;
}

.newsletter-section .newsletter-content .input-button-container input,
.newsletter-section .newsletter-content .input-button-container .subscribe-button {
  display: inline-block;
  font-size: 18px;
  font-family: "AvenirNext";
  font-weight: 500;
  line-height: 25px;
}

.newsletter-section .newsletter-content .input-button-container .subscribe-button {
  width: 34%;
  float: left;
  text-align: center;
  padding: 18px 0;
  color: #fff;
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c2eb', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
  border: 1px solid #D4D4D4;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  cursor: pointer;
}

.newsletter-section .newsletter-content .input-button-container input {
  width: 66%;
  float: left;
  padding: 18px 55px;
  color: #9B9B9B;
  border: 1px solid #F6F6F6;
  border-right-color: transparent;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  outline: none;
}

.newsletter-section .newsletter-content .alert {
  margin-top: 25px;
  display: none;
}

.alert {
  padding: 16px 20px;
  font-size: 15px;
  color: #fff;
  font-family: "AvenirNext";
  font-weight: 500;
  border-radius: 13px;
  margin-top: 30px;
  text-align: center;
}

.alert-loading {
  background-color: #34495e;
}

.alert-error {
  background-color: #e74c3c;
}

.alert-success {
  background-color: #8ACC41;
}

.view--home .head-section {
  padding: 140px 0 290px 0;
  width: 100%;
  background-color: #1B76BC;
  text-align: center;
}

.view--home .head-section input::-webkit-input-placeholder {
  color: #8DBADD;
}

.view--home .head-section input:-ms-input-placeholder {
  color: #8DBADD;
}

.view--home .head-section input::-ms-input-placeholder {
  color: #8DBADD;
}

.view--home .head-section input::placeholder {
  color: #8DBADD;
}

@media (max-width: 767px) {
  .view--home .head-section {
    padding: 90px 0;
  }
}

.view--home .head-section__content {
  margin: 0 auto;
  display: inline-block;
  color: #fff;
}

.view--home .head-section__content h1 {
  font-size: 42px;
  margin-bottom: 30px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .view--home .head-section__content h1 {
    font-size: 24px;
    margin-bottom: 17px;
  }
}

.view--home .head-section__content h2 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .view--home .head-section__content h2 {
    font-size: 14Px;
    max-width: 275px;
    margin-bottom: 20px;
  }

  .view--home .head-section__content h2 br {
    display: none;
  }
}

.view--home .head-section__content form .container-form {
  width: 100%;
  max-width: 450px;
  display: inline-block;
}

.view--home .head-section__content form .container-form .product-name {
  display: inline-block;
  float: left;
  width: 65%;
  height: 55px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #8DBADD;
  padding-left: 30px;
  font-size: 16px;
  outline: none;
  font-weight: 500;
  font-family: "AvenirNext";
}

@media (max-width: 767px) {
  .view--home .head-section__content form .container-form .product-name {
    display: none;
  }
}

.view--home .head-section__content form .container-form .get-started-cta {
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  float: left;
  width: 35%;
  height: 55px !important;
  background-color: #fff;
  color: #1B76BC;
  border: 1px solid #fff;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #fff;
  -webkit-transition: color 0.5s, background-color 0.5s;
  transition: color 0.5s, background-color 0.5s;
  border-left: 0px;
}

.view--home .head-section__content form .container-form .get-started-cta:hover {
  background-color: transparent;
  color: #fff;
}

@media (max-width: 767px) {
  .view--home .head-section__content form .container-form .get-started-cta {
    float: inherit;
    border-radius: 4px;
    padding: 0 28px;
    width: auto;
  }
}

.view--home .description-section {
  margin-bottom: 70px;
  background-color: #fff;
  padding: 60px 65px;
  margin-top: -133px;
  border: 1px solid #E4E4E4;
  position: relative;
}

.view--home .description-section:before {
  content: "";
  background-image: url(/assets/frontend/images/description_illustration.png);
  background-size: cover;
  width: 45px;
  height: 106px;
  position: absolute;
  top: -106px;
  right: 10px;
}

@media (max-width: 1023px) {
  .view--home .description-section:before {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .description-section {
    padding: 60px 36px;
  }
}

@media (max-width: 767px) {
  .view--home .description-section {
    margin-top: 0;
    padding: 50px 27px 0 27px;
    border: 1px solid transparent;
    margin-bottom: 40px;
  }
}

.view--home .description-section .big-description {
  font-size: 24px;
  color: #231F20;
  margin-bottom: 45px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .view--home .description-section .big-description {
    font-size: 21px;
    line-height: 32px;
  }
}

.view--home .description-section .small-descriptions {
  display: inline-block;
  width: 100%;
}

.view--home .description-section .small-descriptions__entry {
  width: 50%;
  float: left;
  display: inline-block;
}

.view--home .description-section .small-descriptions__entry:first-child {
  padding-right: 7%;
}

@media (max-width: 767px) {
  .view--home .description-section .small-descriptions__entry:first-child {
    padding-right: 0;
  }
}

.view--home .description-section .small-descriptions__entry:last-child {
  padding-left: 7%;
}

@media (max-width: 767px) {
  .view--home .description-section .small-descriptions__entry:last-child {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .description-section .small-descriptions__entry:first-child {
    padding-right: 5%;
  }

  .view--home .description-section .small-descriptions__entry:last-child {
    padding-left: 5%;
  }
}

@media (max-width: 767px) {
  .view--home .description-section .small-descriptions__entry {
    width: 100%;
    margin-bottom: 40px;
  }
}

.view--home .description-section .small-descriptions__entry .section-title {
  color: #231F20;
  font-size: 18px;
  margin-bottom: 25px;
  font-weight: 600;
}

.view--home .description-section .small-descriptions__entry .section-description {
  font-size: 16px;
  color: #878787;
  line-height: 28px;
  margin-bottom: 25px;
}

.view--home .description-section .small-descriptions__entry .section-link a {
  cursor: pointer;
  color: #1B76BC;
  text-decoration: underline;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  font-weight: 700;
}

.view--home .description-section .small-descriptions__entry .section-link a:hover {
  color: #4A4A4A;
}

.view--home .stuffs-section {
  margin-bottom: 80px;
}

.view--home .stuffs-section .big-section-title {
  margin-bottom: 60px;
  padding: 0 21px;
}

.view--home .stuffs-section .stuffs-list {
  margin-bottom: 16px;
  display: table;
  width: 100%;
}

.view--home .stuffs-section .stuffs-list.impair-stuff-list .big-stuff {
  float: right;
  margin-right: 0;
}

.view--home .stuffs-section .stuffs-list.impair-stuff-list .small-stuffs {
  float: left;
  margin-right: 16px;
}

.view--home .stuffs-section .stuffs-list .big-stuff {
  background-position: 50% 50%;
  cursor: pointer;
  width: calc(61% - 16px);
  background-size: cover;
  display: table-cell;
  margin-right: 16px;
  height: 380px;
  background-color: white;
  float: left;
  position: relative;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .big-stuff {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    margin-bottom: 8px;
  }

  .view--home .stuffs-section .stuffs-list .big-stuff:before {
    display: block;
    width: 100%;
    padding-top: 64.62765957%;
    content: '';
  }

  .view--home .stuffs-section .stuffs-list .big-stuff > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.view--home .stuffs-section .stuffs-list .big-stuff:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 118, 188, 0.65);
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer .description {
  color: #fff;
  position: absolute;
  width: calc(100% - 35px);
  left: 35px;
  bottom: 25px;
}

@media (max-width: 1023px) {
  .view--home .stuffs-section .stuffs-list .big-stuff .layer .description {
    padding-right: 35px;
  }
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer .description-tags {
  display: inline-block;
  width: 100%;
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer .description-tags .tag {
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
  color: #A9CBE5;
  margin-bottom: 10px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .big-stuff .layer .description-tags .tag {
    margin-right: 5px;
  }
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer .description-title {
  font-size: 32px;
  line-height: 50px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .big-stuff .layer .description-title {
    font-size: 29px;
  }
}

.view--home .stuffs-section .stuffs-list .big-stuff .layer .description-text {
  font-size: 16px;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .big-stuff .layer .description-text {
    display: none;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs {
  width: 39%;
  display: table-cell;
  float: left;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs {
    width: 100%;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry {
  overflow: hidden;
  cursor: pointer;
  height: 182px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs__entry {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
  }

  .view--home .stuffs-section .stuffs-list .small-stuffs__entry:before {
    display: block;
    width: 100%;
    padding-top: 64.62765957%;
    content: '';
  }

  .view--home .stuffs-section .stuffs-list .small-stuffs__entry > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry:hover .layer .stuff-description {
  bottom: 30px;
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry:hover .layer .stuff-description--link {
  opacity: 1;
  left: 0;
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 118, 188, 0.6);
  color: #fff;
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description {
  position: absolute;
  bottom: 0px;
  left: 30px;
  -webkit-transition: bottom 0.5s linear;
  transition: bottom 0.5s linear;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description {
    bottom: 25px;
    padding-right: 30px;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description .stuff-description--title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description .stuff-description--title {
    font-size: 29px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 0;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description--link {
  opacity: 0;
  position: relative;
  left: calc(-100% - 30px);
  -webkit-transition: opacity 0.5s linear, left 0.5s linear;
  transition: opacity 0.5s linear, left 0.5s linear;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description--link {
    display: none;
  }
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry .layer .stuff-description--link a {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
}

.view--home .stuffs-section .stuffs-list .small-stuffs__entry:first-child {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .view--home .stuffs-section .stuffs-list .small-stuffs__entry:first-child {
    margin-bottom: 8px;
  }
}

.view--home .stuffs-section .show-big-stuff {
  margin-top: 10px;
  font-size: 16px;
  color: #231F20;
  text-decoration: underline;
}

.view--home .stuffs-section .show-big-stuff a {
  color: #231F20;
}

@media (max-width: 1023px) {
  .view--home .stuffs-section .show-big-stuff {
    display: none;
  }
}

.view--home .clients-section {
  padding: 63px 0 170px 0;
  background-image: url("/assets/frontend/images/clients_background.png");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .clients-section {
    background-size: cover;
    padding: 0px 90px 170px 90px;
  }
}

@media (max-width: 767px) {
  .view--home .clients-section {
    background-image: none;
    overflow: hidden;
    padding: 80px 0;
    padding-top: 0;
  }
}

.view--home .clients-section-container {
  display: inline-block;
  width: 100%;
}

.view--home .clients-section-container .our-clients-title {
  float: left;
  display: inline-block;
  font-size: 28px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .clients-section-container .our-clients-title {
    width: 100%;
    max-width: none;
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .view--home .clients-section-container .our-clients-title {
    float: inherit;
    display: block;
    margin-bottom: 25px;
  }
}

.view--home .clients-section-container .our-clients-logos {
  display: inline-block;
  float: right;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .clients-section-container .our-clients-logos {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .view--home .clients-section-container .our-clients-logos {
    float: inherit;
    overflow-x: scroll;
    width: 100%;
  }
}

.view--home .clients-section-container .our-clients-logos--content {
  display: table;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .clients-section-container .our-clients-logos--content {
    width: 100%;
  }
}

.view--home .clients-section-container .our-clients-logos--content .client-logo {
  display: table-cell;
  vertical-align: middle;
  max-width: 225px;
  padding-left: 50px;
}

.view--home .clients-section-container .our-clients-logos--content .client-logo:first-child {
  padding-left: 0;
  max-width: 175px;
}

.view--home .clients-section-container .our-clients-logos--content .client-logo img {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .view--home .clients-section-container .our-clients-logos--content .client-logo {
    margin-left: 30px;
  }
}

.view--home .what-we-do-section {
  margin-bottom: 150px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .what-we-do-section {
    padding: 0 110px;
  }
}

@media (max-width: 767px) {
  .view--home .what-we-do-section {
    margin-bottom: 25px;
  }
}

.view--home .what-we-do-section .big-section-title {
  margin-bottom: 75px;
}

.view--home .what-we-do-section .slides-container {
  display: inline-block;
  width: 100%;
}

.view--home .what-we-do-section .slides-container .slide {
  display: inline-block;
  width: calc(100% / 3);
  float: left;
}

@media (max-width: 767px) {
  .view--home .what-we-do-section .slides-container .slide {
    width: 100%;
    padding: 0 25px;
  }
}

.view--home .what-we-do-section .slides-container .slide-entry {
  height: 120px;
  display: inline-block;
  width: 100%;
}

@media (max-width: 767px) {
  .view--home .what-we-do-section .slides-container .slide-entry {
    text-align: center;
    height: auto;
    margin-bottom: 70px;
  }
}

.view--home .what-we-do-section .slides-container .slide-entry img {
  float: left;
}

@media (max-width: 767px) {
  .view--home .what-we-do-section .slides-container .slide-entry img {
    float: inherit;
    display: block;
    margin: 0 auto;
  }
}

.view--home .what-we-do-section .slides-container .slide-entry-title {
  max-width: 160px;
  font-size: 18px;
  color: #231F20;
  line-height: 25px;
  font-weight: 600;
  margin-left: 30px;
  display: inline-block;
  float: left;
}

@media (max-width: 767px) {
  .view--home .what-we-do-section .slides-container .slide-entry-title {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    max-width: initial;
  }
}

.view--home .what-we-do-section .slides-container .slide-entry-title .more {
  color: #838998;
  font-size: 14px;
}

.view--home .what-we-do-section .slides-mobile-container .slides-mobile-container {
  display: inline-block;
  width: 100%;
  padding: 0 16px;
}

.view--home .what-we-do-section .slides-mobile-container .slides-mobile-container .slide-entry {
  text-align: center;
  margin-bottom: 20px;
  height: 120px;
  display: inline-block;
  width: 47.5%;
  float: left;
}

.view--home .what-we-do-section .slides-mobile-container .slides-mobile-container .slide-entry:nth-child(2n+1) {
  margin-right: 5%;
}

.view--home .what-we-do-section .slides-mobile-container .slides-mobile-container .slide-entry-title {
  margin-top: 10px;
  font-size: 18px;
  color: #231F20;
  line-height: 25px;
  font-weight: 600;
}

.view--home .what-we-do-section .slides-mobile-container .slides-mobile-container .slide-entry-title .more {
  color: #838998;
  font-size: 14px;
}

.view--home .how-it-works-section {
  margin-bottom: 206px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section {
    padding: 0 36px;
    margin-bottom: 170px;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section {
    margin-bottom: 88px;
  }
}

.view--home .how-it-works-section .big-section-title {
  margin-bottom: 130px;
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .big-section-title {
    margin-bottom: 42px;
  }
}

.view--home .how-it-works-section .blue-strong {
  font-weight: 700;
  font-size: 12px;
}

.view--home .how-it-works-section .first-section {
  margin-bottom: 170px;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .first-section {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .first-section {
    margin-bottom: 72px;
  }
}

.view--home .how-it-works-section .first-section .left-block {
  width: 41%;
  margin-right: 80px;
  display: inline-block;
  float: left;
  position: relative;
  background-size: cover;
  background-image: url(/assets/frontend/images/how-it-works/first_background.png);
}

.view--home .how-it-works-section .first-section .left-block:before {
  display: block;
  width: 100%;
  padding-top: 69.29133858%;
  content: '';
}

.view--home .how-it-works-section .first-section .left-block > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .first-section .left-block {
    width: 54%;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .first-section .left-block {
    display: none;
  }
}

.view--home .how-it-works-section .first-section .right-block {
  max-width: 260px;
  padding-top: 43px;
  position: relative;
  display: inline-block;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .first-section .right-block {
    float: right;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .first-section .right-block {
    display: block;
    float: inherit;
    margin: 0 auto;
  }
}

.view--home .how-it-works-section .first-section .right-block:before {
  content: "#1";
  z-index: -1;
  position: absolute;
  color: #EEF1F3;
  font-size: 106px;
  font-weight: 600;
  font-style: italic;
  top: 0;
  left: -40px;
}

.view--home .how-it-works-section .first-section .right-block .block-title {
  color: #231F20;
  font-size: 28px;
  font-style: italic;
  margin-bottom: 25px;
}

.view--home .how-it-works-section .first-section .right-block .block-description {
  color: #878787;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 50px;
}

.view--home .how-it-works-section .second-section {
  display: inline-block;
  width: 100%;
  margin-bottom: 170px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .second-section {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .second-section {
    margin-bottom: 72px;
  }
}

.view--home .how-it-works-section .second-section .right-block {
  width: 45.5%;
  display: inline-block;
  float: right;
  position: relative;
  background-size: cover;
  background-image: url(/assets/frontend/images/how-it-works/second_background.png);
}

.view--home .how-it-works-section .second-section .right-block:before {
  display: block;
  width: 100%;
  padding-top: 90.88729017%;
  content: '';
}

.view--home .how-it-works-section .second-section .right-block > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .second-section .right-block {
    width: 56.5%;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .second-section .right-block {
    display: none;
  }
}

.view--home .how-it-works-section .second-section .left-block {
  margin-top: 70px;
  max-width: 260px;
  padding-top: 43px;
  position: relative;
  display: inline-block;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .second-section .left-block {
    margin-left: 36px;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .second-section .left-block {
    display: block;
    float: inherit;
    margin: 0 auto;
  }
}

.view--home .how-it-works-section .second-section .left-block:before {
  content: "#2";
  z-index: -1;
  position: absolute;
  color: #EEF1F3;
  font-size: 106px;
  font-weight: 600;
  font-style: italic;
  top: 0;
  left: -40px;
}

.view--home .how-it-works-section .second-section .left-block .block-title {
  color: #231F20;
  font-size: 28px;
  font-style: italic;
  margin-bottom: 25px;
}

.view--home .how-it-works-section .second-section .left-block .block-description {
  color: #878787;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 50px;
}

.view--home .how-it-works-section .third-section {
  display: inline-block;
  width: 100%;
}

.view--home .how-it-works-section .third-section .left-block {
  width: 41%;
  margin-right: 130px;
  display: inline-block;
  float: left;
  position: relative;
  background-size: cover;
  background-image: url(/assets/frontend/images/how-it-works/third_background.png);
}

.view--home .how-it-works-section .third-section .left-block:before {
  display: block;
  width: 100%;
  padding-top: 102.05278592%;
  content: '';
}

.view--home .how-it-works-section .third-section .left-block > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .third-section .left-block {
    margin-right: 0;
    width: 54%;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .third-section .left-block {
    display: none;
  }
}

.view--home .how-it-works-section .third-section .right-block {
  margin-top: 70px;
  max-width: 260px;
  padding-top: 43px;
  position: relative;
  display: inline-block;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .how-it-works-section .third-section .right-block {
    float: right;
  }
}

@media (max-width: 767px) {
  .view--home .how-it-works-section .third-section .right-block {
    display: block;
    float: inherit;
    margin: 0 auto;
  }
}

.view--home .how-it-works-section .third-section .right-block:before {
  content: "#3";
  z-index: -1;
  position: absolute;
  color: #EEF1F3;
  font-size: 106px;
  font-weight: 600;
  font-style: italic;
  top: 0;
  left: -40px;
}

.view--home .how-it-works-section .third-section .right-block .block-title {
  color: #231F20;
  font-size: 28px;
  font-style: italic;
  margin-bottom: 25px;
}

.view--home .how-it-works-section .third-section .right-block .block-description {
  color: #878787;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 50px;
}

.view--home .offers-section {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 130px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .offers-section {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .view--home .offers-section {
    margin-bottom: 100px;
  }
}

.view--home .offers-section .big-section-title {
  margin-bottom: 105px;
}

@media (max-width: 767px) {
  .view--home .offers-section .big-section-title {
    margin-bottom: 50px;
  }
}

.view--home .offers-section .offers {
  display: inline-block;
  width: 100%;
}

.view--home .offers-section .offers .offer {
  float: left;
  cursor: pointer;
  border: 1.5px solid transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
  border-radius: 4px;
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  height: 400px;
  padding: 90px 43px 0px 43px;
  text-align: center;
}

@media (max-width: 767px) {
  .view--home .offers-section .offers .offer {
    padding: 0;
    width: 100%;
    height: auto;
    margin-bottom: 70px;
  }
}

.view--home .offers-section .offers .offer:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .view--home .offers-section .offers .offer:last-child {
    margin-bottom: 0;
  }
}

.view--home .offers-section .offers .offer:hover {
  border: 1.5px solid #E4E4E4;
}

@media (max-width: 767px) {
  .view--home .offers-section .offers .offer:hover {
    border: 0px;
  }
}

.view--home .offers-section .offers .offer:hover .offer-description {
  color: #1B76BC;
}

.view--home .offers-section .offers .offer .offer-icon {
  height: 60px;
  margin-bottom: 35px;
}

.view--home .offers-section .offers .offer .offer-title {
  font-size: 18px;
  color: #231F20;
  font-weight: 600;
  margin-bottom: 17px;
}

.view--home .offers-section .offers .offer .offer-description {
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .view--home .offers-section .offers .offer .offer-description {
    display: none;
  }
}

.view--home .not-too-big-section {
  max-width: 860px;
  margin: 0 auto;
  margin-bottom: 110px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .not-too-big-section {
    padding: 0 36px;
  }
}

@media (max-width: 767px) {
  .view--home .not-too-big-section {
    padding: 0 42px;
    margin-bottom: 80px;
  }
}

.view--home .not-too-big-section .background {
  width: 100%;
  background-image: url("/assets/frontend/images/not-too-big/background.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  .view--home .not-too-big-section .background {
    position: relative;
  }

  .view--home .not-too-big-section .background:before {
    display: block;
    width: 100%;
    padding-top: 37.17339667%;
    content: '';
  }

  .view--home .not-too-big-section .background > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .not-too-big-section .background {
    position: relative;
  }

  .view--home .not-too-big-section .background:before {
    display: block;
    width: 100%;
    padding-top: 37.17339667%;
    content: '';
  }

  .view--home .not-too-big-section .background > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 767px) {
  .view--home .not-too-big-section .background {
    background-image: none;
  }
}

.view--home .not-too-big-section .background .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  color: #231F20;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
}

@media (max-width: 767px) {
  .view--home .not-too-big-section .background .text {
    font-size: 18px;
    position: relative;
    top: inherit;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    line-height: 28px;
  }
}

.view--home .not-too-big-section .blue-strong {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1023px) {
  .view--home .not-too-big-section .blue-strong {
    position: relative;
    bottom: 0;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .view--home .not-too-big-section .blue-strong {
    margin-top: 50px;
  }
}

.view--home .frequently-asked-section {
  padding: 80px 0;
  margin-bottom: 115px;
  background: #EEF1F3;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .frequently-asked-section {
    padding: 80px 36px;
  }
}

@media (max-width: 767px) {
  .view--home .frequently-asked-section {
    padding: 80px 21px;
    margin-bottom: 65px;
  }
}

.view--home .frequently-asked-section .big-section-title {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home .frequently-asked-section .big-section-title {
    text-align: left;
    max-width: none;
  }
}

.view--home .frequently-asked-section .questions .question {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 3px;
}

.view--home .frequently-asked-section .questions .question-head {
  cursor: pointer;
  padding: 20px 30px;
  padding-right: 60px;
  color: #231F20;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.view--home .frequently-asked-section .questions .question-head-arrow {
  position: absolute;
  right: 30px;
  top: 23px;
  width: 20px;
}

.view--home .frequently-asked-section .questions .question-head-arrow .icon {
  width: 100%;
  position: relative;
  background-size: cover;
}

.view--home .frequently-asked-section .questions .question-head-arrow .icon:before {
  display: block;
  width: 100%;
  padding-top: 72.22222222%;
  content: '';
}

.view--home .frequently-asked-section .questions .question-head-arrow .icon > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--home .frequently-asked-section .questions .question-head-arrow .icon.top {
  background-image: url("/assets/frontend/images/frequently-asked/arrow-top.png");
}

.view--home .frequently-asked-section .questions .question-head-arrow .icon.bottom {
  background-image: url("/assets/frontend/images/frequently-asked/arrow-bottom.png");
}

.view--home .frequently-asked-section .questions .question-body {
  line-height: 28px;
  font-size: 16px;
  color: #878787;
  padding: 0 130px 30px 30px;
  padding-top: 0;
}

@media (max-width: 767px) {
  .view--home .frequently-asked-section .questions .question-body {
    padding: 0 30px 30px 30px;
  }
}

.view--home .plan-selection-section {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .view--home .plan-selection-section {
    padding: 0 21px;
    margin-bottom: 80px;
  }
}

.view--home .plan-selection-section .big-section-title {
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  .view--home .plan-selection-section .big-section-title {
    margin-bottom: 50px;
  }
}

.view--home .plan-selection-section .plans {
  display: inline-block;
  width: 100%;
}

.view--home .plan-selection-section .plans .plan {
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 50px;
  width: 48%;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  margin-right: 4%;
  text-align: center;
  background-color: #fff;
}

.view--home .plan-selection-section .plans .plan:hover {
  -webkit-box-shadow: 0px -4px 63px -13px rgba(0, 0, 0, 0.16);
  box-shadow: 0px -4px 63px -13px rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  .view--home .plan-selection-section .plans .plan {
    width: 100%;
    margin-bottom: 40px;
  }
}

.view--home .plan-selection-section .plans .plan:nth-child(2n + 2) {
  margin-right: 0;
}

.view--home .plan-selection-section .plans .plan-title {
  color: #231F20;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;
}

.view--home .plan-selection-section .plans .plan .plan-price {
  color: #1B76BC;
  font-weight: 300;
  font-size: 74px;
  margin-bottom: 35px;
}

.view--home .plan-selection-section .plans .plan .plan-price span {
  position: relative;
}

.view--home .plan-selection-section .plans .plan .plan-price span:before {
  content: "$";
  font-weight: 600;
  font-size: 24px;
  position: absolute;
  bottom: 22px;
  left: -20px;
}

.view--home .plan-selection-section .plans .plan .plan-description {
  max-width: 625px;
}

.view--home .plan-selection-section .plans .plan .plan-description .entry {
  color: #1B76BC;
  line-height: 24px;
  font-size: 12px;
}

.view--home .plan-selection-section .plans .plan .plan-description .separator {
  margin: 10px 0;
  width: 100%;
  background-color: #E4E4E4;
  height: 1px;
}

.view--home .plan-selection-section .plans .plan .plan-button {
  margin-top: 40px;
  font-size: 12px;
  font-weight: 700;
}

.view--home .newsletter-section {
  margin-bottom: 150px;
}

.view--home-v2 {
  color: #054C7B;
  font-weight: 500;
  font-size: 24px;
}

.view--home-v2 .big-section-title {
  font-weight: 700;
  color: #054C7B;
  font-size: 40px;
  line-height: 80px;
  max-width: 850px;
  padding: 0 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .big-section-title {
    font-size: 32px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .big-section-title {
    font-size: 23px;
    line-height: 30px;
  }
}

.view--home-v2 .hero-section {
  max-width: 1700px;
  margin: 0 auto;
  position: relative;
  background: #1a7fc3;
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #1a7fc3), color-stop(100%, #34c2eb), to(#7db9e8));
  background: linear-gradient(to right, #1a7fc3 5%, #34c2eb 100%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a7fc3', endColorstr='#7db9e8', GradientType=1);
  padding: 153px 90px 186px;
  overflow: hidden;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .hero-section {
    padding: 50px 35px;
    margin-bottom: 60px;
  }
}

.view--home-v2 .hero-section .illustration-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44.8%;
}

@media (max-width: 1023px) {
  .view--home-v2 .hero-section .illustration-container {
    display: none;
  }
}

.view--home-v2 .hero-section .hero-content {
  max-width: 595px;
  color: #fff;
  position: relative;
  z-index: 2;
}

@media (max-width: 1023px) {
  .view--home-v2 .hero-section .hero-content {
    max-width: none;
  }
}

.view--home-v2 .hero-section .hero-content .title {
  font-weight: 700;
  line-height: 80px;
  font-size: 60px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .hero-section .hero-content .title {
    font-size: 40px;
    line-height: 45px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .hero-section .hero-content .title {
    font-size: 24px;
    line-height: 32px;
  }
}

.view--home-v2 .hero-section .hero-content .description {
  margin-top: 30px;
  max-width: 550px;
  font-size: 42px;
  line-height: 50px;
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .hero-section .hero-content .description {
    max-width: none;
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .hero-section .hero-content .description {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
  }
}

.view--home-v2 .hero-section .hero-content a {
  text-decoration: none;
}

.view--home-v2 .hero-section .hero-content a .get-started {
  border-radius: 13px;
  font-size: 16px;
  color: #054C7B;
  background-color: #fff;
  padding: 13px 57px;
  line-height: 22px;
  display: inline-block;
  margin-top: 40px;
  border: 2px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--home-v2 .hero-section .hero-content a .get-started:hover {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
}

@media (max-width: 767px) {
  .view--home-v2 .hero-section .hero-content a .get-started {
    padding: 11px 40px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
  }
}

.view--home-v2 .offers-v2-section {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 130px;
}

@media (max-width: 1023px) {
  .view--home-v2 .offers-v2-section {
    margin-bottom: 80px;
  }
}

.view--home-v2 .offers-v2-section .big-section-title {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .view--home-v2 .offers-v2-section .big-section-title {
    margin-bottom: 25px;
  }
}

.view--home-v2 .offers-v2-section .section-description {
  margin-bottom: 60px;
  text-align: center;
  padding: 0 40px;
  line-height: 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .offers-v2-section .section-description {
    font-size: 20px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .offers-v2-section .section-description {
    font-size: 12px;
    line-height: 22px;
  }
}

.view--home-v2 .offers-v2-section .offers {
  display: inline-block;
  width: 100%;
}

.view--home-v2 .offers-v2-section .offers .offer {
  float: left;
  cursor: pointer;
  border: 1.5px solid transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
  border-radius: 4px;
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  padding: 0 43px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .offers-v2-section .offers .offer {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .offers-v2-section .offers .offer {
    padding: 0;
    width: 100%;
    height: auto;
    margin-bottom: 70px;
  }
}

.view--home-v2 .offers-v2-section .offers .offer:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .view--home-v2 .offers-v2-section .offers .offer:last-child {
    margin-bottom: 0;
  }
}

.view--home-v2 .offers-v2-section .offers .offer .offer-icon {
  height: 60px;
  margin-bottom: 35px;
}

.view--home-v2 .offers-v2-section .offers .offer .offer-title {
  font-size: 18px;
  color: #054C7B;
  font-weight: 600;
  margin-bottom: 17px;
}

.view--home-v2 .offers-v2-section .offers .offer .offer-description {
  font-size: 14px;
  line-height: 28px;
  color: #9898A6;
}

@media (max-width: 767px) {
  .view--home-v2 .offers-v2-section .offers .offer .offer-description {
    display: none;
  }
}

.view--home-v2 .our-clients-section {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .our-clients-section {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .our-clients-section {
    display: none;
  }
}

.view--home-v2 .our-clients-section .clients-container {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .our-clients-section .clients-container {
    padding: 0 30px;
  }
}

.view--home-v2 .our-clients-section .clients-container .client-entry {
  width: 102px;
  max-height: 57px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .our-clients-section .clients-container .client-entry {
    width: calc(15% - 20px);
  }
}

.view--home-v2 .our-clients-section .clients-container .client-entry img {
  max-width: 100%;
}

.view--home-v2 .stuffs-section {
  max-width: 1090px;
  margin: 0 auto;
  margin-bottom: 80px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--home-v2 .stuffs-section {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .stuffs-section {
    padding: 0;
  }
}

.view--home-v2 .stuffs-section .stuffs-container {
  display: inline-block;
  width: 100%;
}

@media (max-width: 767px) {
  .view--home-v2 .stuffs-section .stuffs-container {
    padding: 0 40px;
  }
}

.view--home-v2 .stuffs-section .stuffs-container .stuff-entry {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 13px;
  cursor: pointer;
}

.view--home-v2 .stuffs-section .stuffs-container .stuff-entry:before {
  display: block;
  width: 100%;
  padding-top: 76%;
  content: '';
}

.view--home-v2 .stuffs-section .stuffs-container .stuff-entry > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--home-v2 .stuffs-section .stuffs-container .stuff-entry:hover img {
  width: 110%;
}

@media (min-width: 1024px) {
  .view--home-v2 .stuffs-section .stuffs-container .stuff-entry {
    width: 22%;
    margin-right: 3%;
  }

  .view--home-v2 .stuffs-section .stuffs-container .stuff-entry:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .stuffs-section .stuffs-container .stuff-entry {
    width: 30%;
    margin-right: 4.1%;
  }

  .view--home-v2 .stuffs-section .stuffs-container .stuff-entry:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .stuffs-section .stuffs-container .stuff-entry {
    width: 100%;
    max-width: 400px;
    display: block;
    float: inherit;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.view--home-v2 .stuffs-section .stuffs-container .stuff-entry img {
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.view--home-v2 .stuffs-section .stuffs-container .view-more-button {
  display: none;
}

@media (max-width: 767px) {
  .view--home-v2 .stuffs-section .stuffs-container .view-more-button {
    display: block;
    color: #054C7B;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
}

.view--home-v2 .what-can-we-do-section {
  max-width: 1090px;
  margin: 0 auto;
  margin-bottom: 70px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--home-v2 .what-can-we-do-section {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .what-can-we-do-section {
    margin-bottom: 70px;
  }
}

@media (max-width: 1023px) {
  .view--home-v2 .what-can-we-do-section .big-section-title {
    padding: 0;
  }
}

.view--home-v2 .what-can-we-do-section .services-container {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .view--home-v2 .what-can-we-do-section .services-container {
    display: block;
    margin-top: 20px;
  }
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry {
  width: 23.5%;
  float: left;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 13px;
  margin-bottom: 55px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (min-width: 1024px) {
  .view--home-v2 .what-can-we-do-section .services-container .service-entry {
    margin-right: 2%;
  }

  .view--home-v2 .what-can-we-do-section .services-container .service-entry:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .what-can-we-do-section .services-container .service-entry {
    width: 48%;
    margin-right: 4%;
  }

  .view--home-v2 .what-can-we-do-section .services-container .service-entry:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .what-can-we-do-section .services-container .service-entry {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    float: initial;
  }
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry a {
  color: #054C7B;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service {
  height: 72px;
  padding: 0 35px;
  position: relative;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .logo-container {
  height: 36px;
  float: left;
  width: 42px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 35px;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .logo-container img {
  max-width: 100%;
  max-height: 100%;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .text-container {
  display: inline-block;
  width: calc(100% - 55px);
  height: 100%;
  float: right;
  position: relative;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .text-container .absolute-block {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  position: absolute;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .text-container .absolute-block .title {
  font-size: 16px;
  line-height: 22px;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .top-service .text-container .absolute-block .completion-time {
  font-size: 9px;
  color: #9B9B9B;
  margin-top: 4px;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .separator {
  background-color: #E8E8E8;
  height: 1px;
  max-width: calc(100% - 70px);
  margin: 0 auto;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .service-description {
  height: 73px;
  position: relative;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .service-description .text-container {
  padding-left: 35px;
  padding-right: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 12px;
  line-height: 16px;
  color: #9B9B9B;
}

.view--home-v2 .what-can-we-do-section .services-container .service-entry .image-container {
  height: 150px;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url("/assets/frontend/images/service/sample-service-image.png");
}

.view--home-v2 .blue-text-section {
  background: #34c2eb;
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), color-stop(100%, #1a7fc3), to(#7db9e8));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c2eb', endColorstr='#7db9e8', GradientType=1);
  text-align: center;
  padding: 110px 40px;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .blue-text-section {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .blue-text-section {
    padding: 60px 40px;
  }
}

.view--home-v2 .blue-text-section .text {
  color: #fff;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 24px;
  line-height: 44px;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .view--home-v2 .blue-text-section .text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
  }
}

.view--home-v2 .blue-text-section .blue-strong a {
  background-color: #fff !important;
  color: #054C7B !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  border-radius: 13px;
  padding-left: 40px;
  padding-right: 40px;
  border: 2px solid transparent;
}

.view--home-v2 .blue-text-section .blue-strong a:hover {
  border: 2px solid #fff !important;
  color: #fff !important;
  background-color: transparent !important;
}

@media (max-width: 767px) {
  .view--home-v2 .blue-text-section .blue-strong a {
    font-size: 14px;
    line-height: 19px;
  }
}

.view--home-v2 .happy-customers {
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .happy-customers .section-title {
    padding: 0 30px;
  }
}

.view--home-v2 .happy-customers .content-container {
  height: 400px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #F3FAFF;
  text-align: center;
  margin-top: 250px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container {
    margin-top: 50px;
    background-color: transparent;
    display: inline-block;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container {
  width: 100%;
  display: inline-block;
  max-width: 1130px;
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card {
  display: inline-block;
  float: left;
  border-radius: 13px;
  -webkit-box-shadow: 2px 2px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 60px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: -185px;
  padding: 40px 55px;
}

@media (min-width: 1024px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card {
    width: 30%;
    margin-right: 5%;
  }

  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card {
    display: block;
    float: inherit;
    max-width: 250px;
    margin: 0 auto;
    margin-top: 0;
    padding: 30px;
    margin-bottom: 30px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-image {
  width: 74px;
  height: 74px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-image {
    width: 50px;
    height: 50px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 74px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-image img {
    width: 50px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-name {
  font-size: 20px;
  line-height: 27px;
  margin-top: 35px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-name {
    font-size: 14px;
    line-height: 20px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-company {
  color: #D4D4D4;
  font-size: 20px;
  line-height: 27px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-company {
    font-size: 14px;
    line-height: 20px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-text {
  color: #9898A6;
  font-size: 18px;
  line-height: 26px;
  margin-top: 5px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-text {
    font-size: 12px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-stars {
  max-width: 133px;
  margin: 0 auto;
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-stars {
    max-width: 95px;
  }
}

.view--home-v2 .happy-customers .content-container .customer-cards-container .customer-card .card-stars img {
  max-width: 100%;
}

.view--home-v2 .hire-us {
  padding: 0 50px;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .hire-us {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .hire-us .big-section-title {
    padding: 0;
  }
}

.view--home-v2 .hire-us .stats-container {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  margin-top: 55px;
}

.view--home-v2 .hire-us .stats {
  display: inline-block;
  width: 100%;
}

.view--home-v2 .hire-us .stats .stat {
  width: calc(100% / 3);
  display: table;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--home-v2 .hire-us .stats .stat {
    margin-bottom: 40px;
    width: calc(100% / 2);
  }
}

@media (max-width: 767px) {
  .view--home-v2 .hire-us .stats .stat {
    width: 100%;
    padding: 0 25px;
    margin-bottom: 25px;
  }
}

.view--home-v2 .hire-us .stats .stat .left {
  display: table-cell;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.view--home-v2 .hire-us .stats .stat .right {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 25px;
}

.view--home-v2 .hire-us .stats .stat .right .label {
  color: #4A4A4A;
  line-height: 28px;
  font-size: 14px;
}

.view--home-v2 .hire-us .stats .stat .right .number {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.view--home-v2 .hire-us .stats .stat .right .number span {
  color: #1B76BC;
}

.view--home-v2 .start-new-project {
  color: #054C7B;
  text-align: center;
  margin-bottom: 120px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--home-v2 .start-new-project {
    margin-bottom: 80px;
  }
}

.view--home-v2 .start-new-project .title {
  font-size: 36px;
  line-height: 32px;
}

.view--home-v2 .start-new-project a {
  text-decoration: none;
}

.view--home-v2 .start-new-project a .get-started {
  padding: 14px 57px;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  border-radius: 13px;
  margin: 0 auto;
  margin-top: 60px;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,34c2eb+0,207cca+100,1a7fc3+100 */
  background: #1e5799;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#1e5799), color-stop(0%, #34c2eb), color-stop(100%, #207cca), to(#1a7fc3));
  background: linear-gradient(to right, #1e5799 0%, #34c2eb 0%, #207cca 100%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#1a7fc3', GradientType=1);
  /* IE6-9 */
}

.view--home-v2 .plans-section {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--home-v2 .plans-section {
    margin-bottom: 80px;
  }
}

.view--home-v2 .plans-section a {
  text-decoration: none;
  color: inherit;
}

.view--home-v2 .plans-section .plans-container {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container {
    padding: 0 40px;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry {
  display: inline-block;
  float: left;
  border-radius: 13px;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 45px 0;
  text-align: center;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 1023px) {
  .view--home-v2 .plans-section .plans-container .plan-entry {
    max-width: 450px;
    display: block;
    margin: 0 auto;
    float: inherit;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container .plan-entry {
    padding: 25px 0;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

@media (min-width: 1024px) {
  .view--home-v2 .plans-section .plans-container .plan-entry {
    width: 47.5%;
    margin-right: 5%;
  }

  .view--home-v2 .plans-section .plans-container .plan-entry:nth-child(2n+2) {
    margin-right: 0;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry .plan-title {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container .plan-entry .plan-title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 23px;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry .plan-price {
  font-size: 60px;
  line-height: 82px;
  font-weight: 700;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container .plan-entry .plan-price {
    font-size: 42px;
    line-height: 57px;
    margin-bottom: 17px;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry .plan-offers .plan-offer-entry {
  padding: 21px 40px;
  background-color: #F3FAFF;
  color: #054C7B;
  font-size: 16px;
  line-height: 22px;
}

.view--home-v2 .plans-section .plans-container .plan-entry .plan-offers .plan-offer-entry:nth-child(2n+2) {
  background-color: #fff;
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container .plan-entry .plan-offers .plan-offer-entry {
    font-size: 12px;
    padding: 18px 22px;
  }
}

.view--home-v2 .plans-section .plans-container .plan-entry .plan-cta {
  margin-top: 40px;
  padding: 20px 40px;
  border-radius: 13px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c2eb', endColorstr='#1a7fc3', GradientType=1);
  /* IE6-9 */
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .view--home-v2 .plans-section .plans-container .plan-entry .plan-cta {
    padding: 15px 30px;
    font-size: 12px;
    margin-top: 20px;
  }
}

.view--our-work {
  margin-bottom: 210px;
}

@media (max-width: 1023px) {
  .view--our-work {
    margin-bottom: 60px;
  }
}

.view--our-work .head-section {
  background-color: #1B76BC;
  padding: 130px 0 250px 0;
  background-image: url("/assets/frontend/images/our-work/header_background.png");
  background-repeat: no-repeat;
  background-position: -70% 40%;
}

@media (max-width: 1023px) {
  .view--our-work .head-section {
    padding: 100px 30px;
  }
}

@media (max-width: 767px) {
  .view--our-work .head-section {
    padding: 75px 30px 130px 30px;
  }
}

.view--our-work .head-section-container {
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;
}

.view--our-work .head-section-container h1,
.view--our-work .head-section-container h2 {
  max-width: 740px;
}

.view--our-work .head-section-container h1 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 55px;
}

@media (max-width: 1023px) {
  .view--our-work .head-section-container h1 {
    font-size: 37px;
  }
}

@media (max-width: 767px) {
  .view--our-work .head-section-container h1 {
    font-size: 27px;
  }
}

.view--our-work .head-section-container h2 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 70px;
}

@media (max-width: 1023px) {
  .view--our-work .head-section-container h2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .view--our-work .head-section-container h2 {
    font-size: 17px;
    margin-bottom: 30px;
  }
}

.view--our-work .head-section-container .get-started {
  border-radius: 4px;
  font-weight: 700;
  color: #1B76BC;
  font-size: 12px;
  background-color: #fff;
  padding: 20px 30px;
  border: 1px solid transparent;
  display: inline-block;
  -webkit-transition: color 0.5s, background-color 0.5s, border 0.5s;
  transition: color 0.5s, background-color 0.5s, border 0.5s;
}

.view--our-work .head-section-container .get-started:hover {
  background-color: #1B76BC;
  border: 1px solid #fff;
  color: #fff;
}

.view--our-work .works-section {
  margin-top: -50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--our-work .works-section {
    padding: 0 35px;
    margin-top: -20px;
  }
}

@media (max-width: 767px) {
  .view--our-work .works-section {
    margin-top: -75px;
  }
}

.view--our-work .works-section a:visited {
  color: inherit;
}

.view--our-work .works-section .first-work {
  margin-bottom: 55px;
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .view--our-work .works-section .first-work {
    display: block;
  }
}

.view--our-work .works-section .first-work .image {
  display: table-cell;
  width: 47.5%;
}

.view--our-work .works-section .first-work .image .content {
  background-image: url("/assets/frontend/images/our-work/first_work.jpg");
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  margin-right: 50px;
}

.view--our-work .works-section .first-work .image .content:before {
  display: block;
  width: 100%;
  padding-top: 80.83140878%;
  content: '';
}

.view--our-work .works-section .first-work .image .content > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 767px) {
  .view--our-work .works-section .first-work .image {
    width: 100%;
    padding: 0 25px;
    display: block;
  }

  .view--our-work .works-section .first-work .image .content {
    margin-right: 0;
  }
}

.view--our-work .works-section .first-work .description {
  vertical-align: bottom;
  display: table-cell;
  width: 52.5%;
  padding-left: 50px;
  padding-bottom: 35px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--our-work .works-section .first-work .description {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .view--our-work .works-section .first-work .description {
    margin-top: 25px;
    display: block;
    width: 100%;
  }
}

.view--our-work .works-section .first-work .description div.tags {
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--our-work .works-section .first-work .description div.tags {
    font-size: 11px;
  }
}

.view--our-work .works-section .first-work .description div.tags .tag {
  color: #918F8F;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.view--our-work .works-section .first-work .description--title {
  line-height: 50px;
  font-size: 32px;
  color: #231F20;
  font-weight: 600;
  margin-bottom: 10px;
}

.view--our-work .works-section .first-work .description--text {
  color: #231F20;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 23px;
}

.view--our-work .works-section .first-work .description .view-all-works,
.view--our-work .works-section .first-work .description .view-all-works a {
  color: #231F20;
  font-size: 16px;
  text-decoration: underline;
}

.view--our-work .works-section .other-works {
  display: inline-block;
  width: 100%;
}

@media (max-width: 767px) {
  .view--our-work .works-section .other-works {
    padding: 0 25px;
  }
}

.view--our-work .works-section .other-works .work {
  border: 1px solid #efefef;
  position: relative;
  display: inline-block;
  width: calc(50% - 20px);
  cursor: pointer;
  float: left;
  margin-bottom: 45px;
  background-size: 100%;
  background-position: 50% 50%;
  transition: background-size 0.5s;
  -moz-transition: background-size 0.5s;
  -ms-transition: background-size 0.5s;
  -o-transition: background-size 0.5s;
  -webkit-transition: background-size 0.5s;
  position: relative;
}

@media (max-width: 767px) {
  .view--our-work .works-section .other-works .work {
    width: 100%;
  }
}

.view--our-work .works-section .other-works .work:nth-child(2n+1) {
  margin-right: 40px;
}

.view--our-work .works-section .other-works .work:before {
  display: block;
  width: 100%;
  padding-top: 59.21658986%;
  content: '';
}

.view--our-work .works-section .other-works .work > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--our-work .works-section .other-works .work.contain {
  background-repeat: no-repeat;
}

.view--our-work .works-section .other-works .work:hover {
  background-size: 105%;
}

.view--our-work .works-section .other-works .work:hover .overlay {
  opacity: 1;
}

.view--our-work .works-section .other-works .work .overlay {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(27, 118, 188, 0.9);
  opacity: 0;
  color: #FFFFFF;
  font-weight: 700;
}

.view--our-work .works-section .other-works .work .overlay .title {
  top: 60px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 24px;
}

.view--our-work .works-section .other-works .work .overlay .link {
  bottom: 60px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}

.view--our-work .works-section .other-works .work .overlay .link a {
  color: #fff;
}

.view--our-work .works-section div.separator {
  width: 100%;
  background-color: #E4E4E4;
  margin: 70px 0;
  height: 1px;
}

.view--our-work .works-section .hire .big-section-title {
  text-align: left;
  max-width: none;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .view--our-work .works-section .hire .big-section-title {
    text-align: center;
  }
}

.view--our-work .works-section .hire .stats {
  display: inline-block;
  width: 100%;
}

.view--our-work .works-section .hire .stats .stat {
  width: calc(100%/3);
  display: table;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--our-work .works-section .hire .stats .stat {
    margin-bottom: 40px;
    width: calc(100%/2);
  }
}

@media (max-width: 767px) {
  .view--our-work .works-section .hire .stats .stat {
    width: 100%;
    padding: 0 25px;
    margin-bottom: 25px;
  }
}

.view--our-work .works-section .hire .stats .stat .left {
  display: table-cell;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.view--our-work .works-section .hire .stats .stat .right {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 25px;
}

.view--our-work .works-section .hire .stats .stat .right .label {
  color: #4A4A4A;
  line-height: 28px;
  font-size: 14px;
}

.view--our-work .works-section .hire .stats .stat .right .number {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.view--our-work .works-section .hire .stats .stat .right .number span {
  color: #1B76BC;
}

.view--our-work-v2 {
  padding-top: 40px;
  font-family: "AvenirNext";
}

.view--our-work-v2 .section-title {
  font-weight: 700;
  line-height: 80px;
  font-size: 40px;
  text-align: center;
  color: #054C7B;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .section-title {
    font-size: 28px;
    line-height: 35px;
  }
}

.view--our-work-v2 .hero-section {
  max-width: 1700px;
  margin: 0 auto;
  position: relative;
  background: #1a7fc3;
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #1a7fc3), color-stop(100%, #34c2eb), to(#7db9e8));
  background: linear-gradient(to right, #1a7fc3 5%, #34c2eb 100%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fc3', endColorstr='#7db9e8',GradientType=1 );
  padding: 100px 140px 186px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hero-section {
    padding: 50px 35px;
  }
}

.view--our-work-v2 .hero-section .illustration-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 49.8%;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hero-section .illustration-container {
    display: none;
  }
}

.view--our-work-v2 .hero-section .hero-content {
  max-width: 564px;
  color: #fff;
  position: relative;
  z-index: 2;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hero-section .hero-content {
    max-width: none;
  }
}

.view--our-work-v2 .hero-section .hero-content .title {
  font-weight: 600;
  line-height: 55px;
  font-size: 42px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hero-section .hero-content .title {
    font-size: 32px;
    line-height: 37px;
  }
}

.view--our-work-v2 .hero-section .hero-content .description {
  margin-top: 30px;
  max-width: 493px;
  font-size: 24px;
  line-height: 38px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hero-section .hero-content .description {
    max-width: none;
    font-size: 20px;
    line-height: 30px;
  }
}

.view--our-work-v2 .hero-section .hero-content a {
  text-decoration: none;
}

.view--our-work-v2 .hero-section .hero-content a .get-started {
  border-radius: 13px;
  font-size: 16px;
  color: #054C7B;
  background-color: #fff;
  padding: 13px 57px;
  line-height: 22px;
  display: inline-block;
  margin-top: 40px;
  border: 2px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--our-work-v2 .hero-section .hero-content a .get-started:hover {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
}

.view--our-work-v2 .latest-studies {
  margin-top: 90px;
}

.view--our-work-v2 .latest-studies .studies-container {
  background-image: url("/assets/frontend/images/our-work/latest_background.svg");
  background-position: 50% 0%;
  margin-top: 206px;
  background-size: cover;
  padding: 0 50px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .latest-studies .studies-container {
    margin-top: 50px;
    background-image: none;
    padding: 0 32px;
  }
}

.view--our-work-v2 .latest-studies .studies-container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  bottom: 130px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .latest-studies .studies-container .content {
    bottom: 0;
    display: block;
  }
}

.view--our-work-v2 .latest-studies .studies-container .content .card {
  border-radius: 12px;
  background-color: #fff;
  max-width: 322Px;
  margin-right: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
  .view--our-work-v2 .latest-studies .studies-container .content .card {
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.view--our-work-v2 .latest-studies .studies-container .content .card:last-child {
  margin-right: 0;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .latest-studies .studies-container .content .card:last-child {
    margin-right: inherit;
  }
}

.view--our-work-v2 .latest-studies .studies-container .content .card .head {
  background-image: url("/assets/frontend/images/our-work/latest_test.png");
  background-size: cover;
  position: relative;
  background-position: 0 0;
}

.view--our-work-v2 .latest-studies .studies-container .content .card .head:before {
  display: block;
  width: 100%;
  padding-top: 79.19254658%;
  content: '';
}

.view--our-work-v2 .latest-studies .studies-container .content .card .head > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--our-work-v2 .latest-studies .studies-container .content .card .bottom {
  padding: 0 30px;
  padding-bottom: 32px;
  padding-top: 13px;
  text-align: center;
}

.view--our-work-v2 .latest-studies .studies-container .content .card .bottom .title {
  font-weight: 600;
  color: #054C7B;
  font-size: 21.6px;
  line-height: 30px;
}

.view--our-work-v2 .latest-studies .studies-container .content .card .bottom .description {
  color: #9898A6;
  font-size: 16.2px;
  line-height: 28px;
  margin-top: 5px;
  text-align: center;
}

.view--our-work-v2 .latest-studies .studies-container .content .card .bottom a {
  margin-top: 15px;
  color: #30B6E4;
  font-size: 18px;
  line-height: 21px;
  display: block;
}

.view--our-work-v2 .works-done {
  margin-top: 130px;
  padding: 0 50px;
  width: 100%;
  text-align: center;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .works-done {
    padding: 0 32px;
  }
}

.view--our-work-v2 .works-done .works-container {
  display: inline-block;
  width: 100%;
  max-width: 1110px;
}

.view--our-work-v2 .works-done .works-container .work {
  display: inline-block;
  float: left;
  cursor: pointer;
  border-radius: 13px;
  background-image: url("/assets/frontend/images/our-work/work_done_1.png");
  background-size: cover;
  background-position: 50% 50%;
  width: 30%;
  -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-right: 5%;
  margin-bottom: 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--our-work-v2 .works-done .works-container .work:before {
  display: block;
  width: 100%;
  padding-top: 113.93188854%;
  content: '';
}

.view--our-work-v2 .works-done .works-container .work > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--our-work-v2 .works-done .works-container .work:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 767px) {
  .view--our-work-v2 .works-done .works-container .work {
    position: relative;
    width: 100%;
    margin-right: 0;
    background-position: 50% 0%;
  }

  .view--our-work-v2 .works-done .works-container .work:before {
    display: block;
    width: 100%;
    padding-top: 50%;
    content: '';
  }

  .view--our-work-v2 .works-done .works-container .work > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.view--our-work-v2 .works-done .works-container .work:nth-child(3n + 3) {
  margin-right: 0;
}

.view--our-work-v2 .hire-us {
  margin-top: 130px;
  padding: 0 50px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .hire-us {
    margin-top: 50px;
  }
}

.view--our-work-v2 .hire-us .stats-container {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  margin-top: 55px;
}

.view--our-work-v2 .hire-us .stats {
  display: inline-block;
  width: 100%;
}

.view--our-work-v2 .hire-us .stats .stat {
  width: calc(100%/3);
  display: table;
  float: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--our-work-v2 .hire-us .stats .stat {
    margin-bottom: 40px;
    width: calc(100%/2);
  }
}

@media (max-width: 767px) {
  .view--our-work-v2 .hire-us .stats .stat {
    width: 100%;
    padding: 0 25px;
    margin-bottom: 25px;
  }
}

.view--our-work-v2 .hire-us .stats .stat .left {
  display: table-cell;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.view--our-work-v2 .hire-us .stats .stat .right {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 25px;
}

.view--our-work-v2 .hire-us .stats .stat .right .label {
  color: #4A4A4A;
  line-height: 28px;
  font-size: 14px;
}

.view--our-work-v2 .hire-us .stats .stat .right .number {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.view--our-work-v2 .hire-us .stats .stat .right .number span {
  color: #1B76BC;
}

.view--our-work-v2 .start-new-project {
  margin-top: 250px;
  color: #054C7B;
  text-align: center;
  margin-bottom: 150px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--our-work-v2 .start-new-project {
    margin-top: 100px;
  }
}

.view--our-work-v2 .start-new-project .title {
  font-size: 36px;
  line-height: 32px;
}

.view--our-work-v2 .start-new-project a {
  text-decoration: none;
}

.view--our-work-v2 .start-new-project a .get-started {
  padding: 14px 57px;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  border-radius: 13px;
  margin: 0 auto;
  margin-top: 60px;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,34c2eb+0,207cca+100,1a7fc3+100 */
  background: #1e5799;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#1e5799), color-stop(0%, #34c2eb), color-stop(100%, #207cca), to(#1a7fc3));
  background: linear-gradient(to right, #1e5799 0%, #34c2eb 0%, #207cca 100%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
}

.image-popin-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 40px;
  display: none;
  overflow: scroll;
}

.image-popin-container .image-container {
  width: 100%;
  background: #fff;
  padding: 30px;
  padding: 30px 50px;
  position: absolute;
  z-index: 3;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1000px;
  text-align: center;
}

.image-popin-container .image-container .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  cursor: pointer;
  height: 45px;
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #1a7fc3), color-stop(100%, #34c2eb), to(#7db9e8));
  background: linear-gradient(to right, #1a7fc3 5%, #34c2eb 100%, #7db9e8 100%);
}

.image-popin-container .image-container .close-button img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 20px;
}

.image-popin-container .image-container img {
  max-width: 100%;
}

.image-popin-container .close-container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.view--plans {
  margin-bottom: 215px;
}

@media (max-width: 767px) {
  .view--plans {
    margin-bottom: 75px;
  }
}

.view--plans .head-section {
  padding-top: 234px;
  padding-bottom: 431px;
  background-color: #1B76BC;
}

@media (max-width: 767px) {
  .view--plans .head-section {
    padding-top: 75px;
    padding: 75px 32px 100px 32px;
  }
}

.view--plans .head-section .container {
  max-width: 745px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.view--plans .head-section .container .title {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}

.view--plans .head-section .container .description {
  font-size: 24px;
  line-height: 38px;
}

.view--plans .plans-section .plans {
  margin-top: -335px;
  display: inline-block;
  width: 100%;
}

@media (max-width: 767px) {
  .view--plans .plans-section .plans {
    margin-top: -70px;
  }
}

.view--plans .plans-section .plans .plan {
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, transform 0.5s;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 50px;
  width: 46%;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  margin-right: 8%;
  text-align: center;
  background-color: #fff;
}

.view--plans .plans-section .plans .plan:hover {
  -webkit-box-shadow: 0px -4px 63px -13px rgba(0, 0, 0, 0.16);
  box-shadow: 0px -4px 63px -13px rgba(0, 0, 0, 0.16);
}

.view--plans .plans-section .plans .plan.premium {
  position: relative;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

@media (max-width: 767px) {
  .view--plans .plans-section .plans .plan.premium {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.view--plans .plans-section .plans .plan.premium .best {
  background-color: #79C87C;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  line-height: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .view--plans .plans-section .plans .plan.premium .best {
    width: 55px;
    height: 55px;
  }

  .view--plans .plans-section .plans .plan.premium .best span {
    font-size: 10px;
  }
}

.view--plans .plans-section .plans .plan.premium .best span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .view--plans .plans-section .plans .plan {
    width: 80%;
    display: block;
    margin: 0 auto;
    float: inherit;
  }
}

.view--plans .plans-section .plans .plan:nth-child(2n + 2) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .view--plans .plans-section .plans .plan:nth-child(2n + 2) {
    margin: 0 auto;
    margin-top: 75px;
  }
}

.view--plans .plans-section .plans .plan-title {
  color: #231F20;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;
}

.view--plans .plans-section .plans .plan .plan-price {
  color: #1B76BC;
  font-weight: 300;
  font-size: 74px;
  margin-bottom: 35px;
}

.view--plans .plans-section .plans .plan .plan-price span {
  position: relative;
}

.view--plans .plans-section .plans .plan .plan-price span:before {
  content: "$";
  font-weight: 600;
  font-size: 24px;
  position: absolute;
  bottom: 22px;
  left: -20px;
}

.view--plans .plans-section .plans .plan .plan-description {
  max-width: 625px;
}

.view--plans .plans-section .plans .plan .plan-description .entry {
  color: #1B76BC;
  line-height: 24px;
  font-size: 12px;
}

.view--plans .plans-section .plans .plan .plan-description .separator {
  margin: 10px 0;
  width: 100%;
  background-color: #E4E4E4;
  height: 1px;
}

.view--plans .plans-section .plans .plan .plan-button {
  margin-top: 40px;
  font-size: 12px;
  font-weight: 700;
}

.view--plans.view--plan {
  margin-bottom: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .view--plans.view--plan iframe {
    margin-top: -60px;
  }
}

.view--plans .paywhirl-container {
  max-width: 1170px;
  margin: 0 auto;
  margin-top: -310px;
  background: #fff;
  display: inline-block;
  padding: 50px;
  width: 100%;
}

@media (max-width: 767px) {
  .view--plans .paywhirl-container {
    margin-top: -50px;
  }
}

.view--plans .cart_wrapper {
  margin: 0 auto !important;
  background: #fff !important;
  display: inline-block !important;
  padding: 50px !important;
}

.view--terms .head-section {
  padding: 140px 0 290px 0;
  width: 100%;
  background-color: #1B76BC;
  text-align: center;
}

.view--terms .head-section input::-webkit-input-placeholder {
  color: #8DBADD;
}

.view--terms .head-section input:-ms-input-placeholder {
  color: #8DBADD;
}

.view--terms .head-section input::-ms-input-placeholder {
  color: #8DBADD;
}

.view--terms .head-section input::placeholder {
  color: #8DBADD;
}

@media (max-width: 767px) {
  .view--terms .head-section {
    padding: 90px 0;
  }
}

.view--terms .head-section__content {
  margin: 0 auto;
  display: inline-block;
  color: #fff;
}

.view--terms .head-section__content h1 {
  font-size: 42px;
  margin-bottom: 30px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .view--terms .head-section__content h1 {
    font-size: 24px;
    margin-bottom: 17px;
  }
}

.view--terms .head-section__content h2 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .view--terms .head-section__content h2 {
    font-size: 14Px;
    max-width: 275px;
    margin-bottom: 20px;
  }

  .view--terms .head-section__content h2 br {
    display: none;
  }
}

.view--terms .head-section__content form .container-form {
  width: 100%;
  max-width: 450px;
  display: inline-block;
}

.view--terms .head-section__content form .container-form .product-name {
  display: inline-block;
  float: left;
  width: 65%;
  height: 55px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #8DBADD;
  padding-left: 30px;
  font-size: 16px;
  outline: none;
  font-weight: 500;
  font-family: "AvenirNext";
}

@media (max-width: 767px) {
  .view--terms .head-section__content form .container-form .product-name {
    display: none;
  }
}

.view--terms .head-section__content form .container-form .get-started-cta {
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  float: left;
  width: 35%;
  height: 55px !important;
  background-color: #fff;
  color: #1B76BC;
  border: 1px solid #fff;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #fff;
  -webkit-transition: color 0.5s, background-color 0.5s;
  transition: color 0.5s, background-color 0.5s;
  border-left: 0px;
}

.view--terms .head-section__content form .container-form .get-started-cta:hover {
  background-color: transparent;
  color: #fff;
}

@media (max-width: 767px) {
  .view--terms .head-section__content form .container-form .get-started-cta {
    float: inherit;
    border-radius: 4px;
    padding: 0 28px;
    width: auto;
  }
}

.view--terms .text-section {
  margin-bottom: 100px;
  background-color: #fff;
  padding: 60px 65px;
  margin-top: -133px;
  border: 1px solid #E4E4E4;
  font-size: 16px;
  line-height: 25px;
}

.view--terms .text-section h2 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--terms .text-section {
    padding: 60px 36px;
  }
}

@media (max-width: 767px) {
  .view--terms .text-section {
    margin-top: 0;
    padding: 50px 27px 0 27px;
    border: 1px solid transparent;
    margin-bottom: 40px;
  }
}

.view--faq {
  max-width: 950px;
  margin: 0 auto;
}

.view--faq .section-title {
  margin-top: 100px;
  color: #054C7B;
  font-size: 48px;
  line-height: 80px;
  text-align: center;
  font-family: "AvenirNext";
  font-weight: 700;
}

@media (max-width: 1023px) {
  .view--faq .section-title {
    margin-top: 50px;
    font-size: 30px;
    line-height: 60px;
  }
}

.view--faq .frequently-asked-section {
  padding: 80px 0;
  margin-bottom: 115px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--faq .frequently-asked-section {
    padding: 60px 36px;
  }
}

@media (max-width: 767px) {
  .view--faq .frequently-asked-section {
    padding: 50px 21px;
    margin-bottom: 65px;
  }
}

.view--faq .frequently-asked-section .big-section-title {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--faq .frequently-asked-section .big-section-title {
    text-align: left;
    max-width: none;
  }
}

.view--faq .frequently-asked-section .questions .question {
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1);
}

.view--faq .frequently-asked-section .questions .question-head {
  cursor: pointer;
  padding: 20px 30px;
  padding-right: 60px;
  color: #231F20;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.view--faq .frequently-asked-section .questions .question-head-arrow {
  position: absolute;
  right: 30px;
  top: 23px;
  width: 20px;
}

.view--faq .frequently-asked-section .questions .question-head-arrow .icon {
  width: 100%;
  position: relative;
  background-size: cover;
}

.view--faq .frequently-asked-section .questions .question-head-arrow .icon:before {
  display: block;
  width: 100%;
  padding-top: 72.22222222%;
  content: '';
}

.view--faq .frequently-asked-section .questions .question-head-arrow .icon > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--faq .frequently-asked-section .questions .question-head-arrow .icon.top {
  background-image: url("/assets/frontend/images/frequently-asked/arrow-top.png");
}

.view--faq .frequently-asked-section .questions .question-head-arrow .icon.bottom {
  background-image: url("/assets/frontend/images/frequently-asked/arrow-bottom.png");
}

.view--faq .frequently-asked-section .questions .question-body {
  line-height: 28px;
  font-size: 16px;
  color: #878787;
  padding: 0 130px 30px 30px;
  padding-top: 0;
}

@media (max-width: 767px) {
  .view--faq .frequently-asked-section .questions .question-body {
    padding: 0 30px 30px 30px;
  }
}

.view--specific-offer {
  margin-bottom: 200px;
  padding-top: 100px;
  font-family: "AvenirNext";
  font-weight: 500;
  font-size: 20px;
  color: #054C7B;
}

@media (max-width: 1023px) {
  .view--specific-offer {
    margin-bottom: 50px;
    padding-top: 30px;
  }
}

.view--specific-offer h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--specific-offer h2 {
    padding: 0 50px;
  }
}

@media (max-width: 767px) {
  .view--specific-offer h2 {
    padding: 0 32px;
  }
}

@media (max-width: 1023px) {
  .view--specific-offer h2 {
    font-size: 30px;
    line-height: 42px;
  }
}

.view--specific-offer .specific-offer-editor {
  font-family: "AvenirNext";
  font-weight: 500;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  max-width: 1170px;
  margin: 0 auto;
  margin-bottom: 170px;
  margin-top: 50px;
  background-image: url("/assets/frontend/images/specific-offer/text_background.png");
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--specific-offer .specific-offer-editor {
    padding: 0 50px;
  }
}

@media (max-width: 767px) {
  .view--specific-offer .specific-offer-editor {
    padding: 0 32px;
  }
}

@media (max-width: 1023px) {
  .view--specific-offer .specific-offer-editor {
    font-size: 17px;
    margin-bottom: 50px;
    line-height: 35px;
  }
}

.view--specific-offer .specific-offer-editor p {
  margin-bottom: 20px;
}

.view--specific-offer .specific-offer-editor h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .view--specific-offer .specific-offer-editor h3 {
    font-size: 22px;
  }
}

.view--specific-offer .specific-offer-editor .buy-button {
  border-radius: 13px;
  color: #fff;
  font-family: "AvenirNext";
  font-weight: 500;
  font-size: 18px;
  padding: 15px 74px;
  display: inline-block;
  cursor: pointer;
  margin-top: 20px;
  -webkit-transition: all 1s;
  transition: all 1s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c2eb+0,1a7fc3+100 */
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c2eb', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
}

.view--specific-offer .offer-content {
  margin-bottom: 175px;
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content {
    margin-bottom: 75px;
  }
}

.view--specific-offer .offer-content .content-container {
  margin-top: 60px;
}

.view--specific-offer .offer-content .content-container .head {
  height: 85px;
  background-color: #fff;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  -webkit-box-shadow: 0px -2px 12px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -2px 12px 1px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content .content-container .head {
    display: none;
  }
}

.view--specific-offer .offer-content .content-container .core-container {
  padding: 28px 90px;
  padding-bottom: 114px;
  background: #ebebeb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ffffff));
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content .content-container .core-container {
    padding: 30px;
  }
}

.view--specific-offer .offer-content .content-container .core-container .core-entry {
  padding-left: 132px;
  position: relative;
  background-color: #fff;
  padding: 15px 60px 15px 132px;
  margin-bottom: 24px;
  font-size: 18px;
  color: #9898A6;
  line-height: 32px;
  border-radius: 13px;
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content .content-container .core-container .core-entry {
    padding: 15px 30px 15px 55px;
  }
}

.view--specific-offer .offer-content .content-container .core-container .core-entry:before {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("/assets/frontend/images/specific-offer/green-check.png");
  background-size: cover;
}

.view--specific-offer .offer-content .price-container {
  text-align: center;
  color: #9898A6;
  font-size: 32px;
  margin-top: -68px;
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content .price-container {
    margin-top: 0;
    font-size: 25px;
    padding: 0 30px;
  }
}

.view--specific-offer .offer-content .price-container span {
  color: #054C7B;
}

.view--specific-offer .offer-content .price-container span.big-price {
  font-size: 50px;
  font-weight: 700;
  margin-left: 10px;
}

@media (max-width: 1023px) {
  .view--specific-offer .offer-content .price-container span.big-price {
    font-size: 35px;
  }
}

.view--specific-offer .offer-content .price-container span.normal-price {
  margin-left: 10px;
}

.view--specific-offer .hire-us {
  max-width: 955px;
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--specific-offer .hire-us {
    margin-bottom: 75px;
  }
}

.view--specific-offer .hire-us .examples-container {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1023px) {
  .view--specific-offer .hire-us .examples-container {
    margin-top: 50px;
    display: block;
    margin: 0 30px;
  }
}

.view--specific-offer .hire-us .examples-container .example-entry {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 240px;
  text-align: center;
}

@media (max-width: 1023px) {
  .view--specific-offer .hire-us .examples-container .example-entry {
    margin: 0 auto;
    margin-top: 60px;
  }
}

.view--specific-offer .hire-us .examples-container .example-entry img {
  max-width: 130px;
  max-height: 85px;
}

.view--specific-offer .hire-us .examples-container .example-entry .title {
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 22px;
  margin-top: 30px;
}

.view--specific-offer .hire-us .examples-container .example-entry .description {
  font-size: 16px;
  color: #9898A6;
  line-height: 28px;
  text-align: center;
}

.view--specific-offer .design-categories {
  margin-bottom: 120px;
}

@media (max-width: 1023px) {
  .view--specific-offer .design-categories {
    margin-bottom: 75px;
  }
}

.view--specific-offer .design-categories .categories-container {
  margin-top: 60px;
  background-color: #F3FAFF;
  padding: 90px 0;
}

@media (max-width: 1023px) {
  .view--specific-offer .design-categories .categories-container {
    padding: 60px 0;
  }
}

.view--specific-offer .design-categories .categories-container .category-entries-container {
  max-width: 1077px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

@media (max-width: 1023px) {
  .view--specific-offer .design-categories .categories-container .category-entries-container {
    display: block;
  }
}

.view--specific-offer .design-categories .categories-container .category-entries-container .category-entry {
  padding: 30px;
  max-width: 244px;
  background-color: #fff;
  border-radius: 7px;
  min-width: 22%;
}

@media (max-width: 1023px) {
  .view--specific-offer .design-categories .categories-container .category-entries-container .category-entry {
    background-color: transparent;
    margin: 0 auto;
  }
}

.view--specific-offer .design-categories .categories-container .category-entries-container .category-entry img {
  height: 102px;
  max-width: 90%;
}

.view--specific-offer .design-categories .categories-container .category-entries-container .category-entry .title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 10px;
  line-height: 25px;
}

.view--specific-offer .design-categories .categories-container .category-entries-container .category-entry a {
  margin-top: 20px;
  line-height: 22px;
  font-size: 16px;
  color: #30B6E4;
  text-decoration: none;
}

.view--specific-offer .payment-section {
  padding: 50px;
  margin-bottom: 120px;
  background-color: #054C7B;
}

@media (max-width: 1023px) {
  .view--specific-offer .payment-section {
    padding: 50px 10px;
    margin-bottom: 50px;
  }
}

.view--specific-offer .payment-section h2 {
  color: #fff;
  margin-bottom: 30px;
}

.view--specific-offer .payment-section .paywhirl-container {
  max-width: 1170px;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
  width: 100%;
}

@media (max-width: 1023px) {
  .view--specific-offer .payment-section .paywhirl-container {
    padding: 10px;
  }
}

.view--specific-offer .payment-section .paywhirl-container iframe {
  min-height: auto !important;
}

.view--specific-offer .cart_wrapper {
  margin: 0 auto !important;
  background: #fff !important;
  display: inline-block !important;
  padding: 50px !important;
}

.view--specific-offer .will-expire .counter-container {
  margin-top: 70px;
  border-radius: 13px;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  background: #34c2eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#34c2eb), to(#1a7fc3));
  background: linear-gradient(to right, #34c2eb 0%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c2eb', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 50px;
}

@media (max-width: 1023px) {
  .view--specific-offer .will-expire .counter-container {
    padding: 20px 20px;
    max-width: calc(100% - 50px);
    width: auto;
  }
}

.view--specific-offer .will-expire .counter-container .time {
  color: #fff;
}

.view--specific-offer .will-expire .counter-container .time .text {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media (max-width: 1023px) {
  .view--specific-offer .will-expire .counter-container .time .text {
    font-size: 18px;
  }
}

.view--specific-offer .will-expire .counter-container .time .number {
  font-size: 43px;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .view--specific-offer .will-expire .counter-container .time .number {
    font-size: 35px;
  }
}

.view--special-offers {
  margin-bottom: 200px;
}

@media (max-width: 767px) {
  .view--special-offers {
    margin-bottom: 75px;
  }
}

.view--special-offers .section-title {
  font-family: "AvenirNext";
  font-weight: 500;
  color: #054C7B;
  font-size: 40px;
  text-align: center;
  width: 100%;
}

@media (max-width: 1023px) {
  .view--special-offers .section-title {
    font-size: 30px;
  }
}

.view--special-offers .hero-top {
  width: 100%;
  margin-bottom: 150px;
  max-width: 1440px;
  margin: 0 auto;
}

.view--special-offers .hero-top img {
  width: 100%;
}

.view--special-offers .actual-offers {
  text-align: center;
}

@media (max-width: 1023px) {
  .view--special-offers .actual-offers .section-title {
    margin-top: 40px;
  }
}

.view--special-offers .actual-offers .offers-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 35px;
  display: inline-block;
  width: 100%;
  margin-top: 60px;
}

.view--special-offers .actual-offers .offers-container .offer-component {
  float: left;
  text-align: left;
  width: 30%;
  display: inline-block;
  margin-bottom: 40px;
  margin-right: 5%;
}

@media (min-width: 1024px) {
  .view--special-offers .actual-offers .offers-container .offer-component:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--special-offers .actual-offers .offers-container .offer-component {
    width: 48%;
    margin-right: 4%;
  }

  .view--special-offers .actual-offers .offers-container .offer-component:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--special-offers .actual-offers .offers-container .offer-component {
    width: 100%;
    float: inherit;
    margin-right: 0;
  }
}

.view--special-offers .next-offers {
  margin-top: 40px;
  text-align: center;
}

.view--special-offers .next-offers .offers-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 35px;
  display: inline-block;
  width: 100%;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .view--special-offers .next-offers .offers-container {
    text-align: center;
  }
}

.view--special-offers .next-offers .offers-container .offer-component {
  float: left;
  text-align: left;
  width: 30%;
  display: inline-block;
  margin-bottom: 50px;
  margin-right: 5%;
}

@media (min-width: 1024px) {
  .view--special-offers .next-offers .offers-container .offer-component:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--special-offers .next-offers .offers-container .offer-component {
    width: 48%;
    margin-right: 4%;
  }

  .view--special-offers .next-offers .offers-container .offer-component:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--special-offers .next-offers .offers-container .offer-component {
    width: 100%;
    margin-right: 0;
    float: inherit;
  }
}

.view--service {
  color: #054C7B;
  font-family: "AvenirNext";
  font-weight: 500;
  padding: 0 40px;
}

@media (max-width: 767px) {
  .view--service {
    padding: 0 45px;
  }
}

.view--service .section-title {
  color: #054C7B;
  font-size: 38px;
  line-height: 80px;
  text-align: center;
  font-family: "AvenirNext";
  font-weight: 600;
}

.view--service .top-section {
  margin-top: 90px;
  text-align: center;
}

@media (max-width: 767px) {
  .view--service .top-section {
    text-align: left;
    margin-top: 30px;
  }

  .view--service .top-section .section-title {
    font-size: 24px;
    line-height: 40px;
    text-align: left;
    font-weight: 700;
  }
}

.view--service .top-section .description {
  font-size: 25px;
  font-weight: 400;
  line-height: 40px;
}

@media (max-width: 767px) {
  .view--service .top-section .description {
    font-size: 14px;
    line-height: 24px;
    max-width: 220px;
    margin-top: 15px;
  }
}

.view--service .services-section {
  max-width: 1082px;
  margin: 0 auto;
}

.view--service .services-section .section-title {
  font-size: 28px;
  line-height: 30px;
  text-align: left;
}

@media (max-width: 767px) {
  .view--service .services-section .section-title {
    font-size: 16px;
    line-height: 30px;
  }
}

.view--service .services-section .services-container {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .view--service .services-section .services-container {
    display: block;
    margin-top: 20px;
  }
}

.view--service .services-section .services-container .service-entry {
  width: 23.5%;
  float: left;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 13px;
  margin-bottom: 55px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--service .services-section .services-container .service-entry:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (min-width: 1024px) {
  .view--service .services-section .services-container .service-entry {
    margin-right: 2%;
  }

  .view--service .services-section .services-container .service-entry:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--service .services-section .services-container .service-entry {
    width: 48%;
    margin-right: 4%;
  }

  .view--service .services-section .services-container .service-entry:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--service .services-section .services-container .service-entry {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    float: initial;
  }
}

.view--service .services-section .services-container .service-entry a {
  color: #054C7B;
}

.view--service .services-section .services-container .service-entry .top-service {
  height: 72px;
  padding: 0 35px;
  position: relative;
}

.view--service .services-section .services-container .service-entry .top-service .logo-container {
  height: 36px;
  float: left;
  width: 42px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 35px;
}

.view--service .services-section .services-container .service-entry .top-service .logo-container img {
  max-width: 100%;
  max-height: 100%;
}

.view--service .services-section .services-container .service-entry .top-service .text-container {
  display: inline-block;
  width: calc(100% - 55px);
  height: 100%;
  float: right;
  position: relative;
}

.view--service .services-section .services-container .service-entry .top-service .text-container .absolute-block {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  position: absolute;
}

.view--service .services-section .services-container .service-entry .top-service .text-container .absolute-block .title {
  font-size: 16px;
  line-height: 22px;
}

.view--service .services-section .services-container .service-entry .top-service .text-container .absolute-block .completion-time {
  font-size: 9px;
  color: #9B9B9B;
  margin-top: 4px;
}

.view--service .services-section .services-container .service-entry .separator {
  background-color: #E8E8E8;
  height: 1px;
  max-width: calc(100% - 70px);
  margin: 0 auto;
}

.view--service .services-section .services-container .service-entry .service-description {
  height: 73px;
  position: relative;
}

.view--service .services-section .services-container .service-entry .service-description .text-container {
  padding-left: 35px;
  padding-right: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 12px;
  line-height: 16px;
  color: #9B9B9B;
}

.view--service .services-section .services-container .service-entry .image-container {
  height: 150px;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url("/assets/frontend/images/service/sample-service-image.png");
}

.view--service .all-services-section {
  margin-top: 100px;
}

@media (max-width: 767px) {
  .view--service .all-services-section {
    margin-top: 30px;
  }
}

.view--service .services-separator {
  background-color: #EDEDED;
  height: 1px;
  max-width: 1082px;
  margin: 0 auto;
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .view--service .services-separator {
    margin-bottom: 40px;
  }
}

.view--product {
  font-family: "AvenirNext";
  font-weight: 500;
  color: #054C7B;
  max-width: 1440px;
  margin: 0 auto;
}

.view--product .section-title {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  line-height: 72px;
  max-width: 990px;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--product .section-title {
    font-size: 30px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .view--product .section-title {
    padding: 0;
    font-size: 23px;
    line-height: 33px;
  }
}

.view--product .product-hero {
  padding-top: 130px;
  padding-left: 10%;
  padding-bottom: 263px;
}

@media (max-width: 767px) {
  .view--product .product-hero {
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: 50px;
  }
}

.view--product .product-hero .left-product {
  max-width: 450px;
}

.view--product .product-hero .left-product .title {
  font-size: 48px;
  line-height: 72px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .view--product .product-hero .left-product .title {
    font-size: 24px;
    line-height: 34px;
  }
}

.view--product .product-hero .left-product .description {
  font-size: 30px;
  line-height: 50px;
  margin-top: 25px;
}

@media (max-width: 767px) {
  .view--product .product-hero .left-product .description {
    max-width: 230px;
    font-size: 14px;
    line-height: 24px;
  }
}

.view--product .work-examples {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 40px;
}

.view--product .work-examples .works-container {
  margin-top: 60px;
  display: inline-block;
  width: 100%;
}

.view--product .work-examples .works-container .work {
  display: inline-block;
  float: left;
  cursor: pointer;
  border-radius: 13px;
  background-image: url("/assets/frontend/images/our-work/work_done_1.png");
  background-size: cover;
  background-position: 50% 50%;
  width: 30%;
  -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-right: 5%;
  margin-bottom: 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--product .work-examples .works-container .work:before {
  display: block;
  width: 100%;
  padding-top: 113.93188854%;
  content: '';
}

.view--product .work-examples .works-container .work > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view--product .work-examples .works-container .work:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 767px) {
  .view--product .work-examples .works-container .work {
    position: relative;
    width: 100%;
    margin-right: 0;
    background-position: 50% 0%;
  }

  .view--product .work-examples .works-container .work:before {
    display: block;
    width: 100%;
    padding-top: 50%;
    content: '';
  }

  .view--product .work-examples .works-container .work > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.view--product .work-examples .works-container .work:nth-child(3n + 3) {
  margin-right: 0;
}

.view--product .offer-content {
  margin-bottom: 175px;
  margin-top: 60px;
}

@media (max-width: 1023px) {
  .view--product .offer-content {
    margin-bottom: 75px;
  }
}

@media (max-width: 1023px) {
  .view--product .offer-content .section-title {
    padding: 0 30px;
  }
}

.view--product .offer-content .content-container {
  margin-top: 60px;
}

.view--product .offer-content .content-container .head {
  height: 85px;
  background-color: #fff;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  -webkit-box-shadow: 0px -2px 12px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -2px 12px 1px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
  .view--product .offer-content .content-container .head {
    display: none;
  }
}

.view--product .offer-content .content-container .core-container {
  padding: 28px 90px;
  padding-bottom: 114px;
  background: #ebebeb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ffffff));
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

@media (max-width: 1023px) {
  .view--product .offer-content .content-container .core-container {
    padding: 30px;
  }
}

.view--product .offer-content .content-container .core-container .core-entry {
  padding-left: 132px;
  position: relative;
  background-color: #fff;
  padding: 15px 60px 15px 132px;
  margin-bottom: 24px;
  font-size: 18px;
  color: #9898A6;
  line-height: 32px;
  border-radius: 13px;
}

@media (max-width: 1023px) {
  .view--product .offer-content .content-container .core-container .core-entry {
    padding: 15px 30px 15px 55px;
  }
}

.view--product .offer-content .content-container .core-container .core-entry:before {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("/assets/frontend/images/specific-offer/green-check.png");
  background-size: cover;
}

.view--product .why-hire-us {
  margin-top: 90px;
}

@media (max-width: 1023px) {
  .view--product .why-hire-us {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .view--product .why-hire-us .section-title {
    padding: 0 30px;
  }
}

.view--product .why-hire-us .inline-container {
  display: inline-block;
  width: 100%;
  margin-top: 60px;
}

.view--product .why-hire-us .inline-container .left-container,
.view--product .why-hire-us .inline-container .right-container {
  display: inline-block;
  width: 50%;
  float: left;
  height: 400px;
  padding-top: 90px;
}

@media (max-width: 767px) {
  .view--product .why-hire-us .inline-container .left-container,
  .view--product .why-hire-us .inline-container .right-container {
    height: auto;
    width: 100%;
    padding: 35px 28px;
  }
}

.view--product .why-hire-us .inline-container .left-container .text-title,
.view--product .why-hire-us .inline-container .right-container .text-title {
  font-size: 24px;
  max-width: 435px;
  line-height: 33px;
}

@media (max-width: 767px) {
  .view--product .why-hire-us .inline-container .left-container .text-title,
  .view--product .why-hire-us .inline-container .right-container .text-title {
    max-width: inherit;
    float: inherit;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}

.view--product .why-hire-us .inline-container .left-container .text-description,
.view--product .why-hire-us .inline-container .right-container .text-description {
  font-size: 18px;
  color: #4A4A4A;
  line-height: 32px;
  max-width: 390px;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .view--product .why-hire-us .inline-container .left-container .text-description,
  .view--product .why-hire-us .inline-container .right-container .text-description {
    max-width: inherit;
    float: inherit;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
  }
}

.view--product .why-hire-us .inline-container .left-container {
  background-color: #F3FAFF;
  text-align: right;
  padding-right: 90px;
}

@media (max-width: 1023px) {
  .view--product .why-hire-us .inline-container .left-container {
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .view--product .why-hire-us .inline-container .left-container {
    text-align: center;
  }
}

.view--product .why-hire-us .inline-container .left-container .text-title,
.view--product .why-hire-us .inline-container .left-container .text-description {
  float: right;
}

@media (max-width: 767px) {
  .view--product .why-hire-us .inline-container .left-container .text-title,
  .view--product .why-hire-us .inline-container .left-container .text-description {
    float: inherit;
  }
}

.view--product .why-hire-us .inline-container .right-container {
  background-color: #F9F9F9;
  padding-left: 90px;
}

@media (max-width: 1023px) {
  .view--product .why-hire-us .inline-container .right-container {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.view--product .happy-customers {
  margin-top: 100px;
}

@media (max-width: 767px) {
  .view--product .happy-customers .section-title {
    padding: 0 30px;
  }
}

.view--product .happy-customers .content-container {
  height: 400px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #F3FAFF;
  text-align: center;
  margin-top: 250px;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container {
    margin-top: 50px;
    background-color: transparent;
    display: inline-block;
  }
}

.view--product .happy-customers .content-container .customer-cards-container {
  width: 100%;
  display: inline-block;
  max-width: 1130px;
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card {
  display: inline-block;
  float: left;
  border-radius: 13px;
  -webkit-box-shadow: 2px 2px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 60px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: -185px;
  padding: 40px 55px;
}

@media (min-width: 1024px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card {
    width: 30%;
    margin-right: 5%;
  }

  .view--product .happy-customers .content-container .customer-cards-container .customer-card:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card {
    display: block;
    float: inherit;
    max-width: 250px;
    margin: 0 auto;
    margin-top: 0;
    padding: 30px;
    margin-bottom: 30px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-image {
  width: 74px;
  height: 74px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-image {
    width: 50px;
    height: 50px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 74px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-image img {
    width: 50px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-name {
  font-size: 20px;
  line-height: 27px;
  margin-top: 35px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-name {
    font-size: 14px;
    line-height: 20px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-company {
  color: #D4D4D4;
  font-size: 20px;
  line-height: 27px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-company {
    font-size: 14px;
    line-height: 20px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-text {
  color: #9898A6;
  font-size: 18px;
  line-height: 26px;
  margin-top: 5px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-text {
    font-size: 12px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-stars {
  max-width: 133px;
  margin: 0 auto;
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .view--product .happy-customers .content-container .customer-cards-container .customer-card .card-stars {
    max-width: 95px;
  }
}

.view--product .happy-customers .content-container .customer-cards-container .customer-card .card-stars img {
  max-width: 100%;
}

.view--product .faq-section {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 1023px) {
  .view--product .faq-section {
    padding: 0 40px;
  }
}

.view--product .faq-section .faq-content {
  max-width: 970px;
  margin: 0 auto;
  margin-top: 30px;
}

.view--product .faq-section .faq-content .faq-entry {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.view--product .faq-section .faq-content .faq-entry:first-child {
  margin-top: 0;
}

.view--product .faq-section .faq-content .faq-entry .faq-block {
  max-width: 60%;
  float: left;
  padding: 28px 40px;
  border-radius: 13px;
  background-color: #F3FAFF;
  color: #9898A6;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  margin-top: 30px;
}

@media (max-width: 1023px) {
  .view--product .faq-section .faq-content .faq-entry .faq-block {
    max-width: calc(100% - 100px);
  }
}

@media (max-width: 767px) {
  .view--product .faq-section .faq-content .faq-entry .faq-block {
    font-size: 11px;
    line-height: 15px;
    padding: 15px 25px;
  }
}

.view--product .faq-section .faq-content .faq-entry .faq-block:first-child {
  margin-top: 0;
}

.view--product .faq-section .faq-content .faq-entry .faq-block:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #F3FAFF;
  -webkit-transform: rotate(225deg) translateY(100%);
          transform: rotate(225deg) translateY(100%);
  bottom: -27px;
  left: 15px;
}

.view--product .faq-section .faq-content .faq-entry .faq-block .image-container {
  position: absolute;
  left: 0;
  bottom: -80px;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  overflow: hidden;
}

.view--product .faq-section .faq-content .faq-entry .faq-block .image-container img {
  width: 55px;
}

.view--product .faq-section .faq-content .faq-entry .faq-block.question {
  float: right;
  background-color: #30B6E4;
  color: #fff;
}

.view--product .faq-section .faq-content .faq-entry .faq-block.question:after {
  left: initial;
  right: 45px;
  bottom: 1px;
  -webkit-transform: rotate(-45deg) translateY(100%);
          transform: rotate(-45deg) translateY(100%);
  border-left: 10px solid #30B6E4;
}

.view--product .faq-section .faq-content .faq-entry .faq-block.question .image-container {
  left: initial;
  right: 0;
}

.view--product .similar-service-section {
  max-width: 1082px;
  margin: 0 auto;
  margin-top: 200px;
  padding: 0 40px;
}

.view--product .similar-service-section .services-container {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .view--product .similar-service-section .services-container {
    display: block;
    margin-top: 20px;
  }
}

.view--product .similar-service-section .services-container .service-entry {
  width: 23.5%;
  float: left;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 13px;
  margin-bottom: 55px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.view--product .similar-service-section .services-container .service-entry:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.view--product .similar-service-section .services-container .service-entry a {
  color: #054C7B;
}

@media (min-width: 1024px) {
  .view--product .similar-service-section .services-container .service-entry {
    margin-right: 2%;
  }

  .view--product .similar-service-section .services-container .service-entry:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view--product .similar-service-section .services-container .service-entry {
    width: 48%;
    margin-right: 4%;
  }

  .view--product .similar-service-section .services-container .service-entry:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .view--product .similar-service-section .services-container .service-entry {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    float: initial;
  }
}

.view--product .similar-service-section .services-container .service-entry .top-service {
  height: 72px;
  padding: 0 35px;
  position: relative;
}

.view--product .similar-service-section .services-container .service-entry .top-service .logo-container {
  height: 36px;
  float: left;
  width: 42px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 35px;
}

.view--product .similar-service-section .services-container .service-entry .top-service .logo-container img {
  max-width: 100%;
  max-height: 100%;
}

.view--product .similar-service-section .services-container .service-entry .top-service .text-container {
  display: inline-block;
  width: calc(100% - 55px);
  height: 100%;
  float: right;
  position: relative;
}

.view--product .similar-service-section .services-container .service-entry .top-service .text-container .absolute-block {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  position: absolute;
}

.view--product .similar-service-section .services-container .service-entry .top-service .text-container .absolute-block .title {
  font-size: 16px;
  line-height: 22px;
}

.view--product .similar-service-section .services-container .service-entry .top-service .text-container .absolute-block .completion-time {
  font-size: 9px;
  color: #9B9B9B;
  margin-top: 4px;
}

.view--product .similar-service-section .services-container .service-entry .separator {
  background-color: #E8E8E8;
  height: 1px;
  max-width: calc(100% - 70px);
  margin: 0 auto;
}

.view--product .similar-service-section .services-container .service-entry .service-description {
  height: 73px;
  position: relative;
}

.view--product .similar-service-section .services-container .service-entry .service-description .text-container {
  padding-left: 35px;
  padding-right: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 12px;
  line-height: 16px;
  color: #9B9B9B;
}

.view--product .similar-service-section .services-container .service-entry .image-container {
  height: 150px;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url("/assets/frontend/images/service/sample-service-image.png");
}

.view--product .start-new-project {
  margin-top: 170px;
  color: #054C7B;
  text-align: center;
  margin-bottom: 150px;
}

@media (max-width: 1023px) {
  .view--product .start-new-project {
    margin-top: 100px;
  }
}

.view--product .start-new-project .title {
  font-size: 36px;
  line-height: 32px;
}

.view--product .start-new-project a {
  text-decoration: none;
}

.view--product .start-new-project a .get-started {
  padding: 14px 57px;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  border-radius: 13px;
  margin: 0 auto;
  margin-top: 60px;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,34c2eb+0,207cca+100,1a7fc3+100 */
  background: #1e5799;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#1e5799), color-stop(0%, #34c2eb), color-stop(100%, #207cca), to(#1a7fc3));
  background: linear-gradient(to right, #1e5799 0%, #34c2eb 0%, #207cca 100%, #1a7fc3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1a7fc3',GradientType=1 );
  /* IE6-9 */
}

.view--referral .gift-image-container {
  text-align: center;
  margin-top: 60px;
  padding: 0 40px;
}

.view--referral .gift-image-container img {
  max-width: 480px;
  width: 100%;
}

.view--referral .text-referral-container {
  font-size: 28px;
  color: #054C7B;
  font-family: "AvenirNext";
  font-weight: 500;
  line-height: 59px;
  padding: 0 40px;
  margin: 0 auto;
  max-width: 721px;
  text-align: center;
  margin-top: 63px;
}

.view--referral .text-referral-container span {
  font-weight: 700;
}

@media (max-width: 767px) {
  .view--referral .text-referral-container {
    font-size: 21px;
    line-height: 40px;
  }
}

.view--referral .payment-section {
  padding: 40px 75px;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 13px;
  margin-bottom: 120px;
  background: #1e5799;
  background: linear-gradient(135deg, #1e5799 0%, #34c2eb 0%, #207cca 100%, #1a7fc3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1a7fc3',GradientType=1 );
  margin-top: 100px;
}

@media (max-width: 1023px) {
  .view--referral .payment-section {
    padding: 40px 40px;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .view--referral .payment-section {
    margin-top: 50px;
    border-radius: 0;
  }
}

.view--referral .payment-section h2 {
  color: #fff;
  margin-bottom: 35px;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

.view--referral .payment-section .stripe-container {
  max-width: 700px;
  width: 100%;
}

.view--referral .payment-section .stripe-container .input-container {
  width: 100%;
  margin-bottom: 12px;
  font-weight: 500;
  line-height: 22px;
}

.view--referral .payment-section .stripe-container .input-container input,
.view--referral .payment-section .stripe-container .input-container select {
  border-radius: 13px;
  background-color: #fff;
  border: 0px solid #fff;
  line-height: 22px;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px;
  color: #9B9B9B;
}

.view--referral .payment-section .stripe-container .input-container input::-webkit-input-placeholder,
.view--referral .payment-section .stripe-container .input-container select::-webkit-input-placeholder {
  color: #9B9B9B;
}

.view--referral .payment-section .stripe-container .input-container input:-ms-input-placeholder,
.view--referral .payment-section .stripe-container .input-container select:-ms-input-placeholder {
  color: #9B9B9B;
}

.view--referral .payment-section .stripe-container .input-container input::-ms-input-placeholder,
.view--referral .payment-section .stripe-container .input-container select::-ms-input-placeholder {
  color: #9B9B9B;
}

.view--referral .payment-section .stripe-container .input-container input::placeholder,
.view--referral .payment-section .stripe-container .input-container select::placeholder {
  color: #9B9B9B;
}

.view--referral .payment-section .stripe-container .input-container .select-container {
  position: relative;
}

.view--referral .payment-section .stripe-container .input-container .select-container:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #bdbdbd;
}

.view--referral .payment-section .stripe-container .input-container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  color: #000;
  cursor: pointer;
}

.view--referral .payment-section .stripe-container .input-container .label-container {
  padding-left: 5px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
}

.view--referral .payment-section .stripe-container .input-container #card-element {
  padding: 12px;
  background-color: #fff;
  border-radius: 13px;
}

.view--referral .payment-section .stripe-container .pay-button-container {
  text-align: center;
  margin-top: 30px;
}

.view--referral .payment-section .stripe-container .pay-button-container .pay-button {
  border-radius: 13px;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 30px;
  font-size: 16px;
  cursor: pointer;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 600;
}

.view--referral .payment-section .stripe-container .pay-button-container .pay-button:hover {
  background-color: #fff;
  color: #30B6E4;
}

#app {
  width: 100%;
}

body {
  font-family: "AvenirNext";
  font-weight: 500;
}