:root {
  --firebrick: #ac1313;
  --midnight-blue: #00103f;
  --black: #18181d;
  --black-3: #333;
  --white-2: #fafafa;
  --white: white;
  --black-2: black;
  --dim-grey-2: #555;
  --black-4: #18181d;
  --black-5: #8c8c8c;
  --midnight-blue-2: #00103f;
  --gainsboro: #e6e6e6;
  --transparent: #fff0;
  --dim-grey: #464646;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.nav4-menu-wrap-2 {
  z-index: 1000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.image-10048 {
  width: auto;
  padding-right: 0;
}

.nav4-nav-link-2 {
  color: #333;
  text-align: right;
  text-transform: none;
  background-color: #fff;
  width: 100%;
  padding: 7px 36px;
  font-family: Open Sans, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
  display: block;
  position: static;
}

.nav4-nav-link-2:hover {
  opacity: 1;
  color: #ac1313;
  background-color: #fff;
}

.nav4-nav-link-2.w--current {
  color: var(--firebrick);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 21px;
  line-height: 27px;
}

.nav4-nav-link-2.w--current:hover {
  opacity: .7;
}

.menu-icon {
  z-index: auto;
  color: #0000;
  flex: 0 auto;
  margin-left: 0;
  display: inline-block;
  position: relative;
}

.brand-8 {
  width: 60px;
  height: auto;
  padding-left: 0;
  display: flex;
}

.brand-8:hover {
  opacity: .7;
}

.navbar4-2 {
  z-index: auto;
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 1px solid #ebedee;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 22px 36px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navbar4-2.active-nav4 {
  z-index: 1000;
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
}

.nav4-promo-link-wrap {
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav4-nav-menu-2 {
  z-index: 20;
  opacity: .9;
  background-color: #0000;
  border-bottom: 1px solid #ebedee;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 50em;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  inset: 0% 0% 0% auto;
}

.menu-button-14 {
  z-index: 1000;
  color: #0000;
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.menu-button-14:hover {
  opacity: .7;
}

.menu-button-14.w--open {
  text-align: right;
  background-color: #0000;
}

.nav4-promo-link-news {
  text-transform: none;
  padding: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.nav4-promo-link-news:hover {
  opacity: .7;
}

.nav4-wrap {
  grid-column-gap: 36px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.navbar-web {
  z-index: auto;
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 1px solid #ebedee;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 22px 36px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navbar-web.active-nav4 {
  z-index: 1000;
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
}

.navbar-web.active-nav-web {
  z-index: 1000;
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-bottom-style: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  position: relative;
  top: 0;
}

.side-navigation-home-45 {
  z-index: auto;
  opacity: 1;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 60vh;
  margin-top: -5px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.text-top-web-home-29 {
  opacity: .8;
  color: var(--midnight-blue);
  text-shadow: 0 10px 10px #0000001a;
  justify-content: center;
  margin-top: 0;
  font-size: 100px;
  line-height: 100px;
  display: block;
  position: relative;
}

.text-top-web-home-46 {
  z-index: auto;
  color: #4d4d4d;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: -60px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.image-6 {
  opacity: 1;
}

.image-6:hover {
  opacity: .5;
}

.text-top-web-home-28 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-home-44 {
  margin-top: -15px;
  margin-left: -15px;
  display: block;
  position: relative;
  transform: rotate(-90deg);
}

.text-top-web-home-37 {
  color: #ac1313;
  letter-spacing: -5px;
  text-transform: uppercase;
  white-space: normal;
  max-width: 60%;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
  position: relative;
  top: 0;
}

.text-top-web-home-43 {
  color: #0c152fbf;
  text-shadow: 0 10px 10px #0000001a;
  font-family: Open Sans, sans-serif;
  font-size: 65px;
  font-weight: 800;
  line-height: 70px;
  display: block;
}

.text-top-web-home-27 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.side-navigation-home-web {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.side-navigation-home-13 {
  z-index: 2;
  border-left: 1px solid #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 92vh;
  margin-top: 0;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.sidenav-social-link-2 {
  opacity: 1;
  color: #666;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: inline;
  transform: rotate(0);
}

.sidenav-social-link-2:hover {
  color: #ac1313;
}

.social-links-23 {
  margin-top: -135px;
  position: static;
  transform: rotate(-90deg);
}

.hero-section-home-14 {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(270deg, #fff0, #fff), url('../images/macbook.png');
  background-position: 0 0, 100% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1500px;
  height: 60em;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.link-block-web {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web:hover {
  opacity: 1;
}

.link-block-web.w--current {
  width: 22px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.container-1-web-home-4 {
  z-index: auto;
  max-width: 90em;
  margin-top: 0;
  display: block;
  position: relative;
  top: 70px;
}

.hero-section-home-web {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#ffffff4d 45%, #fffffffc 96%), url('../images/1.jpg');
  background-position: 0 0, 0 0, 25% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 62em;
  margin-top: 0;
  padding-top: 0;
  display: none;
  position: sticky;
}

.section-bil {
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  display: block;
}

.heading-web-home-3 {
  color: var(--firebrick);
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 900px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 46px;
  position: relative;
  top: 0;
  left: 0;
}

.hero1-product-web-home {
  background-color: #0000;
  border-top: 1px solid #ebedee;
  border-right: 1px solid #ebedee;
  width: 315px;
  margin-left: 0;
  padding: 20px 10px 20px 56px;
  position: absolute;
  inset: auto 0% 86px auto;
}

.paragraph-70-web-home-4 {
  opacity: .7;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
}

.size3-link-web-home {
  color: #18181d;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  text-decoration: none;
  display: block;
}

.size3-link-web-home:hover {
  opacity: .7;
}

.hero1-web-home {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.25fr .25fr 1fr 1.5fr 1fr 1fr 1fr .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.size1-text-web-home {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.text-span-11, .text-span-4 {
  color: #ac1313;
}

.button-large {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large:hover {
  background-color: #272731;
}

.button-large.hero1-button-web-home {
  background-color: var(--black);
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large.hero-button-web:hover {
  background-color: #74533c;
}

.button-large.hero3-button {
  background-color: #3b3e45;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large.hero3-button:hover {
  background-color: #363e52;
}

.button-large.hero1-button {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large.hero1-button:hover {
  background-color: #74533c;
}

.button-large.hero2-button {
  background-color: #030303;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large.hero2-button:hover {
  background-color: #2f2f38;
}

.button-large.business-card-site {
  background-color: #3b3e45;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large.business-card-site:hover {
  background-color: #363e52;
}

.section-3-web-home {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
}

.button-arrow {
  flex: none;
  margin-left: 20px;
  display: inline-block;
}

.hero1-content {
  padding-right: 20px;
}

.paragraph-70 {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-70.web-home-4, .paragraph-70.web-home-6 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-70.web-home-2 {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.hero1-image-web-home {
  background-image: url('../images/19.1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 800px;
  min-height: 800px;
}

.text-block {
  font-family: Open Sans, sans-serif;
}

.text-span-10 {
  text-decoration: line-through;
}

.label {
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #aaa3;
  margin-bottom: 10px;
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.label.white-outline-label {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
}

.label.white-outline-label-2 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  max-width: 100%;
  margin-left: 0;
}

.label.white-outline-label-3 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  margin-left: 0;
}

.label.white-outline-label-1 {
  color: #333;
  text-transform: none;
  background-color: #0000;
  border-color: #fff;
}

.label.copy {
  background-color: var(--white-2);
  color: #333;
  text-transform: none;
  border-style: none;
  border-color: #0000001a;
  margin-top: 10px;
  margin-left: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  line-height: 1;
  position: relative;
  left: -15px;
  box-shadow: 0 2px 7px 3px #0000001a;
}

.label.white-outline-label-5 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-style: solid;
  border-color: #0000001a;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
}

.label.inside-label {
  z-index: 40;
  color: #18181d;
  background-color: #0000;
  border-style: none;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.label.inside-label-1 {
  z-index: 40;
  color: #18181d;
  z-index: 40;
  inset: 0% auto auto 0%;
  background-color: #0000;
  border-style: none;
  font-family: Open Sans, sans-serif;
  position: absolute;
  inset: 0% auto auto 0%;
}

.label.inside-label-2 {
  z-index: 40;
  color: var(--firebrick);
  z-index: 40;
  background-color: #0000;
  background-color: var(--white);
  inset: 0% auto auto 0%;
  border-style: none;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.label.inside-label-1 {
  z-index: 40;
  background-color: var(--white);
  color: var(--firebrick);
  border-style: none;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.label.inside-label-3 {
  z-index: 40;
  color: var(--firebrick);
  background-color: #fffc;
  border-style: none;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.label.inside-label-4 {
  z-index: 40;
  color: var(--firebrick);
  background-color: #0000;
  border-style: none;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.size-text-web-home-2 {
  color: #00000080;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 27px;
}

.content20-headline-wrap {
  margin-bottom: 36px;
}

.image-wrap-web-home {
  flex-direction: column;
  align-items: stretch;
  display: none;
  position: relative;
  left: -60px;
}

.paragraph-web-home {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.section-2-web-home {
  background-image: linear-gradient(to right, #ffffff1a 6%, white 67%), linear-gradient(to bottom, var(--white), #ffffff30 50%), linear-gradient(to bottom, #fff0 57%, white), url('../images/slider_02.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 220px 36px;
}

.content-image-web-home {
  background-image: url('../images/20.png');
  background-position: 50%;
  background-size: cover;
  width: 600px;
  height: 400px;
  margin-left: 0;
}

.deco-dot {
  background-color: #ac1313;
  flex: none;
  width: 12px;
  height: 6px;
  margin-top: 7px;
  margin-right: 30px;
}

.size1-text {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size1-text.web-home-3 {
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size1-text.size1-full-clear {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.size1-text.text-web-home-services {
  margin-top: 0;
  font-family: Open Sans, sans-serif;
}

.size1-text.business-card-site, .size1-text.landing-page, .size1-text.corporate-website, .size1-text.online-store {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.size1-text.business-card-site-2 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.content-content-wrap-web-home {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.content-grid-web-home {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-item-wrap-web-home {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.text-field-2 {
  float: left;
  border-style: solid none solid solid;
  border-top-width: 1px;
  border-top-color: #ededed;
  border-bottom-width: 1px;
  border-bottom-color: #ededed;
  border-left-width: 1px;
  border-left-color: #ededed;
  width: 65%;
  height: 50px;
  margin-bottom: 0;
}

.text-field-2.full {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-2.full {
  float: none;
  opacity: 1;
  color: #fff;
  background-color: #555;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-2.full:hover {
  color: #fff;
}

.columns-1 {
  max-width: 1200px;
  margin-top: 0;
}

.heading-web-home-4 {
  color: #333;
  letter-spacing: 2px;
  text-transform: none;
  width: 600px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
}

.section-mail-contact {
  background-image: linear-gradient(to top, #ffffff1a 80%, #fff), linear-gradient(#fff0 83%, #fff), linear-gradient(to right, #ffffffe8 40%, #0000 80%), url('../images/01.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 70%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto;
  border-top: 1px #ebebeb;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-top: 60px;
  padding-bottom: 100px;
  font-weight: 500;
  position: relative;
}

.section-mail-contact:hover {
  color: #fff;
}

.submit-button {
  float: left;
  background-color: #212127;
  width: 35%;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
}

.submit-button:hover {
  background-color: #414147;
}

.submit-button.home {
  float: none;
  background-color: #18181d;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.submit-button.home:hover {
  background-color: #ac1313;
}

.cta-text {
  color: #4d4d4d;
  width: 80%;
  margin-top: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.success-message-3 {
  color: #01b91d;
  background-color: #f5f5f5;
}

.checkbox-label {
  color: #333;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.linea-2 {
  background-color: #ac1313;
  width: 8%;
  height: 1px;
  position: absolute;
  top: 46px;
  left: 0;
}

.div-block-164 {
  margin-top: 5px;
}

.form-contacts-home {
  max-width: 700px;
  margin: 20px auto;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans, sans-serif;
}

.link-116 {
  color: #6c6c6c;
}

.link-116:hover {
  color: #ac1313;
}

.container-mail-contact {
  z-index: auto;
  color: #fff;
  text-align: center;
  width: 1200px;
  max-width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.linea-3 {
  background-color: #0000004d;
  width: 7%;
  height: 1px;
  position: absolute;
  top: 42px;
  left: 0;
}

.desc-wrapp {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 65%;
  height: 20%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.desc-wrapp.one.web-home-4 {
  z-index: auto;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  max-width: 1400px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  position: relative;
  left: 0%;
}

.desc-wrapp.one._404 {
  z-index: auto;
  width: 800px;
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  left: 0%;
}

.checkbox-field-2 {
  margin-top: 10px;
}

.error-message-4 {
  color: #9e0000;
  text-align: center;
  background-color: #dcdcdc;
}

.left-block-contacts-home {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section-tittle {
  color: #000;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.section-tittle.cta {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  line-height: 46px;
}

.form-block-contacts-home {
  box-shadow: none;
  background-color: #0000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  display: block;
}

.section-4-web-home {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 220px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
}

.image-advantages-1 {
  opacity: .8;
  margin-top: 0;
}

.blog4-articles-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.blog4-headline-wrap {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.blog4-small-grid {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 30px;
  display: grid;
}

.blog4-content-card-wrap {
  color: #18181d;
  background-color: #fff;
  align-self: stretch;
  margin-top: 40px;
  padding: 0 36px;
}

.text-label-advantages {
  opacity: 1;
  color: #000;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  display: block;
}

.blog4-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.text-label-advantages-2 {
  opacity: 1;
  color: var(--black-3);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
}

.button-text-home {
  color: #18181d;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.text-advantages {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
  display: flex;
}

.button-label {
  font-family: Open Sans, sans-serif;
}

.blog4-featured-post {
  color: #fff;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/PerspectiveAppScreensMock-Up_3a7668ef-6a5b-4dfd-9cd2-87e662eddb9f-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 582px;
  padding: 36px;
  display: flex;
}

.blog4-post-wrap {
  align-items: flex-start;
  display: flex;
}

.paragraph-web-home-services {
  opacity: 1;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.content-image-site-2 {
  background-color: var(--white);
  background-image: url('../images/6.1.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 400px;
  border: 1px #0000001a;
  border-style: none solid;
  justify-content: center;
  align-items: flex-end;
  height: 460px;
  margin-top: 0;
  margin-right: 10px;
  box-shadow: 0 3px 10px 3px #0000001a;
}

.content-image-site-2:hover {
  opacity: .7;
  background-image: url('../images/6.1.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 400px;
}

.content9-image-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto minmax(100px, 1fr);
}

.content9-content-wrap {
  padding-right: 36px;
  position: relative;
}

.content-image-context {
  background-image: url('../images/яндекс-гугл-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220px;
  border: 1px solid #0000001a;
  border-style: none solid solid none;
  height: 400px;
  margin-top: 0;
  margin-left: 0;
}

.content-image-context:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/яндекс-гугл-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 220px;
}

.content9-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.content-image-copy {
  background-image: url('../images/Вакансии-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 450px;
  border: 1px solid #0000001a;
  height: 320px;
  margin-top: 0;
}

.content-image-copy:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/Вакансии-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 450px;
}

.content18-headline-wrap {
  margin-bottom: 36px;
}

.link-block-social {
  display: none;
}

.content-grey-section-social {
  background-color: #fff;
  background-image: url('../images/OkVK.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  border: 1px #0000001a;
  min-height: 140px;
  margin-bottom: 10px;
  box-shadow: 0 3px 10px 3px #0000001a;
}

.content-grey-section-social:hover {
  opacity: .7;
  background-image: url('../images/OkVK.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.button-small {
  background-color: var(--black);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-small:hover {
  background-color: #ac1313;
}

.button-small.form-centered-button {
  background-color: #18181d;
  justify-content: center;
}

.button-small.form-centered-button:hover {
  background-color: #ac1313;
}

.button-small.white-small {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  display: none;
}

.link-block-context {
  height: 100%;
}

.content18-content-wrap {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 140px;
  display: flex;
}

.content-image-2 {
  background-image: url('../images/Вакансии-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 450px;
  border: 1px solid #0000001a;
  height: 400px;
  margin-top: 50px;
}

.content-image-2:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/Вакансии-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 450px;
}

.content9-image-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content-image-context-2 {
  background-color: var(--white);
  background-image: url('../images/Яндекс-Директ.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 360px;
  border: 1px solid #0000001a;
  border-style: none solid solid none;
  height: 320px;
  margin-top: 0;
  margin-left: 0;
  box-shadow: 0 3px 10px 3px #0000001a;
}

.content-image-context-2:hover {
  opacity: .7;
  background-image: url('../images/Яндекс-Директ.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 360px;
}

.content-image-copy-2 {
  background-color: var(--white);
  background-image: url('../images/Вакансии-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 450px;
  border: 1px #0000001a;
  height: 320px;
  margin-top: 10px;
  margin-right: 10px;
  box-shadow: 0 3px 10px 3px #0000001a;
}

.content-image-copy-2:hover {
  opacity: .7;
  background-image: url('../images/Вакансии-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 450px;
}

.link-block-3 {
  margin-top: -141px;
}

.content-image-3 {
  background-color: var(--white);
  background-image: url('../images/1579385032_42-94.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #0000001a;
  border-top-style: none;
  height: 320px;
  margin-top: 10px;
  box-shadow: 0 3px 10px 3px #0000001a;
}

.content-image-3:hover {
  opacity: .7;
  background-image: url('../images/1579385032_42-94.jpg');
  background-position: 0 0;
  background-size: cover;
}

.footer-2-link-web {
  opacity: .9;
  color: #18181d;
  text-transform: none;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-2-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.footer-grid-web {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-top: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  display: grid;
}

.footer-4-link-web {
  opacity: .9;
  color: #18181d;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-4-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.footer-7-link-web {
  opacity: .7;
  color: #18181d;
  text-transform: none;
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-7-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.section-footer-web {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.footer-divider-web-2 {
  background-color: #ebedee;
  width: 1px;
  height: 20px;
  margin-left: 10px;
  margin-right: 0;
  display: none;
}

.footer-right-column-web {
  color: var(--black-3);
  align-items: center;
  display: flex;
}

.footer-form-web-home {
  align-self: center;
  margin-bottom: 0;
}

.text-field {
  color: #18181d;
  text-transform: none;
  background-color: #f5f5f5;
  border-style: none;
  border-radius: 0;
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.text-field:hover {
  background-color: #f0f0f0;
}

.text-field:active {
  background-color: #ececec;
}

.text-field:focus {
  color: #18181d;
  background-color: #ececec;
}

.text-field.right-margin-field {
  margin-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer-logo-link-web {
  opacity: .7;
  color: #18181d;
  text-transform: none;
  border: 1px solid #0000001a;
  padding: 10px 22px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.footer-logo-link-web:hover {
  opacity: 1;
}

.footer-links-wrap-web-2 {
  border-top: 1px #fff3;
  justify-content: space-between;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.footer-5-link-web {
  opacity: .7;
  color: #18181d;
  text-transform: none;
  border-right: 1px solid #0000001a;
  margin-left: 0;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-5-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.footer-form-grid-web-home {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.size3-text {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size3-text.footer-web-home {
  color: #ac1313;
  letter-spacing: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 27px;
}

.text-block-footer-web-home-2 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
}

.footer {
  border-top: 1px solid #0000001a;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  padding-bottom: 40px;
  padding-left: 36px;
  padding-right: 36px;
}

.error-message {
  color: #db4b68;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 3px solid #db4b68;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.footer-6-link-web {
  opacity: .7;
  color: var(--black-4);
  text-transform: none;
  border-right: 1px solid #0000001a;
  margin-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-6-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.footer-links-wrap-web {
  justify-content: space-between;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.footer-3-link-web {
  opacity: .9;
  color: #18181d;
  text-transform: none;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-3-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.footer-1-link-web {
  opacity: .9;
  color: #18181d;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-1-link-web:hover {
  opacity: 1;
  color: #ac1313;
}

.text-span-5 {
  color: #ac1313;
  text-transform: uppercase;
}

.footer-form-wrap-web-home {
  display: flex;
}

.success-message {
  color: #12b878;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 3px solid #12b878;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.footer-divider-web {
  background-color: #ebedee;
  width: 1px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  display: none;
}

.footer-grid-web-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  display: grid;
}

.footer-icon-web {
  opacity: .7;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.footer-icon-web:hover {
  opacity: 1;
}

.footer-icons-wrap-web {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.footer-icon-web-3 {
  opacity: .7;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.footer-icon-web-3:hover {
  opacity: 1;
}

.text-block-2 {
  color: var(--dim-grey-2);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  text-decoration: none;
}

.link-block-web-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-2:hover {
  opacity: 1;
}

.link-block-web-2.w--current {
  width: 20px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.hero-section-services {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(#fff 10%, #fff0 50%), linear-gradient(#ffffff1a 50%, #fff), url('../images/Home-17.1.jpg');
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, auto;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.side-navigation-services {
  z-index: 2;
  border-left: 1px solid #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 92vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.container-1-web-services {
  z-index: auto;
  flex-flow: column wrap;
  place-content: stretch space-between;
  align-items: stretch;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.image-services {
  opacity: 1;
}

.image-services:hover {
  opacity: .5;
}

.link-block-web-services {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-services:hover {
  opacity: 1;
}

.link-block-web-services.w--current {
  width: 25px;
  height: 25px;
  margin-top: 60px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-web-services {
  z-index: auto;
  box-shadow: none;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  background-color: #0000;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 220px;
  margin-top: 220px;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.heading-web-home-5 {
  color: #ac1313;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: auto;
  max-width: 1400px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 46px;
  position: relative;
  top: 0;
  left: 0;
}

.item-overlay-web-services-2 {
  z-index: 30;
  background-color: var(--white);
  opacity: 0;
  cursor: pointer;
  background-image: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.image-wrap-web-services-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-web-services-2:hover {
  opacity: 1;
}

.paragraph-web-services-2 {
  opacity: .8;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.section-web-services {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
}

.size3-link {
  color: var(--black-2);
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  text-decoration: none;
  display: block;
}

.size3-link:hover {
  opacity: .7;
}

.size3-link.web-services-3 {
  margin-top: 0;
  font-family: Open Sans, sans-serif;
}

.content-image-site {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 360px;
}

.content-image-site.content12-image1 {
  background-image: url('../images/6.1.png');
  background-repeat: no-repeat;
  background-size: 400px;
}

.content-image-site.content12-image1:hover {
  opacity: 1;
}

.paragraph-web-services {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.content12-image-description {
  margin-top: 24px;
  margin-bottom: 20px;
}

.content12-button-wrap {
  display: flex;
}

.content-description-wrap-web-services-3 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.button-text-web-services-3 {
  color: #18181d;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.content12-headline-wrap {
  max-width: 582px;
}

.size-text-web-services {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.content-grid-web-services {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.item-overlay-web-services {
  z-index: 30;
  background-color: var(--white);
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.deco-dot-2 {
  background-color: #ac1313;
  flex: none;
  width: 12px;
  height: 6px;
  margin-top: 7px;
  margin-right: 30px;
}

.div-block-2 {
  margin-top: 0;
}

.item-overlay-web-services-4 {
  z-index: 30;
  background-color: var(--white);
  opacity: 0;
  cursor: pointer;
  background-image: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.content12-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 360px;
}

.content12-image.content12-image2 {
  background-image: url('../images/Яндекс-Директ.svg');
  background-repeat: no-repeat;
  background-size: 300px;
}

.content12-image.content12-image3 {
  background-image: url('../images/OkVK.svg');
  background-repeat: no-repeat;
  background-size: 320px;
}

.content12-image.content12-image4 {
  background-image: url('../images/Вакансии-2.jpg');
  background-repeat: no-repeat;
  background-size: 320px;
}

.content-image-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 360px;
}

.content-image-5.content12-image2 {
  background-image: url('../images/яндекс-гугл-2.jpg');
  background-repeat: no-repeat;
  background-size: 300px;
}

.content-image-5.content12-image3 {
  background-image: url('../images/соцсети-3.1.jpg');
  background-repeat: no-repeat;
  background-size: 320px;
}

.content-image-5.content12-image4 {
  background-image: url('../images/Вакансии-2.jpg');
  background-repeat: no-repeat;
  background-size: 320px;
}

.content-image-5.web-design {
  background-image: url('../images/1579385032_42-94-2.jpg');
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
}

.text-field-web {
  float: left;
  border-style: solid none solid solid;
  border-top-width: 1px;
  border-top-color: #ededed;
  border-bottom-width: 1px;
  border-bottom-color: #ededed;
  border-left-width: 1px;
  border-left-color: #ededed;
  width: 65%;
  height: 50px;
  margin-bottom: 0;
}

.text-field-web.full {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web.full {
  float: none;
  opacity: 1;
  color: #fff;
  background-color: #555;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web.full:hover {
  color: #fff;
}

.text-field-web.web {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web.web:hover {
  color: #fff;
}

.text-field-2-copy {
  float: left;
  border-style: solid none solid solid;
  border-top-width: 1px;
  border-top-color: #ededed;
  border-bottom-width: 1px;
  border-bottom-color: #ededed;
  border-left-width: 1px;
  border-left-color: #ededed;
  width: 65%;
  height: 50px;
  margin-bottom: 0;
}

.text-field-2-copy.full {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-2-copy.full {
  float: none;
  opacity: 1;
  color: #fff;
  background-color: #555;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-2-copy.full:hover {
  color: #fff;
}

.text-field-web-2 {
  float: left;
  border-style: solid none solid solid;
  border-top-width: 1px;
  border-top-color: #ededed;
  border-bottom-width: 1px;
  border-bottom-color: #ededed;
  border-left-width: 1px;
  border-left-color: #ededed;
  width: 65%;
  height: 50px;
  margin-bottom: 0;
}

.text-field-web-2.full {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web-2.full {
  float: none;
  opacity: 1;
  color: #fff;
  background-color: #555;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web-2.full:hover {
  color: #fff;
}

.text-field-web-2.web {
  float: none;
  background-color: var(--dim-grey-2);
  opacity: 1;
  color: #fff;
  border: 1px #000;
  width: 100%;
  margin-top: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-field-web-2.web:hover {
  color: #fff;
}

.hero-section-website-creation {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to right, #ffffff63 100%, #fff), url('../images/Home-26.1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.side-navigation-website-creation {
  z-index: 2;
  border-left: 1px solid #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 92vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.link-block-web-website-creation {
  opacity: 1;
  width: 20px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-website-creation:hover {
  opacity: 1;
}

.link-block-web-website-creation.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.image-website-creation {
  opacity: 1;
}

.image-website-creation:hover {
  opacity: .5;
}

.container-website-creation {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 80px;
}

.blog1-headline-wrap {
  max-width: 582px;
}

.blog-image-website-creation {
  background-image: url('../images/2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 500px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-website-creation:hover {
  opacity: .8;
}

.blog-grid-website-creation {
  grid-column-gap: 36px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-image-wrap-website-creation-2 {
  margin-bottom: 30px;
  position: relative;
}

.text-span-9 {
  color: #ac1313;
  padding-left: 5px;
}

.heading-website-creation {
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.blog1-button-wrap {
  max-width: 1200px;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.size-text-website-creation {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.section-website-creation {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  padding: 60px 36px;
}

.blog-image-website-creation-2 {
  background-image: url('../images/6.1.png');
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-website-creation-2:hover {
  opacity: .8;
}

.blog-image-wrap-website-creation {
  margin-bottom: 30px;
  position: relative;
}

.text-label-2 {
  opacity: .8;
  text-transform: none;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.blog-image-website-creation-4 {
  background-image: url('../images/7.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-website-creation-4:hover {
  opacity: .8;
}

.blog-image-website-creation-3 {
  background-image: url('../images/Web_Mockup-2.1.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-website-creation-3:hover {
  opacity: .8;
}

.section-website-creation-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.hero-section-contextual-advertising {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(#ffffff1a 20%, #fff), linear-gradient(to top, #ffffff40 59%, #fffffffc 91%), linear-gradient(#ffffff4d, #ffffff4d), url('../images/bauer-studios-desktop-2.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.side-navigation-contextual-advertising {
  z-index: 2;
  border-left: 1px solid #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 92vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.image-contextual-advertising {
  opacity: 1;
}

.image-contextual-advertising:hover {
  opacity: .5;
}

.link-block-web-contextual-advertising {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-contextual-advertising:hover {
  opacity: 1;
}

.link-block-web-contextual-advertising.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-web-contextual-advertising {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.container-contextual-advertising {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 135px;
}

.text-top-web-contextual-advertising {
  opacity: 1;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 90px;
  font-size: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-contextual-advertising-2 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -50px;
  left: 130px;
}

.text-top-web-contextual-advertising-3 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 100px;
}

.text-top-web-contextual-advertising-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.blog-image-contextual-advertising {
  background-image: url('../images/я.директ_2.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-contextual-advertising:hover {
  opacity: .8;
}

.paragraph-contextual-advertising {
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.heading-contextual-advertising-2 {
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.blog-image-wrap-contextual-advertising-2 {
  margin-bottom: 30px;
  position: relative;
}

.blog-image-contextual-advertising-2 {
  background-image: url('../images/google_adwords.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 140px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.blog-image-contextual-advertising-2:hover {
  opacity: .8;
}

.section-contextual-advertising {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.blog-grid-contextual-advertising {
  grid-column-gap: 36px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-mail-contact-web {
  background-image: linear-gradient(#ffffff80, #ffffff80), linear-gradient(to top, #ffffff1a 60%, #fff 94%), linear-gradient(#fff0 55%, #fff 95%), linear-gradient(to right, #ffffffe8 40%, #0000 80%), url('../images/01.jpg');
  background-position: 0 0, 0 0, 0 0, 0 0, 50% 70%;
  background-repeat: repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, auto;
  border-top: 1px #ebebeb;
  margin-top: 140px;
  margin-bottom: 60px;
  padding: 60px 36px 100px;
  font-weight: 500;
  position: relative;
}

.section-mail-contact-web:hover {
  color: #fff;
}

.container-mail-contact-web {
  z-index: auto;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 1200px;
  max-width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.left-block-contacts-web {
  text-align: left;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  max-width: none;
  display: block;
}

.m-tab-menu-abraam {
  border: 1px solid #0000001a;
  border-left-style: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.heading-44 {
  color: #2d0047;
  text-align: center;
  margin-bottom: 30px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.m-tab-link {
  background-color: #0000;
  border-left: 1px solid #0000001a;
  flex: 0 auto;
  width: 25%;
  padding: 0;
}

.m-tab-link.w--current {
  background-color: #55555526;
}

.m-rb-field-abraam {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px 10px 15px;
  display: flex;
}

.text-block-117 {
  color: #046f00bd;
}

.error-message-8 {
  color: #039b2999;
  background-color: #0000;
}

.m-rb-field-4-abraam {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.success-message-6 {
  background-color: #0000;
}

.checkbox-label-2 {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.input {
  background-color: #fafafa;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.checkbox-field-home {
  margin-top: 15px;
}

.m-rb-field-3-abraam {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.form-wrapper-abraam {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.m-radio-lable-2 {
  margin-left: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.m-rb-field-2-abraam {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.input-abraam {
  background-color: #fafafa;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.link-117 {
  color: #6c6c6c;
}

.link-117:hover {
  color: #e31e24;
}

.m-radio-2-phone {
  background-image: url('../images/telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  border-radius: 0%;
  width: 30px;
  height: 30px;
  margin-top: 0;
}

.m-radio-2-phone.phone-2 {
  background-image: url('../images/phone.png');
  background-size: 25px;
  width: 25px;
  max-width: 25px;
  height: 25px;
  margin-left: 0;
  display: none;
}

.text-block-116 {
  color: #e31e24;
  text-align: center;
}

.btn-submit-2 {
  background-color: var(--black);
  width: 100%;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.btn-submit-2:hover {
  background-color: var(--firebrick);
  box-shadow: none;
}

.m-radio-2 {
  background-image: url('../images/telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-style: none;
  border-radius: 0%;
  width: 25px;
  max-width: 25px;
  height: 25px;
  margin-top: 0;
}

.m-radio-2.whatsapp {
  background-image: url('../images/whatsapp.png');
  background-size: 25px;
  width: 25px;
  max-width: 25px;
  height: 25px;
}

.m-radio-2.email {
  background-color: #0000;
  background-image: url('../images/mail.svg');
  background-size: 25px;
  width: 25px;
  max-width: 25px;
  height: 25px;
  padding: 0;
  position: relative;
}

.form-label-2 {
  color: #333;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.form-wrapper-web {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 30px;
  margin-left: 0;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.heading-web {
  color: var(--black);
  text-align: center;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.input-web {
  background-color: #fafafa;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.m-rb-field-web {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px 10px 15px;
  font-weight: 300;
  display: flex;
}

.m-rb-field-web:hover, .m-rb-field-web:active, .m-rb-field-web:focus {
  background-color: #0000;
  font-weight: 300;
}

.m-rb-field-2-web {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.m-rb-field-2-web:hover {
  background-color: #0000;
}

.m-rb-field-3-web {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.m-rb-field-3-web:hover {
  background-color: #0000;
}

.m-rb-field-4-web {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 5px 10px 25px;
  display: flex;
}

.m-rb-field-4-web:hover {
  background-color: #0000;
}

.body {
  font-family: Open Sans, sans-serif;
}

.text-top-web-home-30 {
  opacity: 1;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-home-31 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-web-home-32 {
  z-index: 99;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.hero-section-copywriting {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 64%, #fffffffc 96%), linear-gradient(#ffffff1a 61%, #fff 96%), url('../images/desk_coffee-3.jpg');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.side-navigation-copywriting {
  z-index: 2;
  border-left: 1px solid #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 92vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.container-copywriting {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 150px;
}

.text-top-web-copywriting {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  line-height: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-copywriting-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.image-copywriting {
  opacity: 1;
}

.image-copywriting:hover {
  opacity: .5;
}

.link-block-copywriting {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-copywriting:hover {
  opacity: 1;
}

.link-block-copywriting.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-copywriting-2 {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph {
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-copywriting-4 {
  opacity: 1;
  color: var(--black-2);
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.size-text-copywriting {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.item-overlay-copywriting {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  background-image: linear-gradient(#18181d1a, #18181d1a);
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: none;
  position: absolute;
}

.button-small-3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #18181d;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-3:hover {
  background-color: #272731;
}

.button-small-3.white-small {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
}

.image-wrap-copywriting {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: none;
  position: relative;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.product6-grey-deco {
  background-color: #fafafa;
  min-height: 716px;
  display: none;
}

.product-content-wrap-copywriting {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.section-copywriting {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
}

.paragraph-copywriting-2 {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.product-grid-copywriting {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-description-wrap-copywriting {
  margin-bottom: 40px;
}

.product-image-business-card-site {
  background-image: url('../images/Вакансии-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 500px;
  min-height: 582px;
  display: none;
  position: relative;
}

.blog1-button-wrap-copy, .button-wrap-copywriting {
  margin-top: 36px;
  display: flex;
}

.hero-section-targeted-advertising {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #fff3 78%, #fff 98%), linear-gradient(#ffffff1a 25%, #fff), url('../images/Home-14.jpg');
  background-position: 0 0, 0 0, 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.container-targeted-advertising {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 115px;
}

.text-top-web-targeted-advertising {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -4px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
  position: relative;
  top: 0;
}

.text-top-web-targeted-advertising-2 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -35px;
  left: 190px;
}

.text-top-web-targeted-advertising-3 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.image-targeted-advertising {
  opacity: 1;
}

.image-targeted-advertising:hover {
  opacity: .5;
}

.link-block-web-targeted-advertising {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-targeted-advertising:hover {
  opacity: 1;
}

.link-block-web-targeted-advertising.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-targeted-advertising {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph-targeted-advertising {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.blog-image-wrap-targeted-advertising {
  margin-bottom: 30px;
  position: relative;
}

.blog-grid-targeted-advertising {
  grid-column-gap: 36px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-targeted-advertising {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  padding: 60px 36px;
}

.heading-targeted-advertising {
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.blog-image-targeted-advertising-2 {
  background-image: url('../images/Instagram-Logo.wine.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 350px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-targeted-advertising-2:hover {
  opacity: .8;
}

.blog-image-targeted-advertising {
  background-image: url('../images/VK_Compact_Logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-targeted-advertising:hover {
  opacity: .8;
}

.button-small-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #18181d;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-2:hover {
  background-color: #ac1313;
}

.blog-image-targeted-advertising-3 {
  background-image: url('../images/869_20181012162028.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 300px;
  width: 80%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-targeted-advertising-3:hover {
  opacity: .8;
}

.section-targeted-advertising-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px 10px;
  display: none;
}

.label-my {
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #aaa3;
  margin-bottom: 10px;
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.label-my.white-outline-label {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
}

.label-my.white-outline-label-2 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  margin-left: 40px;
}

.label-my.white-outline-label-3 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  margin-left: 0;
}

.label-my.white-outline-label-1 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #fff;
}

.label-my.copy {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-style: none;
  border-color: #0000001a;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
}

.label-my.white-outline-label-5 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-style: solid;
  border-color: #0000001a;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
}

.label-my.inside-label {
  z-index: 40;
  color: #18181d;
  text-transform: none;
  background-color: #fff;
  border-style: none;
  font-family: Open Sans, sans-serif;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-section-business-card-site {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 90%, #fff), linear-gradient(#ffffff1a 90%, #fff 98%), url('../images/Home-25.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.container-business-card-site {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 95px;
}

.text-top-business-card-site {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-business-card-site-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-business-card-site-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -60px;
  left: 130px;
}

.text-top-business-card-site-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.image-business-card-site {
  opacity: 1;
}

.image-business-card-site:hover {
  opacity: .5;
}

.link-block-business-card-site {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-business-card-site:hover {
  opacity: 1;
}

.link-block-business-card-site.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-business-card-site {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-business-card-site {
  background-image: linear-gradient(to right, #fff, #ffffff1c 33%), linear-gradient(to top, #ffffff1a 51%, #fff 75%), linear-gradient(#ffffff1a 59%, #fff), url('../images/3379-4.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 100px;
  padding: 100px 36px 140px;
}

.paragraph-business-card-site {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.image-wrap-business-card-site-2 {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: none;
  position: relative;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.item-overlay-business-card-site-2 {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  background-image: linear-gradient(#18181d1a, #18181d1a);
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.size1-text-business-card-site {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.product-image-business-card-site-2 {
  background-image: url('../images/2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 500px;
  min-height: 582px;
  position: relative;
}

.product-content-wrap-business-card-site {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.product-grid-business-card-site {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-description-wrap-business-card-site {
  margin-bottom: 40px;
}

.button-wrap-business-card-site {
  margin-top: 36px;
  display: flex;
}

.hero-section-landing-page {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(#fff6 43%, #fff 90%), linear-gradient(to top, #fff3 86%, #fff), url('../images/Home-13.1.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.container-landing-page {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 100px;
}

.text-top-landing-page {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-landing-page-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-landing-page-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -35px;
  left: 160px;
}

.text-top-landing-page-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.image-landing-page {
  opacity: 1;
}

.image-landing-page:hover {
  opacity: .5;
}

.link-block-landing-page {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-landing-page:hover {
  opacity: 1;
}

.link-block-landing-page.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-landing-page {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph-landing-page {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.product-grid-landing-page {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-image-landing-page {
  background-image: url('../images/6.1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 600px;
  min-height: 582px;
  position: relative;
}

.image-wrap-landing-page {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.item-overlay-landing-page {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.section-landing-page {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  padding-left: 36px;
  padding-right: 36px;
}

.size1-text-landing-page {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.product-description-wrap-business-card-site-2 {
  margin-bottom: 40px;
}

.product-content-wrap-landing-page {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.button-wrap-landing-page {
  margin-top: 36px;
  display: flex;
}

.hero-section-corporate-website {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff80 35%, #fff 70%), linear-gradient(#ffffff1a 83%, #fff), url('../images/Home-15.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.container-corporate-website {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 115px;
}

.text-top-corporate-website {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -4px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
  position: relative;
  top: 15px;
}

.text-top-corporate-website-2 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -5px;
  left: 420px;
}

.text-top-corporate-website-3 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.image-corporate-website {
  opacity: 1;
}

.image-corporate-website:hover {
  opacity: .5;
}

.link-block-web-corporate-website {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-corporate-website:hover {
  opacity: 1;
}

.link-block-web-corporate-website.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-web-corporate-website {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.product-description-wrap-corporate-website {
  margin-bottom: 40px;
}

.section-corporate-website {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
}

.paragraph-corporate-website {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.product-content-wrap-corporate-website {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.item-overlay-corporate-website {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.product-image-corporate-website {
  background-image: url('../images/Web_Mockup.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 582px;
  position: relative;
}

.image-wrap-corporate-website {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.size1-text-corporate-website {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.product-grid-corporate-website {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.button-wrap-corporate-website {
  margin-top: 36px;
  display: flex;
}

.hero-section-online-store {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(270deg, #ffffff73, #fff0 45%, #fff), linear-gradient(to top, #fff3 30%, #fff 98%), linear-gradient(#ffffff1a 77%, #fff 99%), url('../images/Home-18.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-online-store {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-online-store-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-online-store3 {
  opacity: 1;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-online-store-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -35px;
  left: 130px;
}

.text-top-online-store-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-online-store {
  z-index: auto;
  max-width: 90em;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 100px;
}

.image-online-store {
  opacity: 1;
}

.image-online-store:hover {
  opacity: .5;
}

.link-block-online-store {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-online-store:hover {
  opacity: 1;
}

.link-block-online-store.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-online-store {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.size1-text-online-store {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.image-wrap-online-store {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.paragraph-online-store {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.product-image-online-store {
  background-image: url('../images/7.jpg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: 800px;
  min-height: 582px;
  position: relative;
}

.product-grid-online-store {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-content-wrap-online-store {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.section-online-store {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
}

.item-overlay-online-store {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.product-description-wrap-online-store {
  margin-bottom: 40px;
}

.button-wrap-online-store {
  margin-top: 36px;
  display: flex;
}

.hero-section-yandex {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(270deg, #fff0 51%, #fff), linear-gradient(to top, #fff3 58%, #fff), linear-gradient(#ffffff1a 56%, #fff 98%), url('../images/Home-16.2.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-yandex {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: capitalize;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-yandex-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-yandex-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -25px;
  left: 130px;
}

.text-top-yandex-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-yandex {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 71px;
}

.image-yandex {
  opacity: 1;
}

.image-yandex:hover {
  opacity: .5;
}

.link-block-yandex {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-yandex:hover {
  opacity: 1;
}

.link-block-yandex.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-yandex {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph-yandex-4 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.content-item-wrap-yandex {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.content-grid-yandex {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-item-wrap-yandex-1 {
  color: var(--black-2);
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.section-yandex-3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 140px;
  padding: 60px 36px;
}

.content-image-yandex {
  background-image: url('../images/ya_direct-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 434px;
  height: 50%;
  min-height: 360px;
  margin-top: 67px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.content-quote-yandex {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  position: relative;
}

.paragraph-yandex-11 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-yandex-5 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.paragraph-yandex-10 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.button-wrap-yandex {
  margin-top: 36px;
  display: flex;
}

.hero-section-google {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 70%, #fff), linear-gradient(#ffffff1a 70%, #fff 99%), url('../images/Home-19.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-google {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-google-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-google-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -35px;
  left: 130px;
}

.text-top-google-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 100px;
}

.container-google {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 100px;
}

.image-google {
  opacity: 1;
}

.image-google:hover {
  opacity: .5;
}

.link-block-google {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-google:hover {
  opacity: 1;
}

.link-block-google.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-google {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.content-item-wrap-google {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.content-image-google {
  background-image: url('../images/google_adwords.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  height: 50%;
  min-height: 360px;
  margin-top: 67px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.content-grid-google {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-google {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
  padding: 60px 36px;
}

.content-quote-google {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  position: relative;
}

.paragraph-google-11 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-google-10 {
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.button-wrap-google {
  margin-top: 36px;
  display: flex;
}

.hero-section-web-design {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #fff3 30%, #fff 96%), linear-gradient(#ffffff1a 25%, #fff), url('../images/Home-24.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-web-design {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-design-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-web-design-3 {
  opacity: 1;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-design-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -2px;
  text-transform: none;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 140px;
  font-weight: 800;
  line-height: 140px;
  position: relative;
  top: -60px;
  left: 100px;
}

.container-web-design {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 90px;
}

.image-web-design {
  opacity: 1;
}

.image-web-design:hover {
  opacity: .5;
}

.link-block-web-design {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-web-design:hover {
  opacity: 1;
}

.link-block-web-design.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-web-design {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-web-design {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 140px;
  padding-left: 36px;
  padding-right: 36px;
}

.item-overlay-web-design {
  z-index: 30;
  opacity: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.image-wrap-web-design {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.product-grid-web-design {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-description-wrap-web-design {
  margin-bottom: 40px;
}

.size-text-web-design {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.paragraph-web-design {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-web-design-2 {
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-web-design-3 {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.button-wrap-web-design {
  margin-top: 36px;
  display: flex;
}

.product-content-wrap-web-design {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.product-image-web-design {
  background-image: url('../images/1579385032_42-94.jpg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: 1100px;
  min-height: 582px;
  position: relative;
}

.hero-section-vk {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 50%, #fff 96%), linear-gradient(#ffffff4d 48%, #fff 90%), url('../images/Home-23.1.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-web-vk {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  line-height: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-vk-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-vk {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 163px;
}

.image-vk {
  opacity: 1;
}

.image-vk:hover {
  opacity: .5;
}

.link-block-vk {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-vk:hover {
  opacity: 1;
}

.link-block-vk.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-vk {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.content-item-wrap-vk-2 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.paragraph-vk-4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.content-grid-vk {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.paragraph-vk-2 {
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.paragraph-vk-3 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.content-image-vk {
  background-image: url('../images/VK_Compact_Logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  height: 50%;
  min-height: 360px;
  margin-top: 67px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.content-quote-vk {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  position: relative;
}

.content-item-wrap-vk {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.section-vk {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding: 60px 36px;
}

.paragraph-vk {
  opacity: .8;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.button-wrap-vk {
  margin-top: 36px;
  display: flex;
}

.hero-section-facebook {
  color: #0000;
  background-color: #0000;
  background-image: url('../images/Home-20.1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-facebook {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 100px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-facebook-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.text-top-facebook-3 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -35px;
  left: 70px;
}

.text-top-facebook-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-facebook {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 114px;
}

.image-facebook {
  opacity: 1;
}

.image-facebook:hover {
  opacity: .5;
}

.link-block-facebook {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-facebook:hover {
  opacity: 1;
}

.link-block-facebook.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-facebook {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.content-grid-instagram {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.paragraph-instagram {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.content-image-instagram {
  background-image: url('../images/Instagram-Logo.wine.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 400px;
  height: 50%;
  min-height: 360px;
  margin-top: 67px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-instagram {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 60px 36px;
}

.paragraph-instagram-4 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.content-item-wrap-instagram-3 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-instagram-5 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.content-item-wrap-instagram {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.content-quote-instagram {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  position: relative;
}

.paragraph-instagram-3 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.button-wrap-facebook {
  margin-top: 36px;
  display: flex;
}

.hero-section-mytarget {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 80%, #fff), linear-gradient(#ffffff1a 75%, #fff), url('../images/Home-21.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-web-mytarget {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  line-height: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-mytarget-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: none;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-mytarget {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 160px;
}

.image-mytarget {
  opacity: 1;
}

.image-mytarget:hover {
  opacity: .5;
}

.link-block-mytarget {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-mytarget:hover {
  opacity: 1;
}

.link-block-mytarget.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-mytarget {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-ok {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding: 60px 36px 0;
}

.content-item-wrap-ok-3 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.content-image-ok {
  background-image: url('../images/869_20181012162028.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 300px;
  height: 50%;
  min-height: 360px;
  margin-top: 67px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.paragraph-ok-3 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.content-quote-ok {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  position: relative;
}

.paragraph-ok {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-ok-4 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.content-grid-ok {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-item-wrap-ok {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-ok-5 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.button-wrap-mytarget {
  margin-top: 36px;
  display: flex;
}

.hero-section-portfolio {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 40%, #fff 88%), linear-gradient(#ffffff1a 34%, #fff 97%), url('../images/Home-22.1.jpg');
  background-position: 0 0, 0 0, 50% 90%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-web-portfolio {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  line-height: 120px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-web-portfolio-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: none;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-portfolio {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 185px;
}

.image-portfolio {
  opacity: 1;
}

.image-portfolio:hover {
  opacity: .5;
}

.link-block-portfolio {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-portfolio:hover {
  opacity: 1;
}

.link-block-portfolio.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-portfolio {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blog-image-wrap-portfolio {
  margin-bottom: 30px;
  position: relative;
}

.blog-image-portfolio-2 {
  background-image: none;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-2:hover {
  opacity: .8;
}

.blog-grid-portfolio {
  grid-column-gap: 36px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(auto, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.size-text-portfolio {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.div-block-171 {
  display: none;
}

.blog-image-web-design {
  background-image: url('../images/32.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-web-design:hover {
  opacity: .8;
}

.blog-headline-wrap-portfolio {
  max-width: 582px;
}

.section-portfolio-10 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  padding: 60px 36px;
}

.blog-image-wrap-portfolio-web-design {
  margin-bottom: 30px;
  position: relative;
}

.blog-image-portfolio-3 {
  background-image: url('../images/32.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-3:hover {
  opacity: .8;
}

.div-block-172 {
  display: block;
}

.blog-image-portfolio {
  background-image: url('../images/22.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio:hover {
  opacity: .8;
}

.section-portfolio {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  padding: 60px 36px;
}

.blog-image-portfolio-15 {
  object-fit: fill;
  background-image: url('../images/24.JPG');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-15:hover {
  opacity: .8;
}

.blog-image-portfolio-14 {
  background-image: url('../images/31.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-14:hover {
  opacity: .8;
}

.blog-image-portfolio-9 {
  background-image: url('../images/17.JPG');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-9:hover {
  opacity: .8;
}

.section-portfolio-5 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.blog-image-portfolio-12 {
  background-image: url('../images/23.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-12:hover {
  opacity: .8;
}

.blog-image-portfolio-16 {
  background-image: url('../images/18.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-16:hover {
  opacity: .8;
}

.blog-image-portfolio-4 {
  background-image: url('../images/21.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-4:hover {
  opacity: .8;
}

.blog-image-portfolio-13 {
  background-image: url('../images/30.PNG');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-13:hover {
  opacity: .8;
}

.blog-image-portfolio-8 {
  background-image: url('../images/19.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-8:hover {
  opacity: .8;
}

.section-portfolio-3, .section-portfolio-4, .section-portfolio-11 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.blog-image-portfolio-5 {
  background-image: url('../images/14.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-5:hover {
  opacity: .8;
}

.blog-image-portfolio-6 {
  background-image: url('../images/15.1.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-6:hover {
  opacity: .8;
}

.section-portfolio-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.blog-image-portfolio-17 {
  background-image: url('../images/16.1.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-17:hover {
  opacity: .8;
}

.blog-image-portfolio-18 {
  background-image: url('../images/15.1.PNG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 100%;
  height: 260px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-portfolio-18:hover {
  opacity: .8;
}

.section-portfolio-1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.hero-section-contacts {
  color: #0000;
  background-color: #0000;
  background-image: linear-gradient(to top, #ffffff1a 82%, #fff), linear-gradient(#fff6 50%, #fff 93%), url('../images/phone-close-up-scaled.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 55em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.text-top-web-contacts {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 120px;
  line-height: 120px;
  display: block;
  position: relative;
  top: -5px;
  left: 0;
}

.text-top-web-contacts-2 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: none;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.container-contacts {
  z-index: auto;
  max-width: 1400px;
  margin-top: 0;
  padding-left: 40px;
  display: block;
  position: relative;
  top: 171px;
}

.image-contacts {
  opacity: 1;
}

.image-contacts:hover {
  opacity: .5;
}

.link-block-contacts {
  opacity: 1;
  width: 25px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-contacts:hover {
  opacity: 1;
}

.link-block-contacts.w--current {
  width: 25px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.side-navigation-contacts {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 62em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.content-items-wrap-contacts {
  color: #fff;
  background-color: #18181d;
  padding: 45px 50px 35px;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.paragraph-contacts-3 {
  opacity: 1;
  color: var(--white);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.content-contacts-grid-web {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  position: relative;
  top: -51px;
  bottom: 0;
}

.size-text-contact-web-2 {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size-text-contact-web-2.contact-web {
  color: #000;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  top: -20px;
  left: 40px;
}

.size-text-contacts {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.image-contact-web-4 {
  opacity: .7;
}

.content-label-headline-contacts {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

.size-text-footer-variant-1 {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size-text-footer-variant-1.contact-web {
  color: #333;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  top: -20px;
  left: 40px;
}

.section-contacts {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.content33-divider {
  background-color: #292931;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.content-grid-contacts {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.text-wrap-contact-web {
  opacity: .7;
  margin-bottom: 0;
}

.link-124 {
  color: var(--black-2);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.link-124:hover {
  color: #ac1313;
}

.text-wrap-contact-web-3 {
  opacity: .7;
  color: #000;
  margin-bottom: 0;
}

.link-119 {
  opacity: .7;
  color: #fff;
  font-size: 24px;
  line-height: 27px;
  text-decoration: none;
}

.link-119:hover {
  opacity: 1;
  color: var(--white);
}

.link-123 {
  color: var(--black-2);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.link-123:hover {
  color: #ac1313;
}

.content-content-wrap-contacts {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.size-text-2-contacts {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.content-image-contacts {
  background-image: url('../images/phone.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 450px;
  height: 360px;
  margin-bottom: 45px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.size-text-web-contacts {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size-text-web-contacts.contact-web {
  color: #000;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  top: -20px;
  left: 40px;
}

.size-text-web-contacts.contacts-web {
  color: var(--black-2);
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  top: -20px;
  left: 40px;
}

.size-text-web-contacts-2 {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size-text-web-contacts-2.contact-web {
  color: var(--black-2);
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  top: -20px;
  left: 40px;
}

.line_01 {
  z-index: 999;
  background-color: #f9f9f9;
  width: 25%;
  height: 1px;
  margin-left: 12.5%;
  position: absolute;
}

.dot_container {
  z-index: 9999;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
}

.content_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.h1-2 {
  color: #000645;
  text-align: center;
  letter-spacing: -.2px;
  margin: 0 auto 15px;
  font-size: 44px;
}

.section-21 {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 120px 5%;
  display: flex;
}

.h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.line_03 {
  z-index: 999;
  background-color: #f9f9f9;
  width: 25%;
  height: 1px;
  margin-left: -12.5%;
  position: absolute;
}

.ring_03 {
  opacity: .3;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 120px;
  height: 120px;
  position: absolute;
}

.white_dot {
  background-color: #fff;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-shadow: 1px 1px 60px #5b3acc8c;
}

.container-32 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.h1 {
  z-index: 15;
  opacity: .1;
  color: var(--firebrick);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  line-height: 70px;
  display: block;
  position: absolute;
}

.div-block-181 {
  margin-bottom: 60px;
}

.green_dot {
  z-index: 9;
  background-color: var(--firebrick);
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: relative;
}

.block_wrap {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  margin-top: 20px;
  display: flex;
}

.plain_text {
  color: var(--black-3);
  text-align: center;
  font-size: 15px;
  line-height: 22px;
}

.paragraph-78 {
  color: #44465f;
  text-align: center;
  letter-spacing: .3px;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 26px;
}

.block-2 {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 120px;
  display: flex;
}

.process-wrap {
  z-index: auto;
  flex-wrap: wrap;
  flex: 1;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.ring_01 {
  border: 1px solid #eee;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  position: absolute;
}

.ring_02 {
  opacity: .6;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  position: absolute;
}

.line_02 {
  z-index: 999;
  background-color: #f9f9f9;
  width: 25%;
  height: 1px;
  margin-left: -12.5%;
  position: absolute;
}

.section-website-creation-3 {
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/Home-27.1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 60px 5% 0;
  display: flex;
}

.blog1-headline-wrap-website-creation, .headline-wrap-website-creation {
  max-width: 582px;
}

.container-website-creation-2 {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.block_wrap-copy {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.body-2 {
  font-family: Open Sans, sans-serif;
}

.line_031-copy {
  z-index: 999;
  background-color: #f9f9f9;
  width: 25%;
  height: 1px;
  margin-left: -12.5%;
  display: none;
  position: absolute;
}

.section-4-web-advantages {
  background-image: linear-gradient(#fff 6%, #ffffff1a 18%), linear-gradient(#ffffff1a 79%, #fff), url('../images/slider-1.2.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
  padding: 140px 36px 220px;
}

.headline-wrap-advantages {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.small-grid-advantages {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 30px;
  display: grid;
}

.articles-wrap-advantages {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.featured-post-advantages {
  color: #fff;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/PerspectiveAppScreensMock-Up_3a7668ef-6a5b-4dfd-9cd2-87e662eddb9f-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 582px;
  padding: 36px;
  display: none;
}

.content-card-wrap-advantages {
  color: #18181d;
  background-color: #fff;
  align-self: stretch;
  margin-top: 40px;
  padding: 0 36px;
  display: none;
}

.post-wrap-advantages, .post-wrap-advantages-2, .post-wrap-advantages-3, .post-wrap-advantages-4 {
  align-items: flex-start;
  display: flex;
}

.image-advantages-4, .image-advantages-3, .image-advantages-2 {
  opacity: .8;
  margin-top: 0;
}

.paragraph-web-home-2 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-70-2 {
  opacity: .7;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-70-2.web-home-4 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-70-2.web-home-6 {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-70-2.web-home-2 {
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.section-copywriting-2 {
  background-image: linear-gradient(270deg, #fff0 58%, #fff), linear-gradient(to top, #ffffff1a 88%, #fff), linear-gradient(#ffffff1a 81%, #fff 99%), url('../images/Home-28.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 80%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 140px;
  padding: 20px 36px 60px;
}

.product-grid-copywriting-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-description-wrap-copywriting-2 {
  margin-bottom: 40px;
}

.product-content-wrap-copywriting-2 {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.paragraph-yandex-6 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-yandex-7 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-yandex-8, .paragraph-yandex-9, .paragraph-yandex-4-copy, .paragraph-yandex-12, .paragraph-yandex-13 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-copywriting-3 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-copywriting-5 {
  opacity: .8;
  color: var(--black-3);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-business-card-site-2 {
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-landing-page-2 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-corporate-website-1 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-corporate-website-2 {
  opacity: .8;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-online-store-2 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-google {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.content-item-wrap-google-1 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-yandex-5-copy {
  opacity: .7;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-google-2 {
  opacity: 1;
  color: var(--black-2);
  background-color: #0000;
  border-bottom: 1px #0000001a;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.paragraph-yandex-14 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-google-3, .paragraph-google-5 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-google-6 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.content-item-wrap-google-2 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-google-7, .paragraph-google-8, .paragraph-google-9, .paragraph-vk-1 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-vk-5 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-vk-6, .paragraph-vk-7, .paragraph-vk-8 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-instagram-2 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-instagram-6 {
  border-left: 1px none var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-google-12 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-70-home {
  opacity: .7;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-70-home.web-home-4 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-70-home.web-home-6 {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-70-home.web-home-2 {
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-ok-2 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  line-height: 1.3;
}

.paragraph-contacts-4 {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.paragraph-contacts-5 {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.div-block-182 {
  display: none;
}

.image-wrap-web-home-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -60px;
}

.paragraph-web-home-3 {
  opacity: .7;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.section-2-web-home-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  padding: 40px 36px;
}

.content-item-wrap-web-home-2 {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.section-business-card-site-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 40px 36px;
}

.content-image-business-card-site {
  background-image: url('../images/20.png');
  background-position: 50%;
  background-size: cover;
  width: 600px;
  height: 500px;
  margin-left: 0;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-business-card-site {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -60px;
}

.content-grid-business-card-site {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-headline-wrap-business-card-site {
  margin-bottom: 36px;
}

.content-wrap-business-card-site {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.paragraph-business-card-site-1 {
  opacity: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.content-item-wrap-business-card-site {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 10px;
  font-weight: 300;
  display: flex;
}

.image-business-card-site-2 {
  background-color: #0000;
  background-image: url('../images/human-resources.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-3 {
  background-color: #0000;
  background-image: url('../images/text.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-4 {
  background-color: #0000;
  background-image: url('../images/obsession.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-5 {
  background-color: #0000;
  background-image: url('../images/text.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-6 {
  background-color: #0000;
  background-image: url('../images/landing-page.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-7 {
  background-color: #0000;
  background-image: url('../images/tablet.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-8 {
  background-color: #0000;
  background-image: url('../images/target.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.image-business-card-site-9 {
  background-color: #0000;
  background-image: url('../images/search-engine-optimization.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
}

.section-landing-page-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 220px;
  margin-bottom: 220px;
  padding: 40px 36px;
}

.content-image-landing-page {
  background-image: url('../images/15.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 600px;
  height: 500px;
  margin-top: 40px;
  margin-left: 0;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-landing-page-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -80px;
}

.content-grid-landing-page {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-headline-wrap-landing-page {
  margin-bottom: 36px;
}

.section-corporate-website-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 40px 36px;
}

.content-image-corporate-website {
  background-image: url('../images/17_1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 600px;
  height: 500px;
  margin-left: 0;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-corporate-website-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -60px;
}

.content-grid-corporate-website {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-headline-wrap-corporate-website {
  margin-bottom: 36px;
}

.content-wrap-corporate-website {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-online-store-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 40px 36px;
}

.content-image-online-store {
  background-image: url('../images/18.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 600px;
  width: 600px;
  height: 500px;
  margin-left: 0;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-online-store-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -60px;
}

.content-grid-online-store {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-headline-wrap-online-store {
  margin-bottom: 36px;
}

.content-wrap-online-store {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-business-card-site-3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 220px;
  padding: 40px 36px;
}

.content-image-business-card-site-2 {
  background-image: url('../images/18_1.jpg');
  background-position: 50%;
  background-size: 500px;
  width: 500px;
  height: 450px;
  margin-left: 0;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.image-wrap-business-card-site-copy {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  left: -60px;
}

.content-grid-business-card-site-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-headline-wrap-business-card-site-2 {
  margin-bottom: 0;
}

.content-wrap-business-card-site-2 {
  flex-direction: column;
  align-items: stretch;
  padding-right: 40px;
  display: flex;
}

.image-business-card-site-10 {
  opacity: .6;
  background-color: #0000;
  background-image: url('../images/key.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
  display: none;
}

.image-business-card-site-11 {
  opacity: .8;
  background-color: #0000;
  background-image: url('../images/text.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
  display: none;
}

.image-business-card-site-12 {
  opacity: .6;
  background-color: #0000;
  background-image: url('../images/chain.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
  display: none;
}

.image-business-card-site-13 {
  background-color: #0000;
  background-image: url('../images/picture.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
  display: none;
}

.image-business-card-site-14 {
  background-color: #0000;
  background-image: url('../images/я-директ.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 30px;
  display: none;
}

.faq-content {
  margin-top: -2px;
  overflow: hidden;
}

.button-label-2 {
  font-size: 18px;
}

.faq-question-bar-barber {
  color: #191b22;
  border: 1px solid #ffffff4d;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px 40px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-block-20 {
  margin-top: 80px;
}

.image-services-barber {
  background-image: url('../images/2048x1133-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 650px;
  height: 582px;
  box-shadow: 0 3px 20px 7px #0000001a;
}

.faq-paragraph {
  color: #fffc;
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 18px;
  line-height: 1.5;
}

.question-title {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.text-block-barber-7 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  font-size: 48px;
  line-height: 48px;
  display: block;
  position: relative;
  top: 92px;
}

.faq-paragraph-price-barber-8 {
  color: #fffc;
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 18px;
  line-height: 1.5;
}

.faq-paragraph-price-barber {
  color: var(--black-2);
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.plus {
  opacity: 1;
}

.content-wrap-barber {
  margin-bottom: 72px;
}

.faq-question-wrap {
  margin-top: 10px;
  margin-bottom: 40px;
}

.faq-paragraph-3 {
  color: var(--black-3);
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.container-barber {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.content-sticky-wrap-services-barber {
  position: sticky;
  top: 40px;
  bottom: 40px;
}

.div-block-the-barber {
  background-image: url('../images/The-BARBER-40.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1000px;
  max-width: 1200px;
  height: 10em;
  margin-left: auto;
  margin-right: auto;
}

.section-3-services-barber {
  margin-top: 140px;
  margin-bottom: 100px;
}

.faq-paragraph-price-barber-5 {
  color: var(--black-2);
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.button-small-2-barber {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #7a0000;
  background-image: linear-gradient(#7a0000 3%, #b00 73%);
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-2-barber:hover {
  background-color: #000;
  background-image: linear-gradient(#b00c 34%, #7a0000);
  background-position: 0 0;
}

.container-1-barber {
  width: 100%;
  max-width: 1200px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.question-title-barber {
  z-index: 16;
  color: var(--black-2);
  text-transform: uppercase;
  white-space: normal;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.content-section-barber {
  background-color: #0000;
  padding: 0 3% 60px;
  position: relative;
}

.faq-question-bar {
  color: #191b22;
  border-bottom: 1px solid #0000000a;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.content-grid-services-barber {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.section-web-design-2 {
  background-color: #0000;
  background-image: url('../images/Home-27.1.jpg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 140px;
  margin-bottom: 100px;
  padding-left: 36px;
  padding-right: 36px;
}

.content-grid-web-design {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.faq-question-bar-web-design {
  color: #191b22;
  border: 1px solid #ffffff4d;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px 40px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.body-3 {
  font-family: Open Sans, sans-serif;
}

.question-title-web-design {
  color: var(--black-2);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
}

.faq-question-wrap-web-design {
  margin-top: 10px;
  margin-bottom: 10px;
}

.container-web-design-2 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.content-section-web-design {
  background-color: #0000;
  padding: 0 3% 60px;
  position: relative;
}

.content-wrap-web-design {
  margin-bottom: 72px;
}

.faq-question-bar-web-design-2, .faq-question-bar-web-design-3 {
  color: #191b22;
  border: 1px solid #ffffff4d;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px 40px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.faq-paragraph-web-design {
  color: var(--black-2);
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.faq-question-bar-web-design-4 {
  color: #191b22;
  border: 1px solid #ffffff4d;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px 40px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.faq-paragraph-price-barber-5-copy, .faq-paragraph-web-design-5 {
  color: var(--black-2);
  letter-spacing: -.25px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.web-design-01 {
  z-index: 15;
  opacity: .1;
  color: var(--firebrick);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  line-height: 70px;
  display: block;
  position: absolute;
}

.paragraph-web-design-4 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.hero-web {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-product-name-web {
  background-color: #fff;
  border-top: 1px solid #ebedee;
  border-right: 1px solid #ebedee;
  width: 309px;
  padding: 36px 56px;
  display: none;
  position: absolute;
  inset: auto 0% 86px auto;
}

.size-text-web {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.section-web {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-left: 36px;
  padding-right: 36px;
}

.size3-link-2 {
  color: #18181d;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  text-decoration: none;
  display: block;
}

.size3-link-2:hover {
  opacity: .7;
}

.paragraph-79 {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-79.paragraph70-bottom-clear {
  margin-bottom: 0;
}

.hero-image-web {
  background-image: url('../images/Home-29.1.jpg');
  background-size: cover;
  min-height: 750px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.hero-content-web {
  padding-right: 0;
}

.paragraph-70-web {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-70-web.web {
  margin-bottom: 0;
}

.section-business-card-site-4 {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 0;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Open Sans, sans-serif;
}

.hero-content-business-card-site-2 {
  padding-right: 36px;
}

.size-text-business-card-site-2 {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.size-text {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size-text.web-home-3 {
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size-text.size1-full-clear {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.size-text.text-web-home-services {
  margin-top: 0;
  font-family: Open Sans, sans-serif;
}

.size-text.business-card-site, .size-text.landing-page, .size-text.corporate-website, .size-text.online-store {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.size-text.business-card-site-2 {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.paragraph-70-business-card-site {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-70-business-card-site.web {
  margin-bottom: 0;
}

.paragraph-70-business-card-site-2 {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-70-business-card-site-2.web {
  margin-bottom: 0;
}

.size-text-business-card-site-3 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.button-large-business-card-site {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-business-card-site:hover {
  background-color: #272731;
}

.button-large-business-card-site.hero1-button-web-home {
  background-color: #000;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large-business-card-site.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site.hero-button-web:hover {
  background-color: #74533c;
}

.button-large-business-card-site.business-card-site {
  background-color: var(--black);
  width: 582px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site.business-card-site:hover {
  background-color: var(--firebrick);
}

.hero4-image {
  background-image: url('../images/belmont-22in-group-environment-high_download.jpg');
  background-position: 0 0;
  background-size: cover;
  flex: 1;
}

.hero6-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero6 {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#18181d73, #18181d73), url('../images/contourenviro1_300_download.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 640px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.hero7-product-name-link-wrap {
  color: #000;
  text-decoration: none;
}

.hero-with-background-wrap {
  border-bottom: 1px solid #ebedee;
  position: relative;
}

.hero-with-background-wrap.hero2-wrap {
  border-bottom: 1px solid #ebedee;
}

.hero-with-background-wrap.business-card-site, .hero-with-background-wrap.corporate-website, .hero-with-background-wrap.online-store {
  border-bottom: 1px #ebedee;
}

.hero7-bottom-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero4-content-wrap {
  z-index: 5;
  min-height: 900px;
  display: flex;
}

.hero2-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.component-label-text {
  opacity: .3;
  color: #18181d;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #18181d80;
  border-left: 3px solid #18181d80;
  max-width: 1200px;
  margin: 30px auto 160px;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.hero7-bottom-title {
  color: #fff;
  flex-direction: column;
  padding-bottom: 67px;
  padding-right: 123px;
  display: flex;
}

.hero7-text-jumbo {
  color: var(--black);
  margin-bottom: 15px;
  font-size: 80px;
  font-weight: 300;
  line-height: 96px;
}

.text-label {
  opacity: .7;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.text-label.spaced-word-label {
  opacity: 1;
  letter-spacing: 2px;
}

.hero7-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero3-content {
  padding-right: 36px;
}

.hero2-background {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  min-height: 900px;
  position: absolute;
  inset: 0%;
}

.size5-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.hero5-image-wrap {
  color: #fff;
  background-image: linear-gradient(#18181d80, #18181d80), url('../images/circafloor_pedestal_env_72_download_download.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 640px;
  padding: 60px 36px;
  display: flex;
}

.hero2-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero2-image {
  background-image: url('../images/bola-bedroom-ft-v2_download.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.sizejumbo-text {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 80px;
  font-weight: 300;
  line-height: 96px;
}

.sizejumbo-text.sizejumbo-top-clear {
  margin-top: 0;
}

.hero2-product-name {
  opacity: .7;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.hero2-product-name:hover {
  opacity: 1;
}

.hero5-grid, .hero4-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.button-text {
  color: #18181d;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.hero2-product-price {
  opacity: 1;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.hero4-link-block {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  flex-direction: column;
  justify-content: space-between;
  padding: 57px 67px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.hero4-link-block:hover {
  background-color: #272731;
}

.hero6-content {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.hero6-text {
  flex: 1;
  margin-bottom: 30px;
}

.hero4-button-text {
  text-transform: none;
  margin-bottom: 67px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.content {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content.content1-button-wrap {
  padding-top: 36px;
  padding-bottom: 36px;
}

.hero7-content {
  flex-direction: column;
  padding-bottom: 36px;
  padding-right: 123px;
  display: flex;
}

.hero7-product-name {
  opacity: .7;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.hero7-product-name:hover {
  opacity: 1;
}

.section {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-left: 36px;
  padding-right: 36px;
}

.hero2-product {
  color: #18181d;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero5-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 479px;
  display: flex;
}

.hero3-image {
  background-image: url('../images/bola-disc-flush-2-rose-gold-in-room-high_download.jpg');
  background-position: 50%;
  background-size: cover;
  min-height: 860px;
}

.hero7-text-jumbo-bigger {
  color: #686f74;
  font-size: 140px;
  font-weight: 300;
  line-height: 148px;
}

.hero2-latest {
  color: #fff;
  background-color: #18181d;
  flex-direction: row;
  align-items: center;
  padding: 36px;
  text-decoration: none;
  display: flex;
}

.hero2-latest:hover {
  background-color: #000;
}

.hero4-image-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero7-product-price {
  opacity: 1;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.component-divider {
  padding-left: 36px;
  padding-right: 36px;
}

.hero5 {
  border-bottom: 1px solid #ebedee;
}

.hero1-content-2 {
  padding-right: 36px;
}

.hero2-image-collection {
  background-image: url('../images/contourenviro1_300_download.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 180px;
  height: 180px;
  margin-right: 36px;
}

.size1-text-2 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size1-text-2.size1-top-clear {
  margin-top: 0;
}

.hero4-link-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero3 {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero7-background {
  background-image: linear-gradient(#18181d80, #18181d80), url('../images/bola-disc_environment_1_download.jpg');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
  min-height: 640px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.hero2-product-name-link-wrap {
  color: #000;
  text-decoration: none;
}

.hero1 {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero7-product-wrap {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  display: flex;
}

.hero2-title {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-left: 36px;
  padding-right: 123px;
  display: flex;
}

.elements-grid {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero5-text {
  flex: 1;
  margin-bottom: 30px;
}

.hero1-image {
  background-image: url('../images/contourenviro1_300_download-alt.jpg');
  background-position: 50%;
  background-size: cover;
  min-height: 860px;
}

.hero1-product-name {
  background-color: #fff;
  border-top: 1px solid #ebedee;
  border-right: 1px solid #ebedee;
  width: 309px;
  padding: 36px 56px;
  position: absolute;
  inset: auto 0% 86px auto;
}

.hero4-title {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.elements-grid-business-card-site {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 220px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
  display: grid;
}

.hero-title-business-card-site {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-left: 0;
  padding-right: 123px;
  display: flex;
}

.hero-content-business-card-site {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero-grid-business-card-site {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  min-height: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.hero-image-business-card-site {
  background-image: url('../images/фон.jpg');
  background-position: 0%;
  background-size: cover;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.hero-background-business-card-site {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  min-height: 700px;
  position: absolute;
  inset: 0%;
}

.button-large-business-card-site-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-business-card-site-2:hover {
  background-color: #272731;
}

.button-large-business-card-site-2.hero1-button-web-home {
  background-color: #000;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large-business-card-site-2.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2.hero-button-web:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2.hero3-button {
  background-color: #3b3e45;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2.hero3-button:hover {
  background-color: #363e52;
}

.button-large-business-card-site-2.hero1-button {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2.hero1-button:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2.hero2-button {
  background-color: #030303;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2.hero2-button:hover {
  background-color: #2f2f38;
}

.button-large-business-card-site-2.business-card-site {
  background-color: var(--black);
  color: var(--white);
  border: 1px solid #ffffff1a;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2.business-card-site:hover {
  background-color: var(--firebrick);
  color: var(--white);
}

.button-large-business-card-site-2.business-card-site {
  color: #fff;
  background-color: #18181d;
  border: 1px solid #ffffff1a;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 300;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2.business-card-site:hover {
  color: #fff;
  background-color: #ac1313;
}

.hero-content-business-card-site-3 {
  padding-right: 0;
}

.hero-image-collection-business-card-site {
  background-image: url('../images/41.jpg');
  background-position: 20%;
  background-size: cover;
  flex: none;
  width: 180px;
  height: 180px;
  margin-right: 36px;
  display: none;
}

.hero-latest-business-card-site {
  color: #fff;
  background-color: #18181d;
  flex-direction: row;
  align-items: center;
  padding: 36px;
  text-decoration: none;
  display: flex;
}

.hero-latest-business-card-site:hover {
  background-color: #000;
}

.size-text-business-card-site {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.paragraph-79-business-card-site {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-79-business-card-site.paragraph70-bottom-clear {
  margin-bottom: 0;
}

.body-4 {
  font-family: Open Sans, sans-serif;
}

.size-text-business-card-site-1 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.image-business-card-site-15 {
  background-color: #0000;
  background-image: url('../images/team.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-16 {
  background-color: #0000;
  background-image: url('../images/obsession_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-17 {
  background-color: #0000;
  background-image: url('../images/text_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-18 {
  background-color: #0000;
  background-image: url('../images/landing-page_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-19 {
  background-color: #0000;
  background-image: url('../images/tablet_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-20 {
  background-color: #0000;
  background-image: url('../images/target_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.image-business-card-site-21 {
  background-color: #0000;
  background-image: url('../images/search-engine-optimization_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 15px;
}

.elements-grid-business-card-site-2 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  margin-bottom: 140px;
  padding-top: 0;
  display: grid;
}

.hero-bottom-grid-business-card-site {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-background-business-card-site-2 {
  background-image: linear-gradient(270deg, #fff9 35%, #fff), url('../images/Home-31.jpg');
  background-position: 0 0, 50% 75%;
  background-size: auto, auto;
  min-height: 640px;
  margin-bottom: 0;
  padding: 0 36px;
  display: flex;
}

.hero-business-card-site {
  padding-top: 0;
}

.hero-bottom-title-business-card-site {
  color: #fff;
  flex-direction: column;
  padding-bottom: 67px;
  padding-right: 123px;
  display: flex;
}

.hero-product-name-business-card-site {
  opacity: 1;
  color: var(--white);
  text-align: left;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  position: static;
}

.hero-product-name-business-card-site:hover {
  opacity: 1;
}

.hero-product-wrap-business-card-site {
  background-color: var(--firebrick);
  color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 20px 36px;
  display: flex;
}

.hero7-text-jumbo-copy {
  color: var(--black);
  margin-bottom: 15px;
  font-size: 80px;
  font-weight: 300;
  line-height: 96px;
}

.hero-text-jumbo-business-card-site {
  background-color: var(--white);
  color: var(--black-3);
  border: 1px #0000001a;
  width: 400px;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  font-size: 80px;
  font-weight: 300;
  line-height: 1;
  position: relative;
  left: -30px;
  box-shadow: 0 3px 10px 5px #00000012;
}

.paragraph-business-card-site-11 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.paragraph-business-card-site-12 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.paragraph-business-card-site-13, .paragraph-business-card-site-14, .paragraph-business-card-site-15 {
  opacity: 1;
  color: var(--black-2);
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.section-landing-page-3 {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 180px;
  margin-bottom: 140px;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Open Sans, sans-serif;
}

.section-landing-page-4 {
  background-image: linear-gradient(to right, #fff, #ffffff42 39%), linear-gradient(to top, #ffffff1a, #fff 87%), linear-gradient(#ffffff1a 27%, #fff), url('../images/43.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding: 100px 36px 140px;
}

.paragraph-business-card-site-16 {
  opacity: .7;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.elements-grid-landing-page {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 250px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
  display: grid;
}

.product-description-wrap-landing-page {
  margin-bottom: 40px;
}

.size1-text-landing-page-2 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.paragraph-landing-page-3 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-landing-page-4 {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.hero-landing-page {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-image-landing-page {
  background-image: url('../images/Home-29.1.jpg');
  background-size: cover;
  min-height: 750px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.content-headline-wrap-landing-page-2 {
  margin-bottom: 36px;
}

.size-text-landing-page {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-70-landing-page {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-70-landing-page.web {
  margin-bottom: 0;
}

.hero-content-landing-page {
  padding-right: 0;
}

.button-large-landing-page {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-landing-page:hover {
  background-color: #272731;
}

.button-large-landing-page.hero1-button-web-home {
  background-color: #000;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-landing-page.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large-landing-page.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-landing-page.hero-button-web:hover {
  background-color: #74533c;
}

.button-large-landing-page.business-card-site {
  background-color: var(--black);
  width: 582px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-landing-page.business-card-site:hover {
  background-color: var(--firebrick);
}

.button-large-landing-page.landing-page {
  background-color: var(--black);
  width: 582px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-landing-page.landing-page:hover {
  background-color: var(--firebrick);
}

.paragraph-business-card-site-17 {
  opacity: .7;
  color: #000;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.hero-text-jumbo-business-card-site-2 {
  color: var(--black-3);
  margin-bottom: 40px;
  font-size: 80px;
  font-weight: 300;
  line-height: 96px;
}

.hero-product-name-business-card-site-2 {
  opacity: 1;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
  font-weight: 300;
  line-height: 26px;
  position: static;
}

.hero-product-name-business-card-site-2:hover {
  opacity: 1;
}

.hero-product-wrap-business-card-site-2 {
  color: #fff;
  background-color: #ac1313;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  display: flex;
}

.elements-grid-landing-page-2 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  margin-bottom: 140px;
  padding-top: 0;
  display: grid;
}

.hero-bottom-grid-landing-page {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-background-landing-page {
  background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9 35%, #fff), url('../images/Home-31.jpg');
  background-position: 0 0, 0 0, 50% 75%;
  background-size: auto, auto, auto;
  min-height: 640px;
  margin-bottom: 0;
  padding: 0 36px;
  display: flex;
}

.hero-landing-page-2 {
  padding-top: 0;
}

.section-corporate-website-3 {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 180px;
  margin-bottom: 140px;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Open Sans, sans-serif;
}

.hero-corporate-website {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.section-corporate-website-4 {
  background-image: linear-gradient(to top, #ffffff1a, #fff 87%), linear-gradient(#ffffff1a 27%, #fff), url('../images/44.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding: 100px 36px 140px;
}

.product-grid-corporate-website-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.paragraph-corporate-website-3 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-2);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.elements-grid-corporate-website {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 250px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
  display: grid;
}

.hero-title-corporate-website {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-left: 0;
  padding-right: 60px;
  display: flex;
}

.hero-content-corporate-website {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero-grid-corporate-website {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.elements-grid-corporate-website-2 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-top: 0;
  display: grid;
}

.hero-bottom-grid-corporate-website {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-background-corporate-website {
  background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9 35%, #fff), url('../images/Home-31.jpg');
  background-position: 0 0, 0 0, 50% 75%;
  background-size: auto, auto, auto;
  min-height: 640px;
  margin-bottom: 0;
  padding: 0 36px;
  display: flex;
}

.hero-corporate-website-2 {
  padding-top: 0;
}

.section-online-store-3 {
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 180px;
  margin-bottom: 140px;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Open Sans, sans-serif;
}

.hero-online-store {
  grid-column-gap: 36px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.section-online-store-4 {
  background-image: linear-gradient(to top, #ffffff1a, #fff 87%), linear-gradient(#ffffff1a 27%, #fff), url('../images/45.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 220px;
  padding: 100px 36px 140px;
}

.product-grid-online-store-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.elements-grid-online-store {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 250px;
  margin-bottom: 220px;
  padding-left: 36px;
  padding-right: 36px;
  display: grid;
}

.hero-title-online-store {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-left: 0;
  padding-right: 60px;
  display: flex;
}

.hero-content-online-store {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero-grid-online-store {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.elements-grid-online-store-2 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-top: 0;
  display: grid;
}

.hero-bottom-grid-online-store {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.nav4-menu-wrap {
  align-items: center;
  display: flex;
}

.nav4-nav-menu {
  z-index: 20;
  background-color: #fff;
  border-bottom: 1px solid #ebedee;
  flex-direction: column;
  max-height: 100vh;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.nav4-nav-link {
  text-align: center;
  text-transform: none;
  width: 100%;
  padding: 24px 36px;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
  position: static;
}

.nav4-nav-link:hover {
  opacity: .7;
}

.menu-button {
  margin-left: 24px;
  padding: 0;
}

.menu-button:hover {
  opacity: .7;
}

.menu-button.w--open {
  background-color: #0000;
}

.menu-icon-2 {
  display: inline-block;
  position: relative;
}

.nav4-nav-link-3 {
  background-color: var(--white);
  color: #333;
  text-align: right;
  text-transform: none;
  width: 100%;
  padding: 7px 36px;
  font-family: Open Sans, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
  display: block;
  position: static;
}

.nav4-nav-link-3:hover {
  opacity: 1;
  color: #ac1313;
  background-color: #fff;
}

.nav4-nav-link-3.w--current {
  background-color: var(--white);
  color: var(--firebrick);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 21px;
  line-height: 27px;
}

.nav4-nav-link-3.w--current:hover {
  opacity: .7;
}

.menu-button-14-copy {
  z-index: auto;
  float: none;
  color: #0000;
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: 24px;
  padding: 0;
  display: block;
}

.menu-button-14-copy:hover {
  opacity: .7;
}

.menu-button-14-copy.w--open {
  text-align: right;
  background-color: #0000;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-404 {
  background-image: linear-gradient(to top, #ffffff1a 51%, #fff 75%), linear-gradient(#ffffff1a 59%, #fff), url('../images/3379-4.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  margin-bottom: 220px;
  padding: 100px 36px 140px;
}

.product-grid-404 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.product-description-wrap-404 {
  margin-bottom: 40px;
}

.size-text-404 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.paragraph-404 {
  opacity: 1;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.product-content-wrap-404 {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
}

.body-5 {
  font-family: Open Sans, sans-serif;
}

.section-mail-contact-404 {
  background-image: linear-gradient(to top, #ffffff1a 80%, #fff), linear-gradient(#fff0 69%, #fff 95%), linear-gradient(to right, #ffffffe8 40%, #0000 80%), url('../images/01.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 70%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto;
  border-top: 1px #ebebeb;
  margin-top: 140px;
  margin-bottom: 220px;
  padding-top: 60px;
  padding-bottom: 100px;
  font-weight: 500;
  position: relative;
}

.section-mail-contact-404:hover {
  color: #fff;
}

.heading-404 {
  color: #333;
  letter-spacing: 2px;
  text-transform: none;
  width: 600px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
  position: absolute;
  top: 15px;
  left: 130px;
}

.left-block-contacts-404 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-mail-contact-404 {
  z-index: auto;
  color: #fff;
  text-align: center;
  width: 1200px;
  max-width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.form-wrapper-404 {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 30px;
  margin-left: 40px;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.text-top-web-home-2 {
  z-index: 96;
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 70px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-services {
  z-index: auto;
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 70%;
  margin-top: 70px;
  margin-left: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-website-creation {
  z-index: auto;
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-contextual-advertising {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 50px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-contextual-advertising-copy {
  z-index: 96;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-landing-page-5, .text-top-corporate-website-4, .text-top-online-store-5 {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-yandex-5 {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 60px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-google-5 {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-web-design-5 {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 60px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-vk-5, .text-top-facebook-5 {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-mytarget {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 60px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-portfolio, .text-top-contacts {
  z-index: auto;
  color: var(--black-2);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.section-portfolio-mobile-app {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  padding: 60px 36px;
}

.blog-image-wrap-portfolio-mobile-app {
  margin-bottom: 30px;
  position: relative;
}

.blog-image-mobile-app {
  background-image: url('../images/Group-36.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 100%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-mobile-app:hover {
  opacity: .8;
}

.blog-image-mobile-app-2 {
  background-image: url('../images/Group-29.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 100%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-mobile-app-2:hover {
  opacity: .8;
}

.blog-image-mobile-app-3 {
  background-image: url('../images/Group-35.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 100%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-mobile-app-3:hover {
  opacity: .8;
}

.blog-image-mobile-app-4 {
  background-image: url('../images/Group-34.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 100%;
  height: 300px;
  transition: opacity .2s;
  display: block;
  box-shadow: 1px 1px 5px 2px #0000001a;
}

.blog-image-mobile-app-4:hover {
  opacity: .8;
}

.section-portfolio-12 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  padding: 60px 36px;
}

.button-wrap-2 {
  justify-content: flex-start;
  max-width: 400px;
  margin-top: 36px;
  margin-left: 61px;
  margin-right: auto;
  display: flex;
}

.button-wrap-1 {
  max-width: 400px;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-small-2-copy {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #18181d;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-2-copy:hover {
  background-color: #ac1313;
}

.wrap-3 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap-3.w50-center {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wrap-3._w-custom.hero3 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.feature3-subitem-text-wrap {
  margin-top: -8px;
  margin-bottom: 0;
}

._7-col {
  width: 540px;
  margin-right: 20px;
  display: inline-block;
}

._7-col._7-col-last {
  margin-right: 0;
  display: inline-block;
}

.feature3-text-wrapper {
  padding-left: 60px;
}

.feature3-icon {
  margin-left: -10px;
  margin-right: 25px;
}

.text-16 {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}

.text-16.text-16-60 {
  opacity: .6;
}

._5-col {
  width: 400px;
  max-width: none;
  margin-right: 20px;
  display: inline-block;
}

.feature3-subitem-wrapper {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.link-16-blue {
  font-size: 16px;
  line-height: 28px;
}

.feature4-text-wrap {
  padding-right: 80px;
}

._6-col {
  flex: 0 auto;
  width: 600px;
  margin-right: 20px;
  display: inline-block;
}

._6-col._6-col-last {
  margin-right: 0;
}

.feature4-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.tagline-2 {
  opacity: .6;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.hero3-text-wrapper {
  padding-right: 50px;
}

.hero3-image-2 {
  float: none;
}

.btn {
  float: none;
  color: #fff;
  text-align: center;
  background-color: #1991eb;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 11px 25px;
  line-height: 24px;
  transition: color .2s, box-shadow .2s, background-color .2s, transform .4s;
  display: inline-block;
}

.btn:hover {
  color: #fff;
  background-color: #1386dd;
  border-color: #0c6eb8;
  transform: translate(0, -2px);
  box-shadow: 0 1px 3px #0000001a;
}

.btn:active {
  transform: translate(0, -1px);
  box-shadow: 0 1px 1px #0000001a;
}

.btn.btn-outline-light {
  color: #111212;
  background-color: #0000;
  border: 1px solid #1112120d;
}

.btn.btn-outline-light:hover {
  border-color: #1112121a;
  box-shadow: 0 1px 3px #0000000d;
}

.btn.btn-outline-light:active {
  box-shadow: 0 1px 1px #0000000d;
}

.hero3-firstbutton-wrap {
  margin-right: 10px;
  display: inline-block;
}

.text-20 {
  opacity: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.text-20.text-20-60 {
  opacity: .6;
}

.hero3-headline-wrap {
  margin-bottom: 20px;
  padding-top: 10px;
}

.wrap-portfolio-mobile {
  width: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap-portfolio-mobile.w50-center {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wrap-portfolio-mobile._w-custom.hero3 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.section-portfolio-mobile-app-3 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
  display: none;
}

.wrap-portfolio-mobile-app {
  width: auto;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap-portfolio-mobile-app.w50-center {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wrap-portfolio-mobile-app._w-custom.hero3 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.image-mobile-app {
  flex: 0 auto;
  width: auto;
  margin-right: 20px;
  display: inline-block;
}

.image-mobile-app._6-col-last {
  margin-right: 0;
}

.text-mobile-app {
  flex: 0 auto;
  width: 600px;
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
  display: inline-block;
}

.text-mobile-app._6-col-last {
  margin-right: 0;
}

.text-wrap-mobile-app {
  padding-right: 80px;
}

.image-mobile {
  display: inline-block;
}

.text-mobile-app-2 {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}

.text-mobile-app-2.text-16-60 {
  opacity: .6;
}

.paragraph-mobile-app {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-mobile-app.web-home-4, .paragraph-mobile-app.web-home-6 {
  color: var(--black-2);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-mobile-app.web-home-2 {
  color: var(--black-2);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.section-portfolio-website {
  margin-top: 100px;
  margin-bottom: 140px;
  padding: 60px 36px;
  display: none;
}

.wrap-portfolio-website {
  width: auto;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap-portfolio-website.w50-center {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wrap-portfolio-website._w-custom.hero3 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.feature4-wrapper-website, .wrapper-website {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.text-website {
  flex: 0 auto;
  width: 600px;
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
  display: inline-block;
}

.text-website._6-col-last {
  margin-right: 0;
}

.blog-headline-wrap-portfolio-website {
  max-width: 582px;
}

.size-text-portfolio-website {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.text-wrap-website {
  padding-right: 80px;
}

.text-website-2 {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}

.text-website-2.text-16-60 {
  opacity: .6;
  line-height: 20px;
}

.paragraph-website {
  opacity: .8;
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-website.web-home-4, .paragraph-website.web-home-6 {
  color: var(--black-2);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-website.web-home-2 {
  color: var(--black-2);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.image-website {
  flex: 0 auto;
  width: auto;
  margin-right: 20px;
  display: inline-block;
}

.image-website:hover {
  opacity: 1;
}

.image-website._6-col-last {
  margin-right: 0;
}

.image-website-2, .image-website-3, .image-website-4, .image-website-5, .image-website-6, .image-website-7, .image-website-8, .image-website-9, .image-website-10, .image-website-11, .image-website-12, .image-website-13, .image-website-14 {
  float: none;
}

.section-portfolio-website-1 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.wrapper-website-1 {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.image-website-15 {
  float: none;
  display: none;
}

.section-portfolio-website-2 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.wrap-portfolio-website-2 {
  width: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap-portfolio-website-2.w50-center {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wrap-portfolio-website-2._w-custom.hero3 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.image-website-16 {
  float: none;
}

.section-portfolio-website-3 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.wrapper-website-3 {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.image-website-17 {
  float: none;
}

.image-services-copy {
  opacity: 1;
}

.image-services-copy:hover {
  opacity: .5;
}

.advertising {
  opacity: 1;
}

.advertising:hover {
  opacity: .5;
}

.web-design {
  opacity: 1;
  margin-top: 20px;
}

.web-design:hover {
  opacity: .5;
}

.copywriting {
  opacity: 1;
  margin-top: 20px;
}

.copywriting:hover {
  opacity: .5;
}

.website {
  box-shadow: none;
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.website:hover {
  opacity: 1;
}

.website.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.advertising-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.advertising-2:hover {
  opacity: 1;
}

.advertising-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.web_design {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.web_design:hover {
  opacity: 1;
}

.web_design.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.copywriting-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.copywriting-2:hover {
  opacity: 1;
}

.copywriting-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_website {
  opacity: 1;
}

.icon_website:hover {
  opacity: .5;
}

.side-navigation-web-services-2 {
  z-index: auto;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  background-color: #fff;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 220px;
  margin-top: 220px;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 0 0 20px #0000001a;
}

.business_card_website {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.business_card_website:hover {
  opacity: 1;
}

.business_card_website.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_business_card_website {
  opacity: 1;
}

.icon_business_card_website:hover {
  opacity: .5;
}

.landing_page {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.landing_page:hover {
  opacity: 1;
}

.landing_page.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_landing_page {
  opacity: 1;
}

.icon_landing_page:hover {
  opacity: .5;
}

.business_website {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.business_website:hover {
  opacity: 1;
}

.business_website.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_business_website {
  opacity: 1;
}

.icon_business_website:hover {
  opacity: .5;
}

.online_store {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.online_store:hover {
  opacity: 1;
}

.online_store.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.advertising-copy {
  opacity: 1;
}

.advertising-copy:hover {
  opacity: .5;
}

.icon_online_store {
  opacity: 1;
}

.icon_online_store:hover {
  opacity: .5;
}

.targeted_advertising {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.targeted_advertising:hover {
  opacity: 1;
}

.targeted_advertising.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_targeted_advertising {
  opacity: 1;
}

.icon_targeted_advertising:hover {
  opacity: .5;
}

.website_development {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.website_development:hover {
  opacity: 1;
}

.website_development.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_website_development {
  opacity: 1;
}

.icon_website_development:hover {
  opacity: .5;
}

.web_design-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.web_design-2:hover {
  opacity: 1;
}

.web_design-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_web_design {
  opacity: 1;
}

.icon_web_design:hover {
  opacity: .5;
}

.contextual_advertising-3 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.contextual_advertising-3:hover {
  opacity: 1;
}

.contextual_advertising-3.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_copywriting {
  opacity: 1;
}

.icon_copywriting:hover {
  opacity: .5;
}

.website_development-2 {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.website_development-2:hover {
  opacity: 1;
}

.website_development-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.contextual_advertising {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.contextual_advertising:hover {
  opacity: 1;
}

.contextual_advertising.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.contextual_advertising-2 {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.contextual_advertising-2:hover {
  opacity: 1;
}

.contextual_advertising-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_contextual_advertising {
  opacity: 1;
}

.icon_contextual_advertising:hover {
  opacity: .5;
}

.business_card_website-2 {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.business_card_website-2:hover {
  opacity: 1;
}

.business_card_website-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.landing_page-2 {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.landing_page-2:hover {
  opacity: 1;
}

.landing_page-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.web_design-3 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.web_design-3:hover {
  opacity: 1;
}

.web_design-3.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_web_design-2 {
  opacity: 1;
}

.icon_web_design-2:hover {
  opacity: .5;
}

.card_website {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.card_website:hover {
  opacity: 1;
}

.card_website.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_card_website {
  opacity: 1;
}

.icon_card_website:hover {
  opacity: .5;
}

.landing_page-3 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.landing_page-3:hover {
  opacity: 1;
}

.landing_page-3.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_landing_page-2 {
  opacity: 1;
}

.icon_landing_page-2:hover {
  opacity: .5;
}

.business_website-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.business_website-2:hover {
  opacity: 1;
}

.business_website-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_business_website-2 {
  opacity: 1;
}

.icon_business_website-2:hover {
  opacity: .5;
}

.google_ads {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.google_ads:hover {
  opacity: 1;
}

.google_ads.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_google_ads {
  opacity: 1;
}

.icon_google_ads:hover {
  opacity: .5;
}

.website_development-3 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.website_development-3:hover {
  opacity: 1;
}

.website_development-3.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_website_development-2 {
  opacity: 1;
}

.icon_website_development-2:hover {
  opacity: .5;
}

.yandex-direct {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.yandex-direct:hover {
  opacity: 1;
}

.yandex-direct.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_yandex-direct {
  opacity: 1;
}

.icon_yandex-direct:hover {
  opacity: .5;
}

.targeted_advertising-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.targeted_advertising-2:hover {
  opacity: 1;
}

.targeted_advertising-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_targeted_advertising-2 {
  opacity: 1;
}

.icon_targeted_advertising-2:hover {
  opacity: .5;
}

.icon_contextual_advertising-2 {
  opacity: 1;
}

.icon_contextual_advertising-2:hover {
  opacity: .5;
}

.facebook {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.facebook:hover {
  opacity: 1;
}

.facebook.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_facebook {
  opacity: 1;
}

.icon_facebook:hover {
  opacity: .5;
}

.mytarget {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.mytarget:hover {
  opacity: 1;
}

.mytarget.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_mytarget {
  opacity: 1;
}

.icon_mytarget:hover {
  opacity: .5;
}

.contextual_advertising-4 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.contextual_advertising-4:hover {
  opacity: 1;
}

.contextual_advertising-4.w--current {
  width: 25px;
  height: 25px;
  margin-top: 20px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_contextual_advertising-3 {
  opacity: 1;
}

.icon_contextual_advertising-3:hover {
  opacity: .5;
}

.website_development-4 {
  opacity: 1;
  width: 30px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.website_development-4:hover {
  opacity: 1;
}

.website_development-4.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_website_development-3 {
  opacity: 1;
}

.icon_website_development-3:hover {
  opacity: .5;
}

.vk {
  opacity: 1;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.vk:hover {
  opacity: 1;
}

.vk.w--current {
  width: 25px;
  height: 25px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_vk {
  opacity: 1;
}

.icon_vk:hover {
  opacity: .5;
}

.facebook-2 {
  opacity: 1;
  width: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.facebook-2:hover {
  opacity: 1;
}

.facebook-2.w--current {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_facebook-2 {
  opacity: 1;
}

.icon_facebook-2:hover {
  opacity: .5;
}

.content-22-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 360px;
}

.content-22-image.content12-image2 {
  background-image: url('../images/яндекс-гугл-2.jpg');
  background-repeat: no-repeat;
  background-size: 300px;
}

.content-22-image.content12-image3 {
  background-image: url('../images/соцсети-3.1.jpg');
  background-repeat: no-repeat;
  background-size: 320px;
}

.content-22-image.content12-image4 {
  background-image: url('../images/1579385032_42-94.jpg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-1-3 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: 0;
  position: static;
  inset: 0% 0% 0% 214px;
  box-shadow: 0 0 10px #0003;
}

.icon-1 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-left: 0;
  position: static;
  inset: 0% 0% 0% 214px;
  box-shadow: 0 0 10px #0003;
}

.icon_online_store-1-2 {
  opacity: 1;
}

.icon_online_store-1-2:hover {
  opacity: .5;
}

.icon-1-2 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: 0;
  position: static;
  inset: 0% 0% 0% 214px;
  box-shadow: 0 0 10px #0003;
}

.icon_online_store-1-3 {
  opacity: 1;
}

.icon_online_store-1-3:hover {
  opacity: .5;
}

.icon_online_store-1-1 {
  opacity: 1;
}

.icon_online_store-1-1:hover {
  opacity: .5;
}

.online_store-1 {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1:hover {
  opacity: 1;
}

.online_store-1.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1 {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1:hover {
  opacity: 1;
}

.online_store-1-1.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.side-navigation-web-services-3 {
  z-index: auto;
  box-shadow: none;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  background-color: #0000;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 300px;
  margin-top: 150px;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon-1-1 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: 0;
  position: static;
  inset: 0% 0% 0% 214px;
  box-shadow: 0 0 10px #0003;
}

.online_store-1-2 {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-2:hover {
  opacity: 1;
}

.online_store-1-2.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon_online_store-1 {
  opacity: 1;
}

.icon_online_store-1:hover {
  opacity: .5;
}

.online_store-1-3 {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3:hover {
  opacity: 1;
}

.online_store-1-3.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-vk {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-vk:hover {
  opacity: 1;
}

.online_store-vk.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store_f {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store_f:hover {
  opacity: 1;
}

.online_store_f.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_my {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_my:hover {
  opacity: 1;
}

.online_store-1-1_my.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store_site {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store_site:hover {
  opacity: 1;
}

.online_store_site.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_services {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0;
}

.online_store-1_services:hover {
  opacity: 1;
}

.online_store-1_services.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_creation {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_creation:hover {
  opacity: 1;
}

.online_store-1_creation.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_contextual {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_contextual:hover {
  opacity: 1;
}

.online_store-1_contextual.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_copywriting {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_copywriting:hover {
  opacity: 1;
}

.online_store-1_copywriting.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_targeted {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_targeted:hover {
  opacity: 1;
}

.online_store-1_targeted.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_card-site {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_card-site:hover {
  opacity: 1;
}

.online_store-1_card-site.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-3_card-site {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3_card-site:hover {
  opacity: 1;
}

.online_store-1-3_card-site.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_anding-page {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_anding-page:hover {
  opacity: 1;
}

.online_store-1_anding-page.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-3_anding-page {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3_anding-page:hover {
  opacity: 1;
}

.online_store-1-3_anding-page.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_corporate {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_corporate:hover {
  opacity: 1;
}

.online_store-1_corporate.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-3_corporate {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3_corporate:hover {
  opacity: 1;
}

.online_store-1-3_corporate.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_corporate {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_corporate:hover {
  opacity: 1;
}

.online_store-1-1_corporate.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_online-store {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_online-store:hover {
  opacity: 1;
}

.online_store-1_online-store.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_online-store {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_online-store:hover {
  opacity: 1;
}

.online_store-1-1_online-store.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-3_online-store {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3_online-store:hover {
  opacity: 1;
}

.online_store-1-3_online-store.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_yandex {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_yandex:hover {
  opacity: 1;
}

.online_store-1_yandex.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_yandex {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_yandex:hover {
  opacity: 1;
}

.online_store-1-1_yandex.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_google {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_google:hover {
  opacity: 1;
}

.online_store-1-1_google.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_google {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_google:hover {
  opacity: 1;
}

.online_store-1_google.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_web-design {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_web-design:hover {
  opacity: 1;
}

.online_store-1-1_web-design.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-3_web-design {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-3_web-design:hover {
  opacity: 1;
}

.online_store-1-3_web-design.w--current {
  width: 30px;
  height: 30px;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1_web-design {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1_web-design:hover {
  opacity: 1;
}

.online_store-1_web-design.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_portfolio {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_portfolio:hover {
  opacity: 1;
}

.online_store-1-1_portfolio.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_contacts {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_contacts:hover {
  opacity: 1;
}

.online_store-1-1_contacts.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_website-creation {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_website-creation:hover {
  opacity: 1;
}

.online_store-1-1_website-creation.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_copywriting {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_copywriting:hover {
  opacity: 1;
}

.online_store-1-1_copywriting.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_targeted {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_targeted:hover {
  opacity: 1;
}

.online_store-1-1_targeted.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_services {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_services:hover {
  opacity: 1;
}

.online_store-1-1_services.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_contextual {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_contextual:hover {
  opacity: 1;
}

.online_store-1-1_contextual.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.online_store-1-1_card-site {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_card-site:hover {
  opacity: 1;
}

.online_store-1-1_card-site.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.icon-1-1_anding-page {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: 0;
  position: static;
  inset: 0% 0% 0% 214px;
  box-shadow: 0 0 10px #0003;
}

.online_store-1-1_anding-page {
  opacity: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.online_store-1-1_anding-page:hover {
  opacity: 1;
}

.online_store-1-1_anding-page.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.side-navigation-web-services-4 {
  z-index: auto;
  box-shadow: none;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  background-color: #0000;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 160px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 400px auto 0% -12px;
}

.icon-1-1-1 {
  opacity: 1;
  cursor: pointer;
  background-color: #ac1313;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 160px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 0 0 4px #0003;
}

.icon-1-1-1:hover {
  background-color: #ac1313bf;
  box-shadow: 0 0 4px #0000004d;
}

.online_store-1-1-1_services {
  opacity: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 160px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.online_store-1-1-1_services:hover {
  opacity: 1;
}

.online_store-1-1-1_services.w--current {
  width: 30px;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.text-block-4 {
  color: var(--white);
  text-align: center;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding-top: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  transform: rotate(-90deg);
}

.side-navigation-web-services-5 {
  z-index: auto;
  box-shadow: none;
  letter-spacing: normal;
  text-indent: 0;
  white-space: normal;
  background-color: #0000;
  border-left: 1px #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 160px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 0;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 550px auto 0% -12px;
}

.text-top-web-home-33 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: -7px;
  text-transform: uppercase;
  max-width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
}

.desc-wrapp-home {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 65%;
  height: 20%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.desc-wrapp-home.one.web-home-4 {
  z-index: auto;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  max-width: 1400px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  position: relative;
  left: 0%;
}

.desc-wrapp-home.one._404 {
  z-index: auto;
  width: 800px;
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  left: 0%;
}

.section-bil-new {
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
}

.text-top-web-home-28-1 {
  opacity: 1;
  letter-spacing: -2px;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  padding-left: 0;
  font-size: 140px;
  line-height: 140px;
  display: block;
  position: relative;
  top: -45px;
  left: 130px;
}

.text-top-services-home {
  z-index: auto;
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 70%;
  margin-top: 70px;
  margin-left: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-services-home-1-2 {
  z-index: auto;
  color: #334065;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 70%;
  margin-top: -10px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 180px;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-services-home-2 {
  z-index: auto;
  color: #18181d;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 80%;
  margin-top: 70px;
  margin-left: 60px;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-web-home-31-1 {
  z-index: auto;
  filter: blur(.5px);
  color: #757575;
  letter-spacing: 0;
  text-transform: none;
  max-width: 60%;
  margin-top: -10px;
  margin-bottom: 0;
  margin-left: 150px;
  padding-top: 0;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 50px;
  position: relative;
  top: 0;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding-top: 10px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  transform: rotate(-90deg);
}

.text-top-services-home-1-3 {
  z-index: auto;
  color: #4d4d4d;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 70%;
  margin-top: 10px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-services-home-1 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 60%;
  margin-top: 70px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.text-top-web-home-31-2 {
  z-index: auto;
  color: #757575;
  letter-spacing: 0;
  text-transform: none;
  max-width: 45%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 150px;
  padding-top: 0;
  padding-left: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 60px;
  position: absolute;
  top: 300px;
  left: 215px;
}

.text-top-services-home-1-4 {
  z-index: auto;
  color: #ac1313;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 10px 10px #0000001a;
  max-width: 70%;
  margin-top: -30px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 180px;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.section-portfolio-website-4, .section-portfolio-website-5 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.image-website-18 {
  float: none;
}

.section-portfolio-website-6 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.image-website-19 {
  float: none;
}

.image-10049 {
  white-space: normal;
}

.image-10049:hover {
  opacity: .5;
}

.section-portfolio-website-7, .section-portfolio-website-10, .section-portfolio-website-10-copy, .section-portfolio-website-agency, .section-portfolio-website-cleaning {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.section-portfolio-website-real {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
  display: none;
}

.section-portfolio-website-promsila, .section-portfolio-website-practiklife, .section-portfolio-website-beautyart, .section-portfolio-website-rpkvariant, .section-portfolio-website-beauty, .section-portfolio-website-barber, .section-portfolio-website-mats, .section-portfolio-website-abraam, .section-portfolio-website-saber, .section-portfolio-website-wellness, .section-portfolio-website-gate, .section-portfolio-website-gbk, .s-ection-portfolio-website-magic, .s-ection-portfolio-website-sunbaza {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.grid-tel-web {
  z-index: 10;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-block-location-web {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.text-block-location-web:hover {
  color: #e6e6e6;
}

.m-radio-5 {
  background-image: url('../images/telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-style: none;
  border-radius: 0%;
  width: 25px;
  max-width: 25px;
  height: 25px;
  margin-top: 0;
  display: none;
}

.m-radio-5.email {
  background-color: #0000;
  background-image: url('../images/mail.svg');
  background-size: 25px;
  width: 25px;
  max-width: 25px;
  height: 25px;
  padding: 0;
  display: none;
  position: relative;
}

.text-block-144 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
}

.quote_form-6 {
  z-index: 99;
  color: #333;
  background-color: #333;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  margin-top: 0;
  padding: 60px 45px 45px;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-call-web {
  flex: 0 auto;
  width: 20px;
  max-width: none;
  margin-right: 5px;
  display: none;
}

.project_quote-call-web {
  z-index: 11;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.link-block-tel-1-web {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24px;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.link-block-tel-1-web:hover {
  opacity: .6;
}

.section-tel-web {
  z-index: 9;
  background-color: var(--midnight-blue-2);
  border-bottom: 1px solid #0000001a;
  padding: 20px 36px;
  position: relative;
}

.image-location-web {
  flex: 0 auto;
  width: 20px;
  max-width: none;
  margin-right: 10px;
  display: block;
}

.div-block-call-web {
  border: 1px solid var(--gainsboro);
  padding: 10px 16px;
}

.form-block-web-3 {
  z-index: 99;
  position: relative;
}

.quote_text {
  color: #b8becf;
  text-align: center;
  letter-spacing: 1.2px;
  max-width: 400px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  display: none;
}

.rocket_link-2 {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: block;
  position: relative;
  inset: 0;
}

.m-rb-field-2-web-3 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.m-rb-field-2-web-3:hover {
  color: #ac1313;
  background-color: #0000;
}

.heading-web-2 {
  color: #18181d;
  text-align: left;
  width: 300px;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-block-tel-web {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.text-block-tel-web:hover {
  opacity: 1;
  color: var(--white);
}

.link-120 {
  color: #6c6c6c;
}

.link-120:hover {
  color: #ac1313;
}

.checkbox-label-5 {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.input-4 {
  color: #000;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.div-block-location-2-web {
  margin-top: 10px;
  display: none;
}

.m-rb-field-web-3 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-weight: 300;
  display: flex;
}

.m-rb-field-web-3:hover {
  color: #ac1313;
  background-color: #0000;
  font-weight: 300;
}

.m-rb-field-web-3:active, .m-rb-field-web-3:focus {
  background-color: #0000;
  font-weight: 300;
}

.link-block-location-2-web {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.link-block-20 {
  z-index: auto;
  background-color: #fff;
  border: 1px solid #ac1313;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 15px 15px auto auto;
}

.link-block-20:hover {
  box-shadow: 1px 1px 9px 7px #00000012;
}

.image-close {
  width: 24px;
  max-width: none;
}

.m-tab-link-6 {
  background-color: #0000;
  border: 1px solid #0000001a;
  border-style: solid none;
  flex: 0 auto;
  width: 100%;
  padding: 0;
}

.m-tab-link-6.w--current {
  background-color: #fff;
}

.btn-submit-6 {
  background-color: var(--black);
  width: 100%;
  height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.btn-submit-6:hover {
  box-shadow: none;
  background-color: #0000;
  background-image: linear-gradient(#ac1313, #ac1313);
}

.project_circle_wrap-2 {
  z-index: 1;
  box-shadow: none;
  color: var(--black-2);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  line-height: 1;
  display: flex;
  position: relative;
}

.project_circle_wrap-2:hover {
  box-shadow: none;
  opacity: .7;
}

.div-block-tel-outstaffing-copy {
  margin-top: 10px;
}

.image-tel-web {
  opacity: .7;
  flex: 0 auto;
  width: 20px;
  max-width: none;
  margin-right: 10px;
  display: block;
}

.heading-web-1 {
  color: #18181d;
  text-align: left;
  width: 300px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  display: block;
}

.form-wrapper-web-4 {
  z-index: 99;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 30px;
  margin-left: 0;
  padding: 21px;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.m-radio-lable-5 {
  text-align: center;
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.input-web-2 {
  color: #000;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.m-radio-lable-6 {
  text-align: center;
  border-left: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.m-tab-menu-abraam-4 {
  border: 0 #0000001a;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.form-label-5 {
  color: #333;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.div-block-name-2-web {
  z-index: auto;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: 5px;
}

.text-span-26 {
  color: #ac1313;
  font-weight: 400;
}

.navigation-link-block-mob-5 {
  color: #283338;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-mob-5:hover {
  color: #7735f6;
  background-color: #7735f60d;
}

.navigation-link-1-web {
  color: #333;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-1-web:hover {
  color: #ac1313;
}

.navigation-link-1-web.w--current {
  color: var(--firebrick);
}

.navigation-link-4-web {
  color: #333;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-4-web:hover {
  color: #ac1313;
}

.navigation-link-4-web.w--current {
  color: #ff2500;
}

.navigation-2-agency {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.drop-arrow-plain {
  margin-right: 5px;
  font-size: 14px;
}

.navigation-column-3 {
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 0;
}

.navigation-link-block-4 {
  color: #333;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding: 12px 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-4:hover {
  opacity: .6;
  color: #ac1313;
  background-color: #0000;
  font-family: Open Sans, sans-serif;
}

.navigation-link-block-4.w--current {
  color: #ff2500;
}

.nav-content-wrap-3 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.navigation-drop-container-2 {
  box-shadow: none;
  color: #0000;
  background-color: #fff;
  border-top: 1px solid #0000001a;
  border-bottom: 1px #0000001a;
  justify-content: space-between;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.dropdown-list-13 {
  min-width: 100%;
}

.dropdown-list-13.w--open {
  box-shadow: none;
  background-color: #0000;
  flex-flow: row;
  place-content: stretch space-between;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: 100%;
  padding-top: 25px;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 35px 0 auto;
}

.navigation-full-agency {
  z-index: 1;
  border-bottom: 1px #3d424b12;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.dropdown-list-full-wrapper-3 {
  background-color: #fff;
  flex: 1;
  width: 100%;
  max-width: 100%;
}

.navigation-bottom-bar-2 {
  background-color: #e63f2380;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.navigation-mob-4 {
  z-index: 5;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.text-block-157 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.navigation-left-2-web {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.brand-14 {
  margin-right: 44px;
  display: none;
}

.div-block-name-web {
  z-index: auto;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 7px;
  display: flex;
  position: relative;
  top: 0;
}

.navigation-container-mob-3 {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-title-2 {
  color: var(--black-3);
  flex: 1;
  margin-bottom: 0;
  font-size: 16px;
}

.image-web {
  z-index: 1;
  width: auto;
  max-width: none;
  height: 40px;
  margin-right: 0;
  position: relative;
  top: 0;
}

.nav-title-5 {
  align-self: flex-start;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}

.navigation-link-2-web {
  color: #333;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-2-web:hover {
  color: #ac1313;
}

.navigation-link-2-web.w--current {
  color: #ff2500;
}

.text-block-155 {
  color: #fff;
}

.text-block-155:hover {
  opacity: .6;
}

.large-link-3 {
  color: #6127da;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  text-decoration: none;
  display: flex;
}

.nav-menu-web {
  color: #283338;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.brand-1-1-web {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.brand-1-1-web:hover {
  opacity: .7;
}

.brand-1-1-web.w--current {
  z-index: 1;
}

.navigation-link-block-5 {
  color: #333;
  border-radius: 20px;
  justify-content: space-between;
  width: auto;
  margin-bottom: 0;
  padding: 7px 5px 7px 15px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-5:hover {
  color: #ac1313;
  background-color: #0000;
}

.navigation-link-block-5.w--current {
  color: #ff2500;
}

.image-2-web {
  z-index: 1;
  width: 40px;
  max-width: none;
  height: 50px;
  margin-right: 0;
  position: relative;
}

.nav-link-details-3 {
  color: #283338de;
  font-size: 14px;
  display: none;
}

.nav-content-wrap-5 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.brand-1-web {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.brand-1-web:hover {
  opacity: .5;
}

.brand-1-web.w--current {
  z-index: 1;
}

.brand-1-web.w--current:hover {
  opacity: .5;
}

.flowbase-logo {
  width: 54px;
}

.text-block-153 {
  color: #333;
  font-size: 13px;
}

.text-block-153:hover {
  color: #ac1313;
}

.dropdown-toggle-5 {
  padding: 0 24px 0 12px;
  transition: all .2s;
}

.dropdown-toggle-5:hover {
  color: #ac1313;
}

.navigation-wrap-web {
  z-index: 5;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.navigation-container-web {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-1-web {
  color: #ff2500;
  max-width: 100%;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: static;
}

.logo-4 {
  min-width: 55px;
}

.body-6 {
  font-family: Open Sans, sans-serif;
}

.container-contact-web {
  z-index: auto;
  color: #fff;
  text-align: center;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 1200px;
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.div-block-agency-2 {
  float: right;
  border-left: 5px solid #ff2500;
  width: 100%;
  max-width: 770px;
  min-height: 50px;
  margin-top: 0;
  margin-left: 40px;
  margin-right: auto;
  padding-left: 40px;
}

.section-title-agency {
  color: #333;
  text-transform: none;
  flex: 0 auto;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.heading-web-4 {
  color: #18181d;
  text-align: left;
  width: 70%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.input-web-3 {
  color: #000;
  background-color: #fff;
  border-radius: 0;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.m-tab-menu-abraam-5 {
  border: 0 #0000001a;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.wrapper-agency {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-agency.left {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
}

.m-rb-field-2-web-4 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.m-rb-field-2-web-4:hover {
  background-color: #0000;
}

.testimonial-block {
  z-index: 2;
  float: none;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 350px;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  right: 0;
}

.testimonial-block._450-width {
  align-items: flex-start;
  max-width: 550px;
}

.large-testimonial {
  color: #444;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5em;
}

.large-testimonial.white {
  color: #fff;
  text-align: left;
}

.large-testimonial.white.left {
  opacity: .89;
  color: #000;
  text-align: left;
  opacity: .89;
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-web-5 {
  color: #18181d;
  text-align: left;
  width: 70%;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.side-block-agency-2 {
  background-color: #0000;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 58%;
  height: 550px;
  min-height: 50px;
  padding: 60px 5% 60px 0;
  display: flex;
  position: relative;
  left: -40px;
}

.link-125 {
  color: #6c6c6c;
}

.link-125:hover {
  color: var(--firebrick);
}

.section-6-agency-copy {
  margin-bottom: 100px;
  padding: 60px 36px;
  overflow: hidden;
}

.m-radio-lable-10 {
  text-align: center;
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.m-radio-lable-10:hover {
  color: var(--firebrick);
}

.form-label-6 {
  color: #333;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.div-block-web-agency {
  float: none;
  flex: 0 auto;
  width: 100%;
  max-width: 770px;
  min-height: 50px;
  margin-left: 0%;
  margin-right: auto;
}

.checkbox-label-6 {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.div-block-167 {
  display: none;
}

.image-10072 {
  flex: none;
  max-width: none;
  margin-right: 15px;
}

.form-wrapper-web-agency {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 160px;
  margin-left: -90px;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.input-5 {
  color: #000;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.testimonial-name-white {
  color: #fff;
  text-align: left;
  border-bottom: 1px #603eff;
  margin: 0 auto 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6em;
  text-decoration: none;
  display: inline-block;
}

.testimonial-name-white.left {
  color: #333;
  text-align: left;
  margin-left: 0;
}

.btn-submit-9 {
  background-color: var(--black);
  border-radius: 0;
  width: 100%;
  height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.btn-submit-9:hover {
  background-color: var(--firebrick);
  box-shadow: none;
}

.m-radio-lable-9 {
  text-align: center;
  border-left: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.columns-web {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-agency {
  color: #222;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4em;
}

.heading-agency.white {
  color: #333;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.1;
}

.columns-2-agency {
  background-color: #0000;
  min-height: 50px;
}

.m-tab-link-7 {
  background-color: #0000;
  border: 1px solid #0000001a;
  border-style: solid none;
  flex: 0 auto;
  width: 100%;
  padding: 0;
}

.m-tab-link-7.w--current {
  color: #e63f23;
  background-color: #0000;
}

.m-rb-field-web-4 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-weight: 300;
  display: flex;
}

.m-rb-field-web-4:hover {
  color: var(--firebrick);
  background-color: #0000;
  font-weight: 300;
}

.m-rb-field-web-4:active, .m-rb-field-web-4:focus {
  background-color: #0000;
  font-weight: 300;
}

.side-block-web {
  background-color: #0000;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  max-width: 58%;
  height: auto;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5% 20px 0;
  display: flex;
  position: relative;
  left: -40px;
}

.div-block-web {
  float: right;
  border-left: 5px #ff2500;
  width: auto;
  max-width: none;
  min-height: 50px;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
}

.wrapper-web {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-web.left {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
}

.large-testimonial-2 {
  color: #444;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5em;
}

.large-testimonial-2.white {
  color: #fff;
  text-align: left;
}

.large-testimonial-2.white.left {
  opacity: .89;
  color: #000;
  text-align: left;
  opacity: .89;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.m-tab-link-4 {
  background-color: #0000;
  border: 1px solid #0000001a;
  border-style: solid none;
  flex: 0 auto;
  width: 100%;
  padding: 0;
}

.m-tab-link-4.w--current {
  background-color: #0000;
}

.cta-grid-outstaffing {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.paragraph-cta-2-outstaffing {
  opacity: 1;
  color: var(--dim-grey-2);
  margin-top: 20px;
  margin-bottom: 5px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.paragraph-cta-outstaffing {
  opacity: 1;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.title-wrap-outstaffing {
  margin-bottom: 20px;
}

.checkbox-field-home-2 {
  margin-top: 15px;
}

.input-web-4 {
  color: #000;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.bold-text-cta-outstaffing {
  color: var(--black-3);
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
}

.input-3 {
  color: #000;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.section-6-outstaffing {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section-6-outstaffing.outstaffing-form {
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 140px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.form-label-4 {
  color: #333;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.checkbox-label-4 {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.btn-submit-5 {
  background-color: #0000;
  background-image: linear-gradient(#103966, #103966);
  width: 100%;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

.btn-submit-5:hover {
  box-shadow: none;
  background-color: #0000;
  background-image: linear-gradient(#0e233a, #0e233a);
}

.m-rb-field-2-web-2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.m-rb-field-2-web-2:hover {
  color: #0098cc;
  background-color: #0000;
}

.link-126 {
  color: #6c6c6c;
}

.link-126:hover {
  color: #0098cc;
}

.deco-part-outstaffing {
  background-image: none;
  background-position: 0 0;
  width: 100%;
  height: 700px;
  padding: 140px 36px;
}

.m-rb-field-web-2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-weight: 300;
  display: flex;
}

.m-rb-field-web-2:hover {
  color: #0098cc;
  background-color: #0000;
  font-weight: 300;
}

.m-rb-field-web-2:active, .m-rb-field-web-2:focus {
  background-color: #0000;
  font-weight: 300;
}

.heading-web-3 {
  color: #18181d;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-2-outstaffing {
  color: #00075b;
  text-align: left;
  text-transform: uppercase;
  flex: 1;
  justify-content: space-between;
  max-width: none;
  margin: 10px auto;
  font-size: 36px;
  font-weight: 600;
  line-height: .9;
  display: flex;
}

.m-radio-lable-11 {
  text-align: center;
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.paragraph-cta-3-outstaffing {
  opacity: 1;
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.form-wrapper-outstaffing {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 0;
  margin-left: 0;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.m-radio-lable-7 {
  text-align: center;
  background-color: #0000;
  border-left: 1px solid #0000001a;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.deco-part-web {
  background-image: none;
  background-position: 0 0;
  width: 100%;
  height: 700px;
  padding: 140px 0;
}

.cta-grid-web {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.form-wrapper-2-web {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  max-width: 500px;
  min-height: 300px;
  margin-top: 0;
  margin-left: 0;
  padding: 21px;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.navigation-wrap-2-web {
  z-index: 5;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.navigation-2-web {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-full-2-web {
  z-index: 1;
  border-bottom: 1px #3d424b12;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.navigation-container-2-web {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-2-web {
  color: #283338;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.navigation-link-1-1-web {
  color: #333;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-1-1-web:hover {
  color: #ac1313;
}

.navigation-link-1-1-web.w--current {
  color: var(--firebrick);
}

.dropdown-1-1-web {
  color: var(--firebrick);
  max-width: 100%;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: static;
}

.navigation-link-2-1-web {
  color: #333;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-2-1-web:hover {
  color: #ac1313;
}

.navigation-link-2-1-web.w--current {
  color: var(--firebrick);
}

.navigation-link-4-1-web {
  color: #333;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-4-1-web:hover {
  color: #ac1313;
}

.navigation-link-4-1-web.w--current {
  color: var(--firebrick);
}

.body-7 {
  font-family: Open Sans, sans-serif;
}

.footer-middle-footer-wholesale {
  color: var(--black-3);
  margin-left: -10px;
  margin-right: -10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.footer4-link-2 {
  opacity: 1;
  color: var(--black-4);
  text-transform: uppercase;
  white-space: normal;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.footer4-link-2:hover, .footer4-link-2.w--current {
  opacity: 1;
  color: #fff;
}

.footer4-link-2.w--current:hover {
  color: #fff;
}

.footer-middle-footer-web {
  color: var(--black-3);
  border-bottom: 1px solid #0000001a;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.footer-link-web {
  opacity: .7;
  color: var(--black-4);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  margin-left: 0;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.footer-link-web:hover {
  opacity: 1;
  color: var(--firebrick);
}

.footer-link-web.w--current {
  opacity: 1;
  color: var(--firebrick);
  margin-right: 10px;
}

.footer-link-web.w--current:hover {
  color: var(--firebrick);
}

.title-line-footer-outstaffing {
  background-color: #fafafa33;
  background-image: none;
  border-radius: 20px;
  width: 100%;
  max-width: 300px;
  min-height: 1px;
  margin: -10px auto 20px;
}

.title-line-footer-web {
  background-color: var(--black-3);
  text-align: left;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 280px;
  min-height: 1px;
  margin: -10px auto 20px;
  display: flex;
  position: relative;
  top: -14px;
  left: 480px;
}

.footer-link-web-2 {
  opacity: .7;
  color: var(--black-4);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  margin-left: 0;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.footer-link-web-2:hover {
  opacity: 1;
  color: var(--firebrick);
}

.footer-link-web-2.w--current {
  opacity: 1;
  color: var(--firebrick);
  margin-right: 10px;
}

.footer-link-web-2.w--current:hover {
  color: var(--firebrick);
}

.navigation-link-block-mob-6 {
  color: #283338;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-mob-6:hover {
  color: #7735f6;
  background-color: #7735f60d;
}

.nav-title-6 {
  color: #333;
  flex: 1;
  margin-bottom: 0;
  font-size: 16px;
}

.navigation-link-1-web-2 {
  color: #333;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-1-web-2:hover, .navigation-link-1-web-2.w--current {
  color: #ac1313;
}

.footer-web {
  border-top: .5px solid #0000001a;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 36px;
  padding-right: 36px;
}

.footer-form-grid-web-home-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.text-span-28 {
  color: #fafafa;
}

.footer-2-web {
  background-color: var(--midnight-blue-2);
  border-top: 1px #0000001a;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-bottom: 40px;
  padding-left: 36px;
  padding-right: 36px;
}

.footer-grid-web-3 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-top: .5px #0000000d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  display: grid;
}

.text-span-29 {
  color: #fafafa;
  font-weight: 400;
}

.footer-7-link-web-2 {
  opacity: .7;
  color: #fafafa;
  text-transform: none;
  margin-left: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-7-link-web-2:hover {
  opacity: 1;
  color: #fff;
}

.navigation-wrap-web-2 {
  z-index: 5;
  max-width: 1400px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 10px;
  position: relative;
}

.navigation-container-mob-4 {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-logo-link-web-2 {
  opacity: .7;
  color: #fff;
  text-transform: none;
  border: 1px solid #fafafa;
  padding: 10px 22px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.footer-logo-link-web-2:hover {
  opacity: 1;
}

.text-block-159 {
  color: #fafafa;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
}

.footer-grid-web-4 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  color: #fafafa;
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 20px;
  display: grid;
}

.footer-middle-footer-web-2 {
  opacity: 1;
  color: #fafafa;
  border-bottom: 1px #fff3;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.text-span-31 {
  color: #fff;
  text-transform: uppercase;
}

.text-block-footer-web-home-3 {
  color: #fafafa;
  letter-spacing: 1.2px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.footer-right-column-web-2 {
  color: #333;
  align-items: center;
  display: flex;
}

.footer-link-web-3 {
  opacity: .7;
  color: #fafafa;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  margin-left: 0;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.footer-link-web-3:hover {
  opacity: 1;
  color: #fff;
}

.footer-link-web-3.w--current {
  opacity: 1;
  color: var(--white);
  margin-right: 10px;
}

.footer-link-web-3.w--current:hover {
  color: #ac1313;
}

.footer-5-link-web-2 {
  opacity: .7;
  color: #fafafa;
  text-transform: none;
  border-right: 1px solid #fff3;
  margin-left: 0;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-5-link-web-2:hover {
  opacity: 1;
  color: #fff;
}

.footer-link-web-4 {
  opacity: .7;
  color: #fafafa;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  border-right: 1px solid #fff3;
  margin-left: 5px;
  margin-right: 10px;
  padding-right: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.footer-link-web-4:hover {
  opacity: 1;
  color: #fff;
}

.footer-link-web-4.w--current {
  opacity: 1;
  color: var(--white);
  border-right: 1px solid #fff3;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 300;
}

.footer-link-web-4.w--current:hover {
  color: var(--white-2);
}

.footer-6-link-web-2 {
  opacity: .7;
  color: #fafafa;
  text-transform: none;
  border-right: 1px solid #fff3;
  margin-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-6-link-web-2:hover {
  opacity: 1;
  color: #fff;
}

.image-footer-web {
  z-index: 1;
  width: auto;
  max-width: none;
  height: 12px;
  margin-right: 0;
  position: relative;
  top: 0;
}

.paragraph-405 {
  background-color: var(--white);
  color: var(--black-3);
  text-align: center;
  border: 1px solid #0000001a;
  justify-content: space-between;
  width: 150px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px;
  display: none;
  position: absolute;
  top: 25px;
  left: -170px;
}

.body-8, .body-9 {
  font-family: Open Sans, sans-serif;
}

.label-my-1 {
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #aaa3;
  margin-bottom: 10px;
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.label-my-1.white-outline-label {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
}

.label-my-1.white-outline-label-2 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  margin-left: 40px;
}

.label-my-1.white-outline-label-3 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #0000001a;
  margin-left: 0;
}

.label-my-1.white-outline-label-1 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-color: #fff;
}

.label-my-1.copy {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-style: none;
  border-color: #0000001a;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
}

.label-my-1.white-outline-label-5 {
  color: #333;
  text-transform: none;
  background-color: #ffffff1a;
  border-style: solid;
  border-color: #0000001a;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
}

.label-my-1.inside-label {
  z-index: 40;
  color: #18181d;
  text-transform: none;
  background-color: #fff;
  border-style: solid;
  border-color: #0000001a;
  margin-top: 10px;
  margin-left: 10px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-161 {
  font-weight: 300;
}

.body-10 {
  font-family: Open Sans, sans-serif;
}

.button-large-business-card-site-2-1-copy {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-business-card-site-2-1-copy:hover {
  background-color: #272731;
}

.button-large-business-card-site-2-1-copy.hero1-button-web-home {
  background-color: #000;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-1-copy.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large-business-card-site-2-1-copy.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-1-copy.hero-button-web:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2-1-copy.hero3-button {
  background-color: #3b3e45;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-1-copy.hero3-button:hover {
  background-color: #363e52;
}

.button-large-business-card-site-2-1-copy.hero1-button {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-1-copy.hero1-button:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2-1-copy.hero2-button {
  background-color: #030303;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-1-copy.hero2-button:hover {
  background-color: #2f2f38;
}

.button-large-business-card-site-2-1-copy.business-card-site {
  background-color: var(--black);
  color: var(--white);
  border: 1px solid #ffffff1a;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-1-copy.business-card-site:hover {
  background-color: var(--firebrick);
  color: var(--white);
}

.button-large-business-card-site-2-1-copy.business-card-site {
  color: #fff;
  background-color: #18181d;
  border: 1px solid #ffffff1a;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 300;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-1-copy.business-card-site:hover {
  color: #fff;
  background-color: #ac1313;
}

.button-large-business-card-site-2-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-business-card-site-2-2:hover {
  background-color: #272731;
}

.button-large-business-card-site-2-2.hero1-button-web-home {
  background-color: #000;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-2.hero1-button-web-home:hover {
  background-color: #ac1313;
}

.button-large-business-card-site-2-2.hero-button-web {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-2.hero-button-web:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2-2.hero3-button {
  background-color: #3b3e45;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-2.hero3-button:hover {
  background-color: #363e52;
}

.button-large-business-card-site-2-2.hero1-button {
  background-color: #8d6a55;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-2.hero1-button:hover {
  background-color: #74533c;
}

.button-large-business-card-site-2-2.hero2-button {
  background-color: #030303;
  width: 582px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-large-business-card-site-2-2.hero2-button:hover {
  background-color: #2f2f38;
}

.button-large-business-card-site-2-2.business-card-site {
  background-color: var(--black);
  color: var(--white);
  border: 1px solid #ffffff1a;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-2.business-card-site:hover {
  background-color: var(--firebrick);
  color: var(--white);
}

.button-large-business-card-site-2-2.business-card-site {
  color: #fff;
  background-color: #18181d;
  border: 1px solid #ffffff1a;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 300;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-2.business-card-site:hover {
  color: #fff;
  background-color: #ac1313;
}

.button-large-business-card-site-2-2.business-card-site-2 {
  background-color: var(--black);
  color: var(--white);
  border: 1px solid #ffffff1a;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
  position: static;
  inset: auto auto 0% 0%;
}

.button-large-business-card-site-2-2.business-card-site-2:hover {
  background-color: var(--firebrick);
  color: var(--white);
}

.body-11, .body-12, .body-13, .body-14, .body-15, .body-16, .body-17, .body-18, .body-19 {
  font-family: Open Sans, sans-serif;
}

.div-block-183 {
  margin-top: 0;
}

.dropdown-1-2-web {
  color: var(--firebrick);
  max-width: 100%;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: static;
}

.section-portfolio-website-promsila-copy, .section-portfolio-website-vavilon {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 60px 36px;
}

.image-vavilon {
  white-space: normal;
}

.image-vavilon:hover {
  opacity: .5;
}

.div-block-184 {
  margin-top: 0;
  display: none;
}

.div-block-insta {
  display: none;
}

.right-arrow {
  height: 15px;
  margin-top: 2px;
  margin-left: 7px;
}

.secondary-button {
  color: #000;
  align-items: center;
  margin-left: 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.secondary-button:hover {
  opacity: .8;
  transform: translate(5px);
}

.button-wrapper {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.inner-hero-content-03 {
  background-color: #0000;
  border: 1px #dbdbdb;
  border-left: 5px solid #3b2ae5;
  flex-direction: column;
  align-items: flex-start;
  max-width: none;
  padding: 0 20em 0 40px;
  display: flex;
}

.hero-section-03 {
  border-bottom: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
  position: relative;
}

.hero-03-image-wrap {
  background-image: url('../images/Screenshot-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #dbdbdb;
  border-right-style: none;
  width: 40vw;
  height: 400px;
  position: absolute;
  inset: auto 0% auto auto;
}

.paragraph-406 {
  opacity: .75;
  font-size: 16px;
  line-height: 22px;
}

.heading-1 {
  text-transform: capitalize;
  margin-top: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 55px;
}

.button {
  text-transform: none;
  background-color: #3b2ae5;
  border-radius: 0;
  padding: 13px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: all .2s;
}

.button:hover {
  opacity: .8;
}

.hero-content-03 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  display: flex;
}

.section-portfolio-website-makeup {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
  padding: 60px 36px;
}

.hero1-web-portfolio-website-makeup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: 40em;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hero-content-portfolio-website-makeup {
  padding-right: 20px;
}

.size-text-web-portfolio-website-makeup {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.paragraph-1-portfolio-website-makeup {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-1-portfolio-website-makeup.web-home-4, .paragraph-1-portfolio-website-makeup.web-home-6 {
  opacity: 1;
  color: var(--black-3);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-1-portfolio-website-makeup.web-home-2, .paragraph-1-portfolio-website-makeup.portfolio-website-makeup {
  opacity: 1;
  color: var(--black-3);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-2-portfolio-website-makeup {
  opacity: .7;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.paragraph-2-portfolio-website-makeup.web-home-4 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-2-portfolio-website-makeup.web-home-6 {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-2-portfolio-website-makeup.web-home-2 {
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.paragraph-2-portfolio-website-makeup.portfolio-website-makeup-2 {
  border-left: 1px solid var(--firebrick);
  opacity: 1;
  color: var(--black-3);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
}

.button-wrap-portfolio-website-makeup {
  max-width: none;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-web-portfolio-website-makeup {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/Студия-ANNA-MIKRYUKOVA-3_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  min-height: auto;
  display: grid;
}

.hero-heading-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.hero-split-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  padding-right: 40px;
  display: block;
}

.section-portfolio-website-makeup-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.container-portfolio-website-makeup-1 {
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin-left: 36px;
  margin-right: 36px;
  display: flex;
}

.hero-wrapper-portfolio-website-makeup-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-portfolio-website-makeup-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  padding-right: 40px;
  display: block;
}

.hero-image-portfolio-website-makeup-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.image-portfolio-website-makeup-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-vavilon-1 {
  background-color: #0000;
  border-bottom: 1px #e4ebf3;
  padding: 80px 36px;
  position: relative;
}

.image-portfolio-website-vavilon {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-real-1, .image-portfolio-website-cleaning-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-agency-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-agency-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-practiklife-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-practiklife-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-beautyart-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-beautyart-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-rpkvariant-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-rpkvariant-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-beauty-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-beauty-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-barber-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-barber-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-mats-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-mats-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-abraam-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-abraam-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-saber-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  display: none;
  position: relative;
}

.image-portfolio-website-saber-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-wellness-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-wellness-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-gate-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-gate-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-vodoeconom-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.container-portfolio-website-vodoeconom-1 {
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin-left: 36px;
  margin-right: 36px;
  display: flex;
}

.hero-wrapper-portfolio-website-vodoeconom-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-portfolio-website-vodoeconom-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  padding-right: 40px;
  display: block;
}

.hero-image-portfolio-website-vodoeconom-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.image-portfolio-website-vodoeconom-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-consulting-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-consulting-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.container-portfolio-website-consulting-1 {
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin-left: 36px;
  margin-right: 36px;
  display: flex;
}

.hero-wrapper-portfolio-website-consulting-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-portfolio-website-consulting-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  padding-right: 40px;
  display: block;
}

.hero-image-portfolio-website-consulting-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.section-bil-new-copy {
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
}

.section-bil-new-portfolio {
  max-width: none;
  margin: 100px auto;
  padding-left: 36px;
  padding-right: 36px;
}

.section-portfolio-website-trotuar-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-trotuar-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-dentist-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-dentist-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-podkova-tire-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-podkova-tire-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-podkova-oil-1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.image-portfolio-website-podkova-oil-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-radiators {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.hero-image-portfolio-website-radiators {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.image-portfolio-website-radiators, .image-portfolio-website-brembo-1 {
  height: auto;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.text-block-1571 {
  color: #282828;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.section-portfolio-website-car-service_1 {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.content-contacts-grid-web_1 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  position: relative;
  top: 0;
  bottom: 0;
}

.text-wrap-contact-web-3_1 {
  opacity: .7;
  color: #000;
  margin-bottom: 0;
}

.link-127 {
  color: var(--black-2);
  text-decoration: none;
}

.link-127:hover {
  opacity: .5;
  color: var(--black-3);
}

.section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
  background-color: #0000;
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 140px 36px;
  position: relative;
}

.rt-contact-one-form.rt-responsive-full-width-13 {
  width: 100%;
}

.rt-form-button-two {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.rt-form-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.quote_form-7 {
  z-index: 9999;
  color: #5f5f5f;
  background-color: #414141;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  margin-top: 0;
  padding: 60px 45px 45px;
  display: none;
  position: fixed;
  inset: 0%;
}

.rt-title-top {
  color: #150438;
  letter-spacing: .01px;
  font-size: 14px;
  line-height: 28px;
}

.rt-form-button-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.project_circle_wrap-5 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  text-align: center;
  background-color: #0000;
  border-radius: 3px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  line-height: 1;
  display: flex;
  position: static;
}

.project_circle_wrap-5:hover {
  box-shadow: none;
  opacity: 1;
}

.project_quote-home_11-1 {
  z-index: 11;
  border: 1px #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
  position: static;
  inset: 0 0% 0%;
}

.link-block-22 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #115d32;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 15px 15px auto auto;
}

.link-block-22:hover {
  background-color: #cacaca;
  box-shadow: 1px 1px 9px 7px #00000012;
}

.text-block-1572 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.text-block-1572:hover {
  color: #f1f8f4;
}

.form-wrapper-megapolis-2 {
  z-index: 999;
  background-color: #2a2d30;
  width: 100%;
  max-width: 700px;
  min-height: 300px;
  margin-top: 30px;
  margin-left: 0;
  padding: 40px 60px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 20px 3px #0000001a;
}

.div-block-call-back_11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #98a2b3;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
}

.div-block-call-back_11:hover {
  border-color: #fff9;
}

.rt-form-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.image-close-2 {
  width: 24px;
  max-width: none;
}

.rt-button-typography {
  color: #fef7f1;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 400;
}

.rt-submit-button {
  color: #3330;
  background-color: #3898ec00;
  width: 130px;
  height: 63px;
  position: relative;
}

.rt-button-circle {
  color: #480607;
  border: 1px solid #fdf2f2;
  border-radius: 100px;
  width: 38%;
  min-width: 66px;
  height: 66px;
  min-height: 66px;
  position: absolute;
  inset: 0%;
}

.rt-margin-bottom-thirty-6 {
  color: #d6d7e0;
  margin-bottom: 30px;
  padding-left: 15px;
  font-size: 2.5rem;
  font-weight: 600;
}

.rt-text-field-2 {
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #0003;
  height: 53px;
  padding-left: 20px;
  padding-right: 20px;
}

.rt-text-field-2.rt-title-top {
  color: #6d6d6d;
  border: 1px #000;
  border-bottom: 1px solid #3e404c;
  font-weight: 400;
}

.rt-text-field-2.rt-title-top::placeholder {
  color: #6d6d6d;
}

.div-block-call-back_11-1 {
  border: 1px solid #fffc;
  border-radius: 0;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
}

.div-block-call-back_11-1:hover {
  border-color: #fff9;
}

.div-block-back-call_11-1 {
  background-color: #0000;
  background-image: none;
  border: 1px #ffffff80;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
  display: block;
}

.div-block-back-call_11-1:hover {
  background-image: linear-gradient(#0000, #0000);
}

.quote_text-2 {
  color: #b8becf;
  text-align: center;
  letter-spacing: 1.2px;
  max-width: 400px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  display: none;
}

.rt-button-5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 66px;
  line-height: 28px;
  display: flex;
  position: relative;
}

.rt-button-5.rt-underline-off-4 {
  text-decoration: none;
}

.rt-success-message {
  color: #128800;
  text-align: center;
  background-color: #e1ffe0;
}

.rt-textarea-20 {
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #0003;
  min-height: 120px;
  padding-left: 20px;
  padding-right: 20px;
}

.rt-textarea-20.rt-title-top {
  color: #6d6d6d;
  border: 1px solid #3e404c;
}

.rt-textarea-20.rt-title-top::placeholder {
  color: #6d6d6d;
  font-weight: 400;
}

.rt-error-message {
  color: #f33;
  text-align: center;
  padding: 20px;
}

.rt-button-text-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.rocket_link-4 {
  z-index: 1;
  background-color: var(--midnight-blue);
  text-align: center;
  background-image: none;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 0;
}

.rocket_link-4:hover {
  background-color: var(--midnight-blue);
  opacity: .7;
  color: #fff;
}

.body-1 {
  font-family: Montserrat, sans-serif;
}

.nav-menu {
  background-color: #0000;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-link-text-div {
  overflow: hidden;
}

.page-label {
  color: #fff;
  text-transform: uppercase;
  background-color: #1c26e6;
  border-radius: 100px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 900;
  line-height: 100%;
}

.menu-close.w--open {
  padding: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.toggle-text {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  line-height: 120%;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header {
  background-color: #1a24b9;
  border: 0 solid #000;
  border-bottom: 1px solid #0000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  inset: 0 0 auto;
}

.menu-close-div {
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.nav-link-wrapper {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.menu-open {
  padding: 0;
}

.menu-open.w--open {
  background-color: #0000;
}

.container-33 {
  width: 100%;
  max-width: 1400px;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-line-div {
  background-color: #1c26e6;
  width: 100%;
  height: 4px;
}

.nav-menu-wrapper {
  background-color: #fff;
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 432px;
  height: 93vh;
  padding: 32px;
  display: inline-flex;
  position: absolute;
  inset: 12px 12px 12px auto;
  overflow: hidden;
  box-shadow: 0 1px 6px #00000040;
}

.nav-logo-div {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-bottom-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.brand-link {
  padding-left: 0;
}

.paragraph-407 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-407.social-media-link {
  text-decoration: none;
}

.nav-info-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-link-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-paragraph {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.small-paragraph.nav-bottom-text {
  color: #262626;
  text-transform: uppercase;
  font-weight: 600;
}

.small-paragraph.social-media-heading-text {
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}

.small-paragraph.white-800-color.newsletter-paragraph {
  max-width: 200px;
  font-weight: 800;
}

.menu-toggle-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #262626;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 2px;
  font-size: 36px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.hero-section {
  background-image: url('../images/home-hero-background.webp');
  background-repeat: repeat;
  background-size: cover;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 96vh;
  padding-bottom: 60px;
  display: flex;
}

.sub-heading {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.container-34 {
  width: 100%;
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.home-hero-detail-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  mix-blend-mode: difference;
  flex-flow: column;
  display: flex;
}

.h1-heading {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
}

.h1-heading.home-hero-heading {
  color: #fff;
  max-width: 900px;
  font-size: 80px;
  font-weight: 700;
}

.large-paragraph {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.large-paragraph.home-hero-paragraph {
  color: #fff;
  max-width: 600px;
  margin-top: 10px;
  line-height: 130%;
}

.large-paragraph.footer-text-link {
  color: #fffc;
  letter-spacing: normal;
  text-transform: none;
  word-break: normal;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.large-paragraph.footer-text-link:hover {
  opacity: .66;
}

.large-paragraph.bold-text {
  color: #3d3d3d;
  font-weight: 600;
}

.large-paragraph.bold-text.faq-heading {
  white-space: normal;
}

.toggle-text_1 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  line-height: 120%;
  display: none;
}

.our-ecosystem-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.our-ecosystem-count-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h3-heading {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading.our-ecosystem-heading-text {
  max-width: 880px;
  margin-top: 18px;
  font-size: 20px;
}

.our-ecosystem-icon-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-35 {
  width: 100%;
  max-width: 1400px;
  padding-left: 20px;
  padding-right: 20px;
}

.our-ecosystem-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  margin-top: 60px;
}

.paragraph-408 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-408.our-ecosystem-paragraph {
  max-width: none;
}

.h2-heading {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading.semibold-text {
  font-weight: 600;
}

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

.text-link {
  color: #1c26e6;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  display: none;
}

.section-405 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-405.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/106.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section-405.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.our-ecosystem-icon {
  border-radius: 12px;
  box-shadow: 0 3px 4px -1px #2a2a2a24, 0 1px 1px #2a2a2a14;
}

.gray-200-line {
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
}

.our-ecosystem-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.large-text {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text.our-ecosystem-count-text {
  max-width: 230px;
}

.large-text.newsletter-sub-heading {
  color: #fff;
  font-weight: 500;
}

.brand-logo {
  display: block;
}

.nav-menu-item {
  color: var(--gainsboro);
  padding: 0;
  font-weight: 500;
  line-height: 1.33em;
  text-decoration: none;
  transition: color .3s;
}

.nav-menu-item:hover {
  color: #584efe;
}

.nav-menu-item.w--current {
  color: #584efe;
  text-decoration: none;
}

.nav-bar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-5 {
  opacity: 1;
  vertical-align: baseline;
  width: auto;
  max-width: 85%;
  margin-top: 0;
  display: inline-block;
  overflow: clip;
}

.logo-wrap {
  display: block;
}

.header-section {
  z-index: 19;
  background-color: #0000;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  inset: 0 0 auto;
}

.nav-menu-items {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.button-primary-2 {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #584efe;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  font-weight: 700;
  line-height: 1.33em;
  transition: background-color .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.button-primary-2:hover, .button-primary-2.black {
  background-color: #1e1e1e;
}

.button-primary-2.black:hover {
  background-color: #584efe;
}

.header-container {
  background-color: var(--transparent);
  border-radius: 0;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0;
}

.navbar-area {
  background-color: #ddd0;
  flex-direction: column;
  justify-content: space-between;
}

.hero-section_1 {
  background-image: linear-gradient(#0009, #0009), url('../images/101.1.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  padding-bottom: 140px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.header_1 {
  background-color: #1a24b9;
  border: 0 solid #000;
  border-bottom: 1px solid #0000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0 0 auto;
}

.header-section_1 {
  z-index: 19;
  background-color: var(--transparent);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 0 0 auto;
}

.navbar-button-wrapper_1 {
  display: none;
}

.brix---link-wrapper-8 {
  color: #211f54;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.brix---link-wrapper-8:hover {
  opacity: .6;
  color: var(--midnight-blue-2);
}

.brix---link-icon-left-3 {
  opacity: .7;
  width: 16px;
  margin-right: 6px;
  line-height: 16px;
}

.brix---mg-left-24px---mg-top-16px-mbp-3 {
  margin-left: 24px;
}

.brix---header-top-wrapper-2 {
  border-bottom: 1px solid #eff0f6;
  padding-top: 22px;
  padding-bottom: 22px;
}

.brix---top-header-left-col-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---link-text-3 {
  flex: 0 auto;
  font-weight: 500;
  transition: color .3s;
  display: inline-block;
}

.brix---social-media-grid-right---mbl-center-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: end;
  align-self: auto;
  place-items: center end;
  display: flex;
}

.brix---top-header-right-col-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brix---grid-header-top-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---social-icon-square-30px-3 {
  background-color: #f2f1ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.brix---social-icon-square-30px-3:hover {
  transform: scale(.92);
}

.header-container_2 {
  border-bottom: 1px solid var(--black-5);
  opacity: 1;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.grid-header-top-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.top-header-right-col-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-header-left-col-3 {
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.link-wrapper-8 {
  color: #211f54;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: none;
}

.link-wrapper-8:hover {
  color: #4a3aff;
}

.mg-left-24px---mg-top-16px-mbp-3 {
  margin-left: 24px;
}

.link-wrapper-9 {
  color: #211f54;
  justify-content: flex-end;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.link-wrapper-9:hover {
  color: #4a3aff;
}

.mg-left-_2 {
  margin-left: 0;
}

.brand-16 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
}

.brand-16:hover {
  opacity: .7;
}

.brand-16.w--current {
  z-index: 1;
}

.image-10064 {
  z-index: 1;
  width: 30px;
  max-width: none;
  height: auto;
  margin-right: 0;
  position: relative;
}

.div-block-name-2-2-4 {
  z-index: auto;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.nav-name_2-2-2 {
  color: var(--gainsboro);
  text-transform: uppercase;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 2px;
  font-family: Montserrat, sans-serif;
  font-size: .4rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.nav-3-name_1-2 {
  color: var(--gainsboro);
  letter-spacing: .5px;
  text-transform: none;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: static;
}

.brand-logo_1 {
  display: none;
}

.link-text_1 {
  color: var(--black-3);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: color .3s;
  display: inline-block;
}

.link-wrapper-10 {
  color: #211f54;
  justify-content: flex-end;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: none;
}

.link-wrapper-10:hover {
  color: #4a3aff;
}

.top-header-left-col-4 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.wrapper-9-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sub-heading_1 {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.sub-heading_1.white-text {
  color: var(--gainsboro);
  line-height: 130%;
  position: relative;
  top: 12px;
}

.h2-heading_2 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
}

.h2-heading_2.home-hero-heading {
  color: #fff;
  max-width: 960px;
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
}

.h1-heading_1 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
}

.h1-heading_1.home-hero-heading {
  opacity: 1;
  color: #fff;
  -webkit-text-stroke-width: 0px;
  text-overflow: clip;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  max-width: 960px;
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
}

.home-hero-detail-div_1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  mix-blend-mode: difference;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.container-34_1 {
  width: 100%;
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.section_2 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 80px 2rem;
}

.container_1 {
  width: 100%;
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.our-ecosystem-wrapper_1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1400px;
  display: flex;
}

.our-ecosystem-detail-div_1 {
  width: 100%;
  max-width: none;
}

.sub-heading-copy {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
  display: none;
}

.h3-heading_1 {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading_1.our-ecosystem-heading-text {
  max-width: 880px;
  margin-top: 18px;
  font-size: 20px;
}

.h3-heading_1.our-ecosystem-heading-text_1 {
  max-width: 880px;
  margin-top: 10px;
  font-size: 20px;
}

.our-ecosystem-grid_1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: stretch;
  place-items: center stretch;
  width: auto;
  max-width: none;
  margin-top: 30px;
}

.our-ecosystem-div_1 {
  margin: 0;
}

.our-ecosystem-card_1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.our-ecosystem-icon-div_1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.our-ecosystem-icon_1 {
  box-shadow: none;
  border-radius: 12px;
}

.h2-heading_01 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading_01.semibold-text {
  font-size: 27px;
  font-weight: 600;
}

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

.large-text_01 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text_01.our-ecosystem-count-text {
  max-width: 230px;
  display: none;
}

.our-ecosystem-div_001 {
  display: none;
}

.our-ecosystem-icon_2 {
  box-shadow: none;
  border-radius: 12px;
}

.section_3 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 40px 2rem 140px;
}

.container_2 {
  width: 100%;
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.our-ecosystem-wrapper_3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.team-wrapper {
  opacity: .9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0006;
  border-radius: 12px;
  padding: 50px 30px;
}

.team-grid {
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.h4-heading {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.h4-heading.white-text {
  color: #fff;
}

.h4-heading.white-text.team-heading {
  font-weight: 500;
}

.team-detail-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.team-line {
  background-color: #fff3;
  width: 100%;
  height: 1px;
}

.paragraph-409 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-409.white-800-color.team-paragraph {
  max-width: 450px;
}

.h2-heading-2 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading-2.white-text {
  color: #fff;
}

.h2-heading-2.light-text {
  font-weight: 200;
}

.common-button {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button:hover {
  background-position: 92%;
}

.common-button.white-button {
  background-color: var(--gainsboro);
  color: #1c26e6;
  background-image: url('../images/whatsapp.svg');
  background-position: 90%;
  background-size: 20px;
}

.common-heading-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.container-36 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.social-media-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.template-link-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-detail-div {
  border-bottom: 1px solid var(--dim-grey-2);
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.footer-link-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.success-message-7 {
  background-color: #6a8cff;
  border-radius: 8px;
}

.bottom-footer-div {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.copyright-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-div {
  width: 100%;
  max-width: 385px;
}

.newsletter-form {
  position: relative;
}

.paragraph-410 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-410.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph-410.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph-410.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph-410.white-800-color.social-media-link {
  color: var(--black-5);
  font-size: 15px;
  text-decoration: none;
}

.paragraph-410.white-800-color.social-media-link:hover {
  opacity: .65;
}

.paragraph-410.success-message-text {
  color: #000;
}

.h2-heading-3 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading-3.white-text {
  color: #fff;
}

.newsletter-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.newsletter-input {
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  margin-bottom: 0;
  padding: 16px 25px 35px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.newsletter-input:focus {
  border-bottom-color: #fff3;
}

.newsletter-input::placeholder {
  color: #fffc;
}

.newsletter-form-block {
  margin-bottom: 0;
}

.newsletter-button {
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 34px;
  height: 34px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.footer-logo {
  width: 240px;
}

.container-37 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.buy-template-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  transform: scale3d(1none, 1none, 1none) translate(0px, 20px);
  color: #000000b3;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 363px;
  min-height: 77px;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 1px 3.3px #00000040, 0 4px 12.6px #00000040;
}

.template-dot {
  z-index: 999999;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: -18% -4% auto auto;
}

.hidden-code {
  display: none;
}

.webflow-logo {
  height: 46px;
}

.template-popup-div {
  z-index: 999999999;
}

.template-text.template-link-text {
  color: #146ef5;
  margin-top: 4px;
  text-decoration: underline;
}

.buy-template-main-div {
  z-index: 99999999;
  width: 363px;
  height: 77px;
  position: fixed;
  inset: auto 35px 35px auto;
}

.faq-toggle-01 {
  width: 18px;
  min-width: 18px;
}

.accordion-list {
  background-color: #0000;
  margin-top: 20px;
  padding-bottom: 10px;
  position: static;
}

.accordion-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 12px;
  display: flex;
}

.faq-toggle-02 {
  width: 18px;
  min-width: 18px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(90deg);
}

.accordion-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.paragraph-411 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-411.faq-ans {
  max-width: 580px;
}

.paragraph-411.faq-paragraph {
  max-width: 370px;
}

.accordion {
  background-color: #0000;
  width: 100%;
  display: block;
  overflow: hidden;
}

.faq-toggle-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.container-38 {
  width: 100%;
  max-width: 1320px;
  padding-left: 0;
  padding-right: 0;
}

.accordion-div {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 15px;
}

.container_8 {
  width: 100%;
  max-width: 1400px;
  padding-left: 10px;
  padding-right: 10px;
}

.section_8 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 60px;
  padding: 80px 2rem;
}

.section_8.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section_8.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.header-section_1-2 {
  z-index: 19;
  background-color: var(--white);
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: absolute;
  inset: 0 0 auto;
}

.header-container_2-2 {
  border-bottom: 1px solid var(--gainsboro);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.link-text_1-2 {
  color: var(--gainsboro);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: color .3s;
  display: inline-block;
}

.brix---link-icon-left-3-2, .link-icon-left-3-3 {
  opacity: .7;
  width: 16px;
  margin-right: 6px;
  line-height: 16px;
}

.link-text-3-3 {
  color: var(--gainsboro);
  flex: 0 auto;
  font-weight: 500;
  transition: color .3s;
  display: inline-block;
}

.h2-heading_3 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 100%;
}

.h2-heading_3.semibold-text {
  font-weight: 600;
}

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

.sub-heading_3 {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.sub-heading_5 {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
  display: none;
}

.h3-heading_5 {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading_5.our-ecosystem-heading-text {
  max-width: 880px;
  margin-top: 0;
  font-size: 20px;
}

.gray-200-line_5 {
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
  display: none;
}

.our-ecosystem-icon-div_5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.our-ecosystem-icon_5 {
  border-radius: 12px;
  box-shadow: 0 3px 4px -1px #2a2a2a24, 0 1px 1px #2a2a2a14;
}

.our-ecosystem-card_5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.paragraph_5 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_5.our-ecosystem-paragraph {
  max-width: none;
  text-decoration: none;
}

.paragraph_5.our-ecosystem-paragraph:hover {
  opacity: .5;
}

.link-block_5 {
  margin-top: 20px;
  text-decoration: none;
}

.template-popup-div_1 {
  z-index: 999999999;
  display: none;
}

.text-span-32, .text-span-33 {
  font-weight: 700;
}

.section_4 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section_4.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/106.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section_4.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.section_4.team-section_4 {
  background-image: linear-gradient(#1c26e63d, #1c26e63d), url('../images/106.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  border-radius: 0;
  margin-bottom: 60px;
  padding: 30px 2rem;
}

.team-wrapper_4 {
  opacity: .9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0006;
  border-radius: 12px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 20px 100px;
}

.container_4 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.common-heading-div_4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section_2-2 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 80px 2rem;
  display: none;
}

.container_2-1 {
  width: 100%;
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.our-ecosystem-wrapper_2-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1400px;
  display: flex;
}

.our-ecosystem-detail-div_2-1 {
  width: 100%;
  max-width: none;
}

.our-ecosystem-grid_2-1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  place-items: center stretch;
  width: auto;
  max-width: none;
  margin-top: 30px;
}

.our-ecosystem-div_2-1 {
  margin: 0;
}

.our-ecosystem-card_2-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.our-ecosystem-icon-div_2-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  display: flex;
}

.our-ecosystem-icon_2-1 {
  box-shadow: none;
  border-radius: 12px;
  width: 60px;
  max-width: none;
}

.our-ecosystem-count-div_2-1 {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  display: flex;
}

.h2-heading_2-01 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading_2-01.semibold-text {
  font-size: 27px;
  font-weight: 600;
}

.h2-heading_2-01.normal-text {
  font-weight: 400;
}

.h2-heading_2-01.semibold-text_2-01 {
  font-size: 21px;
  font-weight: 600;
}

.gray-200-line_2-1 {
  opacity: .46;
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
}

.h2-heading_4 {
  color: #262626;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading_4.white-text {
  color: #fff;
  font-size: 30px;
}

.h2-heading_4.light-text {
  font-weight: 200;
}

.paragraph_4 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_4.white-800-color.team-paragraph, .paragraph_4.white_4.team-paragraph {
  max-width: 450px;
}

.paragraph_4.white_4.paragraph_4-1 {
  color: var(--gainsboro);
  max-width: 600px;
  font-size: 18px;
}

.team-grid_4 {
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
  display: none;
}

.button-div_4 {
  background-color: var(--transparent);
  border-radius: 0;
}

.button-div_4-2 {
  display: none;
}

.common-button_4-2 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button_4-2:hover {
  background-position: 92%;
}

.common-button_4-2.white-button, .common-button_4-2.white-button_4-2 {
  color: #1c26e6;
  background-color: #fff;
  background-image: url('../images/white-button-arrow.svg');
}

.our-ecosystem-icon_4-1 {
  box-shadow: none;
  border-radius: 12px;
  width: 30px;
  max-width: none;
}

.common-button_4 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button_4:hover {
  background-position: 92%;
}

.common-button_4.white-button {
  background-color: var(--gainsboro);
  color: #1c26e6;
  background-image: url('../images/whatsapp.svg');
  background-position: 90%;
  background-size: 20px;
}

.common-button_4.white-button_4 {
  background-color: var(--gainsboro);
  color: var(--dim-grey-2);
  text-align: center;
  background-image: url('../images/whatsapp.svg');
  background-position: 50%;
  background-size: 36px;
  border-radius: 11px;
  width: 260px;
  padding-left: 0;
  padding-right: 0;
}

.common-button_4.white-button_4:hover {
  background-color: var(--white);
}

.team-grid_4-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 852px;
  margin-top: 60px;
  display: flex;
}

.team-card_4, .team-card_4-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.common-button_4-1 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button_4-1:hover {
  background-position: 92%;
}

.common-button_4-1.white-button {
  background-color: var(--gainsboro);
  color: #1c26e6;
  background-image: url('../images/whatsapp.svg');
  background-position: 90%;
  background-size: 20px;
}

.common-button_4-1.white-button_4 {
  background-color: var(--gainsboro);
  color: var(--dim-grey-2);
  text-align: center;
  background-image: url('../images/call_FILL0_2.3.svg');
  background-position: 50%;
  background-size: 44px;
  border-radius: 11px;
  width: 260px;
  padding-left: 0;
  padding-right: 0;
}

.common-button_4-1.white-button_4:hover {
  background-color: var(--white);
}

.common-button_4-10 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button_4-10:hover {
  background-position: 92%;
}

.common-button_4-10.white-button {
  background-color: var(--gainsboro);
  color: #1c26e6;
  background-image: url('../images/whatsapp.svg');
  background-position: 90%;
  background-size: 20px;
}

.common-button_4-10.white-button_4 {
  background-color: var(--gainsboro);
  color: var(--dim-grey-2);
  text-align: center;
  background-image: url('../images/whatsapp.svg');
  background-position: 50%;
  background-size: 36px;
  border-radius: 11px;
  width: 260px;
  padding-left: 0;
  padding-right: 0;
}

.common-button_4-10.white-button_4:hover {
  background-color: var(--white);
}

.common-button_4-12 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button_4-12:hover {
  background-position: 92%;
}

.common-button_4-12.white-button {
  background-color: var(--gainsboro);
  color: #1c26e6;
  background-image: url('../images/whatsapp.svg');
  background-position: 90%;
  background-size: 20px;
}

.common-button_4-12.white-button_4 {
  background-color: var(--gainsboro);
  opacity: 1;
  color: var(--dim-grey-2);
  text-align: center;
  background-image: url('../images/Telegram_2.svg');
  background-position: 50%;
  background-size: 36px;
  border-radius: 11px;
  width: 260px;
  padding-left: 0;
  padding-right: 0;
}

.common-button_4-12.white-button_4:hover {
  background-color: var(--white);
}

.section_9 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section_9.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/106.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section_9.footer {
  opacity: 1;
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
  border-top-style: none;
  border-radius: 0;
  padding-bottom: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container_9 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-wrapper_9 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.newsletter-wrapper_9 {
  justify-content: space-between;
  align-items: flex-start;
  display: none;
}

.brand-link_9 {
  padding-left: 0;
  display: none;
}

.brand-16_9 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 20.6842%;
  padding-left: 0;
  display: flex;
}

.brand-16_9:hover {
  opacity: .7;
}

.brand-16_9.w--current {
  z-index: 1;
}

.footer-link-div_9 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image_10_9 {
  z-index: 1;
  width: 24px;
  max-width: none;
  height: auto;
  margin-right: 0;
  position: relative;
}

.div-block-name_9 {
  z-index: auto;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.nav-name_9 {
  color: var(--gainsboro);
  text-transform: uppercase;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 2px;
  font-family: Montserrat, sans-serif;
  font-size: .33rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.nav-3-name_9 {
  color: var(--gainsboro);
  letter-spacing: .5px;
  text-transform: none;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: static;
}

.bottom-footer-div_9 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.copyright-div_9 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.paragraph_9 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_9.white-800-color {
  color: var(--black-5);
  flex: none;
  padding-top: 0;
  font-size: 13px;
}

.paragraph_9.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph_9.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph_9.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph_9.white-800-color.social-media-link {
  text-decoration: none;
}

.paragraph_9.success-message-text {
  color: #000;
}

.template-link-div_9 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.social-media-div_9 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.small-paragraph_9 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.small-paragraph_9.nav-bottom-text {
  color: #262626;
  text-transform: uppercase;
  font-weight: 600;
}

.small-paragraph_9.social-media-heading-text {
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  display: none;
}

.small-paragraph_9.white-800-color.newsletter-paragraph {
  max-width: 200px;
  font-weight: 800;
}

.social-media-link-div_9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-410_9 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-410_9.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph-410_9.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph-410_9.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph-410_9.white-800-color.social-media-link {
  text-decoration: none;
  display: none;
}

.paragraph-410_9.success-message-text {
  color: #000;
}

.bottom-footer-div_9-2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.social-media-div_9-2 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.bottom-footer-div_9-1, .bottom-footer-div_9-0 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-wrapper_9-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.bottom-footer-div_9-01 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.copyright-div_9-02 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.image_9-02 {
  flex: 0 auto;
  width: 5%;
}

.bottom-footer-div_9-011 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.copyright-div_9-03 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.copyright-div_9-022 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.image_9-022 {
  flex: 0 auto;
  width: 7%;
}

.paragraph_9-022 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_9-022.white-800-color {
  color: var(--black-5);
  flex: none;
  font-size: 13px;
}

.paragraph_9-022.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph_9-022.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph_9-022.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph_9-022.white-800-color.social-media-link {
  text-decoration: none;
}

.paragraph_9-022.success-message-text {
  color: #000;
}

.image_9-023 {
  flex: 0 auto;
  width: 9%;
}

.paragraph_9-023 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_9-023.white-800-color {
  flex: none;
  font-size: 13px;
}

.paragraph_9-023.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph_9-023.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph_9-023.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph_9-023.white-800-color.social-media-link {
  text-decoration: none;
}

.paragraph_9-023.success-message-text {
  color: #000;
}

.link-128 {
  color: var(--black-5);
  font-size: 15px;
  text-decoration: none;
}

.link-128:hover {
  opacity: .64;
}

.footer-wrapper_9-02 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-top: 1px solid var(--dim-grey-2);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  padding-top: 10px;
  display: flex;
}

.bottom-footer-div_9-03 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 10px;
  display: flex;
}

.paragraph_9-33 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph_9-33.white-800-color {
  color: var(--black-5);
  flex: none;
  font-size: 13px;
}

.paragraph_9-33.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph_9-33.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph_9-33.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph_9-33.white-800-color.social-media-link {
  text-decoration: none;
}

.paragraph_9-33.success-message-text {
  color: #000;
}

@media screen and (min-width: 1280px) {
  .body-1 {
    font-family: Montserrat, sans-serif;
  }

  .logo-5 {
    max-width: 100%;
  }

  .brix---link-text-3 {
    font-weight: 500;
  }

  .link-text_1 {
    font-family: PT Sans, sans-serif;
  }

  .faq-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: .75fr 1fr;
  }

  .link-text_1-2 {
    font-family: PT Sans, sans-serif;
  }

  .link-text-3-3 {
    font-weight: 500;
  }
}

@media screen and (min-width: 1440px) {
  .blog-image-targeted-advertising-2 {
    background-image: url('../images/Instagram-Logo.wine.svg');
    background-size: 350px;
  }

  .blog-image-targeted-advertising {
    background-image: url('../images/VK_Compact_Logo.svg');
  }

  .rocket_link-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .project_circle_wrap-2 {
    height: auto;
  }

  .div-block-name-2-web {
    z-index: 1;
  }

  .navigation-2-agency {
    background-color: #0000;
  }

  .navigation-column-3 {
    width: 300px;
  }

  .navigation-link-block-4 {
    justify-content: space-between;
    width: auto;
    padding: 15px 5px 15px 15px;
  }

  .nav-content-wrap-3 {
    align-items: center;
    line-height: 1;
  }

  .navigation-drop-container-2 {
    justify-content: center;
    width: 100%;
    max-width: none;
  }

  .dropdown-list-13 {
    justify-content: flex-end;
    width: 100%;
    min-width: auto;
  }

  .navigation-full-agency {
    background-color: #0000;
  }

  .dropdown-list-full-wrapper-3 {
    width: 100%;
    max-width: none;
  }

  .navigation-bottom-bar-2 {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }

  .div-block-name-web {
    z-index: 1;
  }

  .nav-title-2 {
    margin-bottom: 0;
  }

  .image-web {
    z-index: 1;
  }

  .nav-title-5 {
    margin-bottom: 0;
  }

  .brand-1-1-web {
    z-index: 1;
  }

  .navigation-link-block-5 {
    justify-content: space-between;
    width: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
  }

  .image-2-web {
    z-index: 1;
  }

  .nav-content-wrap-5 {
    align-items: center;
    line-height: 1;
  }

  .brand-1-web {
    z-index: 1;
  }

  .navigation-wrap-web {
    background-color: #fff;
  }

  .navigation-container-web {
    max-width: none;
  }

  .div-block-agency-2 {
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: 0%;
  }

  .wrapper-agency.left {
    width: 90%;
    margin-left: 0;
    margin-right: auto;
  }

  .large-testimonial, .large-testimonial.white {
    font-weight: 300;
  }

  .side-block-agency-2 {
    padding-left: 40px;
    padding-right: 0;
    display: flex;
  }

  .section-6-agency-copy {
    padding-top: 80px;
  }

  .div-block-web-agency {
    float: none;
    max-width: 770px;
    margin-left: 0%;
    margin-right: auto;
  }

  .div-block-167 {
    display: none;
  }

  .image-10072 {
    flex: none;
    margin-right: 15px;
  }

  .testimonial-name-white {
    color: #fff;
    border-bottom-color: #603eff;
    flex: none;
    display: inline;
  }

  .columns-web {
    justify-content: center;
  }

  .side-block-web {
    padding-left: 40px;
    padding-right: 0;
    display: flex;
  }

  .div-block-web {
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: 0%;
  }

  .wrapper-web.left {
    width: 90%;
    margin-left: 0;
    margin-right: auto;
  }

  .large-testimonial-2, .large-testimonial-2.white {
    font-weight: 300;
  }

  .navigation-wrap-2-web {
    background-color: #fff;
  }

  .navigation-container-2-web {
    max-width: none;
  }

  .nav-title-6 {
    margin-bottom: 0;
  }

  .navigation-wrap-web-2 {
    background-color: #0000;
  }

  .image-footer-web {
    z-index: 1;
  }

  .section-portfolio-website-makeup-1, .section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1, .section-portfolio-website-agency-1, .section-portfolio-website-practiklife-1, .section-portfolio-website-beautyart-1, .section-portfolio-website-rpkvariant-1, .section-portfolio-website-beauty-1, .section-portfolio-website-barber-1, .section-portfolio-website-mats-1, .section-portfolio-website-abraam-1, .section-portfolio-website-saber-1, .section-portfolio-website-wellness-1, .section-portfolio-website-gate-1, .section-portfolio-website-vodoeconom-1, .section-portfolio-website-consulting-1, .section-portfolio-website-trotuar-1, .section-portfolio-website-dentist-1, .section-portfolio-website-podkova-tire-1, .section-portfolio-website-podkova-oil-1, .section-portfolio-website-radiators, .section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1, .section-portfolio-website-car-service_1, .section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
    padding: 180px 36px;
  }

  .quote_form-7 {
    display: none;
  }

  .project_circle_wrap-5 {
    height: auto;
  }

  .project_quote-home_11-1 {
    z-index: auto;
  }

  .rocket_link-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brand-16 {
    z-index: 1;
  }

  .image-10064 {
    z-index: 1;
    width: 36px;
  }

  .div-block-name-2-2-4 {
    z-index: 1;
  }

  .team-wrapper_4 {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .brand-16_9 {
    z-index: 1;
  }

  .image_10_9 {
    z-index: 1;
    width: 36px;
  }

  .div-block-name_9 {
    z-index: 1;
  }
}

@media screen and (min-width: 1920px) {
  .container-1-web-services {
    align-items: flex-start;
    display: block;
  }

  .navigation-link-block-5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-grid-web-3, .navigation-wrap-web-2 {
    background-color: #0000;
  }

  .hero-section-03, .hero-03-image-wrap {
    height: 600px;
  }

  .section-portfolio-website-makeup-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
    padding: 220px 36px;
  }

  .container-portfolio-website-makeup-1 {
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1, .section-portfolio-website-agency-1, .section-portfolio-website-practiklife-1, .section-portfolio-website-beautyart-1, .section-portfolio-website-rpkvariant-1, .section-portfolio-website-beauty-1, .section-portfolio-website-barber-1, .section-portfolio-website-mats-1, .section-portfolio-website-abraam-1, .section-portfolio-website-saber-1, .section-portfolio-website-wellness-1, .section-portfolio-website-gate-1, .section-portfolio-website-vodoeconom-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
    padding: 220px 36px;
  }

  .container-portfolio-website-vodoeconom-1 {
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .section-portfolio-website-consulting-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
    padding: 220px 36px;
  }

  .container-portfolio-website-consulting-1 {
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .section-portfolio-website-trotuar-1, .section-portfolio-website-dentist-1, .section-portfolio-website-podkova-tire-1, .section-portfolio-website-podkova-oil-1, .section-portfolio-website-radiators, .section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1, .section-portfolio-website-car-service_1, .section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
    padding: 220px 36px;
  }

  .quote_form-7 {
    display: none;
  }

  .header-container {
    background-color: var(--transparent);
  }

  .hero-section_1 {
    background-image: linear-gradient(#0009, #0009), url('../images/101.1.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .header-section_1 {
    background-color: var(--transparent);
    background-image: none;
  }

  .brand-16 {
    max-width: 100%;
  }

  .image-10064 {
    width: 36px;
  }

  .div-block-name-2-2-4 {
    width: 100%;
  }

  .nav-name_2-2-2 {
    width: auto;
  }

  .header-section_1-2 {
    background-color: var(--white);
  }

  .team-wrapper_4 {
    padding-top: 140px;
    padding-bottom: 160px;
  }

  .brand-16_9 {
    max-width: 100%;
  }

  .image_10_9 {
    width: 36px;
  }

  .div-block-name_9 {
    width: 100%;
  }

  .nav-name_9 {
    width: auto;
  }
}

@media screen and (max-width: 991px) {
  .nav4-menu-wrap-2 {
    margin-right: 0;
  }

  .nav4-nav-link-2 {
    margin-left: 0;
    margin-right: 0;
    padding: 7px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }

  .nav4-nav-link-2.w--current {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 16px;
  }

  .menu-icon {
    max-width: 100%;
  }

  .navbar4-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav4-promo-link-wrap {
    display: none;
  }

  .nav4-nav-menu-2 {
    z-index: 15;
    border-bottom: 1px solid #ebedee;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .menu-button-14 {
    margin-left: 24px;
  }

  .menu-button-14.w--open {
    background-color: #0000;
  }

  .nav4-promo-link-news {
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .nav4-wrap {
    grid-column-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
  }

  .navbar-web {
    padding-left: 24px;
    padding-right: 24px;
  }

  .side-navigation-home-45 {
    height: 50vh;
    margin-top: -122px;
    margin-left: 40px;
    display: block;
    left: 0;
  }

  .text-top-web-home-29 {
    font-size: 70px;
    line-height: 80px;
  }

  .text-top-web-home-46 {
    max-width: 75%;
    margin-top: 25px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 70px;
    line-height: 70px;
    top: -82px;
  }

  .text-top-web-home-28 {
    z-index: 1;
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-home-44 {
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: -15px;
  }

  .text-top-web-home-37 {
    max-width: 75%;
    margin-top: -15px;
    padding-left: 0;
    font-size: 45px;
    line-height: 50px;
  }

  .text-top-web-home-43 {
    font-size: 40px;
    line-height: 40px;
    position: relative;
    top: 0;
    left: -350px;
  }

  .text-top-web-home-27 {
    z-index: auto;
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .side-navigation-home-web {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .side-navigation-home-13 {
    display: none;
  }

  .hero-section-home-14 {
    opacity: 1;
    text-shadow: 1px 1px 6px #000;
    background-image: linear-gradient(270deg, #fff3, #fff 81%), url('../images/macbook.png');
    background-position: 0 0, 15%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1000px;
    height: 40em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-web {
    width: 25px;
    margin-top: 0;
  }

  .container-1-web-home-4 {
    margin-top: -25px;
    padding-left: 80px;
    top: 50px;
    transform: none;
  }

  .hero-section-home-web {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a, #fff 90%), url('../images/1.jpg');
    background-position: 0 0, 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 40em;
    margin-top: -25px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-bil {
    margin-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-web-home-3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 30px;
    top: 0;
    left: 0;
  }

  .hero1-product-web-home {
    background-color: #fff;
    border-top-style: none;
    border-right-style: none;
    width: auto;
    padding: 0;
    position: static;
  }

  .paragraph-70-web-home-4 {
    padding-left: 0;
  }

  .size3-link-web-home {
    padding-left: 0;
    line-height: 38px;
  }

  .hero1-web-home {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .size1-text-web-home {
    font-size: 30px;
    line-height: 38px;
  }

  .button-large {
    width: 100%;
  }

  .button-large.hero1-button-web-home {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: static;
  }

  .button-large.hero-button-web, .button-large.hero1-button {
    width: auto;
    position: static;
  }

  .section-3-web-home {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero1-content {
    margin-top: 0;
  }

  .paragraph-70.web-home-2 {
    margin-top: 60px;
  }

  .hero1-image-web-home {
    background-position: 50%;
    background-size: 700px;
    min-height: 540px;
    margin-top: 40px;
  }

  .label.white-outline-label-2, .label.white-outline-label-3 {
    margin-left: 0;
  }

  .label.copy {
    margin-left: 0;
    left: -8px;
  }

  .label.white-outline-label-5 {
    margin-left: 0;
  }

  .size-text-web-home-2 {
    padding-left: 0;
  }

  .image-wrap-web-home {
    left: 0;
  }

  .paragraph-web-home {
    color: var(--black-3);
    margin-bottom: 0;
  }

  .section-2-web-home {
    background-image: linear-gradient(to bottom, var(--white) 25%, #ffffff30 81%), linear-gradient(to bottom, #fff0, white 70%), url('../images/slider_02.jpg');
    background-position: 0 0, 0 0, 30% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 60px 24px 40px;
  }

  .content-image-web-home {
    width: 100%;
    height: 40em;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
  }

  .deco-dot {
    margin-right: 20px;
  }

  .size1-text.web-home-3, .size1-text.size1-full-clear, .size1-text.text-web-home-services {
    font-size: 30px;
    line-height: 38px;
  }

  .size1-text.business-card-site, .size1-text.landing-page, .size1-text.corporate-website, .size1-text.online-store, .size1-text.business-card-site-2, .size1-text.business-card-site-2 {
    font-size: 36px;
    line-height: 40px;
  }

  .content-grid-web-home {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .column-11 {
    display: none;
  }

  .columns-1 {
    max-width: none;
    margin-top: 0;
  }

  .heading-web-home-4 {
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 30px;
    line-height: 38px;
    display: block;
    position: relative;
    inset: 0% auto 0% 0%;
  }

  .column-10 {
    justify-content: space-between;
    display: flex;
  }

  .section-mail-contact {
    background-image: linear-gradient(#fff3 84%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 20px 60px 24px;
  }

  .cta-text {
    padding-left: 0;
  }

  .checkbox-label {
    line-height: 16px;
  }

  .linea-2 {
    width: 7%;
    height: 1px;
    inset: 58% auto auto 4%;
  }

  .form-contacts-home {
    padding-left: 0;
    padding-right: 0;
  }

  .container-mail-contact {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .linea-3 {
    width: 7%;
    inset: 50% auto auto 3%;
  }

  .desc-wrapp {
    margin-top: 20px;
  }

  .desc-wrapp.one {
    width: 75%;
  }

  .desc-wrapp.one.web-home-4 {
    justify-content: flex-start;
    width: auto;
    max-width: none;
    height: 40px;
    margin-top: 40px;
    display: block;
    left: auto;
  }

  .desc-wrapp.one._404 {
    width: 600px;
    height: 40px;
    margin-top: 40px;
    left: -5%;
  }

  .left-block-contacts-home {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    display: block;
  }

  .section-tittle.cta {
    padding-left: 0;
    line-height: 38px;
  }

  .form-block-contacts-home {
    width: 100%;
  }

  .section-4-web-home {
    margin-top: 140px;
    margin-bottom: 140px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog4-small-grid {
    margin-top: 40px;
  }

  .text-label-advantages {
    font-size: 16px;
    font-weight: 400;
  }

  .blog4-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .text-label-advantages-2 {
    color: var(--black-3);
    font-weight: 300;
  }

  .blog4-featured-post {
    min-height: 480px;
    margin-top: 40px;
  }

  .content-image-site-2 {
    background-size: 400px;
  }

  .content9-image-grid {
    margin-top: 36px;
  }

  .content-image-context {
    background-position: 50%;
    background-size: 180px;
    height: 100%;
  }

  .content9-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .section-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-copy {
    background-position: 50%;
    background-size: 400px;
  }

  .content-image-copy:hover {
    height: auto;
  }

  .content-grey-section-social {
    background-size: 200px;
  }

  .button-small.form-centered-button {
    justify-content: flex-end;
    padding-left: 50px;
    padding-right: 50px;
  }

  .content18-content-wrap {
    margin-top: 0;
  }

  .content-image-2 {
    background-position: 50%;
    background-size: 400px;
    height: 100%;
  }

  .content9-image-grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 36px;
    display: grid;
  }

  .content-image-context-2, .content-image-context-2:hover {
    background-image: url('../images/Яндекс-Директ.svg');
    background-position: 50%;
    background-size: 300px;
  }

  .content-image-copy-2, .content-image-copy-2:hover {
    background-image: url('../images/Вакансии-2.jpg');
    background-position: 50%;
    background-size: 400px;
  }

  .content-image-3, .content-image-3:hover {
    background-image: url('../images/1579385032_42-94-2.jpg');
    background-position: 70%;
    background-size: 600px;
  }

  .footer-2-link-web {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-grid-web {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    border-top-style: none;
    border-bottom: 1px #0000001a;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-4-link-web, .footer-7-link-web {
    margin-left: 10px;
    margin-right: 10px;
  }

  .section-footer-web {
    max-width: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-divider-web-2 {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    display: none;
  }

  .footer-right-column-web {
    flex-direction: column;
  }

  .text-field.right-margin-field {
    width: 80%;
    margin-right: 0;
  }

  .footer-links-wrap-web-2 {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    margin-right: 0;
  }

  .footer-5-link-web {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .footer-form-grid-web-home {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .size3-text.footer-web-home {
    margin-top: 0;
  }

  .text-block-footer-web-home-2 {
    text-align: center;
    font-size: 12px;
  }

  .footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .error-message {
    max-width: 738px;
  }

  .footer-6-link-web {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .footer-links-wrap-web {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
    margin-right: 0;
    padding-bottom: 10px;
  }

  .footer-3-link-web {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .footer-1-link-web {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-form-wrap-web-home {
    justify-content: center;
  }

  .success-message {
    max-width: 738px;
  }

  .footer-divider-web {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    display: none;
  }

  .footer-grid-web-2 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    margin-top: 10px;
    padding-top: 10px;
  }

  .footer-icon-web, .footer-icon-web-3 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .link-block-web-2 {
    width: 25px;
    margin-top: 0;
  }

  .hero-section-services {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a 50%, #fff), url('../images/Home-17.1.jpg');
    background-position: 0 0, 25%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .side-navigation-services {
    display: none;
  }

  .container-1-web-services {
    max-width: 90em;
    margin-top: -25px;
    padding-left: 100px;
    top: 50px;
    left: 0;
    transform: none;
  }

  .link-block-web-services {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-web-services {
    width: 40px;
    height: 200px;
    margin-top: 130px;
    margin-right: 12px;
    display: flex;
  }

  .heading-web-home-5 {
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 24px;
    line-height: 30px;
    top: 0;
    left: 0;
  }

  .image-wrap-web-services-2 {
    box-shadow: 0 3px 20px 3px #0000001a;
  }

  .section-web-services {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-site {
    background-position: 50% 0;
  }

  .content-image-site.content12-image1 {
    background-position: 50% 75%;
    background-size: 750px;
  }

  .paragraph-web-services {
    font-size: 16px;
    line-height: 1.3;
  }

  .div-block-1 {
    flex-direction: column;
    display: flex;
  }

  .content-description-wrap-web-services-3 {
    margin-bottom: 20px;
  }

  .size-text-web-services {
    font-size: 30px;
    line-height: 38px;
  }

  .content-grid-web-services {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .div-block-2 {
    margin-top: 0;
  }

  .content12-image {
    background-position: 50% 0;
  }

  .content12-image.content12-image2 {
    background-position: 50%;
    background-size: 600px;
  }

  .content12-image.content12-image3 {
    background-position: 50%;
    background-size: 360px;
  }

  .content12-image.content12-image4 {
    background-position: 50%;
    background-size: 500px;
  }

  .content-image-5 {
    background-position: 50% 0;
  }

  .content-image-5.content12-image2 {
    background-position: 50%;
    background-size: 260px;
  }

  .content-image-5.content12-image3, .content-image-5.content12-image4 {
    background-position: 50%;
    background-size: 500px;
  }

  .content-image-5.web-design {
    background-position: 50%;
    background-size: 750px;
  }

  .hero-section-website-creation {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a 15%, #fff), url('../images/Home-26.1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-navigation-website-creation {
    display: none;
  }

  .link-block-web-website-creation {
    width: 25px;
    margin-top: 0;
  }

  .container-website-creation {
    max-width: none;
    margin-top: -25px;
    padding-top: 0;
    padding-left: 20px;
    top: 80px;
    transform: none;
  }

  .blog1-headline-wrap {
    max-width: none;
  }

  .blog-grid-website-creation {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-image-wrap-website-creation-2 {
    margin-left: 0;
    margin-right: auto;
  }

  .div-block-169 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog1-button-wrap {
    margin-bottom: 30px;
  }

  .size-text-website-creation {
    font-size: 30px;
    line-height: 38px;
  }

  .section-website-creation {
    margin-top: 20px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-website-creation-2 {
    background-position: 50% 80%;
    background-size: 750px;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-image-website-creation-4 {
    background-position: 50% 15%;
    background-size: 750px;
  }

  .blog-image-website-creation-3 {
    background-position: 50%;
    background-size: 750px;
  }

  .section-website-creation-2 {
    padding-top: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-170 {
    margin-top: 50px;
  }

  .hero-section-contextual-advertising {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a 50%, #fff), linear-gradient(to top, #ffffff4d 54%, #fff 92%), linear-gradient(#ffffff4d, #ffffff4d), url('../images/bauer-studios-desktop-2.jpg');
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-navigation-contextual-advertising {
    display: none;
  }

  .link-block-web-contextual-advertising {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-web-contextual-advertising {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .container-contextual-advertising {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 100px;
    transform: none;
  }

  .text-top-web-contextual-advertising {
    padding-left: 0;
    font-size: 90px;
    line-height: 100px;
    top: 0;
    left: 0;
  }

  .text-top-web-contextual-advertising-2 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -30px;
    left: 90px;
  }

  .text-top-web-contextual-advertising-3 {
    z-index: auto;
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-web-contextual-advertising-4 {
    text-shadow: 0 10px 10px #0000001a;
    max-width: 75%;
    padding-top: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
  }

  .blog-image-contextual-advertising {
    background-size: 400px;
  }

  .paragraph-contextual-advertising {
    color: var(--black-3);
    font-weight: 400;
  }

  .blog-image-contextual-advertising-2 {
    background-size: 160px;
  }

  .section-contextual-advertising {
    margin-top: 20px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-grid-contextual-advertising {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .section-mail-contact-web {
    background-image: linear-gradient(#ffffffb3, #ffffffb3), linear-gradient(#fff3 84%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 1200px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 20px 24px;
  }

  .container-mail-contact-web {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .left-block-contacts-web {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .heading-44 {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .checkbox-label-2 {
    line-height: 16px;
  }

  .form-wrapper-abraam {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .m-radio-2.whatsapp {
    width: 30%;
  }

  .m-radio-2.email {
    width: 50%;
  }

  .form-wrapper-web {
    float: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .heading-web {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .text-top-web-home-30 {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-home-31, .text-top-web-home-32 {
    max-width: 75%;
    padding-top: 0;
    padding-left: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .hero-section-copywriting {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 63%, #fffffffc 96%), linear-gradient(#ffffff1a 78%, #fff 96%), url('../images/desk_coffee-3.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-navigation-copywriting {
    display: none;
  }

  .container-copywriting {
    max-width: 90em;
    margin-top: -25px;
    padding-left: 20px;
    display: block;
    top: 100px;
    transform: none;
  }

  .text-top-web-copywriting {
    z-index: auto;
    padding-left: 0;
    font-size: 80px;
    line-height: 80px;
    position: relative;
    top: 0;
    left: 0;
  }

  .text-top-web-copywriting-2 {
    z-index: auto;
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .link-block-copywriting {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-copywriting-2 {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .paragraph-copywriting-4 {
    font-size: 16px;
  }

  .size-text-copywriting {
    font-size: 30px;
    line-height: 38px;
  }

  .product6-grey-deco {
    display: none;
  }

  .product-content-wrap-copywriting {
    padding: 0;
  }

  .section-copywriting {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-grid-copywriting {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .product-description-wrap-copywriting {
    margin-top: 40px;
  }

  .product-image-business-card-site {
    background-size: 600px;
    min-height: 460px;
  }

  .blog1-button-wrap-copy, .button-wrap-copywriting {
    margin-bottom: 30px;
  }

  .hero-section-targeted-advertising {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 50%, #fff 95%), linear-gradient(#ffffff1a 25%, #fff), url('../images/Home-14.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-targeted-advertising {
    margin-top: -25px;
    padding-left: 20px;
    top: 104px;
    transform: none;
  }

  .text-top-web-targeted-advertising {
    max-width: 75%;
    padding-top: 0;
    font-size: 60px;
    line-height: 70px;
    top: 0;
  }

  .text-top-web-targeted-advertising-2 {
    max-width: 70%;
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 150px;
  }

  .text-top-web-targeted-advertising-3 {
    max-width: none;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .link-block-web-targeted-advertising {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-targeted-advertising {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .blog-grid-targeted-advertising {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-targeted-advertising {
    margin-top: 60px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-targeted-advertising-2 {
    background-size: 350px;
  }

  .blog-image-targeted-advertising {
    background-size: 160px;
  }

  .blog-image-targeted-advertising-3 {
    background-size: 400px;
  }

  .section-targeted-advertising-2 {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .label-my.white-outline-label-2, .label-my.white-outline-label-3, .label-my.copy, .label-my.white-outline-label-5 {
    margin-left: 0;
  }

  .hero-section-business-card-site {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 78%, #fff), linear-gradient(#ffffff1a 40%, #fff), url('../images/Home-25.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-business-card-site {
    margin-top: -25px;
    padding-left: 20px;
    top: 106px;
    transform: none;
  }

  .text-top-business-card-site {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-business-card-site-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-business-card-site-3 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -30px;
    left: 90px;
  }

  .text-top-business-card-site-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .link-block-business-card-site {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-business-card-site {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .section-business-card-site {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 40%, #fff), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 24px 40px;
  }

  .paragraph-business-card-site {
    font-size: 16px;
    line-height: 1.3;
  }

  .size1-text-business-card-site {
    font-size: 30px;
    line-height: 38px;
  }

  .product-image-business-card-site-2 {
    background-size: 600px;
    min-height: 460px;
  }

  .product-content-wrap-business-card-site {
    padding: 0;
  }

  .product-grid-business-card-site {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .product-description-wrap-business-card-site {
    margin-top: 40px;
  }

  .button-wrap-business-card-site {
    margin-bottom: 30px;
  }

  .hero-section-landing-page {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a 42%, #fff 87%), linear-gradient(to top, #ffffff4d 42%, #fff 92%), url('../images/Home-13.1.jpg');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-landing-page {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 109px;
    transform: none;
  }

  .text-top-landing-page {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-landing-page-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-landing-page-3 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 120px;
  }

  .text-top-landing-page-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .link-block-landing-page {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-landing-page {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .product-grid-landing-page {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .product-image-landing-page {
    background-size: 750px;
    min-height: 460px;
  }

  .section-landing-page {
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-description-wrap-business-card-site-2 {
    margin-top: 40px;
  }

  .product-content-wrap-landing-page {
    padding: 0;
  }

  .button-wrap-landing-page {
    margin-bottom: 30px;
  }

  .hero-section-corporate-website {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3 10%, #fff 64%), linear-gradient(#ffffff1a 50%, #fff 91%), url('../images/Home-15.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-corporate-website {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .text-top-corporate-website {
    max-width: 75%;
    padding-top: 0;
    font-size: 60px;
    line-height: 70px;
    top: 10px;
  }

  .text-top-corporate-website-2 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: 5px;
    left: 320px;
  }

  .text-top-corporate-website-3 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .link-block-web-corporate-website {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-web-corporate-website {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .product-description-wrap-corporate-website {
    margin-top: 40px;
  }

  .section-corporate-website {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-content-wrap-corporate-website {
    padding: 0;
  }

  .product-image-corporate-website {
    background-position: 50%;
    background-size: cover;
    min-height: 460px;
  }

  .product-grid-corporate-website {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .button-wrap-corporate-website {
    margin-bottom: 30px;
  }

  .hero-section-online-store {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3, #fff 88%), linear-gradient(#ffffff1a 69%, #fff 99%), url('../images/Home-18.jpg');
    background-position: 0 0, 0 0, 75%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: -25px;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-online-store {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-online-store-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-online-store3 {
    padding-left: 0;
    font-size: 90px;
    line-height: 100px;
    top: 0;
    left: 0;
  }

  .text-top-online-store-3 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 90px;
  }

  .text-top-online-store-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-online-store {
    margin-top: 0;
    padding-left: 20px;
    top: 106px;
    transform: none;
  }

  .link-block-online-store {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-online-store {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .product-image-online-store {
    background-size: 750px;
    min-height: 460px;
  }

  .product-grid-online-store {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .product-content-wrap-online-store {
    padding: 0;
  }

  .section-online-store {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-wrap-online-store {
    margin-bottom: 30px;
  }

  .hero-section-yandex {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3 20%, #fff 84%), linear-gradient(#fff3 40%, #fff 96%), url('../images/Home-16.2.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-yandex {
    max-width: 80%;
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-yandex-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-yandex-3 {
    max-width: 80%;
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: 0;
    left: 90px;
  }

  .text-top-yandex-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-yandex {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .link-block-yandex {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-yandex {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .paragraph-yandex-4 {
    margin-top: 0;
  }

  .content-grid-yandex {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .section-yandex-3 {
    margin-top: 100px;
    margin-bottom: 60px;
    padding: 20px 24px;
  }

  .content-image-yandex {
    background-position: 50%;
    width: 80%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .content-quote-yandex {
    width: auto;
    font-size: 30px;
    line-height: 38px;
    position: static;
  }

  .paragraph-yandex-5 {
    font-weight: 400;
  }

  .button-wrap-yandex {
    margin-bottom: 30px;
  }

  .hero-section-google {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 66%, #fff 92%), linear-gradient(#ffffff1a 23%, #fff 95%), url('../images/Home-19.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-google {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-google-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-google-3 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 140px;
  }

  .text-top-google-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
    left: 0;
  }

  .container-google {
    margin-top: -25px;
    padding-left: 20px;
    top: 110px;
    transform: none;
  }

  .link-block-google {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-google {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .content-image-google {
    background-position: 50%;
    width: 80%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .content-grid-google {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-google {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 20px 24px 0;
  }

  .content-quote-google {
    width: auto;
    font-size: 30px;
    line-height: 38px;
    position: static;
  }

  .button-wrap-google {
    margin-bottom: 30px;
  }

  .hero-section-web-design {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3 88%, #fff), linear-gradient(#ffffff1a, #fff 88%), url('../images/Home-24.jpg');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-design {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-design-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-web-design-3 {
    padding-left: 0;
    font-size: 90px;
    line-height: 100px;
    top: 0;
    left: 0;
  }

  .text-top-web-design-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 100px;
    line-height: 100px;
    top: -30px;
    left: 60px;
  }

  .container-web-design {
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .link-block-web-design {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-web-design {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .section-web-design {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-grid-web-design {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .product-description-wrap-web-design {
    margin-top: 40px;
  }

  .size-text-web-design {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
  }

  .paragraph-web-design {
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-web-design-2 {
    font-size: 14px;
    line-height: 1.3;
  }

  .button-wrap-web-design {
    margin-bottom: 30px;
  }

  .product-content-wrap-web-design {
    padding: 0;
  }

  .product-image-web-design {
    background-size: 900px;
    min-height: 460px;
  }

  .hero-section-vk {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 30%, #fff 89%), linear-gradient(#ffffff4d 60%, #fff 97%), url('../images/Home-23.1.jpg');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-vk {
    padding-left: 0;
    font-size: 80px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-vk-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-vk {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 106px;
    transform: none;
  }

  .link-block-vk {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-vk {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .content-grid-vk {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .paragraph-vk-2 {
    margin-top: 20px;
    font-weight: 400;
  }

  .content-image-vk {
    background-position: 50%;
    width: 80%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .content-quote-vk {
    width: auto;
    position: static;
  }

  .section-vk {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 20px 24px 0;
  }

  .button-wrap-vk {
    margin-bottom: 30px;
  }

  .hero-section-facebook {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a, #fff 80%), url('../images/Home-20.1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-facebook {
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-facebook-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .text-top-facebook-3 {
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 65px;
  }

  .text-top-facebook-4 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-facebook {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 103px;
    transform: none;
  }

  .link-block-facebook {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-facebook {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .content-grid-instagram {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .paragraph-instagram {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-image-instagram {
    background-position: 50%;
    width: 80%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .section-instagram {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 20px 24px;
  }

  .paragraph-instagram-4 {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-quote-instagram {
    width: auto;
    position: static;
  }

  .paragraph-instagram-3 {
    color: var(--black-2);
    font-weight: 400;
  }

  .button-wrap-facebook {
    margin-bottom: 30px;
  }

  .hero-section-mytarget {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 92%), linear-gradient(#ffffff1a 75%, #fff 95%), url('../images/Home-21.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-mytarget {
    padding-left: 0;
    font-size: 80px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-mytarget-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-mytarget {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .link-block-mytarget {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-mytarget {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .section-ok {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-ok {
    background-position: 50%;
    background-size: 400px;
    width: 80%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .paragraph-ok-3 {
    font-weight: 400;
  }

  .content-quote-ok {
    width: auto;
    position: static;
  }

  .paragraph-ok {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-grid-ok {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .content-item-wrap-ok {
    margin-top: 20px;
  }

  .button-wrap-mytarget {
    margin-bottom: 30px;
  }

  .hero-section-portfolio {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 35%, #fff 88%), linear-gradient(#ffffff1a 41%, #fff 97%), url('../images/Home-22.1.jpg');
    background-position: 0 0, 0 0, 50% 90%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-portfolio {
    padding-left: 0;
    font-size: 80px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-portfolio-2 {
    z-index: auto;
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-portfolio {
    z-index: auto;
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .link-block-portfolio {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-portfolio {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .blog-image-portfolio-2 {
    background-position: 50% 0;
    background-size: 750px;
  }

  .blog-grid-portfolio {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .size-text-portfolio {
    font-size: 30px;
    line-height: 38px;
  }

  .div-block-171 {
    margin-top: 40px;
  }

  .blog-image-web-design {
    background-position: 50% 0;
    background-size: cover;
  }

  .blog-headline-wrap-portfolio {
    max-width: none;
  }

  .section-portfolio-10 {
    margin-top: 60px;
    padding: 40px 24px;
  }

  .blog-image-portfolio-3 {
    background-position: 50% 0;
    background-size: 750px;
  }

  .div-block-172 {
    margin-top: 40px;
  }

  .blog-image-portfolio {
    background-position: 50% 0;
    background-size: cover;
  }

  .section-portfolio {
    margin-top: 100px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-portfolio-15 {
    background-position: 50% 0;
    background-size: 750px;
  }

  .blog-image-portfolio-14 {
    background-size: 750px;
  }

  .blog-image-portfolio-9 {
    background-position: 100% 0;
    background-size: 750px;
  }

  .section-portfolio-5 {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-166 {
    margin-top: 40px;
  }

  .blog-image-portfolio-12, .blog-image-portfolio-16 {
    background-size: 750px;
  }

  .blog-image-portfolio-4, .blog-image-portfolio-13 {
    background-position: 50% 0;
    background-size: 750px;
  }

  .blog-image-portfolio-8 {
    background-size: 750px;
  }

  .section-portfolio-3 {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-portfolio-4 {
    padding: 20px 24px 40px;
  }

  .section-portfolio-11 {
    padding-top: 10px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-portfolio-5 {
    background-size: 750px;
  }

  .blog-image-portfolio-6 {
    background-position: 0 0;
    background-size: 750px;
  }

  .section-portfolio-2 {
    padding-top: 10px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-portfolio-17 {
    background-size: 750px;
  }

  .blog-image-portfolio-18 {
    background-position: 0 0;
    background-size: 750px;
  }

  .section-portfolio-1 {
    padding-top: 10px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-section-contacts {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 70%, #fff), linear-gradient(#ffffff4d 40%, #fff 91%), url('../images/phone-close-up-scaled.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-contacts {
    padding-left: 0;
    font-size: 80px;
    line-height: 80px;
    top: 0;
    left: 0;
  }

  .text-top-web-contacts-2 {
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .container-contacts {
    max-width: none;
    margin-top: -25px;
    padding-left: 20px;
    top: 105px;
    transform: none;
  }

  .link-block-contacts {
    width: 25px;
    margin-top: 0;
  }

  .side-navigation-contacts {
    width: 40px;
    height: 50vh;
    margin-top: 40px;
    margin-right: 15px;
    display: flex;
  }

  .content-contacts-grid-web {
    grid-column-gap: 24px;
    width: 100%;
    max-width: 738px;
    margin-bottom: 30px;
    top: 0;
  }

  .size-text-contact-web-2.contact-web {
    width: 200px;
    top: -20px;
  }

  .content-content-contacts {
    margin-bottom: 20px;
  }

  .size-text-footer-variant-1.contact-web {
    width: 200px;
    top: -20px;
  }

  .section-contacts {
    margin-top: 60px;
    margin-bottom: 100px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-grid-contacts {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .content-content-wrap-contacts {
    padding-left: 0;
  }

  .size-text-2-contacts {
    font-size: 30px;
    line-height: 38px;
  }

  .size-text-web-contacts.contact-web, .size-text-web-contacts.contacts-web, .size-text-web-contacts-2.contact-web {
    width: 200px;
    top: -20px;
  }

  .line_01 {
    width: 50%;
    margin-left: 25%;
  }

  .block_wrap {
    width: 50%;
  }

  .process-wrap {
    max-width: none;
  }

  .line_02 {
    width: 50%;
    margin-left: 25%;
  }

  .section-website-creation-3 {
    background-position: 15%;
    margin-bottom: 100px;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .blog1-headline-wrap-website-creation, .headline-wrap-website-creation {
    max-width: none;
  }

  .block_wrap-copy {
    width: 50%;
  }

  .section-4-web-advantages {
    background-color: #0000;
    background-image: linear-gradient(#ffffffb3, #ffffffb3), linear-gradient(#fff 6%, #ffffff1a 18%), linear-gradient(#ffffff1a 79%, #fff), url('../images/slider-1.2.jpg');
    background-position: 0 0, 0 0, 0 0, 60%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .small-grid-advantages {
    margin-top: 40px;
  }

  .featured-post-advantages {
    min-height: 480px;
    margin-top: 40px;
  }

  .paragraph-web-home-2 {
    color: var(--black-3);
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-70-2.web-home-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph-70-2.web-home-2 {
    margin-top: 60px;
  }

  .section-copywriting-2 {
    margin-top: 20px;
    margin-bottom: 60px;
    padding: 40px 24px 60px;
  }

  .product-grid-copywriting-2 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .product-description-wrap-copywriting-2 {
    margin-top: 20px;
  }

  .product-content-wrap-copywriting-2 {
    padding: 0;
  }

  .paragraph-yandex-6 {
    margin-top: 0;
  }

  .paragraph-yandex-7 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .paragraph-yandex-8, .paragraph-yandex-9, .paragraph-yandex-4-copy, .paragraph-yandex-12, .paragraph-yandex-13 {
    margin-top: 0;
  }

  .paragraph-copywriting-3 {
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-business-card-site-2 {
    color: var(--black-3);
  }

  .paragraph-google {
    margin-top: 0;
  }

  .paragraph-google-2 {
    width: 100%;
    font-weight: 400;
  }

  .paragraph-yandex-14 {
    margin-top: 20px;
  }

  .paragraph-google-3, .paragraph-google-5, .paragraph-google-6, .paragraph-google-7, .paragraph-google-8, .paragraph-google-9, .paragraph-vk-1 {
    margin-top: 0;
  }

  .paragraph-vk-5 {
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-vk-6, .paragraph-vk-7, .paragraph-vk-8, .paragraph-instagram-6 {
    margin-top: 0;
  }

  .paragraph-google-12, .paragraph-70-home.web-home-4 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-70-home.web-home-2 {
    margin-top: 60px;
  }

  .paragraph-ok-2 {
    color: var(--black-3);
  }

  .paragraph-contacts-4 {
    margin-bottom: 20px;
  }

  .image-wrap-web-home-2 {
    left: 0;
  }

  .paragraph-web-home-3 {
    margin-bottom: 0;
  }

  .section-2-web-home-2 {
    margin-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-business-card-site-2 {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-business-card-site {
    width: 100%;
    height: 40em;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-business-card-site {
    left: 0;
  }

  .content-grid-business-card-site {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .paragraph-business-card-site-1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .content-item-wrap-business-card-site {
    margin-bottom: 10px;
  }

  .image-business-card-site-2, .image-business-card-site-3, .image-business-card-site-4, .image-business-card-site-5, .image-business-card-site-6, .image-business-card-site-7, .image-business-card-site-8, .image-business-card-site-9 {
    margin-top: 0;
    margin-right: 20px;
  }

  .section-landing-page-2 {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-landing-page {
    background-position: 50%;
    width: 100%;
    height: 30em;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-landing-page-2 {
    left: 0;
  }

  .content-grid-landing-page {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-corporate-website-2 {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-corporate-website {
    width: 100%;
    height: 40em;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-corporate-website-2 {
    left: 0;
  }

  .content-grid-corporate-website {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-online-store-2 {
    margin-top: 140px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-online-store {
    width: 100%;
    height: 30em;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-online-store-2 {
    left: 0;
  }

  .content-grid-online-store {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-business-card-site-3 {
    margin-top: 0;
    margin-bottom: 100px;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-image-business-card-site-2 {
    background-repeat: no-repeat;
    width: 100%;
    height: 40em;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-business-card-site-copy {
    left: 0;
  }

  .content-grid-business-card-site-2 {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .content-headline-wrap-business-card-site-2 {
    margin-bottom: 0;
  }

  .image-business-card-site-10, .image-business-card-site-11, .image-business-card-site-12, .image-business-card-site-13, .image-business-card-site-14 {
    margin-top: 0;
    margin-right: 20px;
    display: none;
  }

  .faq-question-bar-barber {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-20 {
    margin-top: 0;
  }

  .image-services-barber {
    height: 480px;
  }

  .text-block-barber-7 {
    top: 73px;
  }

  .content-wrap-barber {
    margin-bottom: 20px;
  }

  .faq-paragraph-3 {
    padding-left: 0;
    font-size: 14px;
  }

  .content-sticky-wrap-services-barber {
    position: relative;
    top: 0;
    bottom: 0;
  }

  .div-block-the-barber {
    background-image: url('../images/The-BARBER-40.png');
    background-size: 700px;
  }

  .section-3-services-barber {
    margin-top: 100px;
  }

  .button-small-2-barber {
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .question-title-barber {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-section-barber {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content-grid-services-barber {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-web-design-2 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/Home-27.1.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 100px;
    margin-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-grid-web-design {
    grid-column-gap: 24px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .faq-question-bar-web-design {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .content-section-web-design {
    padding: 20px 0%;
  }

  .content-wrap-web-design {
    margin-bottom: 20px;
  }

  .faq-question-bar-web-design-2 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .faq-question-bar-web-design-3, .faq-question-bar-web-design-4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .web-design-01 {
    font-size: 80px;
  }

  .hero-web {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .hero-product-name-web {
    background-color: #fff;
    border-top-style: none;
    border-right-style: none;
    width: auto;
    padding: 0;
    position: static;
  }

  .section-web {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-image-web {
    background-position: 50%;
    min-height: 600px;
    margin-top: 20px;
  }

  .hero-content-web {
    margin-top: 0;
  }

  .section-business-card-site-4 {
    margin-top: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-content-business-card-site-2 {
    margin-top: 20px;
    padding-right: 0;
  }

  .size-text-business-card-site-2 {
    color: var(--black-2);
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
  }

  .size-text.web-home-3, .size-text.size1-full-clear {
    font-size: 36px;
    line-height: 40px;
  }

  .size-text.business-card-site {
    font-size: 30px;
    line-height: 38px;
  }

  .size-text.landing-page, .size-text.corporate-website, .size-text.online-store {
    font-size: 36px;
    line-height: 40px;
  }

  .size-text.business-card-site-2 {
    font-size: 30px;
    line-height: 38px;
  }

  .paragraph-70-business-card-site.web {
    opacity: .8;
  }

  .button-large-business-card-site {
    width: 100%;
  }

  .button-large-business-card-site.hero1-button-web-home, .button-large-business-card-site.hero-button-web {
    width: auto;
    position: static;
  }

  .button-large-business-card-site.business-card-site {
    width: 50%;
    font-weight: 300;
    position: static;
  }

  .hero4-image {
    flex: none;
    height: 600px;
  }

  .hero6-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero6 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-with-background-wrap {
    flex-direction: column;
    display: flex;
  }

  .hero-with-background-wrap.hero2-wrap {
    flex-direction: column-reverse;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-with-background-wrap.business-card-site, .hero-with-background-wrap.corporate-website {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-with-background-wrap.online-store {
    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero7-bottom-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero4-content-wrap {
    height: auto;
    padding: 67px 24px;
    position: static;
  }

  .hero2-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
  }

  .hero7-bottom-title {
    padding-top: 47px;
    padding-bottom: 37px;
    padding-right: 0;
  }

  .hero7-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero3-content {
    margin-top: 40px;
  }

  .hero2-background {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
    position: static;
  }

  .hero2-content {
    max-width: 738px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero2-image {
    background-position: 50%;
    height: 600px;
    margin-left: -24px;
    margin-right: -24px;
  }

  .hero2-product-name {
    color: #fff;
  }

  .hero5-grid, .hero4-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .content {
    max-width: 738px;
  }

  .hero7-content {
    padding-top: 47px;
    padding-bottom: 47px;
    padding-right: 0;
  }

  .hero7-product-name {
    color: #fff;
  }

  .section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero2-product {
    color: #fff;
    background-color: #18181d;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px;
  }

  .hero3-image {
    min-height: 640px;
  }

  .hero7-text-jumbo-bigger {
    margin-bottom: 0;
    font-size: 80px;
    line-height: 96px;
  }

  .hero2-latest {
    padding: 26px;
  }

  .component-divider {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero1-content-2 {
    margin-top: 0;
  }

  .hero4-link-wrap {
    margin-top: 40px;
  }

  .hero3 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero7-background {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero1 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero7-product-wrap {
    color: #fff;
    background-color: #18181d;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px;
  }

  .hero2-title {
    padding: 47px 0 67px;
  }

  .hero1-image {
    min-height: 640px;
  }

  .hero1-product-name {
    background-color: #fff;
    border-top-style: none;
    border-right-style: none;
    width: auto;
    padding: 0;
    position: static;
  }

  .hero4-title {
    padding-left: 0;
    padding-right: 0;
  }

  .elements-grid-business-card-site {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-title-business-card-site {
    padding: 47px 0 67px;
  }

  .hero-content-business-card-site {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-grid-business-card-site {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: auto;
    display: block;
    position: static;
  }

  .hero-image-business-card-site {
    background-position: 0%;
    height: 500px;
    margin-left: -24px;
    margin-right: -24px;
  }

  .hero-background-business-card-site {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
    position: static;
  }

  .button-large-business-card-site-2 {
    width: 100%;
  }

  .button-large-business-card-site-2.hero1-button-web-home, .button-large-business-card-site-2.hero-button-web, .button-large-business-card-site-2.hero1-button {
    width: auto;
    position: static;
  }

  .button-large-business-card-site-2.business-card-site {
    margin-top: 0;
    font-weight: 300;
  }

  .hero-content-business-card-site-3 {
    margin-top: 0;
  }

  .hero-latest-business-card-site {
    padding: 40px 26px 26px 40px;
  }

  .size-text-business-card-site-1 {
    font-weight: 300;
  }

  .image-business-card-site-15, .image-business-card-site-16, .image-business-card-site-17, .image-business-card-site-18, .image-business-card-site-19, .image-business-card-site-20, .image-business-card-site-21 {
    margin-top: 0;
    margin-right: 20px;
  }

  .elements-grid-business-card-site-2 {
    margin-top: 100px;
    margin-bottom: 60px;
  }

  .hero-bottom-grid-business-card-site {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .hero-background-business-card-site-2 {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 80%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 50% 75%;
    background-size: auto, auto, auto;
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-bottom-title-business-card-site {
    padding-top: 47px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .hero-product-name-business-card-site {
    color: #fff;
    flex: 1;
  }

  .hero-product-wrap-business-card-site {
    background-color: var(--firebrick);
    color: #fff;
    width: 600px;
    margin-left: -24px;
    margin-right: -24px;
    padding: 16px 24px;
  }

  .hero-text-jumbo-business-card-site {
    width: 300px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 10px;
    font-size: 50px;
  }

  .paragraph-business-card-site-11, .paragraph-business-card-site-12, .paragraph-business-card-site-13, .paragraph-business-card-site-14, .paragraph-business-card-site-15 {
    margin-top: 3px;
    margin-bottom: 0;
  }

  .section-landing-page-3 {
    margin-top: 80px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-landing-page-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 80%), linear-gradient(#ffffff1a 15%, #fff), url('../images/43.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 0 24px 40px;
  }

  .paragraph-business-card-site-16 {
    margin-top: 3px;
    margin-bottom: 0;
  }

  .elements-grid-landing-page {
    margin-top: 140px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-description-wrap-landing-page {
    margin-top: 40px;
  }

  .size1-text-landing-page-2 {
    font-size: 30px;
    line-height: 38px;
  }

  .paragraph-landing-page-3 {
    font-size: 16px;
    line-height: 1.3;
  }

  .hero-landing-page {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .hero-image-landing-page {
    background-position: 50%;
    min-height: 640px;
    margin-top: 20px;
  }

  .content-headline-wrap-landing-page-2 {
    margin-bottom: 0;
  }

  .size-text-landing-page {
    margin-top: 10px;
  }

  .hero-content-landing-page {
    margin-top: 0;
  }

  .button-large-landing-page {
    width: 100%;
  }

  .button-large-landing-page.hero1-button-web-home, .button-large-landing-page.hero-button-web, .button-large-landing-page.business-card-site, .button-large-landing-page.landing-page {
    width: auto;
    position: static;
  }

  .paragraph-business-card-site-17 {
    margin-top: 3px;
    margin-bottom: 0;
  }

  .hero-product-name-business-card-site-2 {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
  }

  .hero-product-wrap-business-card-site-2 {
    color: #fff;
    background-color: #ac1313;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px;
  }

  .elements-grid-landing-page-2 {
    margin-top: 100px;
    margin-bottom: 60px;
  }

  .hero-bottom-grid-landing-page {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .hero-background-landing-page {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 80%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 50% 75%;
    background-size: auto, auto, auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-corporate-website-3 {
    margin-top: 80px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-corporate-website {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-corporate-website-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 80%), linear-gradient(#ffffff1a 15%, #fff), url('../images/44.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 0 24px 40px;
  }

  .product-grid-corporate-website-2 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .paragraph-corporate-website-3 {
    font-size: 16px;
    line-height: 1.3;
  }

  .elements-grid-corporate-website {
    margin-top: 140px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-title-corporate-website {
    padding: 47px 0 67px;
  }

  .hero-content-corporate-website {
    max-width: 738px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-grid-corporate-website {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
  }

  .elements-grid-corporate-website-2 {
    margin-top: 100px;
    margin-bottom: 140px;
  }

  .hero-bottom-grid-corporate-website {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero-background-corporate-website {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 80%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 50% 75%;
    background-size: auto, auto, auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-online-store-3 {
    margin-top: 80px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-online-store {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .section-online-store-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 80%), linear-gradient(#ffffff1a 15%, #fff), url('../images/45.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 0 24px 40px;
  }

  .product-grid-online-store-2 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .elements-grid-online-store {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-title-online-store {
    padding: 47px 0 67px;
  }

  .hero-content-online-store {
    max-width: 738px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-grid-online-store {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
  }

  .elements-grid-online-store-2 {
    margin-top: 100px;
    margin-bottom: 140px;
  }

  .hero-bottom-grid-online-store {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .nav4-nav-menu {
    z-index: 15;
    border-bottom: 1px solid #ebedee;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav4-nav-link {
    margin-left: 0;
    margin-right: 0;
    padding: 14px 24px;
    font-size: 30px;
    line-height: 38px;
  }

  .menu-button {
    margin-left: 24px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .nav4-nav-link-3 {
    margin-left: 0;
    margin-right: 0;
    padding: 7px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }

  .nav4-nav-link-3.w--current {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 16px;
  }

  .menu-button-14-copy {
    margin-left: 24px;
  }

  .menu-button-14-copy.w--open {
    background-color: #0000;
  }

  .section-404 {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 40%, #fff), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 24px 40px;
  }

  .product-grid-404 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .product-description-wrap-404 {
    margin-top: 40px;
  }

  .product-content-wrap-404 {
    padding: 0;
  }

  .section-mail-contact-404 {
    background-image: linear-gradient(#fff3 84%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 20px 20px 24px;
  }

  .heading-404 {
    width: 500px;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 36px;
    line-height: 40px;
    top: 0;
    left: 20px;
  }

  .left-block-contacts-404 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    display: block;
  }

  .container-mail-contact-404 {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-wrapper-404 {
    float: left;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, 1fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: 80%;
    max-width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
  }

  .text-top-web-home-2 {
    width: 80%;
    max-width: 100%;
    margin-top: 0;
    margin-left: -50px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-services {
    width: auto;
    max-width: 90%;
    margin-top: -35px;
    margin-left: -50px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-website-creation {
    width: 80%;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
    left: 0;
  }

  .text-top-contextual-advertising {
    width: 80%;
    max-width: 100%;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 18px;
    top: 0;
  }

  .text-top-contextual-advertising-copy {
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-landing-page-5 {
    width: 80%;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-corporate-website-4 {
    width: 80%;
    max-width: 100%;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-online-store-5 {
    width: 80%;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-yandex-5 {
    width: 80%;
    max-width: 100%;
    margin-top: 60px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-google-5, .text-top-web-design-5, .text-top-vk-5, .text-top-facebook-5, .text-top-mytarget {
    width: 80%;
    max-width: 100%;
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-portfolio {
    z-index: auto;
    width: 80%;
    max-width: 100%;
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-contacts {
    width: 80%;
    max-width: 100%;
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .section-portfolio-mobile-app {
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-image-mobile-app, .blog-image-mobile-app-2, .blog-image-mobile-app-3, .blog-image-mobile-app-4 {
    background-position: 50%;
    background-size: 140px;
  }

  .section-portfolio-12 {
    margin-top: 0;
    padding: 40px 24px;
  }

  .button-wrap-2, .button-wrap-1 {
    margin-bottom: 30px;
  }

  .wrap-3 {
    width: 645px;
  }

  .wrap-3.w50-center {
    text-align: center;
    flex-direction: column-reverse;
  }

  .wrap-3._w-custom.hero3 {
    flex-direction: column;
    padding-top: 50px;
  }

  ._7-col {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .feature3-text-wrapper {
    padding-left: 0;
  }

  .feature3-icon {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-16.text-16-60 {
    width: 100%;
  }

  ._5-col {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .feature3-subitem-wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .feature4-image {
    margin: -20px auto;
    display: block;
  }

  .feature4-text-wrap {
    text-align: center;
    margin-bottom: 30px;
    padding-right: 0;
  }

  ._6-col {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  ._6-col._6-col-last {
    width: 100%;
  }

  .feature4-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }

  .hero3-text-wrapper {
    text-align: center;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .hero3-image-2 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .wrap-portfolio-mobile {
    width: 645px;
  }

  .wrap-portfolio-mobile.w50-center {
    text-align: center;
    flex-direction: column-reverse;
  }

  .wrap-portfolio-mobile._w-custom.hero3 {
    flex-direction: column;
    padding-top: 50px;
  }

  .section-portfolio-mobile-app-3 {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 30px 24px;
  }

  .wrap-portfolio-mobile-app {
    width: auto;
    max-width: none;
  }

  .wrap-portfolio-mobile-app.w50-center {
    text-align: center;
    flex-direction: column-reverse;
  }

  .wrap-portfolio-mobile-app._w-custom.hero3 {
    flex-direction: column;
    padding-top: 50px;
  }

  .image-mobile-app {
    flex-direction: row;
    justify-content: space-between;
    width: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    display: flex;
  }

  .image-mobile-app._6-col-last {
    width: 100%;
  }

  .text-mobile-app {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .text-mobile-app._6-col-last {
    width: 100%;
  }

  .text-wrap-mobile-app {
    text-align: center;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .image-mobile {
    margin: -20px auto;
    display: block;
  }

  .text-mobile-app-2.text-16-60 {
    text-align: left;
    width: 100%;
  }

  .paragraph-mobile-app {
    text-align: left;
  }

  .paragraph-mobile-app.web-home-2 {
    margin-top: 60px;
  }

  .section-portfolio-website {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .wrap-portfolio-website {
    width: auto;
    max-width: none;
  }

  .wrap-portfolio-website.w50-center {
    text-align: center;
    flex-direction: column-reverse;
  }

  .wrap-portfolio-website._w-custom.hero3 {
    flex-direction: column;
    padding-top: 50px;
  }

  .feature4-wrapper-website, .wrapper-website {
    flex-direction: column;
    margin-bottom: 0;
  }

  .text-website {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }

  .text-website._6-col-last {
    width: 100%;
  }

  .blog-headline-wrap-portfolio-website {
    max-width: none;
  }

  .size-text-portfolio-website {
    font-size: 30px;
    line-height: 38px;
  }

  .text-wrap-website {
    text-align: center;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .text-website-2.text-16-60 {
    text-align: left;
    width: 100%;
  }

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

  .paragraph-website.web-home-2 {
    margin-top: 60px;
  }

  .image-website {
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    display: flex;
  }

  .image-website._6-col-last {
    width: 100%;
  }

  .image-website-2, .image-website-3, .image-website-4, .image-website-5, .image-website-6, .image-website-7, .image-website-8, .image-website-9, .image-website-10, .image-website-11, .image-website-12, .image-website-13, .image-website-14 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-portfolio-website-1 {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .wrapper-website-1 {
    flex-direction: column;
    margin-bottom: 0;
  }

  .image-website-15 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-portfolio-website-2 {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .wrap-portfolio-website-2 {
    width: auto;
    max-width: none;
  }

  .wrap-portfolio-website-2.w50-center {
    text-align: center;
    flex-direction: column-reverse;
  }

  .wrap-portfolio-website-2._w-custom.hero3 {
    flex-direction: column;
    padding-top: 50px;
  }

  .image-website-16 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-portfolio-website-3 {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .wrapper-website-3 {
    flex-direction: column;
    margin-bottom: 0;
  }

  .image-website-17 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .website {
    width: 25px;
    margin-top: 0;
  }

  .advertising-2, .web_design, .copywriting-2 {
    width: 25px;
    margin-top: 20px;
  }

  .side-navigation-web-services-2 {
    width: 40px;
    height: 200px;
    margin-top: 130px;
    margin-right: 12px;
    display: flex;
  }

  .business_card_website {
    width: 25px;
    margin-top: 0;
  }

  .landing_page, .business_website, .online_store {
    width: 25px;
    margin-top: 20px;
  }

  .targeted_advertising {
    width: 25px;
    margin-top: 0;
  }

  .website_development, .web_design-2, .contextual_advertising-3 {
    width: 25px;
    margin-top: 20px;
  }

  .contextual_advertising-3.w--current {
    margin-top: 20px;
  }

  .website_development-2 {
    width: 25px;
    margin-top: 0;
  }

  .contextual_advertising {
    width: 25px;
    margin-top: 20px;
  }

  .contextual_advertising-2, .business_card_website-2 {
    width: 25px;
    margin-top: 0;
  }

  .business_card_website-2.w--current {
    margin-top: 20px;
  }

  .landing_page-2 {
    width: 25px;
    margin-top: 0;
  }

  .web_design-3 {
    width: 25px;
    margin-top: 20px;
  }

  .web_design-3.w--current {
    margin-top: 20px;
  }

  .card_website {
    width: 25px;
    margin-top: 0;
  }

  .landing_page-3 {
    width: 25px;
    margin-top: 20px;
  }

  .landing_page-3.w--current {
    margin-top: 20px;
  }

  .business_website-2 {
    width: 25px;
    margin-top: 20px;
  }

  .google_ads {
    width: 25px;
    margin-top: 0;
  }

  .website_development-3 {
    width: 25px;
    margin-top: 20px;
  }

  .yandex-direct {
    width: 25px;
    margin-top: 0;
  }

  .targeted_advertising-2 {
    width: 25px;
    margin-top: 20px;
  }

  .facebook {
    width: 25px;
    margin-top: 0;
  }

  .mytarget {
    width: 25px;
    margin-top: 10px;
  }

  .contextual_advertising-4 {
    width: 25px;
    margin-top: 15px;
  }

  .website_development-4 {
    width: 25px;
    margin-top: 20px;
  }

  .website_development-4.w--current {
    margin-top: 20px;
  }

  .vk {
    width: 25px;
    margin-top: 0;
  }

  .facebook-2 {
    width: 25px;
    margin-top: 15px;
  }

  .content-22-image {
    background-position: 50% 0;
  }

  .content-22-image.content12-image2 {
    background-position: 50%;
    background-size: 260px;
  }

  .content-22-image.content12-image3 {
    background-position: 50%;
    background-size: 500px;
  }

  .content-22-image.content12-image4 {
    background-position: 50%;
    background-size: cover;
  }

  .icon-1-3 {
    width: 45px;
    height: 45px;
    margin-top: 15px;
  }

  .icon-1 {
    width: 45px;
    height: 45px;
  }

  .icon_online_store-1-2 {
    width: 30px;
    max-width: none;
    height: 30px;
    margin-top: 0;
    margin-left: 0;
  }

  .icon-1-2 {
    width: 45px;
    height: 45px;
    margin-top: 15px;
  }

  .icon_online_store-1-3, .icon_online_store-1-1 {
    width: 30px;
    max-width: none;
    height: 30px;
    margin-top: 0;
    margin-left: 0;
  }

  .online_store-1 {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 3px;
  }

  .online_store-1-1 {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .side-navigation-web-services-3 {
    width: 40px;
    height: 260px;
    margin-top: 100px;
    margin-right: 12px;
    display: none;
  }

  .icon-1-1 {
    width: 45px;
    height: 45px;
    margin-top: 15px;
  }

  .online_store-1-2 {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .icon_online_store-1 {
    width: 30px;
    max-width: none;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .online_store-1-3 {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3.w--current {
    padding-top: 8px;
  }

  .online_store-vk {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 3px;
  }

  .online_store_f, .online_store-1-1_my {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store_site, .online_store-1_services {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 10px;
  }

  .online_store-1_creation, .online_store-1_contextual, .online_store-1_copywriting {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1_targeted {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 10px;
  }

  .online_store-1_card-site {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3_card-site {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 9px;
    padding-top: 8px;
  }

  .online_store-1-3_card-site.w--current {
    padding-top: 8px;
  }

  .online_store-1_anding-page {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3_anding-page {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 9px;
    padding-top: 7px;
  }

  .online_store-1-3_anding-page.w--current {
    padding-top: 8px;
  }

  .online_store-1_corporate {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3_corporate {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 7px;
  }

  .online_store-1-3_corporate.w--current {
    padding-top: 8px;
  }

  .online_store-1-1_corporate, .online_store-1_online-store, .online_store-1-1_online-store, .online_store-1-3_online-store {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3_online-store.w--current {
    padding-top: 8px;
  }

  .online_store-1_yandex, .online_store-1-1_yandex, .online_store-1-1_google, .online_store-1_google, .online_store-1-1_web-design {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .online_store-1-3_web-design {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
  }

  .online_store-1-3_web-design.w--current {
    padding-top: 8px;
  }

  .online_store-1_web-design, .online_store-1-1_portfolio, .online_store-1-1_contacts, .online_store-1-1_website-creation, .online_store-1-1_copywriting, .online_store-1-1_targeted, .online_store-1-1_services, .online_store-1-1_contextual, .online_store-1-1_card-site {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .icon-1-1_anding-page {
    width: 45px;
    height: 45px;
    margin-top: 15px;
  }

  .online_store-1-1_anding-page {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 8px;
  }

  .side-navigation-web-services-4 {
    width: 35px;
    height: 140px;
    margin-top: 0;
    margin-right: 12px;
    display: none;
    top: 250px;
    left: -16px;
  }

  .icon-1-1-1 {
    width: 35px;
    height: 140px;
  }

  .online_store-1-1-1_services {
    width: 35px;
    height: 140px;
    margin-top: 0;
    margin-left: auto;
    padding-top: 0;
  }

  .text-block-4 {
    padding-top: 15px;
    font-size: 14px;
  }

  .side-navigation-web-services-5 {
    width: 35px;
    height: 140px;
    margin-top: 0;
    margin-right: 12px;
    display: none;
    position: absolute;
    top: 300px;
    bottom: 0;
    left: -16px;
  }

  .text-top-web-home-33 {
    z-index: auto;
    max-width: 75%;
    padding-top: 0;
    font-size: 50px;
    line-height: 55px;
    top: 0;
  }

  .desc-wrapp-home {
    margin-top: 20px;
  }

  .desc-wrapp-home.one {
    width: 75%;
  }

  .desc-wrapp-home.one.web-home-4 {
    justify-content: flex-start;
    width: auto;
    max-width: none;
    height: 40px;
    margin-top: 40px;
    display: block;
    left: auto;
  }

  .desc-wrapp-home.one._404 {
    width: 600px;
    height: 40px;
    margin-top: 40px;
    left: -5%;
  }

  .section-bil-new {
    margin-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text-top-web-home-28-1 {
    z-index: 1;
    padding-left: 0;
    font-size: 100px;
    line-height: 100px;
    top: -15px;
    left: 90px;
  }

  .text-top-services-home {
    width: auto;
    max-width: 90%;
    margin-top: -35px;
    margin-left: -50px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 22px;
    top: 0;
  }

  .text-top-services-home-1-2 {
    width: auto;
    max-width: 75%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 90px;
    font-size: 70px;
    line-height: 80px;
    top: -15px;
  }

  .text-top-services-home-2 {
    width: auto;
    max-width: 90%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 18px;
    top: 0;
  }

  .text-top-web-home-31-1 {
    max-width: 50%;
    margin-top: -26px;
    margin-left: 155px;
    padding-top: 0;
    padding-left: 0;
    font-size: 30px;
    line-height: 35px;
    top: 0;
  }

  .text-block-5 {
    padding-top: 15px;
    font-size: 14px;
  }

  .text-top-services-home-1-3 {
    width: auto;
    max-width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: -15px;
    left: -40px;
  }

  .text-top-services-home-1 {
    width: auto;
    max-width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 70px;
    line-height: 80px;
    top: 0;
    left: 15px;
  }

  .text-top-web-home-31-2 {
    width: auto;
    max-width: 50%;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 40px;
    line-height: 35px;
    position: absolute;
    top: 155px;
    left: 340px;
  }

  .text-top-services-home-1-4 {
    width: auto;
    max-width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 70px;
    line-height: 70px;
    top: -40px;
    left: 40px;
  }

  .section-portfolio-website-4 {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .section-portfolio-website-5 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 24px 0;
  }

  .image-website-18 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-portfolio-website-6 {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 24px;
  }

  .image-website-19 {
    width: auto;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-portfolio-website-7, .section-portfolio-website-10, .section-portfolio-website-10-copy, .section-portfolio-website-agency, .section-portfolio-website-cleaning, .section-portfolio-website-real, .section-portfolio-website-promsila, .section-portfolio-website-practiklife, .section-portfolio-website-beautyart, .section-portfolio-website-rpkvariant, .section-portfolio-website-beauty, .section-portfolio-website-barber, .section-portfolio-website-mats, .section-portfolio-website-abraam, .section-portfolio-website-saber, .section-portfolio-website-wellness, .section-portfolio-website-gate, .section-portfolio-website-gbk, .s-ection-portfolio-website-magic, .s-ection-portfolio-website-sunbaza {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 24px 0;
  }

  .grid-tel-web {
    grid-template-columns: .5fr auto;
    max-width: none;
  }

  .text-block-location-web {
    flex: 0 auto;
    font-size: 12px;
  }

  .m-radio-5.email {
    width: 50%;
  }

  .text-block-144 {
    font-size: 12px;
  }

  .quote_form-6 {
    min-height: 500px;
    margin-top: 0;
    display: none;
  }

  .image-call-web {
    width: 16px;
    margin-right: 7px;
  }

  .project_quote-call-web {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .link-block-tel-1-web {
    height: 20px;
    font-size: 10px;
  }

  .section-tel-web {
    padding: 20px 24px;
  }

  .image-location-web {
    width: 16px;
    margin-right: 5px;
  }

  .div-block-call-web {
    font-size: 10px;
    line-height: 1;
  }

  .heading-web-2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .text-block-tel-web {
    font-size: 14px;
  }

  .checkbox-label-5 {
    text-align: left;
    line-height: 16px;
  }

  .input-4 {
    padding-left: 20px;
  }

  .div-block-location-2-web {
    font-size: 10px;
    line-height: 1;
  }

  .link-block-location-2-web {
    height: 20px;
    display: none;
  }

  .link-block-20 {
    z-index: 10;
    width: 30px;
    height: 30px;
    top: 6px;
    right: 6px;
  }

  .project_circle_wrap-2 {
    margin-left: 0;
  }

  .div-block-tel-outstaffing-copy {
    font-size: 10px;
    line-height: 1;
  }

  .image-tel-web {
    width: 18px;
    margin-right: 7px;
    font-size: 10px;
  }

  .heading-web-1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .form-wrapper-web-4 {
    float: left;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: flex-start stretch;
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
  }

  .m-radio-lable-5 {
    font-size: 14px;
  }

  .input-web-2 {
    padding-left: 20px;
  }

  .m-radio-lable-6 {
    font-size: 14px;
  }

  .form-label-5 {
    text-align: left;
    font-size: 14px;
  }

  .div-block-name-2-web {
    z-index: 1;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 5px;
    top: 5px;
  }

  .icon-11 {
    color: #333;
  }

  .menu-mob {
    color: #fff;
    background-color: #0000;
    border-radius: 10px;
    padding: 0;
    font-size: 22px;
  }

  .menu-mob:hover {
    opacity: .6;
    border-radius: 0;
  }

  .menu-mob.w--open {
    opacity: .5;
    background-color: #0000;
    border-radius: 0;
  }

  .navigation-link-block-mob-5 {
    color: var(--black-3);
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navigation-link-block-mob-5:hover {
    opacity: .6;
    color: #ac1313;
    background-color: #0000;
  }

  .navigation-link-block-mob-5.w--current {
    color: #ff2500;
  }

  .navigation-2-agency {
    display: none;
  }

  .mobile-toggle-4 {
    color: var(--black-3);
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-toggle-4:hover {
    color: #ac1313;
  }

  .navigation-link-block-4 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-content-wrap-3 {
    align-items: flex-start;
    padding-left: 10px;
    line-height: 1;
  }

  .dropdown-list-mob-2 {
    background-color: #fff;
  }

  .dropdown-list-mob-2.w--open {
    box-shadow: none;
    padding-bottom: 0;
  }

  .mobile-nav-link-5 {
    color: var(--black-3);
    text-transform: uppercase;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-nav-link-5:hover {
    color: var(--firebrick);
  }

  .mobile-nav-link-5.w--current {
    color: #ff2500;
  }

  .text-span-27 {
    color: #ac1313;
    font-weight: 400;
  }

  .navigation-full-agency {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-dropdown-3 {
    background-color: #fff;
    width: 100%;
    font-size: 13px;
  }

  .navigation-bottom-bar-2 {
    display: none;
  }

  .navigation-mob-4 {
    z-index: 1;
    border-bottom: 1px #4455671c;
    flex-direction: row;
    justify-content: center;
    padding: 5px 0;
    display: flex;
    top: auto;
  }

  .navigation-left-2-web {
    display: none;
  }

  .brand-13 {
    z-index: 1;
    display: none;
  }

  .div-block-name-web {
    z-index: 1;
    top: 5px;
  }

  .navigation-container-mob-3 {
    z-index: 1;
    justify-content: space-between;
    max-width: none;
    position: relative;
  }

  .nav-title-2 {
    color: var(--black-3);
    margin-bottom: 6px;
    font-size: 15px;
  }

  .image-web {
    width: auto;
    height: 12px;
    top: 6px;
  }

  .text-block-158 {
    color: #393939;
    align-self: auto;
    margin-top: -10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
  }

  .nav-title-5 {
    margin-bottom: 6px;
    font-size: 15px;
  }

  .large-link-3, .nav-menu-web {
    color: #333;
  }

  .brand-1-1-web {
    flex: 0 auto;
  }

  .navigation-link-block-5 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .image-2-web {
    align-self: auto;
    width: auto;
    height: 36px;
    display: block;
  }

  .nav-link-details-3 {
    color: #333;
  }

  .nav-content-wrap-5 {
    align-items: flex-start;
    padding-left: 10px;
    line-height: 1;
  }

  .navigation-wrap-web {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile-nav-2 {
    z-index: 50;
    color: var(--black-3);
    background-color: #fff;
    border-top: 1px solid #0000001a;
    flex: 0 auto;
    padding-top: 15px;
    padding-bottom: 20px;
    top: 58px;
    box-shadow: 0 3px 20px 7px #20355a1a;
  }

  .text-block-154 {
    font-size: 13px;
    display: inline-block;
  }

  .container-contact-web {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-agency-2 {
    width: 90%;
    max-width: none;
    margin-left: 30px;
    padding-left: 20px;
  }

  .section-title-agency {
    text-align: left;
    padding-right: 20px;
  }

  .heading-web-4 {
    width: 70%;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .wrapper-agency.left {
    flex: 0 auto;
    width: auto;
    max-width: none;
    margin-right: 0%;
  }

  .testimonial-block {
    background-color: #0000;
    flex: 1;
    width: auto;
    max-width: 350px;
    height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    position: static;
    left: auto;
  }

  .testimonial-block._450-width {
    max-width: none;
    padding: 0 20px 0 0;
  }

  .large-testimonial {
    font-size: 20px;
  }

  .large-testimonial.white.left {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .heading-web-5 {
    width: 70%;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .side-block-agency-2 {
    height: 450px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 10%;
  }

  .section-6-agency-copy {
    margin-bottom: 60px;
    padding: 40px 24px;
    overflow: hidden;
  }

  .div-block-web-agency {
    max-width: none;
  }

  .checkbox-label-6 {
    line-height: 16px;
  }

  .form-wrapper-web-agency {
    float: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: 140%;
    max-width: none;
    min-height: auto;
    margin: 60px auto 40px -130px;
    display: block;
    position: relative;
  }

  .columns-web {
    align-items: stretch;
    margin-top: 60px;
  }

  .heading-agency {
    font-size: 35px;
  }

  .heading-agency.white {
    font-size: 27px;
    line-height: 1;
  }

  .columns-2-agency.purple-mobile {
    align-items: center;
    display: flex;
  }

  .side-block-web {
    height: 450px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 10%;
  }

  .div-block-web {
    width: 90%;
    max-width: none;
    margin-left: 30px;
    padding-left: 0;
    padding-right: 5px;
  }

  .wrapper-web.left {
    flex: 0 auto;
    width: auto;
    max-width: none;
    margin-right: 0%;
  }

  .large-testimonial-2 {
    font-size: 20px;
  }

  .large-testimonial-2.white.left {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .cta-grid-outstaffing {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .paragraph-cta-2-outstaffing {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }

  .paragraph-cta-outstaffing {
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }

  .bold-text-cta-outstaffing {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
  }

  .section-6-outstaffing.outstaffing-form {
    margin-top: 40px;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .checkbox-label-4 {
    font-size: 10px;
    line-height: 1.4;
  }

  .deco-part-outstaffing {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/wanted-2.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    height: auto;
    padding: 80px 24px;
  }

  .heading-web-3 {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .text-2-outstaffing {
    max-width: none;
    margin-bottom: 12px;
    padding-left: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: .9;
  }

  .m-radio-lable-11 {
    display: block;
  }

  .paragraph-cta-3-outstaffing {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }

  .form-wrapper-outstaffing {
    float: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .deco-part-web {
    height: auto;
    padding: 60px 0 80px;
  }

  .cta-grid-web {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .form-wrapper-2-web {
    float: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: auto;
    max-width: none;
    min-height: auto;
    margin: 60px auto 40px 0;
    display: block;
    position: relative;
  }

  .navigation-wrap-2-web {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-2-web {
    display: none;
  }

  .navigation-full-2-web {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu-2-web {
    color: #333;
  }

  .title-line-footer-outstaffing, .title-line-footer-web {
    margin-top: -10px;
  }

  .mobile-toggle-5 {
    color: #333;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-toggle-5:hover {
    color: #ac1313;
  }

  .navigation-link-block-mob-6 {
    color: #333;
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navigation-link-block-mob-6:hover {
    opacity: .6;
    color: #ac1313;
    background-color: #0000;
  }

  .navigation-link-block-mob-6.w--current {
    color: #ff2500;
  }

  .nav-title-6 {
    color: #333;
    margin-bottom: 6px;
    font-size: 15px;
  }

  .mobile-nav-link-6 {
    color: #333;
    text-transform: uppercase;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-nav-link-6:hover {
    color: #ac1313;
  }

  .mobile-nav-link-6.w--current {
    color: #ff2500;
  }

  .footer-web {
    margin-top: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-form-grid-web-home-2 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-2-web {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-grid-web-3 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    border-top-style: none;
    border-bottom: 1px #0000001a;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .footer-7-link-web-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .navigation-wrap-web-2 {
    max-width: none;
    margin-top: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-container-mob-4 {
    z-index: 1;
    justify-content: space-between;
    max-width: none;
    margin-top: 0;
    position: relative;
  }

  .footer-grid-web-4 {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .text-block-160 {
    color: #fafafa;
    align-self: auto;
    margin-top: -10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
  }

  .text-span-30 {
    color: #fafafa;
    font-weight: 400;
  }

  .text-block-footer-web-home-3 {
    opacity: .7;
    color: #fafafa;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
  }

  .footer-right-column-web-2 {
    flex-direction: column;
  }

  .footer-5-link-web-2, .footer-6-link-web-2 {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .image-footer-web {
    width: auto;
    height: 11px;
    top: 6px;
  }

  .label-my-1.white-outline-label-2, .label-my-1.white-outline-label-3, .label-my-1.copy, .label-my-1.white-outline-label-5 {
    margin-left: 0;
  }

  .button-large-business-card-site-2-1-copy {
    width: 100%;
  }

  .button-large-business-card-site-2-1-copy.hero1-button-web-home, .button-large-business-card-site-2-1-copy.hero-button-web, .button-large-business-card-site-2-1-copy.hero1-button {
    width: auto;
    position: static;
  }

  .button-large-business-card-site-2-1-copy.business-card-site {
    margin-top: 0;
    font-weight: 300;
  }

  .button-large-business-card-site-2-2 {
    width: 100%;
  }

  .button-large-business-card-site-2-2.hero1-button-web-home, .button-large-business-card-site-2-2.hero-button-web, .button-large-business-card-site-2-2.hero1-button {
    width: auto;
    position: static;
  }

  .button-large-business-card-site-2-2.business-card-site, .button-large-business-card-site-2-2.business-card-site-2 {
    margin-top: 0;
    font-weight: 300;
  }

  .mobile-nav-link-1-web {
    color: var(--black-3);
    text-transform: uppercase;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-nav-link-1-web:hover {
    color: var(--firebrick);
  }

  .mobile-nav-link-1-web.w--current {
    color: #ff2500;
  }

  .mobile-nav-link-3-web {
    color: var(--black-3);
    text-transform: uppercase;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-nav-link-3-web:hover {
    color: var(--firebrick);
  }

  .mobile-nav-link-3-web.w--current {
    color: #ff2500;
  }

  .mobile-nav-link-4-web {
    color: var(--black-3);
    text-transform: uppercase;
    background-color: #fff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .mobile-nav-link-4-web:hover {
    color: var(--firebrick);
  }

  .mobile-nav-link-4-web.w--current {
    color: #ff2500;
  }

  .section-portfolio-website-promsila-copy, .section-portfolio-website-vavilon {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 24px 0;
  }

  .inner-hero-content-03 {
    border-left-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section-03 {
    flex-direction: column;
  }

  .hero-03-image-wrap {
    width: 100%;
    height: 540px;
    margin-top: 40px;
    position: static;
  }

  .hero-content-03 {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-portfolio-website-makeup {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero1-web-portfolio-website-makeup {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: none;
  }

  .hero-content-portfolio-website-makeup {
    margin-top: 0;
  }

  .size-text-web-portfolio-website-makeup {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
  }

  .paragraph-1-portfolio-website-makeup.web-home-2 {
    margin-top: 60px;
  }

  .paragraph-1-portfolio-website-makeup.portfolio-website-makeup {
    margin-top: 20px;
  }

  .paragraph-2-portfolio-website-makeup.web-home-4 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-2-portfolio-website-makeup.web-home-2 {
    margin-top: 60px;
  }

  .paragraph-2-portfolio-website-makeup.portfolio-website-makeup-2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.3;
  }

  .button-wrap-portfolio-website-makeup {
    margin-bottom: 30px;
  }

  .image-web-portfolio-website-makeup {
    background-position: 50%;
    background-size: 700px;
    min-height: 540px;
    margin-top: 0;
    display: block;
  }

  .container {
    max-width: none;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split, .hero-split-1 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-portfolio-website-makeup-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .container-portfolio-website-makeup-1 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-wrapper-portfolio-website-makeup-1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-portfolio-website-makeup-1 {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-image-portfolio-website-makeup-1 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-portfolio-website-vavilon-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1, .section-portfolio-website-agency-1, .section-portfolio-website-practiklife-1, .section-portfolio-website-beautyart-1, .section-portfolio-website-rpkvariant-1, .section-portfolio-website-beauty-1, .section-portfolio-website-barber-1, .section-portfolio-website-mats-1, .section-portfolio-website-abraam-1, .section-portfolio-website-saber-1, .section-portfolio-website-wellness-1, .section-portfolio-website-gate-1, .section-portfolio-website-vodoeconom-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .container-portfolio-website-vodoeconom-1 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-wrapper-portfolio-website-vodoeconom-1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-portfolio-website-vodoeconom-1 {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-image-portfolio-website-vodoeconom-1 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-portfolio-website-consulting-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .container-portfolio-website-consulting-1 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-wrapper-portfolio-website-consulting-1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-portfolio-website-consulting-1 {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-image-portfolio-website-consulting-1 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-bil-new-copy {
    margin-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-bil-new-portfolio {
    margin-top: 20px;
    margin-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-portfolio-website-trotuar-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .section-portfolio-website-dentist-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 60px;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .section-portfolio-website-podkova-tire-1, .section-portfolio-website-podkova-oil-1, .section-portfolio-website-radiators {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .hero-image-portfolio-website-radiators {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1, .section-portfolio-website-car-service_1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .content-contacts-grid-web_1 {
    grid-column-gap: 24px;
    width: 100%;
    max-width: 738px;
    margin-bottom: 30px;
    top: 0;
  }

  .section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 24px;
  }

  .rt-contact-one-form {
    flex: 0 auto;
  }

  .quote_form-7 {
    background-color: #414141;
    min-height: 400px;
    margin-top: 0;
    display: none;
  }

  .project_circle_wrap-5 {
    margin-left: 0;
  }

  .project_quote-home_11-1 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .link-block-22 {
    z-index: 100;
  }

  .text-block-1572 {
    font-size: 1rem;
  }

  .form-wrapper-megapolis-2 {
    float: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(330px, .75fr);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: 100%;
    max-width: 600px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .div-block-call-back_11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-style: none;
    flex-flow: row;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
    line-height: 1;
    display: flex;
    position: static;
    top: 0;
  }

  .rt-margin-bottom-thirty-6 {
    font-size: 2.2rem;
  }

  .div-block-call-back_11-1 {
    border-style: solid;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
    line-height: 1;
    position: relative;
    top: 0;
  }

  .div-block-back-call_11-1 {
    border-style: none;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: block;
    position: relative;
    top: 0;
  }

  .rt-success-message, .rt-error-message {
    padding: 10px;
  }

  .container-33 {
    max-width: none;
  }

  .nav-link {
    font-size: 30px;
  }

  .hero-section {
    padding-bottom: 50px;
  }

  .container-34 {
    max-width: none;
  }

  .home-hero-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h1-heading {
    font-size: 50px;
  }

  .h1-heading.home-hero-heading {
    font-size: 62px;
  }

  .our-ecosystem-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h3-heading {
    font-size: 28px;
  }

  .container-35 {
    max-width: none;
  }

  .our-ecosystem-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 50px;
  }

  .paragraph-408.our-ecosystem-paragraph {
    font-size: 14px;
  }

  .h2-heading {
    font-size: 36px;
  }

  .section-405 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-405.team-section {
    padding: 20px;
  }

  .top-line {
    background-color: var(--gainsboro);
    width: 70%;
    height: 2px;
    padding: 0;
  }

  .nenu-icon-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--transparent);
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
  }

  .nenu-icon-wrap:hover {
    background-color: var(--transparent);
  }

  .nav-menu-item {
    color: var(--gainsboro);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-menu-item.w--current {
    color: #000;
  }

  .navbar-button-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-button-15 {
    text-align: center;
    background-color: #1e1e1e;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
  }

  .menu-button-15.w--open {
    background-color: #584efe;
  }

  .header-button {
    display: none;
  }

  .nav-bar-wrapper {
    justify-content: space-between;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .logo-5 {
    max-width: 100%;
  }

  .bottom {
    background-color: var(--gainsboro);
    width: 70%;
    height: 2px;
    padding: 0;
  }

  .nav-menu-items {
    background-color: var(--black-5);
    box-shadow: none;
    text-align: center;
    border-radius: 0;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: .5px;
    padding: 20px 0;
    display: flex;
    left: 0;
    right: 0;
  }

  .bottom-line {
    background-color: var(--gainsboro);
    width: 60%;
    height: 2px;
    padding: 0;
  }

  .button-primary-2 {
    border-radius: 6px;
  }

  .header-container {
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-section_1 {
    background-image: linear-gradient(#0009, #0009), url('../images/101.1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    padding-bottom: 100px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header-section_1 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .navbar-button-wrapper_1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .brix---social-media-grid-right---mbl-center-2 {
    grid-column-gap: 10px;
    flex: none;
    display: flex;
  }

  .brix---grid-header-top-2 {
    grid-template-columns: 1.8fr 1fr;
  }

  .header-container_2 {
    max-width: none;
  }

  .grid-header-top-2 {
    grid-template-columns: 1.8fr 1fr;
  }

  .menu-button_1 {
    background-color: var(--transparent);
    text-align: center;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
  }

  .menu-button_1.w--open {
    background-color: #584efe;
  }

  .brand-16 {
    background-color: var(--transparent);
    height: 37px;
    padding-right: 20px;
  }

  .image-10064 {
    width: 32px;
    height: auto;
  }

  .div-block-name-2-2-4 {
    z-index: 1;
    top: 0;
  }

  .nav-name_2-2-2 {
    font-size: .4rem;
  }

  .nav-3-name_1-2 {
    letter-spacing: .08rem;
    flex: 1;
    align-self: auto;
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1;
  }

  .wrapper-9-1 {
    flex: 0 auto;
  }

  .h2-heading_2 {
    font-size: 50px;
  }

  .h2-heading_2.home-hero-heading {
    max-width: none;
    font-size: 62px;
  }

  .h1-heading_1 {
    font-size: 50px;
  }

  .h1-heading_1.home-hero-heading {
    max-width: none;
    font-size: 62px;
  }

  .home-hero-detail-div_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .container-34_1 {
    max-width: none;
  }

  .section_2 {
    padding: 60px 1.5rem 20px;
  }

  .container_1 {
    max-width: none;
  }

  .h3-heading_1 {
    font-size: 28px;
  }

  .h3-heading_1.our-ecosystem-heading-text_1 {
    font-size: 18px;
  }

  .our-ecosystem-grid_1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    margin-top: 50px;
  }

  .our-ecosystem-card_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-icon_1 {
    width: 40px;
  }

  .h2-heading_01 {
    font-size: 36px;
  }

  .h2-heading_01.semibold-text {
    font-size: 20px;
  }

  .our-ecosystem-icon_2 {
    width: 40px;
  }

  .section_3 {
    padding: 40px 1.5rem 60px;
  }

  .container_2 {
    max-width: none;
  }

  .team-wrapper {
    padding: 20px;
  }

  .team-grid {
    margin-top: 60px;
  }

  .h2-heading-2 {
    font-size: 36px;
  }

  .common-heading-div, .team-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .social-media-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    width: auto;
  }

  .bottom-footer-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-410.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .h2-heading-3 {
    font-size: 36px;
  }

  .newsletter-wrapper {
    flex-flow: wrap;
  }

  .footer-logo {
    width: 200px;
  }

  .accordion {
    padding-right: 0;
  }

  .faq-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .container_8 {
    max-width: none;
  }

  .section_8 {
    padding: 60px 1.5rem;
  }

  .section_8.team-section {
    padding: 20px;
  }

  .header-section_1-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header-container_2-2 {
    max-width: none;
  }

  .h2-heading_3 {
    font-size: 36px;
  }

  .h3-heading_5 {
    font-size: 28px;
  }

  .h3-heading_5.our-ecosystem-heading-text {
    max-width: none;
    font-size: 18px;
  }

  .our-ecosystem-card_5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section_4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section_4.team-section {
    padding: 20px;
  }

  .section_4.team-section_4 {
    padding: 20px 1.5rem;
  }

  .team-wrapper_4 {
    max-width: none;
    padding: 40px 20px 60px;
  }

  .common-heading-div_4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section_2-2 {
    padding: 60px 1.5rem;
  }

  .container_2-1 {
    max-width: none;
  }

  .our-ecosystem-grid_2-1 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-top: 50px;
  }

  .our-ecosystem-card_2-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-icon_2-1 {
    width: 40px;
  }

  .our-ecosystem-count-div_2-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h2-heading_2-01 {
    font-size: 36px;
  }

  .h2-heading_2-01.semibold-text {
    font-size: 20px;
  }

  .h2-heading_2-01.semibold-text_2-01 {
    font-size: 18px;
  }

  .h2-heading_4 {
    font-size: 36px;
  }

  .h2-heading_4.white-text {
    margin-top: 10px;
    font-size: 24px;
  }

  .team-grid_4 {
    margin-top: 60px;
  }

  .our-ecosystem-icon_4-1 {
    width: 40px;
  }

  .common-button_4.white-button_4 {
    background-position: 50%;
    background-size: 30px;
    width: 300px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .team-grid_4-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 40px;
  }

  .team-card_4, .team-card_4-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .common-button_4-1.white-button_4 {
    background-position: 50%;
    background-size: 40px;
    width: 300px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .common-button_4-10.white-button_4, .common-button_4-12.white-button_4 {
    background-position: 50%;
    background-size: 30px;
    width: 300px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .section_9 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section_9.team-section {
    padding: 20px;
  }

  .section_9.footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .footer-wrapper_9 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .newsletter-wrapper_9 {
    flex-flow: wrap;
  }

  .brand-16_9 {
    background-color: var(--transparent);
    height: 37px;
    padding-right: 20px;
  }

  .image_10_9 {
    width: 32px;
    height: auto;
  }

  .div-block-name_9 {
    z-index: 1;
    top: 0;
  }

  .nav-name_9 {
    font-size: .4rem;
  }

  .nav-3-name_9 {
    letter-spacing: .08rem;
    flex: 1;
    align-self: auto;
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1;
  }

  .bottom-footer-div_9 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph_9.white-800-color {
    border-top: 1px #4f4f4f99;
    padding-top: 0;
  }

  .paragraph_9.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .social-media-div_9 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-410_9.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .bottom-footer-div_9-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .social-media-div_9-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bottom-footer-div_9-1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .bottom-footer-div_9-0 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-wrapper_9-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bottom-footer-div_9-01 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .copyright-div_9-02 {
    justify-content: flex-start;
    align-items: center;
  }

  .bottom-footer-div_9-011 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .copyright-div_9-022 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .paragraph_9-022.white-800-color.newsletter-text, .paragraph_9-023.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .footer-wrapper_9-02 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border-top-style: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .bottom-footer-div_9-03 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .paragraph_9-33.white-800-color {
    border-top: 1px solid #4f4f4f99;
    padding-top: 10px;
  }

  .paragraph_9-33.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 767px) {
  .nav4-menu-wrap-2 {
    margin-right: 0;
  }

  .nav4-nav-link-2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
  }

  .navbar4-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav4-nav-menu-2 {
    margin-top: 3px;
  }

  .menu-button-14 {
    margin-left: 20px;
  }

  .nav4-wrap {
    grid-column-gap: 20px;
  }

  .navbar-web {
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-navigation-home-45 {
    height: 37vh;
    margin-top: -233px;
    margin-left: 30px;
  }

  .text-top-web-home-29 {
    margin-top: 10px;
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-web-home-46 {
    max-width: 84%;
    margin-top: 30px;
    font-size: 40px;
    line-height: 40px;
  }

  .image-6 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-top-web-home-28 {
    font-size: 40px;
    line-height: 40px;
  }

  .text-top-web-home-44 {
    top: 0;
    left: -30px;
  }

  .text-top-web-home-37 {
    max-width: 84%;
  }

  .text-top-web-home-43 {
    font-size: 22px;
    line-height: 24px;
  }

  .text-top-web-home-27 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .side-navigation-home-web {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .hero-section-home-14 {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(270deg, #ffffff4d, #fff 88%), url('../images/macbook.png');
    background-position: 0 0, 25% 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 800px;
    height: 30em;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .link-block-web {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .container-1-web-home-4 {
    margin-top: 0;
    padding-left: 40px;
    top: 45px;
  }

  .hero-section-home-web {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a, #fff 83%), url('../images/1.jpg');
    background-position: 0 0, 60% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 25em;
    margin-top: -30px;
    padding-top: 0;
    display: block;
  }

  .section-bil {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-web-home-3 {
    width: 90%;
    margin-top: 0;
    padding-left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    left: 0;
  }

  .hero1-product-web-home {
    margin-top: 20px;
  }

  .size3-link-web-home {
    font-size: 27px;
    line-height: 30px;
  }

  .hero1-web-home {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size1-text-web-home {
    margin-bottom: 10px;
    font-size: 27px;
    line-height: 30px;
  }

  .button-large.hero1-button-web-home {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-3-web-home {
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-70.web-home-2 {
    margin-top: 40px;
  }

  .hero1-image-web-home {
    background-position: 50%;
    background-size: 500px;
    min-height: 400px;
    margin-top: 0;
  }

  .label.white-outline-label-2, .label.white-outline-label-3 {
    margin-left: 0;
  }

  .label.copy {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
    line-height: 1;
  }

  .label.white-outline-label-5 {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
    line-height: 14px;
  }

  .label.inside-label-3 {
    background-color: #fff;
  }

  .label.inside-label-4 {
    background-color: var(--white);
  }

  .content20-headline-wrap {
    margin-bottom: 10px;
  }

  .paragraph-web-home {
    line-height: 18px;
  }

  .section-2-web-home {
    margin-top: -70px;
    margin-bottom: 40px;
    padding: 60px 20px 20px;
  }

  .content-image-web-home {
    width: 100%;
    height: 30em;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .size1-text {
    font-size: 34px;
    line-height: 42px;
  }

  .size1-text.web-home-3, .size1-text.size1-full-clear, .size1-text.business-card-site, .size1-text.landing-page, .size1-text.corporate-website, .size1-text.online-store, .size1-text.business-card-site-2 {
    font-size: 27px;
    line-height: 30px;
  }

  .content-grid-web-home {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .columns-1 {
    max-width: none;
    margin-top: 0;
  }

  .heading-web-home-4 {
    width: 80%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 27px;
    font-weight: 300;
    line-height: 30px;
    top: 0;
    left: 0;
  }

  .column-10 {
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section-mail-contact {
    background-image: linear-gradient(#fff3 76%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 60px;
  }

  .linea-2 {
    width: 8%;
    top: 4%;
    left: 0%;
  }

  .container-mail-contact {
    height: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .linea-3 {
    width: 8%;
    top: -5%;
    left: -2%;
  }

  .desc-wrapp.one.web-home-4, .desc-wrapp.one._404 {
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 0;
    position: relative;
    left: 0;
  }

  .left-block-contacts-home {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-tittle.cta {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
  }

  .form-block-contacts-home {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-4-web-home {
    margin-bottom: 140px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-advantages-1 {
    margin-top: 0;
  }

  .text-label-advantages {
    line-height: 24px;
  }

  .blog4-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .text-label-advantages-2 {
    color: var(--black-3);
    margin-top: 0;
    font-weight: 300;
  }

  .text-advantages {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
    margin-left: 20px;
  }

  .blog4-featured-post {
    margin-top: 60px;
    padding: 26px;
  }

  .blog4-post-wrap {
    flex-direction: column;
  }

  .content-image-site-2 {
    background-position: 50% 70%;
    background-size: 750px;
    border-bottom-style: solid;
    height: 320px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .content-image-site-2:hover {
    background-position: 50% 70%;
    background-size: 749px;
  }

  .content9-image-grid {
    grid-auto-flow: row;
  }

  .content-image-context {
    border-left-style: solid;
  }

  .content9-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-2 {
    margin-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-copy {
    background-size: 400px;
    border-top-style: none;
  }

  .content18-headline-wrap {
    margin-bottom: 26px;
  }

  .content-grey-section-social {
    background-size: 200px;
    display: block;
  }

  .button-small {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .content18-content-wrap {
    margin-bottom: 20px;
  }

  .content-image-2 {
    background-size: 400px;
    border-top-style: none;
  }

  .content9-image-grid-2 {
    grid-auto-flow: row;
  }

  .content-image-context-2 {
    background-image: url('../images/Яндекс-Директ.svg');
    background-repeat: no-repeat;
    background-size: 300px;
    border-left-style: solid;
    margin-top: 10px;
  }

  .content-image-context-2:hover {
    background-image: url('../images/Яндекс-Директ.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 300px;
  }

  .content-image-copy-2 {
    background-size: 400px;
    border-top-style: none;
    margin-right: 0;
  }

  .link-block-3 {
    margin-top: 0;
  }

  .content-image-3 {
    background-position: 50%;
    background-size: 750px;
    border-top-style: none;
  }

  .content-image-3:hover {
    background-position: 50%;
    background-size: 750px;
  }

  .footer-grid-web {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .footer-7-link-web {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
  }

  .section-footer-web {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-divider-web-2 {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-right-column-web {
    flex-direction: column;
  }

  .footer-5-link-web {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
  }

  .footer-form-grid-web-home {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .size3-text.footer-web-home {
    font-size: 21px;
    line-height: 36px;
  }

  .footer {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .error-message {
    width: 100%;
    max-width: none;
  }

  .footer-6-link-web {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 5px;
    font-size: 12px;
  }

  .success-message {
    width: 100%;
    max-width: none;
  }

  .footer-divider-web {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-grid-web-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .link-block-web-2 {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .hero-section-services {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a 50%, #fff), url('../images/Home-17.1.jpg');
    background-position: 0 0, 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container-1-web-services {
    margin-top: 0;
    padding-left: 60px;
    top: 10px;
  }

  .image-services {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-web-services {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-web-services {
    width: 30px;
    height: 160px;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .heading-web-home-5 {
    width: auto;
    max-width: none;
    margin-top: 0;
    padding-left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    left: 0;
  }

  .section-web-services {
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .size3-link {
    font-size: 27px;
    line-height: 30px;
  }

  .size3-link.web-services-3 {
    color: var(--black-3);
    font-size: 27px;
    line-height: 30px;
  }

  .content-image-site.content12-image1 {
    background-position: 20% 100%;
    background-size: 750px;
  }

  .paragraph-web-services {
    font-size: 14px;
    line-height: 1.4;
  }

  .size-text-web-services {
    font-size: 27px;
    line-height: 30px;
  }

  .content-grid-web-services {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .item-overlay-web-services-4 {
    background-image: none;
  }

  .content12-image.content12-image2 {
    background-position: 50%;
    background-size: 381px;
  }

  .content12-image.content12-image3 {
    background-position: 50%;
    background-size: 300px;
  }

  .content12-image.content12-image4 {
    background-position: 50%;
    background-size: 400px;
  }

  .content-image-5.content12-image2 {
    background-position: 50%;
  }

  .content-image-5.content12-image3, .content-image-5.content12-image4 {
    background-position: 50%;
    background-size: 400px;
  }

  .content-image-5.web-design {
    background-image: url('../images/1579385032_42-94-2.jpg');
    background-repeat: no-repeat;
    background-size: 750px;
    max-width: none;
  }

  .hero-section-website-creation {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a 35%, #fffffffc 80%), url('../images/Home-26.1.jpg');
    background-position: 0 0, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .link-block-web-website-creation {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .image-website-creation {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-website-creation {
    margin-top: 0;
    padding-top: 0;
    padding-left: 15px;
    top: 20px;
  }

  .blog-image-website-creation {
    background-size: 400px;
    width: 90%;
  }

  .blog-grid-website-creation {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-website-creation {
    font-size: 27px;
    line-height: 30px;
  }

  .section-website-creation {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-website-creation-2 {
    background-position: 30% 75%;
    background-size: 750px;
    width: 90%;
  }

  .blog-image-website-creation-4 {
    width: 90%;
  }

  .blog-image-website-creation-3 {
    background-position: 15%;
    width: 90%;
  }

  .section-website-creation-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section-contextual-advertising {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a 45%, #fff), linear-gradient(to top, #ffffff4d 57%, #fff 98%), linear-gradient(#ffffff4d, #ffffff4d), url('../images/bauer-studios-desktop-2.jpg');
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    height: 22em;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .image-contextual-advertising {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-web-contextual-advertising {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-web-contextual-advertising {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .container-contextual-advertising {
    margin-top: 0;
    padding-left: 15px;
    top: 13px;
  }

  .text-top-web-contextual-advertising {
    font-size: 60px;
    line-height: 65px;
  }

  .text-top-web-contextual-advertising-2 {
    max-width: 80%;
    font-size: 60px;
    line-height: 60px;
    top: -11px;
    left: 65px;
  }

  .text-top-web-contextual-advertising-3 {
    letter-spacing: -3px;
    max-width: 84%;
    margin-top: 0;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-web-contextual-advertising-4 {
    letter-spacing: -3px;
    max-width: 80%;
    font-size: 40px;
    line-height: 40px;
  }

  .blog-image-contextual-advertising {
    background-size: 320px;
    width: 90%;
  }

  .heading-contextual-advertising-2 {
    font-size: 27px;
    line-height: 30px;
  }

  .blog-image-contextual-advertising-2 {
    width: 90%;
  }

  .section-contextual-advertising {
    padding: 20px;
  }

  .blog-grid-contextual-advertising {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-mail-contact-web {
    background-image: linear-gradient(#ffffffb3, #ffffffb3), linear-gradient(#fff3 76%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 1200px;
    margin-top: 60px;
    padding-top: 20px;
  }

  .container-mail-contact-web {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .left-block-contacts-web {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-44 {
    font-size: 27px;
    line-height: 27px;
  }

  .m-rb-field-abraam, .m-rb-field-4-abraam {
    padding-top: 13px;
    padding-bottom: 12px;
  }

  .checkbox-label-2 {
    line-height: 16px;
  }

  .form-wrapper-abraam {
    grid-template-columns: minmax(300px, 1fr);
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .m-radio-lable-2 {
    font-size: 12px;
    font-weight: 400;
  }

  .m-radio-2-phone {
    width: 20px;
    height: 20px;
  }

  .m-radio-2-phone.phone-2 {
    width: 25px;
    height: 25px;
  }

  .m-radio-2 {
    width: 20px;
    height: 20px;
  }

  .m-radio-2.whatsapp {
    background-size: 25px;
    width: 50%;
    min-width: 25px;
    max-width: 30px;
    height: 25px;
    padding-left: 20px;
  }

  .m-radio-2.email {
    background-size: 20px;
    width: 50%;
    height: 20px;
  }

  .form-wrapper-web {
    grid-template-columns: minmax(300px, 1fr);
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-web {
    font-size: 27px;
    line-height: 27px;
  }

  .m-rb-field-web, .m-rb-field-4-web {
    padding-top: 13px;
    padding-bottom: 12px;
  }

  .text-top-web-home-30 {
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-web-home-31, .text-top-web-home-32 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .hero-section-copywriting {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 50%, #fffffffc 96%), linear-gradient(#ffffff1a 78%, #fff 96%), url('../images/desk_coffee-3.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .container-copywriting {
    margin-top: 0;
    padding-left: 15px;
    top: 13px;
  }

  .text-top-web-copywriting {
    font-size: 60px;
    line-height: 65px;
  }

  .text-top-web-copywriting-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .image-copywriting {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-copywriting {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-copywriting-2 {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .paragraph-copywriting-4 {
    font-size: 14px;
    line-height: 1.3;
  }

  .size-text-copywriting {
    font-size: 27px;
    line-height: 30px;
  }

  .section-copywriting {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-grid-copywriting {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .product-image-business-card-site {
    background-size: 500px;
    height: 360px;
  }

  .hero-section-targeted-advertising {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 50%, #fff), linear-gradient(#ffffff1a 25%, #fff), url('../images/Home-14.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container-targeted-advertising {
    margin-top: 0;
    padding-left: 15px;
    top: 15px;
  }

  .text-top-web-targeted-advertising {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 40px;
    line-height: 40px;
  }

  .text-top-web-targeted-advertising-2 {
    max-width: 60%;
    font-size: 60px;
    line-height: 60px;
    top: -5px;
    left: 125px;
  }

  .text-top-web-targeted-advertising-3 {
    letter-spacing: -3px;
    max-width: none;
    font-size: 36px;
    line-height: 40px;
  }

  .image-targeted-advertising {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-web-targeted-advertising {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-targeted-advertising {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .blog-grid-targeted-advertising {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-targeted-advertising {
    margin-top: 40px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-targeted-advertising {
    font-size: 27px;
    line-height: 30px;
  }

  .blog-image-targeted-advertising-2, .blog-image-targeted-advertising {
    width: 90%;
  }

  .button-small-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .blog-image-targeted-advertising-3 {
    background-size: 350px;
    width: 90%;
  }

  .section-targeted-advertising-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .label-my.white-outline-label-2, .label-my.white-outline-label-3 {
    margin-left: 0;
  }

  .label-my.copy, .label-my.white-outline-label-5 {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
    line-height: 14px;
  }

  .hero-section-business-card-site {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 81%, #fff), linear-gradient(#ffffff1a 50%, #fff), url('../images/Home-25.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container-business-card-site {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .text-top-business-card-site {
    max-width: 80%;
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-business-card-site-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-business-card-site-3 {
    max-width: 80%;
    font-size: 60px;
    line-height: 60px;
    top: -15px;
    left: 49px;
  }

  .text-top-business-card-site-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .image-business-card-site {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-business-card-site {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-business-card-site {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .section-business-card-site {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 35%, #fff), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    padding: 20px;
  }

  .paragraph-business-card-site {
    font-size: 14px;
  }

  .size1-text-business-card-site {
    font-size: 27px;
    line-height: 30px;
  }

  .product-image-business-card-site-2 {
    background-size: 500px;
    height: 360px;
  }

  .product-grid-business-card-site {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-section-landing-page {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a 41%, #fff 88%), linear-gradient(to top, #fff3 34%, #fff 94%), url('../images/Home-13.1.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container-landing-page {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .text-top-landing-page {
    max-width: 80%;
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-landing-page-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-landing-page-3 {
    max-width: 60%;
    font-size: 60px;
    line-height: 60px;
    top: -5px;
    left: 100px;
  }

  .text-top-landing-page-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .image-landing-page {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-landing-page {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-landing-page {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .product-grid-landing-page {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .product-image-landing-page {
    background-position: 25% 100%;
    background-size: 750px;
    height: 360px;
  }

  .section-landing-page {
    margin-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .size1-text-landing-page {
    font-size: 34px;
    line-height: 42px;
  }

  .hero-section-corporate-website {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #fff3 10%, #fff 64%), linear-gradient(#ffffff1a 60%, #fff), url('../images/Home-15.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .container-corporate-website {
    margin-top: 0;
    padding-left: 15px;
    top: 15px;
  }

  .text-top-corporate-website {
    letter-spacing: -3px;
    max-width: 80%;
    font-size: 40px;
    line-height: 40px;
  }

  .text-top-corporate-website-2 {
    max-width: 45%;
    font-size: 60px;
    line-height: 60px;
    left: 228px;
  }

  .text-top-corporate-website-3 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .image-corporate-website {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-web-corporate-website {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-web-corporate-website {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .section-corporate-website {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-image-corporate-website {
    background-size: cover;
    height: 360px;
  }

  .size1-text-corporate-website {
    font-size: 34px;
    line-height: 42px;
  }

  .product-grid-corporate-website {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-section-online-store {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #fff3 7%, #fff 89%), linear-gradient(#fff3 77%, #fff 96%), url('../images/Home-18.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-online-store {
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-online-store-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-online-store3 {
    font-size: 60px;
    line-height: 65px;
  }

  .text-top-online-store-3 {
    font-size: 60px;
    line-height: 60px;
    top: -5px;
    left: 65px;
  }

  .text-top-online-store-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-online-store {
    margin-top: 0;
    padding-left: 15px;
    top: 18px;
  }

  .image-online-store {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-online-store {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-online-store {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .size1-text-online-store {
    font-size: 34px;
    line-height: 42px;
  }

  .product-image-online-store {
    background-size: 750px;
    height: 360px;
  }

  .product-grid-online-store {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-online-store {
    margin-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section-yandex {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #fff3 60%, #fff 99%), linear-gradient(#fff3 20%, #fff 96%), url('../images/Home-16.2.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-yandex {
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-yandex-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-yandex-3 {
    font-size: 60px;
    line-height: 60px;
    left: 65px;
  }

  .text-top-yandex-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-yandex {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-yandex {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-yandex {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-yandex {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .content-grid-yandex {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-yandex-3 {
    margin-top: 60px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-yandex {
    background-position: 50%;
    width: 100%;
    height: 200px;
    min-height: auto;
  }

  .content-quote-yandex {
    font-size: 27px;
    line-height: 30px;
  }

  .paragraph-yandex-5 {
    font-size: 14px;
  }

  .paragraph-yandex-10 {
    font-size: 16px;
  }

  .hero-section-google {
    opacity: 1;
    background-color: #fff;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-google {
    max-width: 80%;
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-google-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-google-3 {
    max-width: 80%;
    font-size: 60px;
    line-height: 60px;
    top: -5px;
    left: 85px;
  }

  .text-top-google-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-google {
    margin-top: 0;
    padding-left: 15px;
    top: 15px;
  }

  .image-google {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-google {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-google {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .content-image-google {
    background-position: 50%;
    width: 90%;
  }

  .content-grid-google {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-google {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-quote-google {
    font-size: 27px;
    line-height: 30px;
  }

  .paragraph-google-10 {
    font-size: 16px;
    line-height: 1.3;
  }

  .hero-section-web-design {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #fff3 10%, #fff 80%), linear-gradient(#ffffff1a 56%, #fff), url('../images/Home-24.jpg');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-web-design {
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-web-design-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-web-design-3 {
    font-size: 60px;
    line-height: 65px;
  }

  .text-top-web-design-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 60px;
    line-height: 60px;
    top: -17px;
    left: 40px;
  }

  .container-web-design {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-web-design {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-web-design {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-web-design {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .section-web-design {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-grid-web-design {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-web-design {
    font-size: 27px;
    line-height: 30px;
  }

  .paragraph-web-design-2 {
    font-size: 16px;
  }

  .product-image-web-design {
    background-size: 900px;
    height: 360px;
  }

  .hero-section-vk {
    opacity: 1;
    background-color: #fff;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-web-vk {
    font-size: 60px;
    line-height: 60px;
  }

  .text-top-web-vk-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-vk {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-vk {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-vk {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-vk {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .content-grid-vk {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .paragraph-vk-3 {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-image-vk {
    background-position: 50%;
    width: 90%;
  }

  .content-quote-vk {
    font-size: 27px;
    line-height: 30px;
  }

  .section-vk {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-vk {
    opacity: 1;
    font-weight: 300;
  }

  .hero-section-facebook {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(#ffffff1a 20%, #fff 85%), url('../images/Home-20.1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-facebook {
    max-width: 80%;
    font-size: 40px;
    line-height: 45px;
  }

  .text-top-facebook-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .text-top-facebook-3 {
    max-width: 80%;
    font-size: 60px;
    line-height: 60px;
    top: -10px;
    left: 40px;
  }

  .text-top-facebook-4 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-facebook {
    margin-top: 0;
    padding-left: 15px;
    top: 15px;
  }

  .image-facebook {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-facebook {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-facebook {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .content-grid-instagram {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .content-image-instagram {
    background-position: 50%;
    width: 90%;
  }

  .section-instagram {
    margin-top: 40px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-quote-instagram {
    font-size: 27px;
    line-height: 30px;
  }

  .hero-section-mytarget {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 45%, #fff 92%), linear-gradient(#ffffff1a 75%, #fff 95%), url('../images/Home-21.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-web-mytarget {
    font-size: 60px;
    line-height: 60px;
  }

  .text-top-web-mytarget-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-mytarget {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-mytarget {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-mytarget {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-mytarget {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .section-ok {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-ok {
    background-position: 50%;
    background-size: 350px;
    width: 90%;
  }

  .content-quote-ok {
    font-size: 27px;
    line-height: 30px;
  }

  .paragraph-ok-4 {
    font-size: 16px;
    line-height: 1.3;
  }

  .content-grid-ok {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-section-portfolio {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 25%, #fff 89%), linear-gradient(#ffffff1a 47%, #fff), url('../images/Home-22.1.jpg');
    background-position: 0 0, 0 0, 80%;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-web-portfolio {
    font-size: 60px;
    line-height: 60px;
  }

  .text-top-web-portfolio-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-portfolio {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-portfolio {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-portfolio {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-portfolio {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .blog-image-portfolio-2 {
    background-position: 50% 0;
    background-size: 800px;
  }

  .blog-grid-portfolio {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-portfolio {
    font-size: 27px;
    line-height: 30px;
  }

  .blog-image-web-design {
    background-position: 50%;
    background-size: 800px;
  }

  .section-portfolio-10 {
    padding: 20px;
  }

  .blog-image-portfolio-3 {
    background-position: 50% 0;
    background-size: 800px;
  }

  .blog-image-portfolio {
    background-position: 25%;
    background-size: 800px;
  }

  .section-portfolio {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-portfolio-15 {
    background-position: 25% 0;
    background-size: 800px;
  }

  .blog-image-portfolio-14 {
    background-position: 30%;
    background-size: 800px;
  }

  .blog-image-portfolio-9 {
    background-position: 55% 0;
    background-size: 800px;
  }

  .section-portfolio-5 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-portfolio-12 {
    background-position: 25% 0;
    background-size: 800px;
  }

  .blog-image-portfolio-16, .blog-image-portfolio-4, .blog-image-portfolio-13 {
    background-position: 50% 0;
    background-size: 800px;
  }

  .blog-image-portfolio-8 {
    background-position: 20% 0;
    background-size: 800px;
  }

  .section-portfolio-3, .section-portfolio-4 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-portfolio-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-portfolio-5 {
    background-position: 0 0;
    background-size: 700px;
  }

  .blog-image-portfolio-6 {
    background-position: 0 0;
    background-size: 800px;
  }

  .section-portfolio-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-portfolio-17 {
    background-position: 0 0;
    background-size: 700px;
  }

  .blog-image-portfolio-18 {
    background-position: 0 0;
    background-size: 800px;
  }

  .section-portfolio-1 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section-contacts {
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(to top, #ffffff1a 33%, #fff), linear-gradient(#ffffff4d 64%, #fff 88%), url('../images/phone-close-up-scaled.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    height: 25em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-top-web-contacts {
    font-size: 60px;
    line-height: 60px;
  }

  .text-top-web-contacts-2 {
    letter-spacing: -3px;
    max-width: 84%;
    font-size: 36px;
    line-height: 40px;
  }

  .container-contacts {
    margin-top: 0;
    padding-left: 15px;
    top: 14px;
  }

  .image-contacts {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-contacts {
    margin-top: 12px;
    margin-left: 5px;
    line-height: 12px;
  }

  .side-navigation-contacts {
    width: 30px;
    height: 45vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .content-items-wrap-contacts {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-contacts-grid-web {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .size-text-contact-web-2.contact-web {
    text-align: left;
    text-align: left;
    text-align: left;
    max-width: 80%;
    top: -20px;
    left: 33px;
  }

  .size-text-footer-variant-1.contact-web {
    text-align: left;
    max-width: 100%;
    top: -20px;
    left: 33px;
  }

  .section-contacts {
    margin-bottom: 60px;
    padding: 20px 20px 40px;
  }

  .content-grid-contacts {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .text-wrap-contact-web, .text-wrap-contact-web-3 {
    text-align: left;
    margin-bottom: 0;
  }

  .size-text-2-contacts {
    font-size: 27px;
    line-height: 30px;
  }

  .size-text-web-contacts.contact-web {
    text-align: left;
    text-align: left;
    text-align: left;
    max-width: 80%;
    top: -20px;
    left: 33px;
  }

  .size-text-web-contacts.contacts-web, .size-text-web-contacts-2.contact-web {
    text-align: left;
    max-width: 100%;
    top: -20px;
    left: 33px;
  }

  .section-4-web-advantages {
    background-color: #0000;
    background-image: linear-gradient(#fffc 79%, #fff), url('../images/slider-1.2.jpg');
    background-position: 0 0, 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 20px;
  }

  .headline-wrap-advantages {
    margin-bottom: 20px;
  }

  .small-grid-advantages {
    grid-template-rows: 1fr;
  }

  .featured-post-advantages {
    margin-top: 60px;
    padding: 26px;
  }

  .post-wrap-advantages {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .post-wrap-advantages-2, .post-wrap-advantages-3, .post-wrap-advantages-4 {
    flex-direction: row;
  }

  .paragraph-web-home-2 {
    margin-top: 20px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-70-2.web-home-2 {
    margin-top: 40px;
  }

  .section-copywriting-2 {
    margin-bottom: 60px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-grid-copywriting-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .paragraph-yandex-6, .paragraph-yandex-7, .paragraph-yandex-8, .paragraph-yandex-9, .paragraph-yandex-4-copy, .paragraph-yandex-12, .paragraph-yandex-13 {
    margin-bottom: 5px;
  }

  .paragraph-copywriting-3 {
    font-size: 14px;
  }

  .paragraph-google-2 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-yandex-14 {
    font-size: 16px;
    line-height: 1.3;
  }

  .paragraph-70-home.web-home-4 {
    font-size: 14px;
  }

  .paragraph-70-home.web-home-2 {
    margin-top: 40px;
  }

  .paragraph-web-home-3 {
    line-height: 18px;
  }

  .section-2-web-home-2 {
    margin-top: -70px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-business-card-site-2 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-business-card-site {
    background-repeat: no-repeat;
    background-size: 450px;
    width: 100%;
    height: 30em;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid-business-card-site {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .content-headline-wrap-business-card-site {
    margin-bottom: 26px;
  }

  .paragraph-business-card-site-1 {
    margin-top: 0;
    line-height: 18px;
  }

  .content-item-wrap-business-card-site {
    margin-bottom: 10px;
  }

  .image-business-card-site-2 {
    width: 16px;
    height: 16px;
  }

  .section-landing-page-2 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-landing-page {
    background-size: 500px;
    width: 100%;
    height: 30em;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid-landing-page {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .content-headline-wrap-landing-page {
    margin-bottom: 26px;
  }

  .section-corporate-website-2 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-corporate-website {
    background-repeat: no-repeat;
    background-size: 500px;
    width: 100%;
    height: 30em;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid-corporate-website {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .content-headline-wrap-corporate-website {
    margin-bottom: 26px;
  }

  .section-online-store-2 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-online-store {
    background-size: 450px;
    width: 100%;
    height: 25em;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid-online-store {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .content-headline-wrap-online-store {
    margin-bottom: 26px;
  }

  .section-business-card-site-3 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-image-business-card-site-2 {
    width: 100%;
    height: 30em;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid-business-card-site-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .content-headline-wrap-business-card-site-2 {
    margin-bottom: 26px;
  }

  .faq-content {
    margin-bottom: 10px;
  }

  .faq-question-bar-barber {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .image-services-barber {
    background-size: 550px;
    height: 360px;
  }

  .faq-paragraph {
    font-size: 14px;
  }

  .text-block-barber-7 {
    font-size: 36px;
    line-height: 36px;
    top: 71px;
  }

  .faq-paragraph-price-barber-8, .faq-paragraph-price-barber, .faq-paragraph-3 {
    font-size: 14px;
  }

  .content-sticky-wrap-services-barber {
    position: relative;
  }

  .div-block-the-barber {
    background-image: url('../images/The-BARBER-60.png');
    background-size: 500px;
  }

  .section-3-services-barber {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .faq-paragraph-price-barber-5 {
    font-size: 14px;
  }

  .button-small-2-barber {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .container-1-barber {
    margin-top: 60px;
  }

  .question-title-barber {
    font-size: 16px;
    line-height: 18px;
  }

  .content-grid-services-barber {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-web-design-2 {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-grid-web-design {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .faq-question-bar-web-design {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .question-title-web-design {
    font-size: 16px;
    line-height: 18px;
  }

  .faq-question-bar-web-design-2, .faq-question-bar-web-design-3 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .faq-paragraph-web-design {
    font-size: 14px;
  }

  .faq-question-bar-web-design-4 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .faq-paragraph-price-barber-5-copy, .faq-paragraph-web-design-5 {
    font-size: 14px;
  }

  .hero-web {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-web {
    font-size: 34px;
    line-height: 42px;
  }

  .section-web {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-image-web {
    background-position: 50%;
    min-height: 460px;
  }

  .section-business-card-site-4 {
    margin-top: 40px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .size-text-business-card-site-2 {
    font-size: 16px;
    line-height: 1.3;
  }

  .size-text {
    font-size: 34px;
    line-height: 42px;
  }

  .size-text.web-home-3 {
    font-size: 30px;
    line-height: 36px;
  }

  .size-text.business-card-site, .size-text.landing-page, .size-text.corporate-website, .size-text.online-store, .size-text.business-card-site-2 {
    font-size: 27px;
    line-height: 30px;
  }

  .size-text-business-card-site-3 {
    font-size: 18px;
    line-height: 24px;
  }

  .button-large-business-card-site.business-card-site {
    width: 60%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hero4-image {
    background-position: 50%;
    height: 460px;
  }

  .hero6-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero6 {
    min-height: 600px;
  }

  .hero-with-background-wrap.hero2-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-with-background-wrap.business-card-site, .hero-with-background-wrap.corporate-website {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-with-background-wrap.online-store {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero7-bottom-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero4-content-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero7-bottom-title {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero7-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero5-image-wrap {
    min-height: 600px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-image {
    height: 480px;
  }

  .sizejumbo-text {
    font-size: 34px;
    line-height: 42px;
  }

  .sizejumbo-text.sizejumbo-top-clear {
    font-size: 44px;
    line-height: 52px;
  }

  .hero5-grid, .hero4-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero4-link-block {
    padding: 37px 47px;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-product {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero5-content {
    text-align: center;
    align-items: center;
    max-width: none;
  }

  .hero3-image {
    min-height: 460px;
  }

  .hero7-text-jumbo-bigger {
    font-size: 44px;
    line-height: 52px;
  }

  .hero2-latest {
    flex-direction: column;
  }

  .component-divider {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-image-collection {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .size1-text-2 {
    font-size: 34px;
    line-height: 42px;
  }

  .hero4-link-wrap {
    margin-top: 0;
  }

  .hero3 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero7-background {
    padding-left: 0;
    padding-right: 0;
  }

  .hero1 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero7-product-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-title {
    padding-top: 37px;
    padding-bottom: 47px;
  }

  .hero1-image {
    min-height: 460px;
  }

  .elements-grid-business-card-site {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-title-business-card-site {
    padding-top: 37px;
    padding-bottom: 47px;
  }

  .hero-grid-business-card-site {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero-image-business-card-site {
    height: 400px;
  }

  .button-large-business-card-site-2.business-card-site {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-image-collection-business-card-site {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .hero-latest-business-card-site {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 0;
  }

  .image-business-card-site-15, .image-business-card-site-16, .image-business-card-site-17, .image-business-card-site-18, .image-business-card-site-19, .image-business-card-site-20, .image-business-card-site-21 {
    width: 16px;
    height: 16px;
  }

  .elements-grid-business-card-site-2 {
    margin-bottom: 100px;
  }

  .hero-bottom-grid-business-card-site {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-background-business-card-site-2 {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 60%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 60% 70%;
    background-size: auto, auto, auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-bottom-title-business-card-site {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-product-name-business-card-site {
    flex: 1;
    font-size: 24px;
    line-height: 1;
  }

  .hero-product-wrap-business-card-site {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding: 18px 20px;
  }

  .hero-text-jumbo-business-card-site {
    width: 240px;
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 40px;
    line-height: 1.3;
  }

  .paragraph-business-card-site-11, .paragraph-business-card-site-12, .paragraph-business-card-site-13, .paragraph-business-card-site-14, .paragraph-business-card-site-15 {
    margin-top: 5px;
    font-size: 16px;
    line-height: 18px;
  }

  .section-landing-page-3 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-landing-page-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 25%, #fff), url('../images/43.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    padding: 20px;
  }

  .paragraph-business-card-site-16 {
    margin-top: 5px;
    line-height: 18px;
  }

  .elements-grid-landing-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .size1-text-landing-page-2 {
    font-size: 27px;
    line-height: 30px;
  }

  .hero-landing-page {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-image-landing-page {
    background-position: 50%;
    min-height: 460px;
  }

  .content-headline-wrap-landing-page-2 {
    margin-bottom: 26px;
  }

  .size-text-landing-page {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-business-card-site-17 {
    margin-top: 5px;
    line-height: 18px;
  }

  .hero-text-jumbo-business-card-site-2 {
    font-size: 60px;
    line-height: 1.3;
  }

  .hero-product-wrap-business-card-site-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .elements-grid-landing-page-2 {
    margin-bottom: 80px;
  }

  .hero-bottom-grid-landing-page {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-background-landing-page {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 60%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 60% 70%;
    background-size: auto, auto, auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-corporate-website-3 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-corporate-website {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-corporate-website-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 25%, #fff), url('../images/44.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    padding: 20px;
  }

  .product-grid-corporate-website-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .paragraph-corporate-website-3 {
    font-size: 14px;
  }

  .elements-grid-corporate-website {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-title-corporate-website {
    padding-top: 37px;
    padding-bottom: 47px;
  }

  .hero-grid-corporate-website {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero-bottom-grid-corporate-website {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .hero-background-corporate-website {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff), linear-gradient(270deg, #fff9, #fff 60%), url('../images/Home-31.jpg');
    background-position: 0 0, 0 0, 60% 70%;
    background-size: auto, auto, auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-online-store-3 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-online-store {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .section-online-store-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 25%, #fff), url('../images/45.jpg');
    background-position: 0 0, 0 0, 75%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    padding: 20px;
  }

  .product-grid-online-store-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .elements-grid-online-store {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-title-online-store {
    padding-top: 37px;
    padding-bottom: 47px;
  }

  .hero-grid-online-store {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero-bottom-grid-online-store {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .menu-button {
    margin-left: 20px;
  }

  .nav4-nav-link-3 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
  }

  .menu-button-14-copy {
    margin-left: 20px;
  }

  .section-404 {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 35%, #fff), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 40px;
    padding: 20px;
  }

  .product-grid-404 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-404 {
    font-size: 34px;
    line-height: 42px;
  }

  .section-mail-contact-404 {
    background-image: linear-gradient(#fff3 76%, #fff 98%), linear-gradient(to right, #ffffffe8 54%, #0000 91%), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 60px;
  }

  .heading-404 {
    width: 80%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    top: -20px;
    left: 0;
  }

  .left-block-contacts-404 {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-mail-contact-404 {
    height: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .form-wrapper-404 {
    grid-template-columns: minmax(300px, 1fr);
    width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-top-web-home-2 {
    width: 90%;
    max-width: 100%;
    margin-top: -50px;
    margin-left: -30px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-services {
    width: 90%;
    max-width: 100%;
    margin-top: -50px;
    margin-left: -25px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-website-creation {
    width: 80%;
    max-width: 100%;
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    left: 0;
  }

  .text-top-contextual-advertising {
    width: 85%;
    max-width: 100%;
    margin-top: 30px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-contextual-advertising-copy {
    max-width: 100%;
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-landing-page-5 {
    width: 80%;
    max-width: 100%;
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-corporate-website-4 {
    width: 90%;
    max-width: 100%;
    margin-top: 40px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-online-store-5 {
    max-width: 100%;
    margin-top: 30px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-yandex-5 {
    max-width: 100%;
    margin-top: 50px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-google-5 {
    max-width: 100%;
    margin-top: 40px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-web-design-5, .text-top-vk-5 {
    max-width: 100%;
    margin-top: 30px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-facebook-5 {
    width: 80%;
    max-width: 100%;
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-mytarget {
    max-width: 100%;
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-portfolio, .text-top-contacts {
    width: 80%;
    max-width: 100%;
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .section-portfolio-mobile-app {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-image-mobile-app, .blog-image-mobile-app-2, .blog-image-mobile-app-3, .blog-image-mobile-app-4 {
    background-position: 50%;
    background-size: 125px;
  }

  .section-portfolio-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._6-col {
    margin-right: 0;
  }

  .hero3-image-2 {
    margin-top: -20px;
  }

  .wrap-portfolio-mobile {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-portfolio-mobile-app-3 {
    margin-bottom: 10px;
    padding: 20px;
  }

  .wrap-portfolio-mobile-app {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-mobile-app, .text-mobile-app {
    margin-right: 0;
  }

  .text-mobile-app-2.text-16-60, .paragraph-mobile-app {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-mobile-app.web-home-2 {
    margin-top: 40px;
  }

  .section-portfolio-website {
    margin-bottom: 40px;
    padding: 20px;
  }

  .wrap-portfolio-website {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-website {
    margin-right: 0;
  }

  .size-text-portfolio-website {
    font-size: 27px;
    line-height: 30px;
  }

  .text-website-2.text-16-60, .paragraph-website {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-website.web-home-2 {
    margin-top: 40px;
  }

  .image-website {
    width: 90%;
    margin-top: 0;
    margin-right: 0;
  }

  .image-website-2, .image-website-3, .image-website-4, .image-website-5, .image-website-6, .image-website-7, .image-website-8, .image-website-9, .image-website-10, .image-website-11, .image-website-12, .image-website-13, .image-website-14 {
    margin-top: -20px;
  }

  .section-portfolio-website-1 {
    margin-bottom: 40px;
    padding: 20px;
  }

  .image-website-15 {
    margin-top: -20px;
  }

  .section-portfolio-website-2 {
    margin-bottom: 40px;
    padding: 20px;
  }

  .wrap-portfolio-website-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-website-16 {
    margin-top: -20px;
  }

  .section-portfolio-website-3 {
    margin-bottom: 40px;
    padding: 20px;
  }

  .image-website-17 {
    margin-top: -20px;
  }

  .image-services-copy, .advertising, .web-design, .copywriting {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .website {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

  .advertising-2, .web_design, .copywriting-2 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .side-navigation-web-services-2 {
    width: 30px;
    height: 160px;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .business_card_website {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .landing_page {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .business_website {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .online_store {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .advertising-copy, .icon_online_store {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .targeted_advertising {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .website_development {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .web_design-2 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .contextual_advertising-3 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .contextual_advertising-3.w--current {
    margin-top: 15px;
  }

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

  .website_development-2 {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

  .contextual_advertising {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .contextual_advertising-2 {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .business_card_website-2 {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

  .business_card_website-2.w--current {
    margin-top: 15px;
  }

  .landing_page-2 {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

  .web_design-3 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .web_design-3.w--current {
    margin-top: 15px;
  }

  .icon_web_design-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .card_website {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .landing_page-3 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .landing_page-3.w--current {
    margin-top: 15px;
  }

  .icon_landing_page-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .business_website-2 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_business_website-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .google_ads {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .website_development-3 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_website_development-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .yandex-direct {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_yandex-direct {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .targeted_advertising-2 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_targeted_advertising-2, .icon_contextual_advertising-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .facebook {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .mytarget {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .contextual_advertising-4 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_contextual_advertising-3 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .website_development-4 {
    margin-top: 20px;
    margin-left: 5px;
    line-height: 12px;
  }

  .website_development-4.w--current {
    margin-top: 15px;
  }

  .icon_website_development-3 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .vk {
    margin-top: 0;
    margin-left: 5px;
    line-height: 12px;
  }

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

  .facebook-2 {
    margin-top: 15px;
    margin-left: 5px;
    line-height: 12px;
  }

  .icon_facebook-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .content-22-image.content12-image2 {
    background-position: 50%;
  }

  .content-22-image.content12-image3 {
    background-position: 50%;
    background-size: 400px;
  }

  .content-22-image.content12-image4 {
    background-position: 100%;
    background-size: cover;
  }

  .icon-1-3 {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .icon-1 {
    width: 40px;
    height: 40px;
  }

  .icon_online_store-1-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-1-2 {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .icon_online_store-1-3, .icon_online_store-1-1 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .online_store-1 {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1 {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .side-navigation-web-services-3 {
    width: 40px;
    height: 240px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    display: none;
  }

  .icon-1-1 {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .online_store-1-2 {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .icon_online_store-1 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .online_store-1-3 {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1-3.w--current {
    padding-top: 5px;
  }

  .online_store-vk, .online_store_f {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1_my {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store_site, .online_store-1_services, .online_store-1_creation, .online_store-1_contextual, .online_store-1_copywriting, .online_store-1_targeted, .online_store-1_card-site {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-3_card-site {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1-3_card-site.w--current {
    padding-top: 5px;
  }

  .online_store-1_anding-page, .online_store-1-3_anding-page {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-3_anding-page.w--current {
    padding-top: 5px;
  }

  .online_store-1_corporate, .online_store-1-3_corporate {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-3_corporate.w--current {
    padding-top: 5px;
  }

  .online_store-1-1_corporate {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1_online-store {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1_online-store {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1-3_online-store {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 6px;
    line-height: 12px;
  }

  .online_store-1-3_online-store.w--current {
    padding-top: 5px;
  }

  .online_store-1_yandex {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1_yandex, .online_store-1-1_google {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1_google {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1_web-design {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .online_store-1-3_web-design {
    margin-top: -5px;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-3_web-design.w--current {
    padding-top: 5px;
  }

  .online_store-1_web-design {
    margin-top: 0;
    margin-left: 8px;
    line-height: 12px;
  }

  .online_store-1-1_portfolio, .online_store-1-1_contacts, .online_store-1-1_website-creation, .online_store-1-1_copywriting, .online_store-1-1_targeted, .online_store-1-1_services, .online_store-1-1_contextual, .online_store-1-1_card-site {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .icon-1-1_anding-page {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .online_store-1-1_anding-page {
    margin-top: 0;
    margin-left: 8px;
    padding-top: 5px;
    line-height: 12px;
  }

  .side-navigation-web-services-4 {
    width: 25px;
    height: 120px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    display: none;
    top: 121px;
    left: -8px;
  }

  .icon-1-1-1 {
    width: 25px;
    height: 120px;
    padding-top: 0;
  }

  .online_store-1-1-1_services {
    width: 30px;
    height: 120px;
    margin-top: 0;
    margin-left: auto;
    line-height: 12px;
  }

  .text-block-4 {
    padding-top: 7px;
    font-size: 12px;
  }

  .side-navigation-web-services-5 {
    width: 25px;
    height: 120px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    display: none;
    top: 120px;
    left: -8px;
  }

  .text-top-web-home-33 {
    letter-spacing: -3px;
    max-width: 84%;
    margin-top: 10px;
    font-size: 36px;
    line-height: 40px;
  }

  .desc-wrapp-home.one.web-home-4, .desc-wrapp-home.one._404 {
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 0;
    position: relative;
    left: 0;
  }

  .section-bil-new {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-top-web-home-28-1 {
    margin-top: -5px;
    font-size: 60px;
    line-height: 60px;
    top: -12px;
    left: 65px;
  }

  .text-top-services-home {
    width: 90%;
    max-width: 100%;
    margin-top: -50px;
    margin-left: -30px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-top-services-home-1-2 {
    width: auto;
    max-width: 70%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 80px;
    font-size: 40px;
    line-height: 45px;
    top: -20px;
  }

  .text-top-services-home-2 {
    width: auto;
    max-width: 85%;
    margin-top: 0;
    margin-left: -30px;
    font-size: 14px;
    line-height: 18px;
    top: -15px;
    left: 40px;
  }

  .text-top-web-home-31-1 {
    letter-spacing: 0;
    max-width: 50%;
    margin-top: 0;
    font-size: 27px;
    line-height: 30px;
    top: -10px;
    left: -28px;
  }

  .text-block-5 {
    padding-top: 7px;
    font-size: 12px;
  }

  .text-top-services-home-1-3 {
    width: auto;
    max-width: 50%;
    margin-top: 0;
    margin-left: -30px;
    font-size: 45px;
    line-height: 45px;
    top: -20px;
    left: 25px;
  }

  .text-top-services-home-1 {
    width: auto;
    max-width: 60%;
    margin-top: 0;
    margin-left: 0;
    font-size: 40px;
    line-height: 45px;
    top: 0;
    left: 35px;
  }

  .text-top-web-home-31-2 {
    letter-spacing: 0;
    max-width: 60%;
    font-size: 27px;
    line-height: 30px;
    position: absolute;
    top: 93px;
    left: 240px;
  }

  .text-top-services-home-1-4 {
    width: auto;
    max-width: 50%;
    margin-top: 0;
    margin-left: 0;
    font-size: 45px;
    line-height: 45px;
    top: -35px;
    left: 57px;
  }

  .section-portfolio-website-4 {
    margin-bottom: 40px;
    padding: 20px;
  }

  .section-portfolio-website-5 {
    margin-bottom: 0;
    padding: 20px;
  }

  .image-website-18 {
    margin-top: -20px;
  }

  .section-portfolio-website-6 {
    margin-bottom: 40px;
    padding: 20px;
  }

  .image-website-19 {
    margin-top: -20px;
  }

  .section-portfolio-website-7, .section-portfolio-website-10, .section-portfolio-website-10-copy, .section-portfolio-website-agency, .section-portfolio-website-cleaning, .section-portfolio-website-real, .section-portfolio-website-promsila, .section-portfolio-website-practiklife, .section-portfolio-website-beautyart, .section-portfolio-website-rpkvariant, .section-portfolio-website-beauty, .section-portfolio-website-barber, .section-portfolio-website-mats, .section-portfolio-website-abraam, .section-portfolio-website-saber, .section-portfolio-website-wellness, .section-portfolio-website-gate, .section-portfolio-website-gbk, .s-ection-portfolio-website-magic, .s-ection-portfolio-website-sunbaza {
    margin-bottom: 0;
    padding: 20px;
  }

  .grid-tel-web {
    z-index: 8;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    place-content: space-between;
    display: grid;
  }

  .text-block-location-web {
    text-align: left;
  }

  .m-radio-5 {
    width: 20px;
    height: 20px;
  }

  .m-radio-5.email {
    background-size: 20px;
    width: 50%;
    height: 20px;
  }

  .text-block-144 {
    font-size: 11px;
  }

  .quote_form-6 {
    z-index: 99;
    min-height: 400px;
    padding: 30px 3% 0;
    display: none;
    position: fixed;
  }

  .image-call-web {
    width: 14px;
    margin-right: 5px;
  }

  .project_quote-call-web {
    display: flex;
  }

  .link-block-tel-1-web {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-tel-web {
    z-index: 9;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-location-web {
    width: 14px;
    margin-right: 5px;
  }

  .div-block-call-web {
    justify-content: flex-end;
    margin-right: 10px;
    display: flex;
  }

  .heading-web-2 {
    font-size: 27px;
    line-height: 27px;
  }

  .text-block-tel-web {
    text-align: center;
    flex: none;
    justify-content: center;
    font-size: 13px;
    display: block;
  }

  .checkbox-label-5 {
    line-height: 16px;
  }

  .input-4 {
    padding-left: 20px;
  }

  .div-block-location-2-web {
    display: none;
  }

  .m-rb-field-web-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .project_circle_wrap-2 {
    margin-left: 0;
  }

  .div-block-tel-outstaffing-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 7px;
    display: block;
  }

  .image-tel-web {
    flex: 0 auto;
    width: 16px;
    margin-right: 5px;
  }

  .heading-web-1 {
    margin-top: 0;
    font-size: 27px;
    line-height: 27px;
  }

  .form-wrapper-web-4 {
    z-index: 98;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: minmax(300px, 1fr);
    grid-auto-columns: 1fr;
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .m-radio-lable-5 {
    font-size: 14px;
    font-weight: 400;
  }

  .input-web-2 {
    padding-left: 20px;
  }

  .m-radio-lable-6 {
    font-size: 14px;
    font-weight: 400;
  }

  .div-block-name-2-web {
    z-index: 1;
    margin-left: 5px;
    top: 3px;
  }

  .navigation-full-agency {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-name-web {
    z-index: 1;
    margin-left: 7px;
    top: 3px;
  }

  .navigation-container-mob-3 {
    z-index: 1;
    position: relative;
  }

  .image-web {
    z-index: 1;
    width: auto;
    height: 10px;
    top: 3px;
  }

  .text-block-158 {
    margin-top: -5px;
    font-size: 16px;
  }

  .brand-1-1-web {
    z-index: 1;
  }

  .brand-1-1-web.w--current {
    z-index: 11;
  }

  .image-2-web {
    z-index: 1;
    width: auto;
    height: 30px;
    top: 1px;
  }

  .brand-1-web {
    z-index: 1;
  }

  .brand-1-web.w--current {
    z-index: 11;
  }

  .navigation-wrap-web {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-contact-web {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .div-block-agency-2 {
    flex: 0 auto;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-web-4 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1;
  }

  .input-web-3 {
    font-size: 14px;
  }

  .m-tab-menu-abraam-5 {
    margin-bottom: 10px;
  }

  .wrapper-agency.left {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .testimonial-block {
    flex: 1;
    justify-content: space-between;
    align-self: flex-end;
    margin-top: 0;
    position: static;
    top: 22px;
    left: -447px;
  }

  .testimonial-block._450-width {
    flex-direction: column;
    padding-top: 0;
    padding-right: 0;
  }

  .large-testimonial {
    font-size: 17px;
  }

  .large-testimonial.white.left {
    flex: 0 auto;
    font-size: 14px;
    display: block;
  }

  .heading-web-5 {
    font-size: 24px;
    line-height: 1;
  }

  .side-block-agency-2 {
    background-color: #0000;
    max-width: none;
    height: auto;
    margin-bottom: 40px;
    padding: 0;
    left: 0;
  }

  .section-6-agency-copy {
    margin-bottom: 60px;
    padding: 40px 20px;
  }

  .m-radio-lable-10 {
    font-size: 12px;
    font-weight: 400;
  }

  .form-label-6 {
    margin-bottom: 10px;
  }

  .div-block-web-agency {
    margin-left: auto;
  }

  .checkbox-label-6 {
    line-height: 16px;
  }

  .form-wrapper-web-agency {
    grid-template-columns: minmax(300px, 1fr);
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .input-5 {
    font-size: 14px;
  }

  .btn-submit-9 {
    height: 50px;
    font-size: 18px;
  }

  .m-radio-lable-9 {
    font-size: 12px;
    font-weight: 400;
  }

  .columns-web {
    flex-direction: column;
    align-items: stretch;
    margin-top: 20px;
    display: flex;
  }

  .heading-agency {
    font-size: 27px;
  }

  .heading-agency.white {
    margin-top: 20px;
    font-size: 24px;
  }

  .columns-2-agency.purple-mobile {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .m-rb-field-web-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .side-block-web {
    background-color: #0000;
    max-width: none;
    height: auto;
    margin-bottom: 40px;
    padding: 0;
    left: 0;
  }

  .div-block-web {
    flex: 0 auto;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
  }

  .wrapper-web.left {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .large-testimonial-2 {
    font-size: 17px;
  }

  .large-testimonial-2.white.left {
    flex: 0 auto;
    font-size: 14px;
    display: block;
  }

  .cta-grid-outstaffing {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .paragraph-cta-2-outstaffing, .paragraph-cta-outstaffing {
    font-size: 12px;
    line-height: 1.4;
  }

  .bold-text-cta-outstaffing {
    font-size: 27px;
    font-weight: 500;
    line-height: 1.4;
  }

  .section-6-outstaffing.outstaffing-form {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .checkbox-label-4 {
    line-height: 16px;
  }

  .btn-submit-5 {
    font-size: 20px;
    line-height: 1.4;
  }

  .deco-part-outstaffing {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/wanted-2.jpg');
    background-position: 0 0, 0%;
    height: auto;
    padding: 60px 20px;
  }

  .m-rb-field-web-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-web-3 {
    font-size: 27px;
    line-height: 27px;
  }

  .text-2-outstaffing {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 27px;
    font-weight: 600;
    line-height: .9;
  }

  .m-radio-lable-11 {
    font-size: 12px;
    font-weight: 400;
  }

  .paragraph-cta-3-outstaffing {
    font-size: 12px;
    line-height: 1.4;
  }

  .form-wrapper-outstaffing {
    grid-template-columns: minmax(300px, 1fr);
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .m-radio-lable-7 {
    font-size: 12px;
    font-weight: 400;
  }

  .deco-part-web {
    height: auto;
    padding: 40px 0 60px;
  }

  .cta-grid-web {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .form-wrapper-2-web {
    grid-template-columns: minmax(300px, 1fr);
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .navigation-wrap-2-web {
    padding: 5px 20px;
  }

  .navigation-full-2-web {
    padding-left: 0;
    padding-right: 0;
  }

  .title-line-footer-outstaffing, .title-line-footer-web {
    min-height: 1px;
  }

  .footer-web {
    margin-top: 140px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-form-grid-web-home-2 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-2-web {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-grid-web-3 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .footer-7-link-web-2 {
    margin-left: 10px;
    margin-right: 5px;
    font-size: 12px;
  }

  .navigation-wrap-web-2 {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-container-mob-4 {
    z-index: 1;
    position: relative;
  }

  .text-block-159 {
    font-size: 12px;
  }

  .footer-grid-web-4 {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .text-block-160 {
    margin-top: -5px;
    font-size: 12px;
  }

  .footer-right-column-web-2 {
    flex-direction: column;
  }

  .footer-5-link-web-2 {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
  }

  .footer-6-link-web-2 {
    text-align: center;
    margin-left: 5px;
    margin-right: 0;
    padding-right: 10px;
    font-size: 12px;
  }

  .image-footer-web {
    z-index: 1;
    width: auto;
    height: 10px;
    top: 3px;
  }

  .label-my-1.white-outline-label-2, .label-my-1.white-outline-label-3 {
    margin-left: 0;
  }

  .label-my-1.copy, .label-my-1.white-outline-label-5 {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
    line-height: 14px;
  }

  .button-large-business-card-site-2-1-copy.business-card-site, .button-large-business-card-site-2-2.business-card-site {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-large-business-card-site-2-2.business-card-site-2 {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .div-block-183 {
    margin-top: -20px;
  }

  .section-portfolio-website-promsila-copy, .section-portfolio-website-vavilon {
    margin-bottom: 0;
    padding: 20px;
  }

  .hero-section-03 {
    flex-direction: column;
    padding: 100px 20px;
  }

  .hero-03-image-wrap {
    height: 300px;
  }

  .heading-1 {
    font-size: 35px;
    line-height: 45px;
  }

  .hero-content-03 {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-portfolio-website-makeup {
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero1-web-portfolio-website-makeup {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size-text-web-portfolio-website-makeup {
    margin-bottom: 10px;
    font-size: 27px;
    line-height: 30px;
  }

  .paragraph-1-portfolio-website-makeup.web-home-2 {
    margin-top: 40px;
  }

  .paragraph-1-portfolio-website-makeup.portfolio-website-makeup {
    margin-top: 10px;
  }

  .paragraph-2-portfolio-website-makeup.web-home-4 {
    font-size: 14px;
  }

  .paragraph-2-portfolio-website-makeup.web-home-2 {
    margin-top: 40px;
  }

  .paragraph-2-portfolio-website-makeup.portfolio-website-makeup-2 {
    font-size: 14px;
  }

  .button-wrap-portfolio-website-makeup {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .image-web-portfolio-website-makeup {
    background-position: 50%;
    background-size: 500px;
    min-height: 400px;
    margin-top: 0;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .section-portfolio-website-makeup-1 {
    padding: 80px 20px;
  }

  .hero-split-portfolio-website-makeup-1 {
    margin-bottom: 30px;
  }

  .section-portfolio-website-vavilon-1 {
    padding: 60px 20px;
  }

  .section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1, .section-portfolio-website-agency-1, .section-portfolio-website-practiklife-1, .section-portfolio-website-beautyart-1, .section-portfolio-website-rpkvariant-1, .section-portfolio-website-beauty-1, .section-portfolio-website-barber-1, .section-portfolio-website-mats-1, .section-portfolio-website-abraam-1, .section-portfolio-website-saber-1, .section-portfolio-website-wellness-1, .section-portfolio-website-gate-1, .section-portfolio-website-vodoeconom-1 {
    padding: 80px 20px;
  }

  .hero-split-portfolio-website-vodoeconom-1 {
    margin-bottom: 30px;
  }

  .section-portfolio-website-consulting-1 {
    padding: 80px 20px;
  }

  .hero-split-portfolio-website-consulting-1 {
    margin-bottom: 30px;
  }

  .section-bil-new-copy {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-bil-new-portfolio {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-portfolio-website-trotuar-1 {
    padding: 80px 20px;
  }

  .section-portfolio-website-dentist-1 {
    margin-top: 40px;
    padding: 80px 20px;
  }

  .section-portfolio-website-podkova-tire-1, .section-portfolio-website-podkova-oil-1, .section-portfolio-website-radiators, .section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1, .section-portfolio-website-car-service_1 {
    margin-top: 0;
    padding: 80px 20px;
  }

  .content-contacts-grid-web_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .text-wrap-contact-web-3_1 {
    text-align: left;
    margin-bottom: 0;
  }

  .section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
    margin-top: 0;
    padding: 80px 20px;
  }

  .quote_form-7 {
    z-index: 99;
    align-items: flex-start;
    min-height: auto;
    padding: 10px 3%;
    display: none;
    inset: 0%;
  }

  .project_circle_wrap-5 {
    flex-flow: row;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .project_quote-home_11-1 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    display: flex;
  }

  .link-block-22 {
    z-index: 100;
    width: 20px;
    height: 20px;
  }

  .text-block-1572 {
    letter-spacing: 0;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1rem;
    display: block;
  }

  .form-wrapper-megapolis-2 {
    z-index: 98;
    grid-template-columns: minmax(300px, 1fr);
    width: 100%;
    max-width: 400px;
    min-height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 40px;
  }

  .div-block-call-back_11 {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .image-close-2 {
    width: 20px;
    height: 20px;
  }

  .rt-margin-bottom-thirty-6 {
    font-size: 1.8rem;
  }

  .div-block-call-back_11-1 {
    border-style: solid;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    top: 0;
  }

  .div-block-back-call_11-1 {
    border-style: none;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
    top: 4rem;
  }

  .rocket_link-4 {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .page-label {
    display: none;
  }

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

  .header {
    margin-top: 0;
  }

  .nav-menu-wrapper {
    max-width: 415px;
  }

  .nav-bottom-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .social-media-link-div {
    grid-row-gap: 14px;
    flex-flow: wrap;
  }

  .small-paragraph.white-800-color.newsletter-paragraph {
    max-width: none;
  }

  .nav-link {
    font-size: 26px;
  }

  .hero-section {
    height: 91vh;
    padding-bottom: 40px;
  }

  .home-hero-detail-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h1-heading, .h1-heading.home-hero-heading {
    font-size: 40px;
  }

  .large-paragraph.home-hero-paragraph {
    max-width: 600px;
  }

  .large-paragraph.bold-text.faq-heading {
    font-size: 16px;
  }

  .toggle-text_1 {
    font-size: 24px;
  }

  .our-ecosystem-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .h3-heading {
    font-size: 24px;
  }

  .our-ecosystem-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .h2-heading {
    font-size: 30px;
  }

  .section-405 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .large-text {
    margin-bottom: 0;
  }

  .nenu-icon-wrap {
    width: 40px;
    height: 40px;
  }

  .nav-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .header-button {
    display: none;
  }

  .nav-bar-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-menu-items {
    padding-left: 0;
    padding-right: 0;
  }

  .button-primary-2 {
    border-radius: 4px;
  }

  .header-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-section_1 {
    background-image: linear-gradient(#0009, #0009), url('../images/101.1.jpg');
    background-size: auto, cover;
    height: 91vh;
    padding: 0 1rem 100px;
  }

  .header_1 {
    margin-top: 0;
  }

  .header-section_1 {
    padding-left: 1rem;
    padding-right: 1rem;
    top: 0;
  }

  .brix---link-icon-left-3 {
    margin-right: 4px;
    font-size: 12px;
    line-height: 14px;
  }

  .brix---header-top-wrapper-2 {
    padding-top: 0;
  }

  .brix---top-header-left-col-2 {
    justify-content: center;
  }

  .brix---link-text-3 {
    font-size: 12px;
    font-weight: 500;
  }

  .brix---social-media-grid-right---mbl-center-2 {
    flex: none;
    justify-content: flex-end;
    place-items: center;
  }

  .brix---top-header-right-col-2 {
    justify-content: center;
  }

  .brix---grid-header-top-2 {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .header-container_2 {
    padding-top: 15px;
  }

  .grid-header-top-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr .75fr;
  }

  .top-header-right-col-2 {
    justify-content: flex-end;
    align-items: center;
  }

  .top-header-left-col-3 {
    justify-content: center;
  }

  .menu-button_1 {
    width: 40px;
    height: 40px;
  }

  .brand-16 {
    z-index: 1;
    padding-right: 0;
  }

  .brand-16.w--current {
    z-index: 11;
  }

  .image-10064 {
    z-index: 1;
    width: 24px;
    height: auto;
  }

  .div-block-name-2-2-4 {
    z-index: 1;
    margin-left: 10px;
    top: 0;
  }

  .nav-name_2-2-2 {
    font-size: .34rem;
    font-weight: 700;
  }

  .nav-3-name_1-2 {
    letter-spacing: .07rem;
    margin-top: 1px;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .link-text_1 {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
  }

  .top-header-left-col-4 {
    justify-content: flex-start;
    align-items: center;
  }

  .wrapper-9-1 {
    font-size: 12px;
    line-height: 14px;
  }

  .sub-heading_1.white-text {
    font-size: 12px;
  }

  .h2-heading_2 {
    font-size: 40px;
  }

  .h2-heading_2.home-hero-heading {
    font-size: 36px;
  }

  .h1-heading_1 {
    font-size: 40px;
  }

  .h1-heading_1.home-hero-heading {
    width: auto;
    font-size: 36px;
  }

  .home-hero-detail-div_1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    width: auto;
  }

  .container-34_1 {
    flex: 0 auto;
    margin-top: 0;
    padding-top: 0;
  }

  .section_2 {
    padding: 50px 1rem;
  }

  .h3-heading_1 {
    font-size: 24px;
  }

  .h3-heading_1.our-ecosystem-heading-text_1 {
    margin-top: 0;
    font-size: 16px;
  }

  .our-ecosystem-grid_1 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .our-ecosystem-card_1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h2-heading_01 {
    font-size: 32px;
  }

  .large-text_01 {
    margin-bottom: 0;
  }

  .section_3 {
    padding: 30px 1rem 50px;
  }

  .team-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .team-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .h4-heading {
    font-size: 22px;
  }

  .h2-heading-2 {
    font-size: 32px;
  }

  .common-heading-div, .team-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .footer-detail-div {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-link-div {
    grid-row-gap: 18px;
    flex-flow: wrap;
  }

  .newsletter-detail-div {
    max-width: none;
  }

  .paragraph-410.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .h2-heading-3 {
    font-size: 32px;
  }

  .newsletter-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .template-popup-div {
    display: none;
  }

  .accordion-list {
    padding-left: 10px;
  }

  .accordion-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .paragraph-411.faq-ans {
    font-size: 14px;
  }

  .faq-grid {
    grid-row-gap: 40px;
  }

  .section_8 {
    padding: 50px 1rem;
  }

  .header-section_1-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    top: 0;
  }

  .header-container_2-2 {
    padding-top: 12px;
  }

  .link-text_1-2 {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
  }

  .brix---link-icon-left-3-2, .link-icon-left-3-3 {
    margin-right: 4px;
    font-size: 12px;
    line-height: 14px;
  }

  .link-text-3-3 {
    font-size: 12px;
    font-weight: 500;
  }

  .h2-heading_3 {
    font-size: 30px;
  }

  .h3-heading_5 {
    font-size: 24px;
  }

  .h3-heading_5.our-ecosystem-heading-text {
    font-size: 16px;
  }

  .our-ecosystem-card_5 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .template-popup-div_1 {
    display: none;
  }

  .section_4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_4.team-section_4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .team-wrapper_4 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .common-heading-div_4 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .section_2-2 {
    padding: 50px 1rem;
  }

  .our-ecosystem-grid_2-1 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .our-ecosystem-card_2-1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .our-ecosystem-icon_2-1 {
    width: 50px;
  }

  .our-ecosystem-count-div_2-1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .h2-heading_2-01, .h2-heading_4 {
    font-size: 32px;
  }

  .h2-heading_4.white-text {
    margin-top: 7px;
    font-size: 20px;
  }

  .paragraph_4.white_4.paragraph_4-1 {
    font-size: 16px;
  }

  .team-grid_4 {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .our-ecosystem-icon_4-1 {
    width: 50px;
  }

  .team-grid_4-2 {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .team-card_4, .team-card_4-2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .common-button_4-1.white-button_4 {
    background-size: 38px;
  }

  .section_9 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_9.footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .newsletter-wrapper_9 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .brand-16_9 {
    z-index: 1;
    padding-right: 0;
  }

  .brand-16_9.w--current {
    z-index: 11;
  }

  .footer-link-div_9 {
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image_10_9 {
    z-index: 1;
    width: 24px;
    height: auto;
  }

  .div-block-name_9 {
    z-index: 1;
    margin-left: 10px;
    top: 0;
  }

  .nav-name_9 {
    font-size: .34rem;
    font-weight: 700;
  }

  .nav-3-name_9 {
    letter-spacing: .07rem;
    margin-top: 1px;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .paragraph_9.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .small-paragraph_9.white-800-color.newsletter-paragraph {
    max-width: none;
  }

  .social-media-link-div_9 {
    grid-row-gap: 14px;
    flex-flow: wrap;
  }

  .paragraph-410_9.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .footer-wrapper_9-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .bottom-footer-div_9-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
  }

  .image_9-02 {
    width: 6%;
  }

  .paragraph_9-022.white-800-color.newsletter-text, .paragraph_9-023.white-800-color.newsletter-text, .paragraph_9-33.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  .nav4-menu-wrap-2 {
    margin-right: 0;
  }

  .nav4-nav-link-2 {
    color: #4d4d4d;
    background-color: #fff;
    font-size: 14px;
    line-height: 16px;
  }

  .menu-icon {
    max-width: 100%;
  }

  .navbar4-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav4-nav-menu-2 {
    color: #333;
  }

  .menu-button-14 {
    background-color: #fff;
    margin-left: 16px;
  }

  .nav4-wrap {
    grid-column-gap: 16px;
  }

  .navbar-web {
    padding-left: 16px;
    padding-right: 16px;
  }

  .side-navigation-home-45 {
    width: 60px;
    margin-top: -263px;
    margin-left: 20px;
    left: 0;
  }

  .text-top-web-home-29 {
    letter-spacing: -2px;
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .text-top-web-home-46 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    max-width: 125%;
    margin-top: -50px;
    padding-bottom: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 27px;
    top: 0;
    left: 0;
  }

  .text-top-web-home-28 {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-web-home-44 {
    top: 0;
    left: -25px;
  }

  .text-top-web-home-37 {
    margin-top: 0;
  }

  .text-top-web-home-43 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-top-web-home-27 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .side-navigation-home-web {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .hero-section-home-14 {
    opacity: 1;
    background-image: linear-gradient(#fffc, #fffc), url('../images/macbook.png');
    background-position: 0 0, 60% 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 800px;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .container-1-web-home-4 {
    max-width: 100%;
    margin-top: 0;
    padding-left: 30px;
    font-size: 100%;
    line-height: 100%;
    top: 40px;
  }

  .hero-section-home-web {
    opacity: 1;
    background-image: linear-gradient(#ffffff80, #fff 89%), url('../images/1.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    max-width: 100%;
    height: 33em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .section-bil {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .heading-web-home-3 {
    width: 95%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    padding-left: 0;
    font-size: 9px;
    line-height: 16px;
    top: 0;
    left: 0;
  }

  .hero1-product-web-home {
    margin-top: 0;
  }

  .paragraph-70-web-home-4 {
    opacity: 1;
    padding-left: 0;
  }

  .size3-link-web-home {
    padding-left: 0;
    font-size: 24px;
    line-height: 27px;
  }

  .hero1-web-home {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .size1-text-web-home {
    font-size: 24px;
    line-height: 27px;
  }

  .button-large {
    font-size: 14px;
    line-height: 22px;
  }

  .section-3-web-home {
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero1-content {
    padding-right: 0;
  }

  .paragraph-70.web-home-4, .paragraph-70.web-home-6, .paragraph-70.web-home-2 {
    color: var(--black-3);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
  }

  .hero1-image-web-home {
    background-position: 50%;
    background-size: 350px;
    min-height: 300px;
  }

  .label.white-outline-label-3 {
    margin-left: 0;
  }

  .label.copy {
    margin-top: 8px;
    margin-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
  }

  .label.white-outline-label-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

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

  .label.inside-label-1, .label.inside-label-2 {
    background-color: var(--white);
    text-align: center;
    text-align: center;
  }

  .label.inside-label-1 {
    background-color: var(--white);
    text-align: center;
  }

  .label.inside-label-3, .label.inside-label-4 {
    text-align: center;
  }

  .size-text-web-home-2 {
    padding-left: 0;
    font-size: 24px;
    line-height: 27px;
  }

  .paragraph-web-home {
    font-size: 13px;
    line-height: 1.3;
  }

  .section-2-web-home {
    background-image: linear-gradient(to bottom, #ffffffe6, #ffffffe6), linear-gradient(to bottom, var(--white), #ffffff30 40%), linear-gradient(to bottom, #fff0 73%, white), url('../images/slider_02.jpg');
    background-position: 0 0, 0 0, 0 0, 30% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-web-home {
    width: 100%;
  }

  .deco-dot {
    margin-right: 10px;
  }

  .size1-text.web-home-3 {
    font-size: 24px;
    line-height: 27px;
  }

  .size1-text.size1-full-clear {
    padding-left: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .size1-text.text-web-home-services, .size1-text.business-card-site, .size1-text.landing-page, .size1-text.corporate-website, .size1-text.online-store, .size1-text.business-card-site-2, .size1-text.business-card-site-2 {
    font-size: 24px;
    line-height: 27px;
  }

  .content-grid-web-home {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .columns-1 {
    max-width: 300px;
    margin-top: 0;
  }

  .heading-web-home-4 {
    background-color: #0000;
    width: 80%;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 10px;
    padding-left: 0;
    font-size: 24px;
    line-height: 27px;
    top: -14px;
    left: 20px;
  }

  .column-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-mail-contact {
    background-image: linear-gradient(#fff3 89%, #fff), linear-gradient(to right, #ffffffd9 100%, #0000), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 40px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cta-text {
    margin-left: 0;
    line-height: 20px;
  }

  .checkbox-label {
    font-size: 10px;
    line-height: 14px;
  }

  .linea-2 {
    width: 8%;
    top: 0;
    left: 20px;
  }

  .container-mail-contact {
    z-index: auto;
    height: auto;
    margin-top: 0;
  }

  .linea-3 {
    width: 8%;
    top: -2px;
    left: 15px;
  }

  .desc-wrapp {
    flex-direction: row;
    align-items: flex-start;
    width: 90%;
    height: 220px;
    min-height: 220px;
    position: relative;
  }

  .desc-wrapp.one {
    width: 90%;
    height: 280px;
  }

  .desc-wrapp.one.web-home-4, .desc-wrapp.one._404 {
    flex-direction: column;
    width: 100%;
    min-height: auto;
    margin-top: 40px;
    left: -40px;
  }

  .left-block-contacts-home {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .section-tittle {
    font-size: 30px;
    line-height: 40px;
  }

  .section-tittle.cta {
    font-size: 24px;
    line-height: 28px;
  }

  .section-4-web-home {
    margin-bottom: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-advantages-1 {
    text-align: left;
    align-self: auto;
    width: 24px;
    max-width: 100%;
    height: 24px;
  }

  .text-label-advantages {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .blog4-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .text-label-advantages-2 {
    opacity: 1;
    color: var(--black-3);
    margin-top: 0;
    font-size: 13px;
    line-height: 1.3;
  }

  .text-advantages {
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    margin-top: 0;
    margin-left: 20px;
  }

  .blog4-featured-post {
    margin-top: 80px;
    padding: 16px;
  }

  .blog4-post-wrap {
    flex-direction: column;
  }

  .paragraph-web-home-services {
    font-size: 13px;
    line-height: 1.3;
  }

  .content-image-site-2 {
    background-position: 25% 100%;
    background-size: 450px;
    height: 250px;
    margin-bottom: 0;
  }

  .content-image-site-2:hover {
    background-position: 25% 100%;
    background-size: 450px;
  }

  .content9-image-grid {
    grid-template-rows: auto 250px;
    grid-auto-rows: 250px;
  }

  .content9-content-wrap {
    padding-right: 0;
  }

  .content-image-context {
    background-position: 50%;
    background-size: 160px;
    height: 250px;
  }

  .content9-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-2 {
    margin-top: 0;
    margin-bottom: 100px;
    padding: 20px 16px;
  }

  .content-image-copy {
    background-position: 50%;
    background-size: 250px;
    height: 250px;
  }

  .content-grey-section-social, .content-grey-section-social:hover {
    background-position: 50%;
    background-size: 140px;
  }

  .button-small {
    flex: none;
    align-self: stretch;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .button-small.form-centered-button {
    justify-content: center;
  }

  .button-small.white-small {
    flex: none;
  }

  .content-image-2 {
    background-position: 50%;
    background-size: 250px;
    height: 250px;
  }

  .content9-image-grid-2 {
    grid-template-rows: auto 250px;
    grid-auto-rows: 250px;
  }

  .content-image-context-2 {
    background-image: url('../images/Яндекс-Директ.svg');
    background-position: 50%;
    background-size: 260px;
    height: 250px;
  }

  .content-image-context-2:hover {
    background-image: url('../images/Яндекс-Директ.svg');
    background-repeat: no-repeat;
    background-size: 260px;
  }

  .content-image-copy-2 {
    background-position: 50%;
    background-size: 250px;
    height: 250px;
    margin-top: 20px;
  }

  .content-image-copy-2:hover {
    background-size: 250px;
  }

  .content-image-3 {
    background-position: 50%;
    background-size: 500px;
    height: 250px;
    margin-top: 30px;
  }

  .content-image-3:hover {
    background-size: 500px;
  }

  .footer-2-link-web {
    margin-bottom: 10px;
  }

  .footer-grid-web {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
    padding-top: 20px;
  }

  .footer-4-link-web {
    margin-bottom: 10px;
  }

  .footer-7-link-web {
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .section-footer-web {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-divider-web-2 {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-right-column-web {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
  }

  .text-field.right-margin-field {
    width: 100%;
    margin-bottom: 10px;
  }

  .footer-links-wrap-web-2 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 15px;
  }

  .footer-5-link-web {
    border-right-style: none;
    justify-content: center;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-form-grid-web-home {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .size3-text.footer-web-home {
    text-align: center;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
  }

  .text-block-footer-web-home-2 {
    text-align: left;
    margin-left: 15px;
  }

  .footer {
    margin-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-6-link-web {
    border-right-style: none;
    justify-content: center;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .footer-links-wrap-web {
    flex-direction: column;
  }

  .footer-3-link-web, .footer-1-link-web {
    margin-bottom: 10px;
  }

  .footer-form-wrap-web-home {
    flex-direction: column;
  }

  .footer-divider-web {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-grid-web-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
  }

  .hero-section-services {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a, #fff), url('../images/Home-17.1.jpg');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .container-1-web-services {
    max-width: 100%;
    margin-top: 0;
    padding-left: 40px;
    font-size: 100%;
    line-height: 100%;
    top: 58px;
  }

  .side-navigation-web-services {
    width: 30px;
    height: 160px;
    margin-top: 70px;
    margin-right: 7px;
    font-size: 10px;
    line-height: 10px;
  }

  .heading-web-home-5 {
    width: auto;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    padding-left: 0;
    font-size: 9px;
    line-height: 16px;
    top: 0;
    left: 0;
  }

  .image-wrap-web-services-2 {
    box-shadow: 0 3px 20px 3px #0000001a;
  }

  .paragraph-web-services-2 {
    font-size: 13px;
    line-height: 1.3;
  }

  .section-web-services {
    margin-top: 30px;
    margin-bottom: 80px;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .size3-link, .size3-link.web-services-3 {
    font-size: 24px;
    line-height: 27px;
  }

  .content-image-site.content12-image1 {
    background-position: 20%;
    background-size: 500px;
  }

  .paragraph-web-services {
    font-size: 13px;
    line-height: 1.3;
  }

  .size-text-web-services {
    font-size: 24px;
    line-height: 27px;
  }

  .content-grid-web-services {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content12-image.content12-image2 {
    background-size: 240px;
  }

  .content12-image.content12-image3 {
    background-size: 200px;
    width: auto;
  }

  .content12-image.content12-image4 {
    background-size: 300px;
  }

  .content-image-5.content12-image2 {
    background-size: 240px;
  }

  .content-image-5.content12-image3, .content-image-5.content12-image4 {
    background-size: 300px;
  }

  .content-image-5.web-design {
    background-image: url('../images/1579385032_42-94.jpg');
    background-size: 700px;
    max-width: none;
  }

  .hero-section-website-creation {
    opacity: 1;
    background-image: linear-gradient(#ffffff4d 87%, #fffffffc), url('../images/Home-26.1.jpg');
    background-position: 0 0, 15%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .container-website-creation {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .blog-image-website-creation {
    background-size: 300px;
    width: 100%;
  }

  .blog-grid-website-creation {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .heading-website-creation {
    font-size: 24px;
    line-height: 27px;
  }

  .blog1-button-wrap {
    width: 100%;
    max-width: none;
  }

  .size-text-website-creation {
    font-size: 24px;
    line-height: 27px;
  }

  .section-website-creation {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-website-creation-2 {
    background-size: 500px;
    width: 100%;
  }

  .blog-image-website-creation-4 {
    background-position: 0 0;
    background-size: 450px;
    width: 100%;
  }

  .blog-image-website-creation-3 {
    background-position: 0%;
    background-size: 450px;
    width: 100%;
  }

  .section-website-creation-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section-contextual-advertising {
    opacity: 1;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .side-navigation-web-contextual-advertising {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .container-contextual-advertising {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .text-top-web-contextual-advertising {
    font-size: 40px;
    line-height: 45px;
    left: 0;
  }

  .text-top-web-contextual-advertising-2 {
    max-width: 95%;
    font-size: 45px;
    line-height: 45px;
    top: -15px;
    left: 0;
  }

  .text-top-web-contextual-advertising-3 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
    left: 50px;
  }

  .text-top-web-contextual-advertising-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .blog-image-contextual-advertising {
    background-size: 260px;
    width: 100%;
  }

  .paragraph-contextual-advertising {
    font-size: 13px;
    line-height: 1.3;
  }

  .heading-contextual-advertising-2 {
    font-size: 24px;
    line-height: 27px;
  }

  .blog-image-contextual-advertising-2 {
    background-size: 140px;
    width: 100%;
  }

  .section-contextual-advertising {
    margin-top: 20px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-grid-contextual-advertising {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-mail-contact-web {
    background-image: linear-gradient(#fff3 89%, #fff), linear-gradient(to right, #ffffffd9 100%, #0000), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 10px 16px 20px;
  }

  .container-mail-contact-web {
    z-index: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
    height: auto;
    margin-top: 0;
    display: grid;
  }

  .left-block-contacts-web {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .m-tab-menu-abraam {
    border-left-style: none;
  }

  .heading-44 {
    font-size: 20px;
    line-height: 20px;
  }

  .m-rb-field-abraam {
    padding-left: 0;
    padding-right: 0;
  }

  .form-block-abraam {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .form-abraam {
    margin-left: auto;
    margin-right: auto;
  }

  .m-rb-field-4-abraam {
    padding-left: 0;
    padding-right: 0;
  }

  .checkbox-label-2 {
    font-size: 10px;
    line-height: 12px;
  }

  .m-rb-field-3-abraam {
    padding: 13px 0 12px;
  }

  .form-wrapper-abraam {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-radio-lable-2 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 7px 6px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .m-rb-field-2-abraam {
    padding: 13px 0 12px;
  }

  .m-radio-2-phone, .m-radio-2-phone.phone-2, .m-radio-2-phone.phone-2 {
    width: 30%;
    max-width: 100%;
    display: none;
  }

  .btn-submit-2 {
    max-width: none;
    height: 60px;
    font-size: 18px;
  }

  .m-radio-2, .m-radio-2.whatsapp, .m-radio-2.email {
    width: 30%;
    max-width: 100%;
    display: none;
  }

  .form-wrapper-web {
    float: left;
    grid-template-columns: 1fr;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-web {
    font-size: 20px;
    line-height: 20px;
  }

  .form-web {
    margin-left: auto;
    margin-right: auto;
  }

  .form-block-web {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .m-rb-field-web {
    padding-left: 0;
    padding-right: 0;
  }

  .m-rb-field-2-web, .m-rb-field-3-web {
    padding: 13px 0 12px;
  }

  .m-rb-field-4-web {
    padding-left: 0;
    padding-right: 0;
  }

  .text-top-web-home-30 {
    font-size: 36px;
    line-height: 36px;
    left: 0;
  }

  .text-top-web-home-31, .text-top-web-home-32 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .hero-section-copywriting {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 30%, #fff 96%), linear-gradient(#ffffff1a 78%, #fff 96%), url('../images/desk_coffee-3.jpg');
    background-position: 0 0, 0 0, 90% 100%;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .container-copywriting {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 53px;
  }

  .text-top-web-copywriting {
    font-size: 40px;
    line-height: 40px;
    left: 0;
  }

  .text-top-web-copywriting-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .side-navigation-copywriting-2 {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .paragraph {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-copywriting-4 {
    font-size: 14px;
    line-height: 1.3;
  }

  .size-text-copywriting {
    font-size: 24px;
    line-height: 27px;
  }

  .button-small-3 {
    flex: none;
    align-self: stretch;
  }

  .button-small-3.white-small {
    flex: none;
  }

  .section-copywriting {
    margin-top: 80px;
    margin-bottom: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-copywriting-2 {
    font-size: 13px;
    line-height: 1.3;
  }

  .product-grid-copywriting {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .product-image-business-card-site {
    background-size: 260px;
  }

  .hero-section-targeted-advertising {
    background-image: linear-gradient(to right, var(--white) 22%, #ffffff59 62%), linear-gradient(to top, #ffffff1a 50%, white), linear-gradient(to bottom, #ffffff1a 54%, white 85%), url('../images/Home-14.jpg');
    opacity: 1;
    background-position: 0 0, 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .container-targeted-advertising {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 85px;
  }

  .text-top-web-targeted-advertising {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .text-top-web-targeted-advertising-2 {
    max-width: 70%;
    font-size: 40px;
    line-height: 40px;
    top: -9px;
    left: 65px;
  }

  .text-top-web-targeted-advertising-3 {
    letter-spacing: -2px;
    max-width: none;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .side-navigation-targeted-advertising {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .paragraph-targeted-advertising {
    font-size: 13px;
    line-height: 1.3;
  }

  .blog-grid-targeted-advertising {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-targeted-advertising {
    margin-top: 40px;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-targeted-advertising {
    font-size: 24px;
    line-height: 27px;
  }

  .blog-image-targeted-advertising-2 {
    background-size: 300px;
    width: 100%;
  }

  .blog-image-targeted-advertising {
    background-size: 140px;
    width: 100%;
  }

  .button-small-2 {
    flex: none;
    align-self: stretch;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .blog-image-targeted-advertising-3 {
    background-size: 240px;
    width: 100%;
  }

  .section-targeted-advertising-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .label-my.white-outline-label-3 {
    margin-left: 0;
  }

  .label-my.copy {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 12px;
  }

  .label-my.white-outline-label-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .label-my.inside-label {
    text-align: center;
  }

  .hero-section-business-card-site {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 30%, #fff), linear-gradient(#ffffff1a 50%, #fff), url('../images/Home-25.jpg');
    background-position: 0 0, 0 0, 75%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .container-business-card-site {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .text-top-business-card-site {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-business-card-site-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-business-card-site-3 {
    font-size: 45px;
    line-height: 45px;
    top: -15px;
    left: 25px;
  }

  .text-top-business-card-site-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .side-navigation-business-card-site {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .section-business-card-site {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 35%, #fff 90%), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-business-card-site {
    font-size: 14px;
    line-height: 20px;
  }

  .size1-text-business-card-site {
    font-size: 24px;
    line-height: 27px;
  }

  .product-image-business-card-site-2 {
    background-size: 260px;
  }

  .product-grid-business-card-site {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-section-landing-page {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a 55%, #fff), linear-gradient(to top, #ffffff4d, #fff 79%), url('../images/Home-13.1.jpg');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .container-landing-page {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .text-top-landing-page {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-landing-page-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-landing-page-3 {
    font-size: 45px;
    line-height: 45px;
    top: -5px;
    left: 0;
  }

  .text-top-landing-page-4 {
    letter-spacing: -2px;
    max-width: 60%;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
    top: -5px;
    left: 60px;
  }

  .side-navigation-landing-page {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .product-grid-landing-page {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .product-image-landing-page {
    background-size: 600px;
  }

  .section-landing-page {
    margin-top: 80px;
    margin-bottom: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section-corporate-website {
    opacity: 1;
    background-position: 0 0, 0 0, 70%;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .container-corporate-website {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .text-top-corporate-website {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 27px;
    line-height: 30px;
    top: 5px;
  }

  .text-top-corporate-website-2 {
    font-size: 45px;
    line-height: 45px;
    top: 0;
    left: 120px;
  }

  .text-top-corporate-website-3 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .side-navigation-web-corporate-website {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .section-corporate-website {
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-image-corporate-website {
    background-position: 20%;
    background-size: cover;
  }

  .product-grid-corporate-website {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-section-online-store {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3 7%, #fff 89%), linear-gradient(#fff3 54%, #fff 96%), url('../images/Home-18.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .text-top-online-store {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-online-store-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-online-store3 {
    font-size: 40px;
    line-height: 45px;
    left: 0;
  }

  .text-top-online-store-3 {
    font-size: 45px;
    line-height: 45px;
    top: -10px;
    left: 45px;
  }

  .text-top-online-store-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .container-online-store {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .side-navigation-online-store {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .size1-text-online-store {
    line-height: 36px;
  }

  .product-image-online-store {
    background-size: 700px;
  }

  .product-grid-online-store {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-online-store {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section-yandex {
    opacity: 1;
    background-image: linear-gradient(to top, #fff3, #fff 79%), linear-gradient(#fff3 48%, #fff 97%), url('../images/Home-16.2.jpg');
    background-position: 0 0, 0 0, 80%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-yandex {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-yandex-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-yandex-3 {
    font-size: 45px;
    line-height: 45px;
    top: -5px;
    left: 50px;
  }

  .text-top-yandex-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .container-yandex {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 55px;
  }

  .side-navigation-yandex {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .paragraph-yandex-4 {
    font-size: 13px;
    line-height: 1.3;
  }

  .content-grid-yandex {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-yandex-3 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px 16px 0;
  }

  .content-image-yandex {
    background-size: 260px;
  }

  .content-quote-yandex {
    font-size: 20px;
    line-height: 24px;
  }

  .paragraph-yandex-5, .paragraph-yandex-10 {
    line-height: 1.3;
  }

  .hero-section-google {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 66%, #fff 92%), linear-gradient(#ffffff1a 47%, #fff), url('../images/Home-19.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-google {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-google-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-google-3 {
    font-size: 45px;
    line-height: 45px;
    top: -5px;
    left: 60px;
  }

  .text-top-google-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .container-google {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 58px;
  }

  .side-navigation-google {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .content-image-google {
    background-size: 160px;
    width: 100%;
  }

  .content-grid-google {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-google {
    margin-bottom: 80px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-quote-google {
    font-size: 20px;
    line-height: 24px;
  }

  .paragraph-google-10 {
    font-size: 14px;
    line-height: 1.3;
  }

  .hero-section-web-design {
    opacity: 1;
    background-position: 0 0, 0 0, 50%;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-web-design {
    font-size: 30px;
    line-height: 40px;
    top: 5px;
    left: 0;
  }

  .text-top-web-design-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-web-design-3 {
    font-size: 40px;
    line-height: 45px;
    left: 0;
  }

  .text-top-web-design-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 45px;
    line-height: 45px;
    top: -10px;
    left: 25px;
  }

  .container-web-design {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 40px;
  }

  .side-navigation-web-design {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .section-web-design {
    margin-top: 60px;
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-grid-web-design {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .size-text-web-design {
    font-size: 24px;
    line-height: 27px;
  }

  .paragraph-web-design {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-web-design-2 {
    font-size: 14px;
  }

  .paragraph-web-design-3 {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
  }

  .product-image-web-design {
    background-size: 900px;
  }

  .hero-section-vk {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 91%), linear-gradient(#ffffff4d 63%, #fff 97%), url('../images/Home-23.1.jpg');
    background-position: 0 0, 0 0, 75%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-web-vk {
    font-size: 40px;
    line-height: 45px;
    left: 0;
  }

  .text-top-web-vk-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .container-vk {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 52px;
  }

  .side-navigation-vk {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .content-grid-vk {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-vk-2, .paragraph-vk-3 {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-image-vk {
    background-size: 160px;
    width: 100%;
  }

  .content-quote-vk {
    font-size: 20px;
    line-height: 24px;
  }

  .section-vk {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-vk {
    font-size: 13px;
    font-weight: 300;
  }

  .hero-section-facebook {
    opacity: 1;
    background-image: linear-gradient(#ffffff1a, #fff 86%), url('../images/Home-20.1.jpg');
    background-position: 0 0, 75%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-facebook {
    font-size: 30px;
    line-height: 40px;
    left: 0;
  }

  .text-top-facebook-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .text-top-facebook-3 {
    font-size: 45px;
    line-height: 45px;
    top: -5px;
    left: 25px;
  }

  .text-top-facebook-4 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .container-facebook {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 54px;
  }

  .side-navigation-facebook {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .content-grid-instagram {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-instagram {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-image-instagram {
    background-size: 400px;
    width: 100%;
  }

  .section-instagram {
    margin-bottom: 80px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-instagram-4 {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-quote-instagram {
    font-size: 20px;
    line-height: 24px;
  }

  .paragraph-instagram-3 {
    font-size: 14px;
    line-height: 1.3;
  }

  .hero-section-mytarget {
    opacity: 1;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-web-mytarget {
    font-size: 40px;
    line-height: 40px;
    left: 0;
  }

  .text-top-web-mytarget-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .container-mytarget {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 51px;
  }

  .side-navigation-mytarget {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .section-ok {
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-ok {
    background-size: 240px;
    width: 100%;
  }

  .paragraph-ok-3 {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-quote-ok {
    font-size: 20px;
    line-height: 24px;
  }

  .paragraph-ok, .paragraph-ok-4 {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-grid-ok {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-section-portfolio {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 26%, #fff 87%), linear-gradient(#ffffff1a 75%, #fff), url('../images/Home-22.1.jpg');
    background-position: 0 0, 0 0, 80%;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-web-portfolio {
    font-size: 40px;
    line-height: 40px;
    left: 0;
  }

  .text-top-web-portfolio-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .container-portfolio {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 52px;
  }

  .side-navigation-portfolio {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .blog-image-portfolio-2 {
    background-position: 50% 0;
    background-size: 600px;
  }

  .blog-grid-portfolio {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .size-text-portfolio {
    font-size: 24px;
    line-height: 27px;
  }

  .blog-image-web-design {
    background-position: 40%;
    background-size: 500px;
    height: 200px;
  }

  .section-portfolio-10 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-portfolio-3 {
    background-position: 30% 0;
    background-size: 600px;
  }

  .blog-image-portfolio {
    background-position: 30%;
    background-size: 500px;
  }

  .section-portfolio {
    margin-top: 100px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-portfolio-15 {
    background-position: 30% 0;
    background-size: 600px;
  }

  .blog-image-portfolio-14 {
    background-position: 30%;
    background-size: 500px;
  }

  .blog-image-portfolio-9 {
    background-position: 40% 0;
    background-size: 500px;
  }

  .section-portfolio-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-portfolio-12 {
    background-position: 25% 0;
    background-size: 600px;
  }

  .blog-image-portfolio-16 {
    background-position: 45% 0;
    background-size: 600px;
  }

  .blog-image-portfolio-4 {
    background-position: 50% 0;
    background-size: 500px;
  }

  .blog-image-portfolio-13 {
    background-position: 30% 0;
    background-size: 500px;
  }

  .blog-image-portfolio-8 {
    background-position: 15% 0;
    background-size: 600px;
  }

  .section-portfolio-3, .section-portfolio-4, .section-portfolio-11 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-portfolio-5 {
    background-position: 0 0;
    background-size: 600px;
  }

  .blog-image-portfolio-6 {
    background-position: 10% 0;
    background-size: 600px;
  }

  .section-portfolio-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-portfolio-17 {
    background-position: 0 0;
    background-size: 600px;
  }

  .blog-image-portfolio-18 {
    background-size: 600px;
  }

  .section-portfolio-1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section-contacts {
    opacity: 1;
    background-image: linear-gradient(to top, #ffffff1a 54%, #fff), linear-gradient(#ffffff4d 55%, #fff 85%), url('../images/phone-close-up-scaled.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    max-width: 100%;
    height: 35em;
    margin-top: 0;
    padding: 0 16px 30px;
  }

  .text-top-web-contacts {
    font-size: 40px;
    line-height: 40px;
    left: 0;
  }

  .text-top-web-contacts-2 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .container-contacts {
    max-width: 100%;
    margin-top: 0;
    padding-left: 7px;
    font-size: 100%;
    line-height: 100%;
    top: 52px;
  }

  .side-navigation-contacts {
    width: 30px;
    height: 30vh;
    margin-top: 0;
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .content-items-wrap-contacts {
    padding: 25px 20px 15px;
  }

  .content-contacts-grid-web {
    grid-column-gap: 12px;
  }

  .size-text-contact-web-2.contact-web {
    width: 160px;
    max-width: 100%;
    font-size: 18px;
    line-height: 21px;
    top: -25px;
    left: 40px;
  }

  .image-contact-web-4 {
    width: 20px;
    max-width: none;
    position: relative;
    top: -2px;
  }

  .content-label-headline-contacts {
    font-size: 14px;
  }

  .size-text-footer-variant-1.contact-web {
    width: 200px;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    top: -25px;
    left: 40px;
  }

  .section-contacts {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-contact-web-3 {
    width: 20px;
    max-width: none;
    position: relative;
    top: -4px;
  }

  .content33-divider {
    margin-bottom: 10px;
  }

  .content-grid-contacts {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .text-wrap-contact-web, .text-wrap-contact-web-3 {
    margin-top: 0;
  }

  .link-119 {
    font-size: 16px;
    line-height: 1.3;
  }

  .size-text-2-contacts {
    font-size: 24px;
    line-height: 27px;
  }

  .content-image-contacts {
    background-size: 300px;
    height: 240px;
  }

  .size-text-web-contacts.contact-web {
    width: 160px;
    max-width: 100%;
    font-size: 18px;
    line-height: 21px;
    top: -25px;
    left: 40px;
  }

  .size-text-web-contacts.contacts-web, .size-text-web-contacts-2.contact-web {
    width: 200px;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    top: -25px;
    left: 40px;
  }

  .block_wrap {
    width: 100%;
  }

  .section-website-creation-3 {
    background-position: 15%;
  }

  .block_wrap-copy {
    width: 100%;
  }

  .section-4-web-advantages {
    background-image: linear-gradient(#fffc 79%, #fff), url('../images/slider-1.2.jpg');
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 20px 16px 0;
  }

  .small-grid-advantages {
    grid-template-rows: minmax(50px, 1fr);
  }

  .featured-post-advantages {
    margin-top: 40px;
    padding: 16px;
  }

  .post-wrap-advantages {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .post-wrap-advantages-2, .post-wrap-advantages-3, .post-wrap-advantages-4 {
    flex-direction: row;
  }

  .image-advantages-4, .image-advantages-3, .image-advantages-2 {
    text-align: left;
    align-self: auto;
    width: 40px;
    max-width: 100%;
  }

  .paragraph-web-home-2 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-70-2.web-home-4 {
    font-size: 16px;
    line-height: 20px;
  }

  .section-copywriting-2 {
    margin-top: 20px;
    margin-bottom: 60px;
    padding: 0 16px 60px;
  }

  .product-grid-copywriting-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-yandex-6 {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-yandex-7 {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-yandex-8, .paragraph-yandex-9, .paragraph-yandex-4-copy, .paragraph-yandex-12, .paragraph-yandex-13, .paragraph-copywriting-3, .paragraph-copywriting-5, .paragraph-business-card-site-2 {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-landing-page-2, .paragraph-corporate-website-1, .paragraph-online-store-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-google {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-google-2 {
    width: 100%;
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-yandex-14 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-google-3, .paragraph-google-5, .paragraph-google-6, .paragraph-google-7, .paragraph-google-8, .paragraph-google-9, .paragraph-vk-1 {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-vk-5 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-vk-6, .paragraph-vk-7, .paragraph-vk-8, .paragraph-instagram-2, .paragraph-instagram-6 {
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-google-12 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-70-home.web-home-4 {
    color: var(--black-2);
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-ok-2 {
    font-size: 13px;
  }

  .paragraph-contacts-4, .paragraph-contacts-5 {
    font-size: 13px;
    line-height: 1.3;
  }

  .section-2-web-home-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-business-card-site-2 {
    margin-bottom: 60px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-business-card-site {
    background-size: 300px;
    width: 100%;
    height: 20em;
    margin-top: 0;
  }

  .content-grid-business-card-site {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .image-business-card-site-2 {
    margin-top: 2px;
    margin-right: 15px;
  }

  .image-business-card-site-3, .image-business-card-site-4, .image-business-card-site-5, .image-business-card-site-6, .image-business-card-site-7, .image-business-card-site-8, .image-business-card-site-9 {
    margin-right: 10px;
  }

  .section-landing-page-2 {
    margin-bottom: 60px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-landing-page {
    background-size: 280px;
    width: 100%;
    height: 20em;
    margin-top: 0;
  }

  .content-grid-landing-page {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-corporate-website-2 {
    margin-bottom: 60px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-corporate-website {
    background-size: 300px;
    width: 100%;
    height: 20em;
    margin-top: 0;
  }

  .content-grid-corporate-website {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-online-store-2 {
    margin-bottom: 60px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-online-store {
    background-size: 300px;
    width: 100%;
    height: 20em;
    margin-top: 0;
  }

  .content-grid-online-store {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-business-card-site-3 {
    margin-bottom: 60px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-image-business-card-site-2 {
    background-size: 300px;
    width: 100%;
    height: 20em;
  }

  .content-grid-business-card-site-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content-headline-wrap-business-card-site-2 {
    margin-bottom: 0;
  }

  .image-business-card-site-10, .image-business-card-site-11, .image-business-card-site-12, .image-business-card-site-13, .image-business-card-site-14 {
    margin-right: 10px;
  }

  .button-label-2 {
    font-size: 16px;
    line-height: 21px;
  }

  .faq-question-bar-barber {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .image-services-barber {
    background-size: 450px;
  }

  .faq-paragraph {
    padding-left: 20px;
    font-size: 12px;
  }

  .question-title {
    flex: 1;
  }

  .text-block-barber-7 {
    font-size: 24px;
    line-height: 24px;
    top: 68px;
  }

  .faq-paragraph-price-barber-8, .faq-paragraph-price-barber {
    padding-left: 20px;
    font-size: 12px;
  }

  .plus {
    margin-left: 10px;
  }

  .faq-paragraph-3 {
    padding-left: 0;
    font-size: 13px;
    line-height: 1.3;
  }

  .div-block-the-barber {
    background-image: url('../images/The-BARBER-80.png');
    background-repeat: no-repeat;
    background-size: 280px;
  }

  .section-3-services-barber {
    margin-top: 0;
    margin-bottom: 0;
  }

  .faq-paragraph-price-barber-5 {
    padding-left: 20px;
    font-size: 12px;
  }

  .button-small-2-barber {
    flex: none;
    align-self: stretch;
    width: 100%;
    margin-left: 0;
    padding-bottom: 15px;
  }

  .question-title-barber {
    flex: 1;
    font-size: 14px;
    line-height: 1.3;
  }

  .content-grid-services-barber {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-web-design-2 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/Home-27.1.jpg');
    background-position: 0 0, 10%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-grid-web-design {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .faq-question-bar-web-design {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .question-title-web-design {
    flex: 1;
    font-size: 12px;
    line-height: 16px;
  }

  .content-section-web-design {
    padding-left: 0%;
    padding-right: 0%;
  }

  .faq-question-bar-web-design-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .faq-question-bar-web-design-3 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .faq-paragraph-web-design {
    padding-left: 20px;
    font-size: 12px;
  }

  .faq-question-bar-web-design-4 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .faq-paragraph-price-barber-5-copy, .faq-paragraph-web-design-5 {
    padding-left: 20px;
    font-size: 12px;
  }

  .web-design-01 {
    font-size: 70px;
  }

  .paragraph-web-design-4 {
    font-size: 14px;
    line-height: 1.3;
  }

  .hero-web {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-web {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-image-web {
    background-position: 0%;
  }

  .section-business-card-site-4 {
    margin-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .size-text-business-card-site-2 {
    color: var(--black-2);
  }

  .size-text.web-home-3 {
    font-size: 24px;
    line-height: 27px;
  }

  .size-text.size1-full-clear {
    padding-left: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .size-text.business-card-site, .size-text.landing-page, .size-text.corporate-website, .size-text.online-store, .size-text.business-card-site-2 {
    font-size: 24px;
    line-height: 27px;
  }

  .paragraph-70-business-card-site.web, .paragraph-70-business-card-site-2.web {
    font-size: 13px;
    line-height: 1.3;
  }

  .size-text-business-card-site-3 {
    color: var(--black-2);
    font-size: 16px;
    line-height: 1.3;
  }

  .button-large-business-card-site {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-business-card-site.business-card-site {
    width: 80%;
  }

  .hero4-image {
    height: 360px;
  }

  .hero6-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-with-background-wrap.hero2-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-with-background-wrap.business-card-site, .hero-with-background-wrap.corporate-website, .hero-with-background-wrap.online-store {
    padding-left: 0;
    padding-right: 0;
  }

  .hero7-bottom-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero2-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero7-bottom-title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero7-text-jumbo {
    font-size: 34px;
    line-height: 42px;
  }

  .hero7-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero5-image-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero2-image {
    height: 360px;
  }

  .hero2-product-name {
    margin-bottom: 0;
  }

  .hero5-grid, .hero4-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero4-link-block {
    padding: 30px;
    font-size: 14px;
    line-height: 22px;
  }

  .hero4-button-text {
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 32px;
  }

  .hero7-product-name {
    margin-bottom: 5px;
  }

  .section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero2-product {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero2-latest {
    flex-direction: column;
    padding: 20px;
  }

  .component-divider {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero3, .hero1 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero7-product-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 16px;
  }

  .elements-grid-business-card-site {
    margin-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-grid-business-card-site {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-image-business-card-site {
    height: 300px;
  }

  .button-large-business-card-site-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-business-card-site-2.business-card-site {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-latest-business-card-site {
    flex-direction: column;
    padding: 40px 20px 20px;
  }

  .image-business-card-site-15 {
    margin-top: 2px;
    margin-right: 15px;
  }

  .image-business-card-site-16 {
    margin-right: 15px;
  }

  .image-business-card-site-17, .image-business-card-site-18, .image-business-card-site-19 {
    margin-top: 2px;
    margin-right: 15px;
  }

  .image-business-card-site-20 {
    margin-right: 15px;
  }

  .image-business-card-site-21 {
    margin-top: 2px;
    margin-right: 15px;
  }

  .elements-grid-business-card-site-2 {
    margin-bottom: 60px;
  }

  .hero-bottom-grid-business-card-site {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-bottom-title-business-card-site {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-product-name-business-card-site {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 24px;
  }

  .hero-product-wrap-business-card-site {
    flex-direction: row;
    align-items: flex-start;
    width: 320px;
    margin-left: 0;
    margin-right: 0;
    padding: 18px 16px;
  }

  .hero7-text-jumbo-copy {
    font-size: 34px;
    line-height: 42px;
  }

  .hero-text-jumbo-business-card-site {
    width: 200px;
    margin-top: 20px;
    font-size: 34px;
    line-height: 42px;
  }

  .paragraph-business-card-site-11, .paragraph-business-card-site-12, .paragraph-business-card-site-13, .paragraph-business-card-site-14, .paragraph-business-card-site-15 {
    font-size: 14px;
    line-height: 1.2;
  }

  .section-landing-page-3 {
    margin-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-landing-page-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 35%, #fff 90%), url('../images/43.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 16px 20px;
  }

  .elements-grid-landing-page {
    margin-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .size1-text-landing-page-2 {
    font-size: 24px;
    line-height: 27px;
  }

  .paragraph-landing-page-3 {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-landing-page-4 {
    font-size: 13px;
    line-height: 1.3;
  }

  .hero-landing-page {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-image-landing-page {
    background-position: 0%;
  }

  .button-large-landing-page {
    font-size: 14px;
    line-height: 22px;
  }

  .hero-text-jumbo-business-card-site-2 {
    font-size: 34px;
    line-height: 42px;
  }

  .hero-product-name-business-card-site-2 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 27px;
  }

  .hero-product-wrap-business-card-site-2 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 16px;
  }

  .elements-grid-landing-page-2 {
    margin-bottom: 100px;
  }

  .hero-bottom-grid-landing-page {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-corporate-website-3 {
    margin-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-corporate-website {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-corporate-website-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 35%, #fff 90%), url('../images/44.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 16px 20px;
  }

  .product-grid-corporate-website-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-corporate-website-3 {
    font-size: 14px;
    line-height: 1.3;
  }

  .elements-grid-corporate-website {
    margin-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-grid-corporate-website {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .elements-grid-corporate-website-2 {
    margin-bottom: 100px;
  }

  .hero-bottom-grid-corporate-website {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-online-store-3 {
    margin-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-online-store {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-online-store-4 {
    background-image: linear-gradient(to top, #ffffff1a, #fff 70%), linear-gradient(#ffffff1a 35%, #fff 90%), url('../images/45.jpg');
    background-position: 0 0, 0 0, 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 16px 20px;
  }

  .product-grid-online-store-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .elements-grid-online-store {
    margin-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-grid-online-store {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .elements-grid-online-store-2 {
    margin-bottom: 100px;
  }

  .hero-bottom-grid-online-store {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .menu-button {
    margin-left: 16px;
  }

  .nav4-nav-link-3 {
    color: #4d4d4d;
    background-color: #fff;
    font-size: 14px;
    line-height: 16px;
  }

  .menu-button-14-copy {
    background-color: #fff;
    margin-left: 16px;
  }

  .section-404 {
    background-image: linear-gradient(to top, #ffffff1a 40%, #fff 70%), linear-gradient(#ffffff1a 35%, #fff 90%), url('../images/3379-4.jpg');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-grid-404 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-mail-contact-404 {
    background-image: linear-gradient(#fff3 89%, #fff), linear-gradient(to right, #ffffffd9 100%, #0000), url('../images/01.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1200px;
    margin-top: 40px;
    padding: 0 16px 40px;
  }

  .heading-404 {
    background-color: #0000;
    width: 80%;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 10px;
    padding-left: 0;
    font-size: 24px;
    line-height: 27px;
    top: -14px;
    left: 20px;
  }

  .left-block-contacts-404 {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .container-mail-contact-404 {
    z-index: auto;
    height: auto;
    margin-top: 0;
  }

  .form-wrapper-404 {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-404 {
    margin-left: auto;
    margin-right: auto;
  }

  .form-block-404 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .text-top-web-home-2 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    max-width: 90%;
    margin-top: 40px;
    margin-left: -20px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    top: 0;
    left: 0;
  }

  .text-top-services {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: none;
    margin-top: 40px;
    margin-left: -20px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    top: 0;
    left: 0;
  }

  .text-top-website-creation {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    max-width: 120%;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    top: 0;
    left: 0;
  }

  .text-top-contextual-advertising {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 80%;
    max-width: 120%;
    margin-top: 25px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-contextual-advertising-copy {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    max-width: 120%;
    margin-top: 10px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    top: 0;
    left: 0;
  }

  .text-top-landing-page-5 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 80%;
    max-width: 120%;
    margin-top: 25px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-corporate-website-4 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 85%;
    max-width: 120%;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-online-store-5 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: 120%;
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-yandex-5 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: 120%;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-google-5 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    max-width: 120%;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-web-design-5, .text-top-vk-5, .text-top-facebook-5, .text-top-mytarget, .text-top-portfolio {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: 120%;
    margin-top: 25px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-contacts {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: 120%;
    margin-top: 15px;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .section-portfolio-mobile-app {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-image-mobile-app, .blog-image-mobile-app-2 {
    background-position: 50%;
    background-size: 100px;
    height: 200px;
  }

  .blog-image-mobile-app-3 {
    background-position: 50%;
    background-size: 100px;
    height: 200px;
    margin-top: -120px;
  }

  .blog-image-mobile-app-4 {
    background-position: 50%;
    background-size: 100px;
    height: 200px;
    margin-top: -240px;
  }

  .section-portfolio-12 {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-small-2-copy {
    flex: none;
    align-self: stretch;
  }

  .feature4-wrapper {
    padding-top: 10px;
  }

  .btn {
    text-align: center;
    display: block;
  }

  .hero3-firstbutton-wrap {
    margin-right: 0;
    display: block;
  }

  .section-portfolio-mobile-app-3 {
    margin-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-mobile-app-2.text-16-60 {
    opacity: 1;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-mobile-app {
    opacity: 1;
    color: var(--black-3);
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-mobile-app.web-home-4, .paragraph-mobile-app.web-home-6, .paragraph-mobile-app.web-home-2 {
    color: var(--black-2);
    font-weight: 400;
  }

  .section-portfolio-website {
    margin-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .feature4-wrapper-website, .wrapper-website {
    padding-top: 10px;
  }

  .size-text-portfolio-website {
    font-size: 24px;
    line-height: 27px;
  }

  .text-website-2.text-16-60 {
    opacity: 1;
    color: var(--black-2);
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-website {
    opacity: 1;
    color: var(--black-5);
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-website.web-home-4, .paragraph-website.web-home-6, .paragraph-website.web-home-2 {
    color: var(--black-2);
    font-weight: 400;
  }

  .image-website {
    flex: 0 auto;
    align-self: auto;
    width: 90%;
    margin-top: 20px;
  }

  .section-portfolio-website-1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-website-1 {
    padding-top: 10px;
  }

  .section-portfolio-website-2, .section-portfolio-website-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-website-3 {
    padding-top: 10px;
  }

  .side-navigation-web-services-2 {
    width: 30px;
    height: 160px;
    margin-top: 80px;
    margin-right: 7px;
    font-size: 10px;
    line-height: 10px;
  }

  .content-22-image.content12-image2 {
    background-size: 240px;
  }

  .content-22-image.content12-image3 {
    background-size: 300px;
  }

  .content-22-image.content12-image4 {
    background-position: 75%;
    background-size: cover;
  }

  .side-navigation-web-services-3 {
    width: 40px;
    height: 220px;
    margin-top: 50px;
    margin-right: 7px;
    font-size: 10px;
    line-height: 10px;
  }

  .side-navigation-web-services-4 {
    width: 25px;
    height: 100px;
    margin-top: 0;
    margin-right: 7px;
    font-size: 10px;
    line-height: 10px;
    top: 294px;
    left: -10px;
  }

  .icon-1-1-1 {
    height: 100px;
  }

  .online_store-1-1-1_services {
    width: 25px;
    height: 100px;
  }

  .text-block-4 {
    padding-top: 10px;
    font-size: 9px;
    line-height: 10px;
  }

  .side-navigation-web-services-5 {
    width: 25px;
    height: 100px;
    margin-top: 0;
    margin-right: 7px;
    font-size: 10px;
    line-height: 10px;
    top: 280px;
    left: -10px;
  }

  .text-top-web-home-33 {
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 40px;
  }

  .desc-wrapp-home {
    flex-direction: row;
    align-items: flex-start;
    width: 90%;
    height: 220px;
    min-height: 220px;
    position: relative;
  }

  .desc-wrapp-home.one {
    width: 90%;
    height: 280px;
  }

  .desc-wrapp-home.one.web-home-4 {
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 40px;
    left: 0;
  }

  .desc-wrapp-home.one._404 {
    flex-direction: column;
    width: 100%;
    min-height: auto;
    margin-top: 40px;
    left: -40px;
  }

  .section-bil-new {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-top-web-home-28-1 {
    font-size: 45px;
    line-height: 45px;
    top: -5px;
    left: 40px;
  }

  .text-top-services-home {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 90%;
    max-width: none;
    margin-top: 40px;
    margin-left: -20px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    top: 0;
    left: 0;
  }

  .text-top-services-home-1-2 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: auto;
    max-width: 70%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    top: -28px;
    left: 15px;
  }

  .text-top-services-home-2 {
    color: var(--black-2);
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: auto;
    max-width: 90%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    top: 0;
    left: 0;
  }

  .text-top-web-home-31-1 {
    letter-spacing: -2px;
    max-width: 55%;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 24px;
    line-height: 24px;
    top: -30px;
    left: 66px;
  }

  .text-block-5 {
    padding-top: 10px;
    font-size: 9px;
    line-height: 10px;
  }

  .text-top-services-home-1-3 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: auto;
    max-width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 35px;
    font-weight: 800;
    line-height: 40px;
    top: 11px;
    left: -30px;
  }

  .text-top-services-home-1 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: 60%;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    top: -15px;
    left: -20px;
  }

  .text-top-web-home-31-2 {
    letter-spacing: -2px;
    max-width: none;
    margin-bottom: 0;
    font-size: 27px;
    line-height: 24px;
    top: 95px;
    left: 80px;
  }

  .text-top-services-home-1-4 {
    letter-spacing: 0;
    text-shadow: 0 10px 10px #0000001a;
    width: auto;
    max-width: 70%;
    margin-top: 40px;
    margin-left: -20px;
    padding-bottom: 0;
    font-size: 45px;
    font-weight: 800;
    line-height: 40px;
    top: -45px;
    left: 35px;
  }

  .section-portfolio-website-4, .section-portfolio-website-5, .section-portfolio-website-6, .section-portfolio-website-7, .section-portfolio-website-10, .section-portfolio-website-10-copy, .section-portfolio-website-agency, .section-portfolio-website-cleaning, .section-portfolio-website-real, .section-portfolio-website-promsila, .section-portfolio-website-practiklife, .section-portfolio-website-beautyart, .section-portfolio-website-rpkvariant, .section-portfolio-website-beauty, .section-portfolio-website-barber, .section-portfolio-website-mats, .section-portfolio-website-abraam, .section-portfolio-website-saber, .section-portfolio-website-wellness, .section-portfolio-website-gate, .section-portfolio-website-gbk, .s-ection-portfolio-website-magic, .s-ection-portfolio-website-sunbaza {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-tel-web {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 40px;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: center;
    place-items: center;
    margin-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .text-block-location-web {
    font-size: 14px;
  }

  .m-radio-5, .m-radio-5.email {
    width: 30%;
    max-width: 100%;
    display: none;
  }

  .text-block-144 {
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-left: 5px;
    font-size: 11px;
    line-height: 1;
  }

  .quote_form-6 {
    background-color: #333;
    min-height: auto;
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
  }

  .image-call-web {
    align-self: center;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    display: none;
  }

  .project_quote-call-web {
    margin-top: 0;
    display: flex;
  }

  .link-block-tel-1-web {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
  }

  .section-tel-web {
    z-index: 9;
    padding: 20px 16px 40px;
  }

  .image-location-web {
    align-self: center;
    width: 18px;
    height: 18px;
    margin-right: 3px;
  }

  .div-block-call-web {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
  }

  .form-block-web-3 {
    z-index: 97;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .rocket_link-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .m-rb-field-2-web-3 {
    padding: 0;
  }

  .heading-web-2 {
    width: 200px;
    font-size: 20px;
    line-height: 20px;
  }

  .text-block-tel-web {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-self: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
  }

  .checkbox-label-5 {
    font-size: 8px;
    line-height: 1.2;
  }

  .input-4 {
    padding-left: 15px;
    font-size: 14px;
  }

  .div-block-location-2-web {
    display: none;
  }

  .m-rb-field-web-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .link-block-20 {
    z-index: 96;
    width: 30px;
    height: 30px;
    padding: 10px;
  }

  .btn-submit-6 {
    max-width: none;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1;
  }

  .project_circle_wrap-2 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-tel-outstaffing-copy {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .image-tel-web {
    flex: 0 auto;
    align-self: center;
    width: 18px;
    height: 18px;
    margin-right: 0;
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }

  .heading-web-1 {
    width: 200px;
    font-size: 20px;
    line-height: 20px;
  }

  .form-wrapper-web-4 {
    float: left;
    grid-template-columns: 1fr;
    width: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-radio-lable-5 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 7px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .input-web-2 {
    padding-left: 15px;
    font-size: 14px;
    line-height: 1;
  }

  .m-radio-lable-6 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 7px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .m-tab-menu-abraam-4 {
    border-left-style: none;
  }

  .form-label-5 {
    line-height: 1.2;
  }

  .div-block-name-2-web {
    margin-left: 5px;
  }

  .navigation-link-block-mob-5, .navigation-link-block-4 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .dropdown-list-mob-2.w--open {
    padding-bottom: 0;
  }

  .mobile-nav-link-5 {
    color: #333;
  }

  .navigation-full-agency {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-name-web {
    margin-left: 7px;
  }

  .image-web {
    align-self: center;
    width: auto;
    top: 2px;
  }

  .text-block-158 {
    font-size: 14px;
  }

  .navigation-link-block-5 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .image-2-web {
    align-self: center;
    width: auto;
    height: 24px;
  }

  .navigation-wrap-web {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mobile-nav-2 {
    padding-top: 10px;
  }

  .container-contact-web {
    z-index: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
    height: auto;
    margin-top: 0;
    display: grid;
  }

  .div-block-agency-2 {
    border-left-style: solid;
    padding-left: 20px;
    padding-right: 10px;
  }

  .section-title-agency {
    padding-right: 0;
    font-size: 14px;
  }

  .form-block-web-agency {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-web-4 {
    font-size: 20px;
    line-height: 20px;
  }

  .input-web-3 {
    padding-left: 10px;
    font-size: 14px;
    line-height: 1;
  }

  .m-tab-menu-abraam-5 {
    border-left-style: none;
  }

  .wrapper-agency.left {
    width: auto;
    margin-bottom: 0;
  }

  .m-rb-field-2-web-4 {
    padding: 0;
  }

  .testimonial-block {
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 15px 15px;
    position: relative;
    top: auto;
    left: auto;
  }

  .testimonial-block._450-width {
    padding-bottom: 0;
  }

  .large-testimonial {
    text-align: center;
    font-size: 16px;
  }

  .large-testimonial.white {
    font-size: 18px;
  }

  .large-testimonial.white.left {
    font-size: 13px;
    line-height: 1.3;
  }

  .heading-web-5 {
    font-size: 20px;
    line-height: 20px;
  }

  .side-block-agency-2 {
    justify-content: center;
    max-width: none;
    height: auto;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-6-agency-copy {
    padding: 40px 16px 20px;
  }

  .m-radio-lable-10 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .form-label-6 {
    line-height: 1.2;
  }

  .form-web-agency {
    margin-left: auto;
    margin-right: auto;
  }

  .checkbox-label-6 {
    font-size: 8px;
    line-height: 1.2;
  }

  .div-block-167 {
    margin-left: auto;
    margin-right: auto;
  }

  .form-wrapper-web-agency {
    float: left;
    grid-template-columns: 1fr;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .input-5 {
    padding-left: 10px;
  }

  .testimonial-name-white {
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
  }

  .btn-submit-9 {
    max-width: none;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1;
  }

  .m-radio-lable-9 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .columns-web {
    flex-direction: column;
    margin-top: 0;
    display: flex;
  }

  .heading-agency.white {
    text-align: left;
    font-size: 24px;
    line-height: 1.1;
  }

  .m-rb-field-web-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .side-block-web {
    justify-content: center;
    max-width: none;
    height: auto;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-web {
    border-left-style: none;
    padding-left: 0;
    padding-right: 5px;
  }

  .wrapper-web.left {
    width: auto;
    margin-bottom: 0;
  }

  .large-testimonial-2 {
    text-align: center;
    font-size: 16px;
  }

  .large-testimonial-2.white {
    font-size: 18px;
  }

  .large-testimonial-2.white.left {
    font-size: 14px;
    line-height: 1.3;
  }

  .cta-grid-outstaffing {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-cta-2-outstaffing {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.3;
  }

  .paragraph-cta-outstaffing {
    margin-top: 20px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 1.3;
  }

  .checkbox-field-home-2 {
    margin-bottom: 10px;
  }

  .input-web-4 {
    font-size: 14px;
    line-height: 1;
  }

  .bold-text-cta-outstaffing {
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
  }

  .form-block-outstaffing {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .section-6-outstaffing.outstaffing-form {
    margin-top: 0;
    margin-bottom: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-label-4 {
    line-height: 1.2;
  }

  .checkbox-label-4 {
    font-size: 8px;
    line-height: 1.2;
  }

  .btn-submit-5 {
    max-width: none;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
  }

  .m-rb-field-2-web-2 {
    padding: 0;
  }

  .deco-part-outstaffing {
    height: auto;
    margin-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .m-rb-field-web-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-web-3 {
    font-size: 20px;
    line-height: 20px;
  }

  .text-2-outstaffing {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  }

  .m-radio-lable-11 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .paragraph-cta-3-outstaffing {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.3;
  }

  .form-wrapper-outstaffing {
    float: left;
    grid-template-columns: 1fr;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-radio-lable-7 {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .deco-part-web {
    height: auto;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .cta-grid-web {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .form-wrapper-2-web {
    float: left;
    grid-template-columns: 1fr;
    width: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-block-2-web {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .navigation-wrap-2-web {
    padding: 5px 16px;
  }

  .navigation-full-2-web {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-middle-footer-wholesale {
    text-align: left;
    flex-direction: column;
    margin-left: 15px;
  }

  .footer4-link-2 {
    margin-bottom: 10px;
  }

  .footer-middle-footer-web {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 15px;
    display: flex;
  }

  .footer-link-web {
    margin-bottom: 10px;
  }

  .title-line-footer-outstaffing, .title-line-footer-web {
    width: 80%;
    max-width: 100%;
    margin-top: -10px;
    margin-bottom: 0;
    display: block;
    position: absolute;
    left: 35px;
  }

  .footer-link-web-2 {
    margin-bottom: 10px;
  }

  .navigation-link-block-mob-6 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .mobile-nav-link-6 {
    color: #333;
  }

  .footer-web {
    margin-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-form-grid-web-home-2 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-2-web {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-grid-web-3 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .footer-7-link-web-2 {
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .navigation-wrap-web-2 {
    padding-left: 15px;
    padding-right: 0;
  }

  .footer-grid-web-4 {
    grid-column-gap: 12px;
    border-bottom: 1px solid #fff3;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
    padding-top: 30px;
  }

  .text-block-160 {
    font-size: 14px;
  }

  .footer-middle-footer-web-2 {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 15px;
    display: flex;
  }

  .text-block-footer-web-home-3 {
    text-align: left;
    margin-top: 30px;
    margin-left: 15px;
  }

  .footer-right-column-web-2 {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-link-web-3 {
    margin-bottom: 10px;
    font-size: 11px;
  }

  .footer-5-link-web-2 {
    border-right-style: none;
    justify-content: center;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-link-web-4 {
    border-right-style: none;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 11px;
  }

  .footer-link-web-4.w--current {
    border-right-style: none;
    margin-left: 0;
  }

  .footer-6-link-web-2 {
    border-right-style: none;
    justify-content: center;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .image-footer-web {
    align-self: center;
    width: auto;
    top: 2px;
  }

  .label-my-1.white-outline-label-3 {
    margin-left: 0;
  }

  .label-my-1.copy {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 12px;
  }

  .label-my-1.white-outline-label-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .label-my-1.inside-label {
    text-align: center;
  }

  .button-large-business-card-site-2-1-copy {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-business-card-site-2-1-copy.business-card-site {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-large-business-card-site-2-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-business-card-site-2-2.business-card-site, .button-large-business-card-site-2-2.business-card-site-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-183 {
    margin-top: 0;
  }

  .mobile-nav-link-1-web, .mobile-nav-link-3-web, .mobile-nav-link-4-web {
    color: #333;
  }

  .section-portfolio-website-promsila-copy, .section-portfolio-website-vavilon {
    padding-left: 16px;
    padding-right: 16px;
  }

  .inner-hero-content-03 {
    padding: 0;
  }

  .hero-03-image-wrap {
    height: 300px;
  }

  .section-portfolio-website-makeup {
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero1-web-portfolio-website-makeup {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-content-portfolio-website-makeup {
    padding-right: 0;
  }

  .size-text-web-portfolio-website-makeup {
    font-size: 24px;
    line-height: 27px;
  }

  .paragraph-1-portfolio-website-makeup.web-home-4, .paragraph-1-portfolio-website-makeup.web-home-6, .paragraph-1-portfolio-website-makeup.web-home-2 {
    color: var(--black-3);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
  }

  .paragraph-1-portfolio-website-makeup.portfolio-website-makeup {
    color: var(--black-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
  }

  .paragraph-2-portfolio-website-makeup.web-home-4 {
    color: var(--black-2);
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph-2-portfolio-website-makeup.portfolio-website-makeup-2 {
    color: var(--black-5);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
  }

  .button-wrap-portfolio-website-makeup {
    width: 100%;
    max-width: none;
  }

  .image-web-portfolio-website-makeup {
    background-position: 50%;
    background-size: 350px;
    min-height: 300px;
  }

  .container {
    max-width: none;
  }

  .section-portfolio-website-makeup-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-portfolio-website-makeup-1 {
    max-width: none;
  }

  .hero-split-portfolio-website-makeup-1 {
    margin-bottom: 30px;
    padding-right: 0;
  }

  .section-portfolio-website-vavilon-1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-portfolio-website-vavilon-1-1, .section-portfolio-website-promsila-1, .section-portfolio-website-real-1, .section-portfolio-website-cleaning-1, .section-portfolio-website-agency-1, .section-portfolio-website-practiklife-1, .section-portfolio-website-beautyart-1, .section-portfolio-website-rpkvariant-1, .section-portfolio-website-beauty-1, .section-portfolio-website-barber-1, .section-portfolio-website-mats-1, .section-portfolio-website-abraam-1, .section-portfolio-website-saber-1, .section-portfolio-website-wellness-1, .section-portfolio-website-gate-1, .section-portfolio-website-vodoeconom-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-portfolio-website-vodoeconom-1 {
    max-width: none;
  }

  .hero-split-portfolio-website-vodoeconom-1 {
    margin-bottom: 30px;
    padding-right: 0;
  }

  .section-portfolio-website-consulting-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-portfolio-website-consulting-1 {
    max-width: none;
  }

  .hero-split-portfolio-website-consulting-1 {
    margin-bottom: 30px;
    padding-right: 0;
  }

  .section-bil-new-copy, .section-bil-new-portfolio {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-portfolio-website-trotuar-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-portfolio-website-dentist-1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-portfolio-website-podkova-tire-1, .section-portfolio-website-podkova-oil-1, .section-portfolio-website-radiators, .section-portfolio-website-brembo-1, .section-portfolio-website-brembo-1-copy, .section-portfolio-website-accountant_1, .section-portfolio-website-car-service_1 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-contacts-grid-web_1 {
    grid-column-gap: 12px;
  }

  .text-wrap-contact-web-3_1 {
    margin-top: 0;
  }

  .section-portfolio-website-tpms, .section-portfolio-website-tpms_1, .section-portfolio-website-progressive_1-copy, .section-portfolio-website-progressive_1, .section-portfolio-website-tpms_1-1, .section-portfolio-website-whynotrealestate, .section-portfolio-website-bossauto {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/laptop_2.jpg');
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .rt-form-block-2 {
    flex-flow: column;
  }

  .quote_form-7 {
    background-color: #414141;
    align-items: center;
    min-height: auto;
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
    top: -20%;
  }

  .project_circle_wrap-5 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .project_quote-home_11-1 {
    text-align: center;
    width: 280px;
    margin-top: 0;
    display: flex;
  }

  .link-block-22 {
    z-index: 100;
    width: 30px;
    height: 30px;
    padding: 10px;
  }

  .text-block-1572 {
    letter-spacing: 0;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: .9rem;
    line-height: 1;
  }

  .form-wrapper-megapolis-2 {
    float: left;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-call-back_11 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    top: 0;
  }

  .rt-margin-bottom-thirty-6 {
    text-align: left;
    padding-left: 10px;
    font-size: 1.5rem;
  }

  .rt-text-field-2.rt-title-top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-call-back_11-1 {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: block;
    top: 0;
  }

  .div-block-back-call_11-1 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: block;
    top: 0;
  }

  .rt-textarea-20.rt-title-top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .rocket_link-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu {
    max-width: 98%;
  }

  .logo {
    width: 100px;
  }

  .toggle-text {
    font-size: 20px;
  }

  .nav-link-image {
    width: 14px;
  }

  .header {
    left: 0;
    right: 0;
  }

  .menu-close-div {
    width: 40px;
    height: 40px;
  }

  .nav-link-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container-33 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 98%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 20px;
  }

  .nav-bottom-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .paragraph-407 {
    font-size: 14px;
  }

  .menu-close-icon {
    width: 15px;
  }

  .social-media-link-div {
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .small-paragraph {
    font-size: 12px;
  }

  .small-paragraph.nav-bottom-text {
    text-align: left;
  }

  .menu-toggle-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .nav-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 22px;
  }

  .hero-section {
    padding-bottom: 30px;
  }

  .sub-heading {
    font-size: 12px;
  }

  .container-34 {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-detail-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .h1-heading, .h1-heading.home-hero-heading {
    font-size: 30px;
  }

  .large-paragraph {
    font-size: 16px;
  }

  .large-paragraph.home-hero-paragraph {
    font-size: 14px;
  }

  .large-paragraph.footer-text-link {
    font-size: 12px;
  }

  .large-paragraph.bold-text.faq-heading {
    font-size: 14px;
  }

  .toggle-text_1 {
    font-size: 20px;
  }

  .our-ecosystem-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h3-heading {
    font-size: 22px;
  }

  .container-35 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .our-ecosystem-grid {
    margin-top: 30px;
  }

  .paragraph-408 {
    font-size: 14px;
  }

  .h2-heading {
    font-size: 24px;
    line-height: 110%;
  }

  .text-link {
    font-size: 16px;
  }

  .section-405 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-405.team-section {
    padding: 15px;
  }

  .large-text {
    font-size: 18px;
  }

  .nenu-icon-wrap {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
  }

  .nav-menu-item {
    flex: 0 auto;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .nav-bar-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .logo-5 {
    width: 100%;
  }

  .header-section {
    top: 20px;
  }

  .nav-menu-items {
    box-shadow: none;
    flex: 0 auto;
    width: 100%;
    margin-top: .8px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .brand {
    width: 100%;
    padding-left: 0;
  }

  .header-container {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .navbar-area {
    width: 100%;
  }

  .hero-section_1 {
    background-image: linear-gradient(#0009, #0009), url('../images/101.1.jpg');
    background-position: 0 0, 55%;
    background-size: auto, cover;
    padding-bottom: 80px;
  }

  .header_1 {
    left: 0;
    right: 0;
  }

  .header-section_1 {
    top: 0;
  }

  .brix---mg-left-24px---mg-top-16px-mbp-3 {
    margin-top: 16px;
    margin-left: 0;
  }

  .brix---social-media-grid-right---mbl-center-2 {
    grid-template-columns: repeat(auto-fit, 30px);
    align-self: stretch;
  }

  .brix---top-header-right-col-2 {
    flex-direction: column;
  }

  .brix---social-icon-square-30px-3 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .grid-header-top-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
  }

  .top-header-right-col-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .mg-left-24px---mg-top-16px-mbp-3 {
    margin-top: 16px;
    margin-left: 0;
  }

  .link-wrapper-9 {
    flex-flow: row;
    display: flex;
  }

  .mg-left-_2 {
    margin-top: 0;
    margin-left: 0;
  }

  .menu-button_1 {
    width: 32px;
    height: 32px;
  }

  .brand-16 {
    padding-right: 0;
  }

  .brand-16.w--current {
    height: auto;
  }

  .image-10064 {
    align-self: center;
    width: 20px;
  }

  .div-block-name-2-2-4 {
    margin-left: 7px;
    line-height: 1;
  }

  .nav-name_2-2-2 {
    font-size: .22rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .nav-3-name_1-2 {
    letter-spacing: -.04rem;
    margin-top: 1px;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
  }

  .link-wrapper-10 {
    flex-flow: row;
    display: none;
  }

  .top-header-left-col-4 {
    justify-content: center;
    align-items: center;
  }

  .wrapper-9-1 {
    flex: none;
  }

  .sub-heading_1 {
    font-size: 12px;
  }

  .sub-heading_1.white-text {
    font-size: 8px;
  }

  .h2-heading_2 {
    font-size: 30px;
  }

  .h2-heading_2.home-hero-heading {
    font-size: 24px;
  }

  .h1-heading_1 {
    font-size: 30px;
  }

  .h1-heading_1.home-hero-heading {
    flex: 0 auto;
    width: auto;
    font-size: 24px;
  }

  .home-hero-detail-div_1 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: auto;
  }

  .container-34_1 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .container_1 {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-copy {
    font-size: 12px;
  }

  .h3-heading_1 {
    font-size: 22px;
  }

  .h3-heading_1.our-ecosystem-heading-text_1 {
    font-size: 14px;
  }

  .our-ecosystem-grid_1 {
    margin-top: 30px;
  }

  .our-ecosystem-card_1 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .h2-heading_01 {
    font-size: 28px;
    line-height: 110%;
  }

  .large-text_01 {
    font-size: 18px;
  }

  .section_3 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .container_2 {
    padding-left: 0;
    padding-right: 0;
  }

  .team-wrapper {
    padding: 20px 0;
  }

  .team-grid {
    margin-top: 40px;
  }

  .h4-heading {
    font-size: 20px;
  }

  .paragraph-409 {
    font-size: 14px;
  }

  .h2-heading-2 {
    font-size: 28px;
    line-height: 110%;
  }

  .common-button {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-heading-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .team-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .container-36 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .template-link-div {
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .footer-link-div {
    grid-row-gap: 15px;
  }

  .paragraph-410 {
    font-size: 14px;
  }

  .paragraph-410.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .paragraph-410.white-800-color.social-media-link {
    font-size: 13px;
  }

  .h2-heading-3 {
    font-size: 28px;
    line-height: 110%;
  }

  .newsletter-input {
    padding-bottom: 28px;
    font-size: 16px;
  }

  .footer-logo {
    width: 150px;
  }

  .container-37 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordion-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .paragraph-411 {
    font-size: 14px;
  }

  .faq-grid {
    grid-row-gap: 30px;
  }

  .container-38 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordion-div {
    padding-bottom: 10px;
  }

  .container_8 {
    padding-left: 5px;
    padding-right: 5px;
  }

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

  .section_8.team-section {
    padding: 15px;
  }

  .header-section_1-2 {
    top: 0;
  }

  .h2-heading_3 {
    font-size: 24px;
    line-height: 110%;
  }

  .sub-heading_3, .sub-heading_5 {
    font-size: 12px;
  }

  .h3-heading_5 {
    font-size: 22px;
  }

  .h3-heading_5.our-ecosystem-heading-text {
    font-size: 14px;
  }

  .our-ecosystem-card_5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .paragraph_5 {
    font-size: 14px;
  }

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

  .section_4.team-section {
    padding: 15px;
  }

  .section_4.team-section_4 {
    background-image: linear-gradient(#1c26e63d, #1c26e63d), url('../images/106.jpg');
    background-position: 0 0, 40% 0;
    padding: 15px 1rem;
  }

  .team-wrapper_4 {
    padding: 20px 0 40px;
  }

  .container_4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .common-heading-div_4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .section_2-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container_2-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .our-ecosystem-grid_2-1 {
    margin-top: 30px;
  }

  .our-ecosystem-card_2-1 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .our-ecosystem-count-div_2-1 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h2-heading_2-01, .h2-heading_4 {
    font-size: 28px;
    line-height: 110%;
  }

  .h2-heading_4.white-text {
    font-size: 16px;
  }

  .paragraph_4 {
    font-size: 14px;
  }

  .paragraph_4.white_4.paragraph_4-1 {
    font-size: 13px;
  }

  .team-grid_4 {
    margin-top: 40px;
  }

  .common-button_4-2, .common-button_4 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-button_4.white-button_4 {
    background-position: 50%;
    width: 260px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .team-grid_4-2 {
    margin-top: 30px;
  }

  .team-card_4, .team-card_4-2 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .common-button_4-1 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-button_4-1.white-button_4 {
    background-position: 50%;
    background-size: 36px;
    width: 260px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .common-button_4-10 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-button_4-10.white-button_4 {
    background-position: 50%;
    width: 260px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .common-button_4-12 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-button_4-12.white-button_4 {
    background-position: 50%;
    width: 260px;
    padding-left: 80px;
    padding-right: 80px;
  }

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

  .section_9.team-section {
    padding: 15px;
  }

  .container_9 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-16_9 {
    padding-right: 0;
  }

  .brand-16_9.w--current {
    height: auto;
  }

  .footer-link-div_9 {
    grid-row-gap: 15px;
  }

  .image_10_9 {
    align-self: center;
    width: 20px;
  }

  .div-block-name_9 {
    margin-left: 7px;
    line-height: 1;
  }

  .nav-name_9 {
    font-size: .22rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .nav-3-name_9 {
    letter-spacing: -.04rem;
    margin-top: 1px;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
  }

  .paragraph_9 {
    font-size: 14px;
  }

  .paragraph_9.white-800-color {
    flex: 0 auto;
    font-size: 10px;
  }

  .paragraph_9.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .template-link-div_9 {
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .small-paragraph_9 {
    font-size: 12px;
  }

  .small-paragraph_9.nav-bottom-text {
    text-align: left;
  }

  .social-media-link-div_9 {
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .paragraph-410_9 {
    font-size: 14px;
  }

  .paragraph-410_9.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .copyright-div_9-02, .copyright-div_9-022 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .paragraph_9-022 {
    font-size: 14px;
  }

  .paragraph_9-022.white-800-color {
    font-size: 11px;
  }

  .paragraph_9-022.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .paragraph_9-023 {
    font-size: 14px;
  }

  .paragraph_9-023.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .link-128 {
    font-size: 13px;
  }

  .paragraph_9-33 {
    font-size: 14px;
  }

  .paragraph_9-33.white-800-color {
    flex: 0 auto;
    font-size: 10px;
  }

  .paragraph_9-33.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }
}

#w-node-d0174a99-b10a-966a-d36e-5b0009803cd7-95222c28, #w-node-_899b8e9a-156b-4c13-0e26-e14be793f258-95222c28 {
  justify-self: auto;
}

#w-node-_3b351c8e-eccc-6695-c820-b40c82d7964f-95222c28, #w-node-_26eaf0c9-805b-5e4a-3060-53548b56c85b-95222c28, #w-node-c090ce5e-43dd-360b-f1af-9d671803d5e5-95222c28, #w-node-_31225293-e926-c9a9-0126-b9c77f596db4-95222c28, #w-node-c203f14b-8442-37d6-d1e1-1bfd90f5f5fb-95222c28, #w-node-c203f14b-8442-37d6-d1e1-1bfd90f5f609-95222c28, #w-node-c203f14b-8442-37d6-d1e1-1bfd90f5f617-95222c28 {
  align-self: start;
}

#w-node-a747bec5-008b-1c17-caf3-ba05c1583258-95222c2a {
  grid-area: 1 / 1 / 2 / 7;
  align-self: center;
}

#w-node-a747bec5-008b-1c17-caf3-ba05c158325e-95222c2a {
  grid-area: 1 / 3 / 2 / 11;
  align-self: center;
}

#w-node-a747bec5-008b-1c17-caf3-ba05c1583273-95222c2a {
  grid-area: 1 / 4 / 2 / 8;
}

#w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e2-372869e0 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e4-372869e0 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
}

#w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f1-372869e0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f5-372869e0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  place-self: center end;
}

#w-node-eeaaf71a-d41d-8971-c2f9-fe8f37286a08-372869e0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: center end;
}

#w-node-a48f67ac-9c22-82c1-077d-ca6077acdd4c-77acdd4a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a48f67ac-9c22-82c1-077d-ca6077acdd4e-77acdd4a {
  justify-self: center;
}

#w-node-a48f67ac-9c22-82c1-077d-ca6077acdd51-77acdd4a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-a747bec5-008b-1c17-caf3-ba05c1583258-95222c2a {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: center;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c158325e-95222c2a {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c1583273-95222c2a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e2-372869e0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e4-372869e0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    place-self: center;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f1-372869e0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    justify-self: center;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f5-372869e0 {
    grid-column: span 8 / span 8;
    justify-self: center;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f37286a08-372869e0 {
    grid-column: span 8 / span 8;
    justify-self: stretch;
  }

  #w-node-a48f67ac-9c22-82c1-077d-ca6077acdd4e-77acdd4a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b75789f5-b6ce-ba23-4b41-27d5bef8922a-95222c28 {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-_23b97014-d728-65f7-906a-e8b204b2cbc3-95222c28 {
    order: -9999;
    justify-self: auto;
  }

  #w-node-_899b8e9a-156b-4c13-0e26-e14be793f24a-95222c28 {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-_899b8e9a-156b-4c13-0e26-e14be793f256-95222c28 {
    order: -9999;
    justify-self: auto;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c1583258-95222c2a {
    grid-column: span 6 / span 6;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c158325e-95222c2a {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e2-372869e0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f1-372869e0 {
    grid-column: span 6 / span 6;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f5-372869e0, #w-node-eeaaf71a-d41d-8971-c2f9-fe8f37286a08-372869e0 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    place-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_23b97014-d728-65f7-906a-e8b204b2cbc3-95222c28, #w-node-_899b8e9a-156b-4c13-0e26-e14be793f256-95222c28 {
    place-self: auto;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c1583258-95222c2a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-a747bec5-008b-1c17-caf3-ba05c158325e-95222c2a {
    grid-column: span 4 / span 4;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e2-372869e0 {
    grid-column: span 4 / span 4;
    justify-self: start;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869e4-372869e0 {
    grid-column: span 4 / span 4;
  }

  #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f1-372869e0, #w-node-eeaaf71a-d41d-8971-c2f9-fe8f372869f5-372869e0, #w-node-eeaaf71a-d41d-8971-c2f9-fe8f37286a08-372869e0 {
    grid-column: span 4 / span 4;
    justify-self: start;
  }
}