._1 {
  background-color: #392b2b;
}

.body {
  margin-top: 0vh;
  background-color: #f2f2f2;
}

.hero-image {
  height: 70vh;
  max-height: 100vh;
  background-image: url('../images/001122-qwqw.png');
  background-position: -349px 0%;
  background-size: 1300px;
  background-repeat: no-repeat;
}

.hero-text {
  display: block;
  height: auto;
  margin: 10vh auto;
  padding-right: 0%;
  padding-left: 5vw;
  line-height: 0.5vh;
  text-align: center;
}

.hero-text.right {
  width: 40vh;
}

.brand {
  margin-top: 0%;
  margin-right: 1vh;
  margin-left: 2vh;
  float: none;
}

.nav-bar {
  z-index: 20;
  text-align: center;
}

.nav-bar.top {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0;
}

.navmenu {
  position: static;
  z-index: 0;
  display: block;
  height: 11vh;
  padding-top: 3vh;
  padding-bottom: 3vh;
  float: none;
  border-style: none;
  border-width: 1px 0px;
  border-color: #dbdbdb;
  background-color: #2c2c2c;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .32);
  -webkit-perspective-origin: 50% 34%;
  perspective-origin: 50% 34%;
  -webkit-transform: translate3d(0px, 0px, 19px);
  transform: translate3d(0px, 0px, 19px);
  color: #fff;
}

.navlinks {
  margin-right: 1vw;
  padding: 1vh;
  -webkit-perspective: 1072px;
  perspective: 1072px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 1.4vw;
  line-height: 2.5vh;
  letter-spacing: 0.2vh;
}

.navlinks:hover {
  color: #5bf9ee;
}

.navlinks.w--current {
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 2px;
}

.navlinks.sides {
  padding-right: 1vh;
  padding-left: 1vh;
  font-size: 1.4vw;
  line-height: 2.5vh;
  letter-spacing: 0.2vh;
  text-decoration: none;
}

.navlinks.sides:hover {
  color: #5bf9ee;
}

.navlinks.sides.negative {
  -webkit-transition: opacity 300ms ease, opacity 300ms ease;
  transition: opacity 300ms ease, opacity 300ms ease;
}

.sub-heading {
  margin-top: 2vh;
  margin-bottom: 1vh;
  font-family: 'Sitka subheading', sans-serif;
  font-size: 2.5vh;
  line-height: 4vh;
  font-style: italic;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.3vh;
  text-transform: none;
}

.sub-heading.right {
  margin-bottom: 11px;
  text-align: left;
}

.sub-heading.right.normal {
  margin-top: 2vh;
  margin-bottom: -4vh;
  font-family: 'Segoe ui', sans-serif;
}

.sub-heading.right.xbot {
  margin-bottom: 0px;
  font-family: 'Segoe ui', sans-serif;
  font-style: normal;
}

.sub-heading.right.xbot.notop {
  margin-top: 0px;
}

.sub-heading.right.xtop {
  margin-top: 0vh;
  margin-bottom: 0vh;
  padding-top: 1.5%;
  font-family: Segoeuib, sans-serif;
  color: #fff;
  font-size: 4vh;
  line-height: 5vh;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.12vh;
}

.sub-heading.right.xtop.naw1 {
  padding-top: 0%;
}

.sub-heading.right.xtop.naw1.size1 {
  font-size: 3vh;
}

.sub-heading.red {
  margin-top: 2vh;
  margin-bottom: 1vh;
  font-family: 'Sitka subheading', sans-serif;
  color: #851313;
  font-size: 2.5vh;
  font-weight: 600;
  text-align: center;
}

.sub-heading.red.size {
  display: inline-block;
  margin-top: 3%;
  float: none;
  clear: none;
  font-family: 'Sitka subheading', sans-serif;
  color: #f88;
  font-size: 4vh;
  font-style: normal;
  text-align: left;
  letter-spacing: 0.2vh;
}

.sub-heading.red.big {
  color: #e57373;
  font-size: 4.5vh;
  text-align: left;
}

.sub-heading.normal {
  margin-top: 4vh;
  margin-bottom: 4vh;
  font-family: Segoeui, sans-serif;
  font-size: 2.5vh;
  line-height: 5vh;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.3vh;
}

.sub-heading.normal.pop {
  font-family: Seguibl, sans-serif;
  color: #000;
  font-size: 4vh;
  line-height: 4vh;
  font-weight: 600;
}

.sub-heading.normal.edit {
  margin-top: 6vh;
  margin-bottom: 6vh;
  font-family: Segoeuisl, sans-serif;
  font-size: 2.5vh;
  line-height: 4.5vh;
  text-align: justify;
}

.sub-heading.normal.edit.fix2 {
  display: block;
  max-width: 130vh;
  margin-right: auto;
  margin-bottom: 7vh;
  margin-left: auto;
  color: #202020;
  font-size: 1.3vw;
  line-height: 4vh;
  letter-spacing: 0.05vw;
}

.sub-heading.normal.fix1 {
  display: block;
  max-width: 48vh;
  margin-right: auto;
  margin-left: auto;
}

.sub-heading.bot {
  margin-bottom: 4vh;
  padding-left: 9px;
  font-family: 'Sitka subheading', sans-serif;
  color: #fff;
  font-size: 2.5vh;
  line-height: 2vh;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}

.sub-heading.bot.down {
  margin-top: 2vh;
  margin-bottom: 16vh;
  padding-left: 0px;
  font-family: 'Sitka subheading', sans-serif;
  font-size: 3vh;
}

.sub-heading.hero-change {
  margin-top: 0px;
  float: left;
}

.sub-heading.movdown {
  margin-bottom: 12vh;
  color: #363535;
  font-size: 3vh;
  font-weight: 600;
}

.sub-heading.down {
  margin-top: 2vh;
  margin-bottom: 9vh;
  color: rgba(51, 51, 51, .98);
  font-size: 1.9vw;
  font-weight: 600;
}

.sub-heading.hero {
  margin-top: 0.5vh;
  margin-bottom: 2vh;
  font-family: Segoeuil, sans-serif;
  color: rgba(0, 0, 0, .23);
  font-size: 1.9vh;
  line-height: 4vh;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.05vw;
}

.sub-heading.hero.quote {
  width: 80vh;
  height: auto;
  margin-top: 0vh;
  margin-right: 9px;
  margin-left: 9px;
  padding-right: 37px;
  padding-left: 37px;
  font-family: 'Sitka subheading', sans-serif;
  color: rgba(0, 0, 0, .31);
  font-size: 1.4vw;
  line-height: 1.3vw;
  font-style: italic;
  letter-spacing: 0.02vw;
}

.sub-heading.avail {
  float: none;
  color: #202020;
  font-size: 3vh;
  line-height: 1.9vw;
  text-align: left;
}

.sub-heading.adjst1 {
  margin-bottom: 5vh;
  color: hsla(0, 0%, 100%, .7);
  font-size: 1.9vw;
}

.sub-heading.left {
  color: hsla(0, 0%, 100%, .7);
  text-align: center;
}

.sub-heading.lined {
  margin-bottom: 3vh;
  border-bottom: 1px solid hsla(0, 0%, 40%, .48);
  color: #e57373;
  font-size: 4vh;
  line-height: 7vh;
}

.sub-heading.spaceprice {
  margin-bottom: 8vh;
  color: #666;
  font-size: 2.7vh;
  font-weight: 600;
}

.sub-heading.spaceprice.a {
  margin-top: 7vh;
}

.sub-heading.contact {
  margin: 5vh 0px -3vh;
  color: #e57373;
  text-align: left;
}

.sub-heading.spaces {
  margin-bottom: 2vh;
  padding-right: 7vh;
  padding-left: 7vh;
  line-height: 4vh;
  font-weight: 600;
}

.sub-heading.spaces.formspace {
  line-height: 3.5vh;
}

.sub-heading.semibold {
  margin-bottom: 9vh;
  font-family: 'Segoe ui', sans-serif;
  color: rgba(51, 51, 51, .98);
  font-size: 1.5vw;
  line-height: 2.1vw;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1vh;
}

.sub-heading.why {
  font-size: 2vw;
  line-height: 2.8vw;
  letter-spacing: 0.3vh;
}

.sub-heading.why.spacebot {
  margin-top: 7vh;
  margin-bottom: 7vh;
  font-size: 2vw;
}

.sub-heading.pos {
  margin-top: -10vh;
  color: #202020;
  font-size: 2.6vh;
  line-height: 3vw;
  letter-spacing: 0.33vh;
}

.sub-heading.cta {
  margin-top: 0vh;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 4vh;
  background-color: transparent;
  color: #141414;
  line-height: 3vh;
}

.sub-heading.cta.df {
  opacity: 0;
}

.heading {
  display: block;
  margin: 1vh auto 2vh;
  font-family: Segoeuib, sans-serif;
  color: rgba(51, 51, 51, .7);
  font-size: 3.9vw;
  line-height: 7vh;
  font-weight: 700;
  letter-spacing: 0.3vh;
}

.heading.red.space {
  margin-top: 5%;
  margin-bottom: 5%;
}

.heading.red.space.large {
  margin-top: -2vh;
  margin-bottom: 15vh;
  font-family: Seguisb, sans-serif;
  font-size: 5vh;
  font-weight: 400;
  letter-spacing: 0.3vh;
}

.heading.xtop {
  margin-top: 7vh;
  margin-bottom: 2vh;
  font-family: Seguibl, sans-serif;
  color: #000;
  font-size: 5vh;
  line-height: 6vh;
  letter-spacing: 0.2vh;
}

.heading.xtop.limit-hero {
  width: 100%;
  max-width: 91vh;
  margin: 3.8vw 0px 6vw;
  font-size: 3.5vw;
  line-height: 4vw;
}

.heading.white {
  margin-bottom: 2vh;
  color: #fff;
  font-size: 3.6vw;
  letter-spacing: 0.2vh;
}

.heading.contact {
  margin-top: 0px;
  font-family: Seguibl, sans-serif;
}

.heading.price {
  margin-bottom: 4vh;
  color: rgba(0, 0, 0, .78);
  font-size: 6vh;
}

.heading.thick {
  font-family: Segoeuib, sans-serif;
  color: rgba(51, 51, 51, .78);
  line-height: 4vw;
}

.paragraph {
  margin-bottom: 0%;
  font-family: 'Segoe ui', sans-serif;
  font-size: 2.5vh;
  line-height: 2vh;
  letter-spacing: 0.3vh;
}

.paragraph.justify {
  display: block;
  margin-top: 3vh;
  font-size: 2.5vh;
  line-height: 4vh;
  text-align: justify;
  letter-spacing: 0.3vh;
}

.paragraph.justify.adtop {
  margin-top: 3vh;
  margin-bottom: 1vh;
  font-size: 1.4vw;
  line-height: 1.8vw;
  letter-spacing: 0.1vw;
}

.paragraph.justify.top {
  margin-top: 3vh;
  font-family: 'Sitka subheading', sans-serif;
  line-height: 2.3vh;
  letter-spacing: 0.12vh;
}

.paragraph.justify.font {
  font-family: 'Sitka subheading', sans-serif;
}

.paragraph.justify.invi {
  margin-top: 0%;
  margin-bottom: 0%;
}

.paragraph.size {
  height: auto;
  padding-left: 0vh;
  font-size: 2.5vh;
  line-height: 4.5vh;
  font-weight: 600;
  text-align: center;
}

.paragraph.float {
  width: 50%;
  margin-top: 4%;
  float: left;
  font-family: 'Sitka subheading', sans-serif;
  font-size: 1.4em;
  line-height: 24px;
  font-style: normal;
}

.paragraph.float.i {
  width: auto;
  max-width: 76vh;
  margin-top: 10vh;
  margin-right: 3vh;
  margin-bottom: 3vh;
  padding-right: 0px;
  float: none;
  font-family: 'Segoe ui', sans-serif;
  color: rgba(51, 51, 51, .98);
  font-size: 1.5vw;
  line-height: 2vw;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1vw;
}

.paragraph.ind {
  margin-right: 4%;
  margin-left: 0%;
  padding-bottom: 2%;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #000 #000 #f2f2f2;
  font-family: 'Sitka subheading', sans-serif;
  font-size: 1.5em;
}

.paragraph.ind.lesstop {
  margin-top: -9%;
  margin-bottom: 2vh;
  border-bottom-width: 0vh;
  font-size: 3vh;
}

.paragraph.left {
  margin-bottom: auto;
  font-size: 2vh;
  line-height: 3vh;
  text-align: left;
}

.paragraph.left.justified {
  padding-bottom: 12px;
  text-align: justify;
  letter-spacing: 0.01vh;
}

.paragraph.left.justified.add-bot {
  margin-top: -9vh;
  padding-right: 3vh;
  padding-bottom: 8px;
  padding-left: 3vh;
  font-size: 2.5vh;
  line-height: 4vh;
}

.paragraph.left.justified.add-bot.yop-reduced {
  margin-top: -3vh;
  padding-bottom: 17px;
  text-align: center;
}

.paragraph.left.justified.add-bot.white {
  margin-top: 1vh;
  padding-right: 4vh;
  padding-left: 4vh;
  font-size: 2.1vh;
  line-height: 3vh;
}

.paragraph.left.justified.top-reduced {
  margin-top: -3vh;
  text-align: center;
}

.paragraph.testi {
  display: inline-block;
  float: left;
  clear: left;
}

.paragraph.sub-heading.ital {
  font-family: 'Sitka subheading', sans-serif;
  font-size: 1.5em;
}

.paragraph.sub-heading.ital.down {
  display: block;
  max-width: 130vh;
  margin-right: auto;
  margin-bottom: 6vh;
  margin-left: auto;
  color: rgba(51, 51, 51, .98);
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.2vh;
}

.paragraph.top {
  margin-bottom: 8%;
  font-family: Segoeuil, sans-serif;
  color: #fff;
  font-size: 2.8vw;
  line-height: 3.1vw;
  text-align: center;
  letter-spacing: 0.12vh;
}

.paragraph.top.size {
  font-size: 2.2vh;
}

.paragraph.pricing {
  height: 10vh;
  margin-bottom: 2vh;
  color: #050505;
  font-size: 2vh;
  line-height: 3vh;
  letter-spacing: 0.01vh;
}

.section {
  display: block;
  margin-top: 1vh;
  margin-right: auto;
  margin-left: auto;
  padding: 10vh 2vh;
  background-color: #fff;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  text-align: center;
}

.section.xtopbot {
  display: block;
  padding-top: 0%;
  padding-bottom: 0%;
}

.section.xtopbot.xsides {
  padding-right: 0vh;
  padding-left: 0vh;
}

.section.black {
  margin-top: 0.5%;
  background-color: hsla(0, 0%, 40%, .86);
  font-family: 'Sitka subheading', sans-serif;
  color: #fff;
}

.section.black.greyish {
  margin-top: 1%;
  background-color: #333;
}

.section.black.greyish._100vh {
  height: 100vh;
  margin-top: 0.5vh;
  padding: 6vh 4vh 7vh;
  background-color: #ececec;
}

.section.black.greyish._100vh.font {
  padding-top: 5.5vh;
  padding-bottom: 4vh;
}

.section.black.greyish._100vh.font.nolan {
  margin-bottom: 4vh;
  padding-right: 15vw;
  padding-left: 15vw;
}

.section.grey {
  margin-top: 1%;
  background-color: #666;
  color: #fff;
}

.section.grey.special {
  padding-right: 14vh;
  padding-bottom: 14vh;
  padding-left: 14vh;
  background-image: -webkit-linear-gradient(270deg, rgba(42, 42, 42, .92), rgba(42, 42, 42, .92)), url('../images/Computer-Coding-BG.png');
  background-image: linear-gradient(180deg, rgba(42, 42, 42, .92), rgba(42, 42, 42, .92)), url('../images/Computer-Coding-BG.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  text-align: center;
}

.section.bgblues {
  margin-top: 1vh;
  padding-top: 11vh;
  padding-bottom: 11vh;
  background-color: hsla(0, 0%, 100%, .76);
}

.section.bgblues.short.deliver {
  padding-bottom: 0vh;
}

.section.special {
  padding-right: 0vh;
  padding-bottom: 9vh;
  padding-left: 0vh;
  text-align: center;
}

.section.bghand {
  padding: 6vh 49vh;
  background-image: url('../images/bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.section.whatoffer {
  padding-right: 19vh;
  padding-left: 19vh;
}

.img-arrow {
  margin-bottom: 8%;
}

.div-outlined {
  display: inline-block;
  width: 47vh;
  height: 336px;
  max-width: 52vh;
  min-height: 335px;
  margin-right: 2vh;
  margin-bottom: 2vh;
  padding: 4vh 3vh;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 69%, .42);
  border-radius: 0px;
  background-image: url('../images/bg.png');
  background-position: 50% 50%;
  background-size: 812px;
  background-repeat: no-repeat;
  box-shadow: 0 0 6px 0 hsla(0, 0%, 57%, .51);
  -webkit-transform: translate3d(0px, 0px, -1px);
  transform: translate3d(0px, 0px, -1px);
}

.div-outlined.front {
  background-color: #fff;
  -webkit-transform: translate3d(0px, 0px, 3px);
  transform: translate3d(0px, 0px, 3px);
}

.div-outlined.front.a4 {
  -webkit-transform: translate3d(0px, 0px, 4px);
  transform: translate3d(0px, 0px, 4px);
}

.div-outlined.front.a5 {
  -webkit-transform: translate3d(0px, 0px, 5px);
  transform: translate3d(0px, 0px, 5px);
}

.div-outlined.a1 {
  -webkit-transform: translate3d(0px, 0px, 1px);
  transform: translate3d(0px, 0px, 1px);
}

.div-outlined.a2 {
  -webkit-transform: translate3d(0px, 0px, 2px);
  transform: translate3d(0px, 0px, 2px);
}

.div-outlined.c1 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/2_3.png');
  background-size: cover;
}

.div-outlined.c2 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/1_3.png');
  background-size: cover;
}

.div-outlined.c3 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/3_3.png'), url('../images/bg.png');
  background-position: 0px 0px, 50% 50%;
  background-size: cover, 812px;
  background-repeat: repeat, no-repeat;
}

.div-outlined.c4 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/4_2.png');
  background-size: cover;
}

.div-outlined.c5 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/5_1.png');
  background-size: cover;
}

.div-outlined.c6 {
  position: relative;
  padding: 0vh;
  background-image: url('../images/6_1.png');
  background-size: cover;
}

.row {
  margin-top: 1%;
}

.div-bg-black {
  height: auto;
  margin-top: 1vh;
  margin-right: -8px;
  margin-left: -8px;
  padding-top: 2.5vh;
  padding-bottom: 2.6vh;
  background-color: #ddd;
  box-shadow: 0 0 6px 0 #000;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  color: #fff;
  text-align: left;
}

.div-bg-black.inflex {
  height: auto;
  margin-top: 0vh;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  padding-left: 4vh;
  background-color: rgba(49, 49, 49, .86);
}

.div-bg-black._1 {
  display: none;
}

.div-bg-black.footerbg {
  background-color: rgba(57, 43, 43, .82);
}

.div-float {
  margin-top: 2vh;
  margin-right: 3vh;
  margin-left: 2.2vh;
  float: left;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  text-align: center;
}

.div-float:hover {
  opacity: 1;
}

.div-sample {
  margin-bottom: 7%;
  padding-top: 83%;
  padding-right: 95%;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.div-sample.w1 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/squarespace.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w1:hover {
  margin-bottom: 0vh;
  background-image: -webkit-linear-gradient(270deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/squarespace.jpg');
  background-image: linear-gradient(180deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/squarespace.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w2 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/ecomme-32.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w2:hover {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/ecomme-32.jpg');
  background-image: linear-gradient(180deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/ecomme-32.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w3 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0vh;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/29-formfett-website-design-agency-layout.png');
  background-position: 50% 50%;
  background-size: cover;
}

.div-sample.w3:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/29-formfett-website-design-agency-layout.png');
  background-image: linear-gradient(180deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/29-formfett-website-design-agency-layout.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-sample.w4 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/portfolio-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w4:hover {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/portfolio-2.jpg');
  background-image: linear-gradient(180deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/portfolio-2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w5 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/bb2140d03a054ab3ae7829f7a5c0fff1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w5:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/bb2140d03a054ab3ae7829f7a5c0fff1.jpg');
  background-image: linear-gradient(180deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/bb2140d03a054ab3ae7829f7a5c0fff1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w6 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 1vh;
  background-image: url('../images/Infusion.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w6:hover {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/Infusion.jpg');
  background-image: linear-gradient(180deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/Infusion.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-sample.w7 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/portfolio-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w7:hover {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/portfolio-1.jpg');
  background-image: linear-gradient(180deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/portfolio-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w8 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/01-fitbit-website-clean-homepage.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-sample.w8:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/01-fitbit-website-clean-homepage.jpg');
  background-image: linear-gradient(180deg, rgba(91, 249, 238, .46), rgba(91, 249, 238, .46)), url('../images/01-fitbit-website-clean-homepage.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.div-sample.w9 {
  display: inline-block;
  width: 60vh;
  height: 40vh;
  margin-right: 0vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-right: 0%;
  background-image: url('../images/The-Creative-Staffing-Agency-Wix-Layout.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-sample.w9:hover {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/The-Creative-Staffing-Agency-Wix-Layout.jpg');
  background-image: linear-gradient(180deg, hsla(0, 69%, 67%, .46), hsla(0, 69%, 67%, .46)), url('../images/The-Creative-Staffing-Agency-Wix-Layout.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.img-float {
  width: 18vh;
  height: auto;
  margin: -7vh 5vh 9vh 0vh;
  float: none;
}

.img-float.right {
  margin-top: -9vh;
  margin-right: 3vh;
  margin-left: 0vh;
  float: none;
}

.img-float.sizetesti {
  width: 8vh;
  height: 8vh;
  margin-top: 0%;
  margin-bottom: 3%;
  float: left;
  clear: left;
  border-radius: 36px;
}

.img-float.sizetesti.outline {
  width: 20vh;
  height: 20vh;
  margin-top: 2vh;
  margin-bottom: 3vh;
  border: 4px solid #5bf9ee;
  border-radius: 360px;
}

.img-float.sizetesti.outline.bot {
  margin-bottom: 11%;
}

.img-float.leftspace {
  margin-left: 5%;
}

.img-float.left {
  width: 21vh;
  height: 9vh;
  margin-top: 0vh;
  margin-left: 8vh;
  float: left;
}

.img-float.left.logo {
  width: 27vh;
  height: 12vh;
  margin-bottom: 0vh;
}

.container {
  display: block;
  width: auto;
  height: auto;
  margin-top: 6%;
  margin-right: auto;
  margin-left: auto;
  float: right;
  border-radius: 5px;
  background-color: #b84747;
}

.container._1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.dive-grey {
  position: relative;
  margin-top: -1%;
  padding-top: 3%;
  background-color: #e7e7e7;
}

.col-img {
  padding-top: 57%;
  background-image: url('../images/2-color.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-boarder {
  padding: 12% 15% 19.5%;
  text-align: left;
}

.div-boarder.center {
  height: 125vh;
  padding: 17vh 5vh 0vh;
  text-align: center;
}

.col2-red {
  position: relative;
  height: 125vh;
  padding: 14vh 5vh;
  background-color: #e57373;
  color: #fff;
  text-align: center;
}

.div-work-process {
  display: block;
  width: auto;
  height: 131vh;
  max-height: auto;
  max-width: 150vh;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0vh;
  padding-right: 0%;
  padding-bottom: 0vh;
  background-image: url('../images/full_figure.png');
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.div-work-process._2 {
  height: 50vh;
  padding-top: 0vh;
  padding-bottom: 0vh;
  background-image: url('../images/figure3_1.png');
  background-position: 50% 50%;
  background-size: auto 81%;
  background-repeat: no-repeat;
}

.img-logo {
  width: 20vh;
  height: 23vh;
  margin-top: -9vh;
  margin-bottom: -9vh;
}

.div-contact {
  display: inline-block;
  width: 70vh;
  margin-left: 1vh;
  padding: 5vh 8vh;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 69%, 67%, .26);
  border-radius: 4px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .42);
  text-align: left;
}

.div-contact.left {
  float: none;
}

.social-media {
  width: 10vh;
  margin-top: 5vh;
  margin-right: 2vh;
}

.social-media:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.form {
  width: auto;
  max-width: 67vh;
  margin-top: 3vh;
  margin-right: -49px;
  margin-bottom: 3vh;
  padding: 0px 3vh 5vh;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 69%, 67%, .26);
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .42);
  -webkit-transform: translate3d(0px, 0px, 5px);
  transform: translate3d(0px, 0px, 5px);
  text-align: center;
}

.message {
  height: auto;
  max-height: 158%;
  padding-top: 4%;
  padding-bottom: 47%;
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .14);
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.2vh;
}

.label {
  margin-bottom: 10vh;
  font-family: 'Sitka subheading', sans-serif;
  font-size: 2.5vh;
  line-height: 3vh;
  font-weight: 400;
  text-align: justify;
  letter-spacing: 0.02px;
  text-decoration: none;
}

.button-submit {
  display: block;
  width: 30vh;
  height: 4.5vh;
  margin-right: auto;
  margin-left: auto;
  padding: 1vh 3vh;
  border-radius: 123px;
  background-color: #5bf9ee;
  font-family: 'Segoe ui', sans-serif;
  color: #575757;
  font-size: 1.5vh;
  line-height: 2.2vh;
  letter-spacing: 0.3vh;
  text-transform: uppercase;
}

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

.button-submit.topspace {
  margin-top: 6vh;
}

.button-submit.top {
  margin-top: 5vh;
  border: 1px solid #fff;
  background-color: #e57373;
  color: #fff;
}

.button-submit.top:hover {
  border: 1px solid #e57373;
  background-color: #fff;
  color: #e57373;
}

.button-submit.hero {
  width: 33vh;
  height: 6.5vh;
  padding-top: 2vh;
  padding-bottom: 2vh;
  background-color: #5bf9ee;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Segoeui, sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 1.3vw;
}

.button-submit.hero:hover {
  background-color: #196862;
  color: #fff;
}

.footer {
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #252424;
  color: #fff;
}

.terms {
  margin-top: -2vh;
  margin-right: 7vh;
  margin-bottom: 0px;
  float: right;
  font-size: 2.5vh;
  line-height: 3vh;
  letter-spacing: 0.1vh;
}

.popout {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: none;
  margin: 10vh 12vh 0px;
  opacity: 1;
  -webkit-perspective: 1px;
  perspective: 1px;
}

.popcol1 {
  height: auto;
  max-height: 60%;
  background-color: #e4c2c2;
  text-align: center;
}

.mini {
  font-size: 0.9em;
  line-height: 15px;
}

.mini.justify {
  margin-right: 22px;
  margin-left: 22px;
  font-family: 'Segoe ui', sans-serif;
  color: rgba(51, 51, 51, .5);
  font-size: 0.7em;
  line-height: 12px;
  text-align: justify;
}

.mini.justify.adj {
  margin-right: 5vh;
  margin-left: 5vh;
  color: rgba(51, 51, 51, .9);
  font-size: 1.8vh;
  line-height: 2vh;
  letter-spacing: 0.2vh;
}

.poptext {
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: left;
}

.popform {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 98%;
  background-color: #fff;
  text-align: center;
}

.red {
  float: none;
  clear: left;
  font-family: 'Sitka subheading', sans-serif;
  color: #e57373;
  font-size: 2.5vh;
  line-height: 3.5vh;
}

.red.seg {
  margin-top: 3vh;
  margin-bottom: 2vh;
  font-family: 'Sitka subheading', sans-serif;
}

.red.seg.vh {
  letter-spacing: 0.02vh;
}

.red.highcontrast {
  clear: none;
  color: #862828;
  font-size: 2.5vh;
  font-weight: 700;
}

.red.slant {
  font-family: 'Sitka subheading', sans-serif;
  line-height: 3.5vh;
}

.red.thin {
  font-family: 'Segoe ui', sans-serif;
  font-size: 1.4vw;
}

.red.font {
  font-family: 'Sitka subheading', sans-serif;
  color: #e57373;
  font-weight: 700;
}

.red.smaller {
  color: #e57373;
  font-size: 1.4vw;
  line-height: 1vh;
}

.red.siz {
  font-size: 3vh;
}

.red._4 {
  color: #e57373;
  font-size: 2vw;
  line-height: 2.8vw;
}

.close {
  float: right;
}

.text {
  font-family: 'Segoe ui', sans-serif;
}

.text.space-bot {
  margin-bottom: 9%;
}

.hero-div {
  margin-top: 5%;
  margin-bottom: 5%;
  padding: 5%;
}

.hero-div.bgred {
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 1%;
  padding-bottom: 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(156, 38, 38, .47);
  color: #fff;
  text-align: center;
}

.hero-div.bgred.bg {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  background-image: url('../images/red_fem.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-div.bgred.inflex {
  height: auto;
  max-height: auto;
  padding-top: 4%;
  padding-bottom: 3%;
  background-color: #ad7676;
}

.hero-div.bgyellow {
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 1%;
  padding-bottom: 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(156, 38, 38, .79);
  color: #fff;
  text-align: center;
}

.hero-div.bgyellow.inflex {
  height: auto;
  max-height: auto;
  padding-top: 4%;
  padding-bottom: 3%;
  background-color: #8d6060;
}

.hero-div.bg-green {
  margin-top: 1%;
  margin-bottom: 1%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: #9c2626;
  color: #fff;
}

.hero-div.bg-green.flex {
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 1%;
  padding-bottom: 1%;
  text-align: center;
}

.hero-div.bg-green.flex.inflex {
  height: auto;
  margin-top: -5vh;
  padding-top: 4%;
  padding-bottom: 3%;
  background-color: #663d3d;
}

.blue {
  color: #5bf9ee;
  font-weight: 600;
}

.blue.nolarross {
  color: #e57373;
  font-size: 2.3vw;
}

.blue.thin {
  font-family: 'Sitka subheading', sans-serif;
  color: #368d87;
  font-size: 1.6vw;
  font-style: italic;
  font-weight: 400;
}

.blue.adjst {
  font-weight: 400;
}

.div-black {
  margin: 77% -1.5% 10% -2%;
  padding: 5% 10%;
  background-color: #000;
  color: #fff;
}

.col1 {
  margin-top: 0.4%;
  background-image: url('../images/red_fem.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.darkred {
  color: #ce1717;
}

.darkred.think {
  font-weight: 700;
}

.bot-underline {
  margin-bottom: 55px;
  padding-left: 53px;
  border-style: solid;
  border-width: 0px 0px 2px;
  border-color: #000 #000 #fff;
}

.bot-underline.w {
  margin-bottom: 55vh;
  padding-bottom: 6px;
  padding-left: 0px;
  border-color: #202020;
  border-bottom-width: 1px;
  font-size: 2.5vw;
  line-height: 5.1vh;
  font-weight: 300;
  letter-spacing: 0.15vw;
  text-decoration: none;
}

.col-grey {
  background-color: #868686;
  color: #fff;
}

.div {
  display: none;
  height: 50vh;
}

.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bgblue {
  margin-top: -94%;
  margin-right: -36%;
  margin-bottom: 2%;
  float: right;
  background-color: #5bf9ee;
}

.vision {
  font-family: 'Sitka subheading', sans-serif;
  font-size: 5vh;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.3vh;
}

.sign-up {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: auto;
  height: 6vh;
  margin-top: 1vh;
  margin-left: 10vh;
  padding: 1.5vh 0vh 1vh 1vh;
  float: none;
  clear: none;
  border-radius: 0px;
  background-color: transparent;
  -webkit-perspective: 1465px;
  perspective: 1465px;
  font-size: 2vh;
  line-height: 3vh;
  letter-spacing: 0.2vh;
  text-decoration: none;
}

.div-float-right {
  float: right;
}

.pop_mom {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: block;
  max-height: 100vh;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, .69);
  opacity: 0;
}

.dude {
  display: block;
  width: 20vh;
  height: 30vh;
  margin: 2vh auto;
}

.sidebar_trailing {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: block;
  width: auto;
  height: 22vh;
  margin-top: 29vh;
  margin-bottom: 0vh;
  padding-top: 2vh;
  padding-left: 2vh;
  background-color: transparent;
  letter-spacing: 0.2vh;
}

.mail_trail {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: 10vh;
  height: 10vh;
  margin-top: 56vh;
  margin-bottom: 1vh;
  margin-left: 0px;
  float: right;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #5bf9ee;
}

.sign-up_trail {
  float: none;
  border-bottom-left-radius: 4px;
}

.mail_pic {
  display: block;
  width: 10vh;
  height: 10vh;
  padding: 2vh 0px 1vh;
  float: right;
  border-top-left-radius: 0vh;
  border-bottom-left-radius: 0vh;
  font-size: 14vh;
  line-height: 20vh;
}

.mail_pic:hover {
  max-width: auto;
}

.hero_mom {
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hero_div_2 {
  display: inline-block;
  width: 88vh;
  height: 92.6vh;
  margin-top: 0vh;
  margin-bottom: -1vh;
  padding-top: 0vh;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #eb8585;
  background-image: url('../images/man-smile.jpg');
  background-position: 50% 22%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0px, 0px, -4px);
  transform: translate3d(0px, 0px, -4px);
  line-height: 20vh;
}

.hero_div_1 {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ad7676;
}

.hero_div_1._2 {
  background-color: #8d6060;
}

.hero_granny {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pic_cont {
  float: left;
}

.mini-div {
  display: block;
  width: 8vh;
  height: 2vh;
  margin: 0px auto 6vh;
  background-color: #5bf9ee;
}

.mini-div.leftside {
  width: 8vh;
  height: 2vh;
  margin-top: 0vh;
  margin-bottom: 2vh;
  float: left;
  background-color: #5bf9ee;
}

.mini-div.leftside.short {
  margin-bottom: 10px;
}

.mini-div.white {
  background-color: #e59424;
  color: #fff;
}

.tiny_label {
  padding-bottom: 5px;
  font-family: 'Segoe ui', sans-serif;
  color: #202020;
  font-size: 1.5vh;
  line-height: 1vh;
  letter-spacing: 0.2vh;
  text-transform: uppercase;
}

.tiny_label.nola {
  margin-top: -2vh;
  margin-bottom: 0vh;
  padding-bottom: 0vh;
  color: #c7c7c7;
  font-size: 1.5vh;
  line-height: 3vh;
  font-style: italic;
  letter-spacing: 0.1vh;
}

.tiny_label.lower {
  margin-top: 2vh;
  margin-bottom: -2vh;
  margin-left: 4vh;
  color: #202020;
  font-size: 1vw;
  text-transform: none;
}

.contact_ico {
  width: 4vw;
  height: 9vh;
  margin: 1vw 1vw 0.5vw;
  padding-right: 4px;
  padding-bottom: 7px;
  padding-left: 4px;
  border: 2px none #e57373;
  border-radius: 2px;
  background-color: transparent;
  opacity: 1;
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
  color: transparent;
}

.contact_ico:hover {
  background-color: transparent;
  opacity: 0.88;
  -webkit-filter: contrast(200%);
  filter: contrast(200%);
}

.contact_ico.email {
  padding-bottom: 0px;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.contact_ico.email:hover {
  opacity: 0.88;
}

.contact_ico.linkedin {
  width: 5.5vw;
  padding-right: 1.3vh;
  padding-left: 1.3vh;
}

.contact {
  display: block;
  width: 65%;
  margin-right: auto;
  margin-left: auto;
}

.pinktext {
  color: #e57373;
}

.cyan-text {
  color: #5bf9ee;
}

.nolan_flex {
  position: relative;
  display: block;
  height: 100vh;
  margin-top: 0px;
  padding-right: 6vw;
  padding-left: 6vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #202020;
}

.nolan_flx_1 {
  display: inline-block;
  width: 51vh;
  height: 100%;
  max-width: 50vh;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  background-image: url('../images/Nolan_10-25-1.jpg'), url('../images/Nolan_10-25-.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.nolan_flx_2 {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 125vh;
  margin-top: 0px;
  padding-top: 2%;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background-color: #202020;
  color: #fff;
}

.pink {
  color: #e57373;
}

.hero_2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  background-image: url('../images/_clear.png'), url('../images/bg.png');
  background-position: 51px 100%, 50% 50%;
  background-size: 46vw, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.hero_ico {
  width: 13vh;
  height: 12vh;
  margin-bottom: -3vh;
}

.importanttext {
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  line-height: 3vh;
  text-shadow: 0 3px 2px hsla(0, 0%, 9%, .7);
}

.importanttext.lesstop {
  margin-top: -16%;
}

.importanttext.lesstop.shadow {
  text-shadow: 0 2px 1px #8d6060;
}

.importanttext.shadow1 {
  text-shadow: 0 2px 1px #663d3d;
}

.importanttext.web-design {
  color: #da7d81;
  font-size: 3.8vh;
  line-height: 6vh;
  letter-spacing: 0.05vh;
  text-shadow: none;
}

.col-cont {
  padding-right: 7vh;
  padding-bottom: 2vh;
  padding-left: 17vh;
  border-right: 3px solid rgba(141, 162, 160, .31);
}

._80div {
  width: auto;
  padding-right: 0%;
  float: left;
}

._10div {
  display: block;
  width: auto;
  margin-top: -0.44%;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

.menu_button {
  width: auto;
  height: auto;
  float: right;
  border-radius: 5px;
}

.menu_button.w--open {
  width: 50px;
  height: 50px;
  float: none;
  background-color: #b84747;
}

.burger_cont {
  width: auto;
  height: auto;
  border-radius: 5px;
  background-color: #313131;
}

.burger_drop {
  position: absolute;
  left: -326%;
  top: 110%;
  bottom: 0px;
  z-index: 600;
  width: auto;
  height: 793%;
  float: none;
  background-color: #474747;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 1em;
}

.burger_link {
  position: static;
  left: 0px;
  top: 0px;
  bottom: 0px;
  color: #fff;
  letter-spacing: 1px;
}

.icon {
  font-size: 14px;
}

.quotebig {
  margin-top: 13vh;
  text-align: center;
}

.topico {
  width: 38vh;
  height: auto;
  max-height: 20vh;
  max-width: 20vh;
  margin-top: -3%;
  margin-bottom: 2%;
}

.topico.slides {
  width: 28vh;
  max-height: 38vh;
  max-width: 38vh;
  margin-top: 9%;
  margin-bottom: auto;
}

.topico.slides.cancel {
  margin-bottom: 2%;
}

.topico.c {
  margin-top: -3%;
  margin-bottom: 3%;
}

.topico.tp {
  margin-top: -5%;
}

.navburger {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  height: auto;
  margin-top: 0.5%;
  margin-right: 8vh;
  float: right;
  background-color: transparent;
}

.burger-menu {
  position: relative;
  z-index: 50;
  display: block;
  height: auto;
  max-height: 35vh;
  margin: 0px auto 0%;
  float: right;
}

.cont {
  position: relative;
  z-index: 100;
  width: 35vh;
  background-color: transparent;
}

.burgerbut {
  width: 7vh;
  height: 7vh;
  padding: 0vh;
  float: right;
  border-style: none;
  border-width: 0px;
  background-color: transparent;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}

.burgerbut:hover {
  border: 0px solid transparent;
}

.burgerbut.w--open {
  background-color: #cc0404;
}

.burgerlink {
  padding: 3vh 0vh 3vh 3vh;
  background-color: #3d3d3d;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 2.5vh;
  line-height: 2vh;
  letter-spacing: 0.1vh;
}

.burgerlink.w--current {
  padding: 3vh 0vh 3vh 3vh;
  background-color: #3d3d3d;
  font-size: 2.5vh;
  line-height: 2vh;
  letter-spacing: 0.1vh;
}

.baricon {
  width: auto;
  height: auto;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}

.baricon:hover {
  background-color: transparent;
  color: #e57373;
}

.row_form {
  display: none;
  height: auto;
}

.formwrap {
  display: block;
  padding: 5% 15%;
}

.form1 {
  padding-right: 9%;
  padding-left: 9%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #e4c2c2;
}

.form1.left {
  display: block;
  width: 50%;
  height: 90vh;
  padding: 1% 3%;
  float: left;
  background-color: #f8d0d0;
  text-align: left;
}

.form1._2 {
  position: relative;
  width: 50%;
  height: 90vh;
  padding: 0% 0% 67vh;
  float: left;
  background-color: #fff;
}

.formright-text {
  display: block;
  margin-right: auto;
  margin-bottom: 5vh;
  margin-left: auto;
  font-family: 'Segoe ui', sans-serif;
  color: rgba(51, 51, 51, .63);
  font-size: 2vh;
  line-height: 2.5vh;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.3vh;
  text-transform: uppercase;
}

.formright-text.pop {
  margin-bottom: 0vh;
  text-transform: capitalize;
}

.form2_1 {
  display: inline-block;
  width: 100%;
  padding-top: 9vh;
  padding-bottom: 0vh;
  padding-left: 4vh;
  float: left;
  background-color: transparent;
}

.form2_2 {
  display: inline;
  width: 35%;
  float: left;
}

.textfield1 {
  margin-top: 0vh;
  margin-bottom: 4vh;
  padding: 3vh 9vh 3vh 3vh;
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.2vh;
}

.box_x {
  width: 5%;
  height: 0%;
  max-height: 0px;
  float: right;
  background-color: #5f6264;
  background-image: url('../images/cross-remove-sign.svg');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.wrapp {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 9px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 0.9rem;
  line-height: 17px;
}

.textbox {
  height: 108vh;
  max-height: 150px;
  padding-right: 3vh;
  padding-left: 3vh;
}

.textbox.height {
  overflow: visible;
  height: 50vh;
  margin-bottom: 0px;
  padding-top: 3vh;
  padding-bottom: 3vh;
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.3vh;
}

.formtext {
  display: block;
  width: auto;
  margin-top: 2vh;
  padding-top: 9px;
  padding-right: 21%;
  padding-left: 2.5vw;
  float: none;
  font-size: 2.5vh;
}

.closebutton {
  margin-top: 2vh;
  margin-right: 6vh;
  margin-left: 0%;
  float: right;
}

.logotop {
  margin-bottom: 0.5%;
}

.navtop {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
}

.divline {
  height: 0.2vh;
  background-color: #fff;
}

.icons {
  width: 18vh;
  height: 21vh;
}

.burger {
  width: 7vh;
  height: 7vh;
  max-width: auto;
  margin-top: 0vh;
}

.div-newicons {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 70;
}

.check {
  position: absolute;
  width: 17vh;
  height: 17vh;
  margin-top: 6vh;
  margin-left: -34vh;
}

.arrow {
  position: absolute;
  z-index: 70;
  width: 10vh;
  height: 10vh;
  margin-top: 10vh;
  margin-left: -48.5vh;
}

.plus {
  position: relative;
  z-index: 70;
  width: 10vh;
  height: 10vh;
  margin-top: -5vh;
  margin-left: -5vh;
}

.equals {
  position: relative;
  z-index: 70;
  width: 10vh;
  height: 10vh;
  margin-top: -5vh;
  margin-left: -5vh;
}

.button-get-started {
  margin-top: 2vh;
  margin-left: 5vw;
  padding: 1.5vh 6vh;
  border: 2px none #5bf9ee;
  border-radius: 49px;
  background-color: #5bf9ee;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Segoe ui', sans-serif;
  color: #313131;
  font-size: 1vw;
  line-height: 2.2vh;
  letter-spacing: 0.3vh;
}

.button-get-started:hover {
  border-style: none;
  background-color: #196862;
  color: #fff;
}

.arrowdown {
  width: 5vh;
  height: 5vh;
  margin-top: 1vh;
}

.formwrapper {
  margin-top: 7vh;
  padding-right: 9vh;
  padding-left: 9vh;
}

.v {
  font-family: Seguisb, sans-serif;
  font-size: 2.8vw;
  font-style: normal;
  font-weight: 200;
}

.white {
  color: #666;
  font-size: 9px;
  letter-spacing: 1px;
}

.white.digital {
  font-size: 3vh;
}

.bigger {
  font-size: 4vh;
}

.txtfield {
  height: 6vh;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .14);
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.1vh;
}

.topburger {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 500;
  display: none;
}

.sign-up1 {
  margin-top: 2vh;
  color: #fff;
  font-size: 2.2vh;
  line-height: 2vh;
  letter-spacing: 0.3vh;
}

.textsign-up {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 550;
  display: none;
  margin-top: 1vh;
  margin-right: 19vh;
  margin-left: 0vh;
  padding: 2vh;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, .59);
  -webkit-perspective: 1536px;
  perspective: 1536px;
  color: #fff;
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.2vh;
}

.textsign-up:hover {
  color: #5bf9ee;
}

.sign-up2 {
  display: block;
  -webkit-perspective: 412px;
  perspective: 412px;
  color: #fff;
  text-decoration: none;
}

.sign-up2:hover {
  color: #e57373;
}

.bgbody {
  padding-top: 9vh;
  background-color: #000;
  color: rgba(51, 51, 51, .79);
}

.italic {
  font-family: 'Sitka subheading', sans-serif;
  font-size: 3vh;
  line-height: 4vh;
  font-weight: 400;
  letter-spacing: 0.3vh;
}

.div-price {
  display: inline-block;
  width: 43vh;
  height: 55vh;
  margin-right: 2vh;
  padding: 0vh 2vh 4vh;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 40%, .48);
  line-height: 20px;
}

.div-price.p1 {
  width: 43vh;
  height: 116vh;
  margin-right: 0vh;
  background-image: url('../images/price1.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 0 6px 0 #000;
}

.div-price.p2 {
  height: 120vh;
  margin-top: 0px;
  padding-bottom: 0vh;
  background-image: url('../images/price-2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .53);
}

.div-price.p3 {
  height: 116vh;
  margin-left: -14px;
  background-image: url('../images/price-3.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 0 6px 0 #000;
}

.button-compare {
  padding: 3vh 4vh;
  border: 2px solid #fff;
  border-radius: 58px;
  background-color: #e57373;
  font-size: 4vh;
  line-height: 4vh;
  letter-spacing: 0.2vh;
}

.button-compare:hover {
  border: 2px solid #e57373;
  background-color: transparent;
  color: #e57373;
}

.button-subscribe {
  height: 6vh;
  margin-top: 0.5px;
  padding: 1.9vh 5vh 1.7vh 3vh;
  border-radius: 0px 13px 13px 0px;
  background-color: #e57373;
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.3vh;
}

.button-subscribe:hover {
  background-color: #abd3d1;
}

.form-footer {
  padding-right: 12vh;
  padding-left: 16vh;
}

.textfild {
  height: 6vh;
  padding: 2vh 3vh;
  font-size: 2vh;
  line-height: 2vh;
  letter-spacing: 0.3vh;
}

.block {
  display: inline-block;
}

.block1 {
  display: inline-block;
  width: 60vh;
  text-align: center;
}

.bock {
  display: inline-block;
}

.center {
  background-color: hsla(0, 0%, 100%, .9);
  text-align: center;
}

.center._1 {
  background-color: transparent;
}

.div-container {
  height: 100vh;
  margin-top: 0vh;
  background-color: #fff;
  text-align: center;
}

.div-container.center-hero {
  padding-top: 22vh;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .56), rgba(0, 0, 0, .56)), url('../images/2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .56), rgba(0, 0, 0, .56)), url('../images/2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.div-container.center-hero.up {
  padding-top: 12vh;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .72)), url('../images/2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .72)), url('../images/2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.div-container.auto {
  height: auto;
  margin-bottom: -4vh;
}

.div-container.auto.man {
  position: relative;
  padding-top: 0px;
  padding-right: 2vw;
  padding-left: 2vw;
}

.div-inline {
  display: inline-block;
  width: auto;
  max-width: 70vh;
  margin-top: 0vh;
  margin-right: 0vh;
  float: none;
}

.div-inline.w50 {
  width: 70vh;
  max-width: 80vh;
}

.div-inline.float-left {
  max-width: 80vh;
  margin-right: 14vh;
  float: right;
}

.div-inline.icons {
  height: auto;
  margin-top: 16vh;
  margin-right: 0vh;
  margin-left: -1vh;
}

.div-inline.icons.high {
  height: auto;
  margin-top: 0vh;
  margin-right: 0.1vh;
  margin-left: 0.1vh;
}

.div-inline.xspace {
  margin-right: 0vh;
  -webkit-perspective: 1286px;
  perspective: 1286px;
}

.div-inline.xspace._1 {
  margin-bottom: 0vh;
}

.div-inline.bg {
  padding: 4vh 0vh;
  background-color: transparent;
}

.div-inline.bg.adjust {
  max-width: 49vw;
  padding-top: 9vh;
}

.navnew1 {
  position: relative;
  z-index: 1;
  width: 500vh;
  margin-bottom: -4vh;
  padding: 1vh 24px;
  background-color: #141414;
  color: #fff;
}

.hero-mom {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 74vh;
  margin-top: 0vh;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ad7676;
}

.baloon {
  width: 87vh;
  margin-top: 0vh;
  margin-bottom: -7vh;
  margin-left: 2vh;
}

.read-more {
  position: absolute;
  z-index: 1;
  display: block;
  width: 47vh;
  min-height: 338px;
  margin-top: -116px;
  margin-bottom: 15px;
  margin-left: -7%;
  padding: 11px;
  border-radius: 3px;
  background-color: #666;
  opacity: 0;
  font-family: Segoeui, sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.01vh;
}

.read-more-1 {
  position: absolute;
  z-index: 1;
  display: block;
  width: 47vh;
  min-height: 338px;
  margin-top: -108px;
  margin-bottom: 15px;
  margin-left: -7%;
  padding: 11px;
  background-color: #666;
  opacity: 0;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.01vh;
}

.read-more-2 {
  position: absolute;
  z-index: 1;
  display: block;
  width: 47vh;
  min-height: 338px;
  margin-top: -108px;
  margin-bottom: 15px;
  margin-left: -7%;
  padding: 11px;
  background-color: #666;
  opacity: 0;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.01vh;
}

.read-more-3 {
  position: absolute;
  display: block;
  width: 45vh;
  min-height: 338px;
  margin-top: 20px;
  margin-left: -21px;
  padding: 11px;
  background-color: #666;
  opacity: 0;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.01vh;
}

.read-more-4 {
  position: absolute;
  display: block;
  width: 45vh;
  min-height: 338px;
  margin-top: 17px;
  margin-left: -21px;
  padding: 11px;
  background-color: #666;
  opacity: 0;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 4vh;
  letter-spacing: 0.01vh;
}

.read-more-5 {
  position: absolute;
  display: block;
  width: 45vh;
  min-height: 338px;
  margin-top: 20px;
  margin-left: -21px;
  padding: 1px;
  background-color: #666;
  opacity: 0;
  font-family: 'Segoe ui', sans-serif;
  color: #fff;
  font-size: 3vh;
  line-height: 5vh;
}

.float-left {
  float: left;
}

.img-flip {
  width: 30vh;
  height: 30vh;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.div-icon {
  position: absolute;
  display: block;
  width: 30vh;
  height: 30vh;
  margin-top: -30vh;
  padding-top: 10vh;
  background-color: #f2a0c9;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  text-align: center;
}

.div-icon._1 {
  display: block;
}

.div-icon1 {
  position: absolute;
  display: block;
  width: 30vh;
  height: 30vh;
  margin-top: -30vh;
  padding-top: 9vh;
  padding-right: 2vh;
  padding-left: 2vh;
  background-color: #202020;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}

.div-icon1._1 {
  display: block;
  background-color: #202020;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.div-icon1._3 {
  padding-top: 8vh;
  background-color: #a0a4f2;
}

.div-icon1._4 {
  background-color: #ce747c;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.div-icon1._5 {
  display: block;
  background-color: #8b9e78;
}

.div-icon1._6 {
  display: block;
  background-color: #90baba;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.div-icon1._7 {
  display: block;
  background-color: #e2a0f2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.div-icon1._8 {
  display: block;
  background-color: #a08772;
}

.div-icon1._12 {
  display: block;
  background-color: #f49f9f;
}

.div-ivon-3 {
  width: 30vh;
  height: 30vh;
  margin-top: -30vh;
  margin-bottom: 0vh;
  padding-top: 5vh;
  -webkit-transform: translate3d(0px, 0px, 19px);
  transform: translate3d(0px, 0px, 19px);
}

.div-icon11 {
  position: absolute;
  z-index: 1;
  display: block;
  width: 30vh;
  height: 30vh;
  margin-top: 0vh;
  margin-bottom: -30vh;
  padding-top: 9vh;
  background-color: #e57373;
  -webkit-transform: translate(0px, 213px);
  -ms-transform: translate(0px, 213px);
  transform: translate(0px, 213px);
}

.icon3 {
  width: 30vh;
  height: 30vh;
  margin-top: -30vh;
  padding: 5vh 2vh 0px;
}

.icon4 {
  width: 30vh;
  height: 30vh;
}

.orange {
  width: 19vw;
  height: 60vh;
  margin-right: auto;
  padding-top: 5vh;
  padding-bottom: 2vh;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 5px -4px 7px 3px rgba(0, 0, 0, .18);
}

.orange.fixed {
  position: static;
}

.orange.new {
  background-color: #fff;
  background-image: url('../images/man1-png.png');
  background-position: 50% 50%;
  background-size: 304px;
  background-repeat: no-repeat;
}

.orange.new.nocolr {
  position: relative;
  top: 62px;
  width: 23vw;
  height: 68vh;
  margin-right: 10vh;
  margin-bottom: 0px;
  padding-top: 8vh;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.orange.o1 {
  width: 20vw;
  margin-right: 2vw;
  margin-left: 2vw;
  border-bottom: 0px solid #000;
}

.orange.up {
  margin-right: 0px;
}

.orange.o-middle {
  margin-right: 2vw;
  margin-left: 2vw;
}

.orange-invi {
  margin-top: 4px;
  opacity: 0;
  color: #e59424;
  font-size: 18px;
  line-height: 20px;
}

.orange-invi.w {
  margin-top: 9px;
  font-size: 12px;
  line-height: 18px;
}

.orange-invi._21 {
  margin-top: 34%;
  margin-right: 7vh;
}

.div-blank {
  height: 50vh;
  margin-top: 9px;
  margin-bottom: -270px;
  background-color: #fff;
  -webkit-transform: translate3d(0px, 0px, 7px);
  transform: translate3d(0px, 0px, 7px);
}

.inline-blank {
  display: inline-block;
}

.div-animation {
  position: relative;
  display: block;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  padding-top: 8vw;
  padding-left: 23vw;
  background-color: #fff;
  background-image: url('../images/the-man2.png');
  background-position: -69px 20%;
  background-size: 43%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  text-align: center;
}

.mouse {
  opacity: 0.55;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}

.mouse:hover {
  opacity: 1;
}

.mouse._1 {
  margin-bottom: 7vh;
  background-color: transparent;
  opacity: 1;
  -webkit-transition-property: none;
  transition-property: none;
}

.icons1 {
  position: absolute;
  left: -8px;
  top: 0px;
  bottom: 0px;
  display: block;
  width: 88%;
  margin-top: 20%;
  margin-bottom: 0vh;
  margin-left: 0%;
}

.ckeck {
  width: 23%;
  height: 15vh;
  margin-right: 9%;
  margin-bottom: 37vh;
  margin-left: -65px;
  float: left;
}

.arow {
  width: 25%;
  height: 15vh;
  margin-right: -6%;
  margin-bottom: 37vh;
  margin-left: -15%;
}

.add {
  height: 15vh;
  margin-right: 6%;
  margin-bottom: 37vh;
  margin-left: 9%;
}

.equal {
  height: 15vh;
  margin-right: 14%;
  margin-bottom: 37vh;
  margin-left: 0%;
}

.invi {
  opacity: 0;
  font-size: 0.5vh;
}

.img1.up {
  height: auto;
  margin-bottom: 9vh;
}

.yellow {
  width: 66.5vh;
  height: 18vh;
  margin-top: 0px;
  margin-bottom: 23px;
  margin-left: -22px;
  padding-right: 41px;
  padding-left: 41px;
  background-color: #5bf9ee;
}

.bold {
  font-family: Segoeuib, sans-serif;
}

.icon25 {
  width: 25%;
  float: left;
}

.iconbutton {
  display: block;
  margin-right: 0px;
  margin-left: 7%;
}

.iconbutton.left15 {
  margin-left: -9%;
}

.offer-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 33px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, .96);
  font-family: Segoeui, sans-serif;
  color: #fff;
  font-size: 2vh;
  line-height: 4vh;
}

.form-table {
  width: 100%;
  font-family: Segoeuib, sans-serif;
  color: #000;
  font-size: 1rem;
  line-height: 1.7rem;
}

.close-pop {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 11%;
  display: inline-block;
  margin-left: 2.5vw;
}

.shine {
  margin-top: 0.5vh;
  margin-bottom: 2vh;
  font-family: Segoeuil, sans-serif;
  color: rgba(0, 0, 0, .26);
  font-size: 1.9vh;
  line-height: 4vh;
}

.testi-row {
  padding-right: 5vw;
  padding-left: 5vw;
}

.iconlayer {
  position: absolute;
  left: -40px;
  top: 55px;
  margin-top: -1vw;
  margin-left: 1vw;
}

.pp {
  display: block;
}

html.w-mod-js *[data-ix="hide-side"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="pop-out"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="pop-out-2"] {
  display: block;
  opacity: 1;
}

html.w-mod-js *[data-ix="pop-out-3"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="apearside-on-load"] {
  opacity: 0;
  -webkit-transform: translate(-400px, 0px);
  -ms-transform: translate(-400px, 0px);
  transform: translate(-400px, 0px);
}

html.w-mod-js *[data-ix="onload-apear-top"] {
  opacity: 0;
  -webkit-transform: translate(0px, -300px);
  -ms-transform: translate(0px, -300px);
  transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="onload-apear-top-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -300px);
  -ms-transform: translate(0px, -300px);
  transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="onload-apear-top-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, -300px);
  -ms-transform: translate(0px, -300px);
  transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="onload-apear-top-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, -300px);
  -ms-transform: translate(0px, -300px);
  transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="onload-hero2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="scroll-apear"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="scroll-up"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="scroll-up-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="scroll-up-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="scroll-left"] {
  opacity: 0;
  -webkit-transform: translate(-300px, 0px);
  -ms-transform: translate(-300px, 0px);
  transform: translate(-300px, 0px);
}

html.w-mod-js *[data-ix="scroll-apear-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="scroll-apear-3-lag"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="nav-scroll"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="flip"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="hover-2"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="icon-scroll-show"] {
  opacity: 0;
  -webkit-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate(0px, 200px);
}

html.w-mod-js *[data-ix="icon-scroll-show-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate(0px, 200px);
}

html.w-mod-js *[data-ix="icon-scroll-show-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate(0px, 200px);
}

html.w-mod-js *[data-ix="scroll-up-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="scroll-up-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="scroll-up-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="resizing"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="resizing-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="slidedark-overlay"] {
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="initial-pop-up"] {
  display: none;
  opacity: 0.41;
}

@media (max-width: 991px) {
  .hero-text {
    margin-top: -0.05%;
    padding-right: 2%;
  }
  .hero-text.right {
    display: none;
    width: 50vh;
  }
  .hero-text._11 {
    display: none;
  }
  .navmenu {
    height: auto;
    padding-top: 3vh;
    padding-bottom: 3vh;
  }
  .navlinks {
    margin-top: 0vh;
    margin-bottom: 0vh;
    font-size: 1.8vw;
  }
  .navlinks.sides {
    margin-top: 0vh;
    margin-right: 0vw;
    margin-bottom: 0vh;
    padding-right: 1vh;
    padding-left: 1vh;
    font-size: 1.8vw;
  }
  .navlinks.sides.negative {
    margin-right: -3vh;
    font-size: 1.8vw;
  }
  .sub-heading {
    font-size: 2vh;
    line-height: 3vh;
  }
  .sub-heading.right.normal {
    margin-bottom: -2vh;
    line-height: 5vh;
  }
  .sub-heading.right.xtop {
    display: block;
    text-align: left;
    letter-spacing: 0.12vh;
  }
  .sub-heading.red {
    font-size: 2.3vh;
    line-height: 3vh;
  }
  .sub-heading.red.size {
    font-size: 4vh;
    line-height: 5vh;
  }
  .sub-heading.normal {
    font-size: 2.5vh;
    line-height: 5vh;
  }
  .sub-heading.normal.pop {
    font-size: 4vw;
    line-height: 4vw;
  }
  .sub-heading.normal.edit {
    font-size: 2.5vh;
    line-height: 5vh;
  }
  .sub-heading.normal.edit.fix2 {
    font-size: 2vw;
    line-height: 2.5vh;
  }
  .sub-heading.normal.fix1 {
    max-width: 48vh;
  }
  .sub-heading.movdown {
    margin-bottom: 5vh;
  }
  .sub-heading.down {
    font-size: 3vw;
  }
  .sub-heading.hero {
    font-size: 2.5vh;
    line-height: 4vh;
  }
  .sub-heading.hero.quote {
    width: 50vh;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .sub-heading.avail {
    font-size: 2.3vw;
    line-height: 2.5vw;
  }
  .sub-heading.adjst1 {
    font-size: 3vw;
    letter-spacing: 0.2vh;
  }
  .sub-heading.spaceprice {
    font-size: 2.4vw;
    letter-spacing: 0.2vh;
  }
  .sub-heading.spaces.formspace {
    padding-right: 5vw;
    padding-left: 5vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .sub-heading.semibold {
    font-size: 2.4vw;
    line-height: 3vw;
  }
  .sub-heading.why {
    letter-spacing: 0.05vw;
  }
  .sub-heading.why.spacebot {
    letter-spacing: 0.05vw;
  }
  .sub-heading.pos {
    line-height: 2.8vw;
  }
  .heading {
    font-size: 4.8vw;
  }
  .heading.red.space.large {
    margin-bottom: 12vh;
    font-size: 3.5vh;
    line-height: 7vh;
  }
  .heading.xtop {
    font-size: 5vh;
    line-height: 6vh;
  }
  .heading.xtop.limit-hero {
    font-size: 5.5vw;
    line-height: 6vw;
  }
  .heading.white {
    font-size: 4.8vw;
    line-height: 5vh;
  }
  .heading.thick {
    line-height: 4.5vw;
  }
  .paragraph {
    letter-spacing: 0.3vh;
  }
  .paragraph.justify {
    font-size: 2.4vw;
    line-height: 3vh;
    letter-spacing: 0.05vw;
  }
  .paragraph.justify.adtop {
    font-size: 1.8vw;
    line-height: 2.3vw;
    letter-spacing: 0.05vw;
  }
  .paragraph.size {
    height: 36vh;
    font-size: 2vh;
    line-height: 4vh;
  }
  .paragraph.float.i {
    font-size: 2.4vw;
    line-height: 3vw;
  }
  .paragraph.left {
    font-size: 2vh;
    line-height: 3vh;
    letter-spacing: 0.3vh;
  }
  .paragraph.left.justified {
    padding-bottom: 2vh;
    letter-spacing: 0.01vh;
  }
  .paragraph.left.justified.add-bot {
    padding-bottom: 5vh;
  }
  .paragraph.left.justified.add-bot.white {
    margin-top: 0vh;
  }
  .paragraph.sub-heading.ital.down {
    font-size: 2.5vh;
    line-height: 3vh;
  }
  .paragraph.top {
    display: block;
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
  }
  .section.black.greyish._100vh {
    height: auto;
    padding-right: 9vh;
    padding-left: 9vh;
  }
  .section.black.greyish._100vh.font.nolan {
    margin-bottom: 1.5vh;
  }
  .section.grey.special {
    padding-right: 6vh;
    padding-left: 6vh;
  }
  .section.special {
    padding-right: 5vh;
    padding-left: 5vh;
  }
  .section.bghand {
    padding-right: 30vh;
    padding-left: 30vh;
  }
  .div-bg-black.inflex {
    height: 9vh;
    max-height: 20vh;
  }
  .div-float {
    margin-right: 0vw;
  }
  .img-float {
    display: block;
  }
  .img-float.disapear {
    display: none;
  }
  .div-boarder.center {
    padding-right: 2vh;
    padding-left: 2vh;
  }
  .div-work-process {
    height: 88vh;
    padding-top: 26vh;
    padding-bottom: 26vh;
    background-size: contain;
  }
  .img-logo {
    display: none;
    width: 19vh;
    height: 19vh;
  }
  .button-submit.hero {
    font-size: 2vw;
  }
  .terms {
    display: block;
    max-width: 40vh;
    margin-right: auto;
    margin-left: auto;
    float: none;
    font-size: 2.4vw;
  }
  .popout {
    display: block;
    height: auto;
    margin: 6vw;
  }
  .mini.justify.adj {
    font-size: 1.8vw;
    line-height: 1.9vw;
    text-align: justify;
    letter-spacing: 0.1vw;
  }
  .red {
    font-size: 2vw;
    line-height: 2.5vw;
    letter-spacing: 0.1vw;
  }
  .red.highcontrast {
    font-size: 2.5vh;
    line-height: 5vh;
  }
  .red.thin {
    font-size: 2vw;
    line-height: 2.4vh;
  }
  .red.font {
    font-size: 2.4vw;
    line-height: 2.5vw;
  }
  .red.smaller {
    font-size: 2.5vw;
  }
  .hero-div.bgred.inflex {
    height: auto;
    max-height: 60vh;
  }
  .hero-div.bgyellow.inflex {
    height: auto;
    max-height: 60vh;
  }
  .hero-div.bg-green.flex.inflex {
    height: auto;
    max-height: 60vh;
  }
  .blue.thin {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
  .bot-underline.w {
    font-size: 2vh;
    line-height: 4vh;
  }
  .vision {
    font-size: 3vh;
    line-height: 3vh;
  }
  .hero_div_2 {
    height: 94.6vh;
    max-height: 60vh;
  }
  .hero_div_1 {
    background-color: #ad7676;
  }
  .hero_div_1._2 {
    background-color: #8d6060;
  }
  .tiny_label.nola {
    margin-top: 0vh;
    font-size: 1.5vh;
  }
  .tiny_label.lower {
    font-size: 2vw;
  }
  .nolan_flex {
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .nolan_flx_1 {
    display: none;
  }
  .hero_2 {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .42), hsla(0, 0%, 100%, .42)), url('../images/_clear.png');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .42), hsla(0, 0%, 100%, .42)), url('../images/_clear.png');
    background-position: 0px 0px, 50% 100%;
    background-size: auto, 96vh;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }
  .importanttext {
    font-size: 3vh;
    line-height: 3vh;
  }
  .importanttext.lesstop {
    letter-spacing: 0.3vh;
  }
  .col-cont {
    display: block;
    margin-top: 2vh;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2%;
    padding-left: 4vw;
  }
  .topico {
    width: auto;
    height: auto;
    max-height: 20vh;
    max-width: 20vh;
  }
  .topico.slides {
    width: 20vh;
    height: auto;
    max-height: 37vh;
    max-width: 38vh;
    margin-bottom: 0px;
  }
  .topico.slides.cancel {
    margin-bottom: -1%;
  }
  .navburger {
    margin-right: 6vh;
  }
  .form1.left {
    height: 90vh;
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .form2_1 {
    padding-top: 2vw;
  }
  .textfield1 {
    margin-bottom: 2vw;
    padding: 2vw;
    font-size: 1.5vw;
  }
  .textbox.height {
    margin-bottom: 10vw;
    padding: 1vh 3vw;
    font-size: 1.5vw;
  }
  .formtext {
    padding-right: 5%;
    padding-left: 0vw;
    text-align: center;
  }
  .burger {
    max-width: auto;
  }
  .check {
    width: 15vh;
    height: 15vh;
  }
  .arrow {
    width: 9vh;
    height: 9vh;
    margin-top: 11vh;
    margin-left: -4vh;
  }
  .plus {
    width: 9vh;
    height: 9vh;
    margin-top: 11vh;
    margin-left: -4.5vh;
  }
  .equals {
    width: 9vh;
    height: 9vh;
    margin-top: 11vh;
    margin-left: -4.5vh;
  }
  .button-get-started {
    width: auto;
    margin-left: 0vw;
    padding-right: 2vh;
    padding-left: 2vh;
    font-size: 2.2vw;
  }
  .formwrapper {
    padding-right: 4vw;
    padding-left: 4vw;
  }
  .white.digital {
    font-size: 3.2vh;
  }
  .bigger {
    font-size: 2vh;
    line-height: 6vh;
  }
  .textsign-up {
    margin-right: 18vh;
  }
  .div-price {
    display: inline-block;
    margin-top: 2vh;
  }
  .div-price.p2 {
    height: 120vh;
    margin-right: 0vh;
    background-size: cover;
  }
  .div-price.p3 {
    height: 50vh;
    margin-top: 0vh;
    margin-left: 20px;
    background-position: 50% 0px;
    background-size: cover;
  }
  .button-compare {
    border-radius: 71px;
  }
  .button-subscribe {
    display: inline-block;
    margin-bottom: 11px;
    margin-left: 0vh;
    float: left;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-transform: translate3d(0px, 0px, -5px);
    transform: translate3d(0px, 0px, -5px);
  }
  .form-footer {
    padding-right: 0vh;
    padding-left: 0vh;
  }
  .textfild {
    display: inline-block;
    width: 180px;
    margin-top: 2px;
    float: left;
  }
  .center {
    text-align: center;
  }
  .div-container.center-hero {
    padding-top: 18vh;
    background-image: -webkit-linear-gradient(270deg, null, null);
    background-image: linear-gradient(180deg, null, null);
  }
  .div-container.auto.man {
    height: auto;
  }
  .div-inline {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: none;
  }
  .div-inline.w50 {
    width: 30vh;
  }
  .div-inline.float-left {
    margin-right: 4vh;
    float: right;
    font-size: 14px;
  }
  .div-inline.icons {
    float: left;
    clear: left;
  }
  .div-inline.icons.high {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 426px;
    float: none;
    clear: left;
  }
  .div-inline.xspace {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .div-inline.bg.adjust {
    max-width: 66vw;
  }
  .div-inline.middle {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  .div-inline.last {
    margin-bottom: 3vh;
  }
  .read-more {
    max-width: 52vh;
  }
  .orange {
    display: block;
    width: 47vw;
    height: 380px;
    min-height: 450px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3vh;
    padding-bottom: 3vh;
    float: none;
    clear: left;
  }
  .orange.o1 {
    float: left;
    clear: left;
  }
  .orange.top {
    position: relative;
    left: 0px;
    top: 36%;
    right: 0px;
    float: none;
    clear: left;
  }
  .div-animation {
    width: 100%;
    height: auto;
    max-width: 100%;
    background-position: 50% 0px;
    background-size: 58%;
  }
  .icons1 {
    position: absolute;
    left: 0px;
    top: -330px;
    right: 0px;
    z-index: 10;
    display: block;
    overflow: visible;
    width: 100%;
    height: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  .ckeck {
    margin-bottom: 51vh;
  }
  .arow {
    margin-right: 25vh;
    margin-bottom: 51vh;
  }
  .equal {
    margin-right: 25vh;
  }
  .icon25 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    float: left;
    clear: left;
  }
  .iconbutton {
    display: block;
    width: 229px;
    max-width: 92%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 75px;
    padding-bottom: 330px;
  }
  .iconbutton.left15 {
    display: block;
    width: 66vw;
    margin-right: auto;
    margin-left: auto;
  }
  .iconbutton.top.top1 {
    padding-top: 197px;
    padding-bottom: 187px;
  }
  .iconbutton.twist {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .close-pop {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .shine {
    color: rgba(0, 0, 0, .53);
  }
  .testi-row {
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .move-down {
    margin-bottom: 8vh;
    padding-top: 5vh;
  }
  .iconlayer {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
  }
}

@media (max-width: 767px) {
  .body {
    background-color: #fff;
    color: #fff;
  }
  .hero-text {
    width: 155vh;
    max-height: 103vh;
    max-width: 100vh;
    margin-top: 0vh;
    padding-bottom: 10vh;
    background-color: transparent;
  }
  .hero-text.right {
    display: none;
  }
  .navlinks.sides.negative {
    margin-right: -4vh;
  }
  .sub-heading.normal.edit.fix2 {
    font-size: 2.5vw;
  }
  .sub-heading.hero.quote {
    width: 46vh;
  }
  .heading.red.space.large {
    font-size: 4vw;
    line-height: 3vh;
  }
  .paragraph.justify {
    margin-bottom: 11%;
  }
  .paragraph.top {
    display: block;
    font-size: 5vw;
    line-height: 6vw;
    text-align: center;
  }
  .section.black.greyish._100vh.font.nolan {
    padding-right: 9vw;
    padding-left: 9vw;
  }
  .section.bghand {
    padding-right: 0vh;
    padding-left: 0vh;
  }
  .div-outlined {
    width: 42vh;
    height: auto;
    max-height: 95vh;
    margin-top: 1vh;
  }
  .img-float.left.logo {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .div-boarder.center {
    height: auto;
    padding-bottom: 3vh;
  }
  .div-work-process {
    display: block;
    width: auto;
    height: auto;
    max-height: 80vh;
    max-width: 150vh;
    margin-right: auto;
    margin-left: auto;
    padding: 20vh 29vh;
    background-position: 50% 50%;
    background-size: contain;
  }
  .div-contact {
    width: 67vh;
  }
  .popout {
    margin-right: -2vh;
    margin-left: -2vh;
  }
  .red.thin {
    font-size: 2.4vw;
  }
  .blue.nolarross {
    font-size: 3vw;
  }
  .blue.thin {
    font-size: 2.8vw;
  }
  .bot-underline.w {
    font-size: 1.5vh;
  }
  .hero_div_2 {
    display: none;
  }
  .nolan_flex {
    position: static;
    height: 100%;
  }
  .nolan_flx_1 {
    background-position: 0px 50%;
  }
  .nolan_flx_2 {
    height: auto;
  }
  .hero_2 {
    margin-top: 14vh;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .36), hsla(0, 0%, 100%, .36)), url('../images/_clear.png'), url('../images/2003-1spotlight.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .36), hsla(0, 0%, 100%, .36)), url('../images/_clear.png'), url('../images/2003-1spotlight.jpg');
    background-position: 0px 0px, 50% 100%, 86% 10%;
    background-size: auto, 80vh, cover;
    background-repeat: repeat, no-repeat, no-repeat;
  }
  .col-cont {
    padding-left: 6vh;
  }
  .burger {
    max-width: auto;
  }
  .arrow {
    display: none;
  }
  .white.digital {
    font-size: 3.8vw;
  }
  .div-price.p3 {
    margin-right: 0vh;
    margin-left: 0px;
  }
  .div-container.center-hero {
    background-position: -222px 0px;
  }
  .div-inline.float-left {
    margin-top: 0px;
    margin-left: 5vh;
  }
  .div-inline.bg.adjust {
    max-width: 71vw;
  }
  .read-more {
    width: 42vh;
  }
  .read-more-1 {
    width: 42vh;
  }
  .read-more-2 {
    width: 42vh;
  }
  .read-more-3 {
    width: 42vh;
  }
  .read-more-4 {
    width: 42vh;
  }
  .read-more-5 {
    width: 42vh;
  }
  .orange {
    margin-bottom: 0vh;
  }
  .orange.new {
    margin-bottom: 13vh;
  }
  .icons1 {
    display: none;
    margin-bottom: 0vh;
  }
  .equal {
    margin-right: -11vh;
  }
  .img1 {
    display: none;
  }
}

@media (max-width: 479px) {
  .hero-text {
    width: 100%;
  }
  .hero-text.phone {
    position: relative;
    height: 442px;
    max-height: 109vh;
    margin-bottom: -10vh;
    padding-bottom: 0vh;
    background-image: url('../images/phone_wall.png');
    background-position: 50% 50%;
    background-size: cover;
  }
  .navlinks {
    font-size: 2.8vw;
  }
  .navlinks.sides {
    font-size: 2.8vw;
  }
  .navlinks.sides.negative {
    font-size: 2.8vw;
  }
  .navlinks.phone {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .sub-heading {
    font-size: 8vw;
  }
  .sub-heading.right.normal {
    font-size: 2vh;
  }
  .sub-heading.right.xbot.notop {
    color: #e57373;
    font-size: 28vw;
    line-height: 3vw;
  }
  .sub-heading.red.big {
    font-size: 6vw;
  }
  .sub-heading.normal.pop {
    margin-top: 5vw;
    margin-bottom: 4vw;
    padding: 2vw;
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
    letter-spacing: 0vh;
  }
  .sub-heading.normal.edit.fix2 {
    margin-bottom: 7vw;
    font-size: 4vw;
  }
  .sub-heading.movdown {
    font-size: 2.5vh;
  }
  .sub-heading.down {
    font-size: 6vw;
    line-height: 6vw;
  }
  .sub-heading.hero.quote {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 5vw;
    margin-left: auto;
    font-size: 3.2vw;
    line-height: 3vw;
  }
  .sub-heading.avail {
    margin-bottom: 0vh;
    font-size: 4vw;
    line-height: 6vw;
    text-align: center;
  }
  .sub-heading.adjst1 {
    font-size: 6vw;
    line-height: 6vw;
  }
  .sub-heading.spaceprice {
    font-size: 6vw;
    line-height: 7vw;
  }
  .sub-heading.spaceprice.a {
    font-size: 6vw;
    line-height: 7vw;
  }
  .sub-heading.spaces {
    padding-right: 2vh;
    padding-left: 2vh;
  }
  .sub-heading.spaces.formspace {
    font-size: 4vw;
    line-height: 4vw;
  }
  .sub-heading.semibold {
    padding-right: 15px;
    padding-left: 15px;
    color: rgba(51, 51, 51, .8);
    font-size: 5vw;
    line-height: 6vw;
  }
  .sub-heading.why {
    color: #1a1a1a;
    font-size: 6vw;
    line-height: 6vw;
  }
  .sub-heading.why.spacebot {
    color: #1a1a1a;
    font-size: 6vw;
    line-height: 7vw;
  }
  .sub-heading.cta {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 5vw;
    line-height: 6vw;
  }
  .heading {
    margin-top: 1vw;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 8vw;
    line-height: 8.8vw;
  }
  .heading.xtop.limit-hero {
    position: static;
    left: 0px;
    top: 123px;
    right: 0px;
    display: block;
    width: 100%;
    margin-top: -14vw;
    margin-right: auto;
    margin-left: auto;
    padding-right: 21px;
    padding-bottom: 0px;
    padding-left: 21px;
    font-size: 6vw;
    line-height: 6vw;
  }
  .heading.white {
    font-size: 8vw;
    line-height: 8vw;
  }
  .heading.contact {
    font-size: 3.5vh;
    line-height: 4vh;
  }
  .heading.thick {
    font-size: 8vw;
    line-height: 9vw;
  }
  .paragraph.justify {
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 2.5vh;
  }
  .paragraph.justify.adtop {
    color: rgba(0, 0, 0, .8);
    font-size: 5vw;
    line-height: 6vw;
  }
  .paragraph.float.i {
    display: block;
    width: auto;
    max-width: 76vh;
    margin: 10vw auto 9vw;
    padding-right: 14px;
    padding-left: 14px;
    color: rgba(51, 51, 51, .8);
    font-size: 5vw;
    line-height: 6vw;
  }
  .paragraph.left.justified.add-bot.white {
    font-size: 5vw;
    line-height: 6vw;
    text-align: center;
    letter-spacing: 0vh;
  }
  .paragraph.sub-heading.ital.down {
    font-size: 6vw;
    line-height: 5vw;
  }
  .section {
    padding-top: 16vw;
    padding-right: 1vw;
    padding-left: 1vw;
  }
  .section.black.greyish._100vh.font.nolan {
    margin-top: 0vh;
    padding-top: 0.5vw;
  }
  .section.grey.special {
    padding-top: 14vw;
    padding-right: 3vw;
    padding-left: 3vw;
  }
  .section.bgblues.short.deliver {
    padding-top: 16vw;
    padding-right: 2vw;
    padding-left: 2vw;
  }
  .section.special {
    padding: 16vw 2vw;
  }
  .section.whatoffer {
    padding: 16vw 2vw 9vw;
  }
  .div-outlined {
    height: auto;
  }
  .div-outlined.c1 {
    width: 95vw;
    min-height: 86vw;
    background-size: 328px;
  }
  .div-outlined.c2 {
    width: 95vw;
    min-height: 86vw;
    background-size: 328px;
  }
  .div-outlined.c3 {
    width: 95vw;
    min-height: 86vw;
    background-position: 50% 50%, 50% 50%;
    background-size: 328px, 812px;
  }
  .div-outlined.c4 {
    width: 95vw;
    min-height: 86vw;
    background-size: 328px;
  }
  .div-outlined.c5 {
    width: 95vw;
    min-height: 86vw;
    background-size: 328px;
  }
  .div-outlined.c6 {
    width: 95vw;
    min-height: 86vw;
    background-size: 328px;
  }
  .div-bg-black {
    display: block;
    margin-right: -14px;
    margin-left: -14px;
    clear: left;
  }
  .div-sample.w1 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w2 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w3 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w4 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w5 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w6 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w7 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w8 {
    width: 30vh;
    height: 20vh;
  }
  .div-sample.w9 {
    width: 30vh;
    height: 20vh;
  }
  .img-float.sizetesti.outline {
    display: block;
    width: 20vh;
    height: 20vh;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .div-boarder.center {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .col2-red {
    height: auto;
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .div-work-process {
    max-width: 149vh;
    padding-left: 0vh;
    background-position: 50% 50%;
    background-size: contain;
  }
  .div-contact {
    width: 100%;
    margin-left: 0vh;
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .social-media {
    display: block;
    width: 28%;
    margin-right: 2vw;
    margin-left: 2vw;
    float: left;
  }
  .form {
    display: block;
    width: 100%;
    max-width: 67vh;
    padding-top: 4vw;
    padding-right: 4vw;
    padding-left: 4vw;
  }
  .message {
    font-size: 4vw;
  }
  .button-submit.topspace {
    width: 20vh;
    margin-top: 1vw;
    padding-right: 0vh;
    padding-left: 0vh;
  }
  .button-submit.hero {
    width: auto;
    height: auto;
    margin-right: 10vw;
    margin-bottom: 6vw;
    margin-left: 10vw;
    padding: 2vh;
    font-size: 4vw;
  }
  .popout {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    display: block;
    overflow: visible;
    width: 90%;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
  }
  .popout._1 {
    display: block;
  }
  .popout.phone {
    position: relative;
  }
  .mini.justify.adj {
    display: none;
    margin: 2vw;
    font-size: 3.8vw;
    line-height: 5vw;
    text-align: justify;
  }
  .red {
    font-size: 5vw;
    line-height: 5vw;
  }
  .red.thin {
    font-size: 3.8vw;
  }
  .red.font {
    font-size: 5vw;
  }
  .red.smaller {
    font-size: 5vw;
    line-height: 5vw;
    text-align: center;
  }
  .red._4 {
    font-size: 6vw;
    line-height: 7vw;
  }
  .blue.nolarross {
    font-size: 5vw;
  }
  .blue.thin {
    font-size: 4.9vw;
  }
  .bot-underline.w {
    font-size: 5vw;
    line-height: 9vw;
  }
  .dude {
    width: 14vw;
    height: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .tiny_label.nola {
    margin-top: -1vh;
    line-height: 2vh;
  }
  .tiny_label.lower {
    margin-left: 0vh;
    padding-right: 31px;
    padding-left: 31px;
    font-size: 5vw;
    text-align: center;
  }
  .contact_ico {
    display: block;
    width: 14vw;
    margin-right: 14px;
    margin-left: 20px;
  }
  .contact_ico.linkedin {
    width: 19.5vw;
  }
  .nolan_flex {
    padding-top: 12vw;
  }
  .nolan_flx_2 {
    position: static;
    width: 101%;
    height: 10vh;
    padding-top: 0%;
    padding-right: 9vw;
    padding-left: 9vw;
  }
  .hero_2 {
    height: auto;
  }
  .col-cont {
    position: static;
    display: block;
    margin: -3vw auto 10vw;
    padding-right: 9vw;
    padding-bottom: 0vh;
    padding-left: 9vw;
    border-bottom: 2px solid rgba(0, 0, 0, .03);
  }
  .form1.left {
    display: block;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 3vw 4vw;
    background-color: #eec0c0;
  }
  .form1._2 {
    width: 100%;
    height: 54vh;
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .formright-text.pop {
    display: none;
    font-size: 1.5vh;
  }
  .form2_1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0vw;
  }
  .textfield1 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 4vw;
  }
  .textbox.height {
    height: 26vw;
    margin-bottom: 1vw;
    font-size: 4vw;
  }
  .formtext {
    display: block;
    padding-top: 0px;
    padding-right: 0%;
    font-size: 4vw;
    line-height: 4.8vw;
    text-align: center;
  }
  .burger {
    max-width: auto;
  }
  .button-get-started {
    display: block;
    margin: 1vh auto 35px;
    font-size: 4vw;
    text-align: center;
  }
  .formwrapper {
    margin-top: 1vh;
    padding-right: 0vh;
    padding-left: 0vh;
  }
  .v {
    margin-bottom: 3px;
    font-size: 5vw;
    line-height: 9vw;
    text-align: center;
  }
  .white.digital {
    font-size: 4vw;
  }
  .bigger {
    font-size: 5vw;
    line-height: 9vw;
  }
  .txtfield {
    font-size: 4vw;
  }
  .div-price.p1 {
    width: 30vh;
    height: 81vh;
    max-height: 81vh;
    max-width: 43vh;
    background-size: cover;
  }
  .div-price.p2 {
    width: 30vh;
    height: 90vh;
    max-height: 100vh;
    margin-right: 0vh;
    background-size: cover;
  }
  .div-price.p3 {
    width: 30vh;
    height: 40vh;
    max-height: 40vh;
    margin-right: 0vh;
    margin-left: 0px;
    background-image: url('../images/price-3.png');
    background-position: 50% 0px;
    background-size: 324px;
  }
  .button-compare {
    font-size: 3vh;
  }
  .button-subscribe {
    height: 14vw;
    padding-right: 4vw;
    padding-left: 4vw;
    float: left;
  }
  .form-footer {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0vh;
    padding-left: 0vh;
    float: left;
  }
  .textfild {
    height: 14vw;
    padding: 2vw 3vw;
  }
  .block1 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .div-container.center-hero.up {
    height: 145vw;
  }
  .div-container.auto.man {
    position: relative;
    height: 580vw;
    background-image: url('../images/the-man2.png');
    background-position: 50% 0px;
    background-size: 267px;
    background-repeat: no-repeat;
  }
  .div-inline.icons.high {
    position: absolute;
    left: 0px;
    top: 192px;
    right: 0px;
  }
  .div-inline.xspace {
    max-width: 59vh;
  }
  .div-inline.bg.adjust {
    padding-top: 0vh;
  }
  .div-inline.middle {
    width: auto;
  }
  .div-inline.last {
    position: absolute;
    left: 0px;
    top: 502px;
    right: 0px;
    bottom: 344px;
  }
  .orange {
    position: absolute;
    top: 602px;
    width: 100%;
    height: 380px;
    min-height: 380px;
  }
  .orange.top {
    position: absolute;
    left: 0px;
    top: -20%;
    right: 0px;
    bottom: -20%;
    min-height: 380px;
  }
  .orange.o-middle {
    display: block;
    width: 100%;
    height: 380px;
    min-height: 380px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    float: none;
    clear: none;
  }
  .div-animation {
    left: 0px;
    top: 274px;
    right: 0px;
    bottom: 274px;
    padding-top: 0vw;
    padding-left: 0vw;
    background-color: transparent;
    background-image: none;
    color: transparent;
  }
  .mouse._1 {
    margin-bottom: 12vw;
  }
  .yellow {
    display: block;
    width: auto;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .iconbutton {
    display: none;
    width: 124px;
  }
  .offer-wrapper {
    display: block;
    min-height: 90%;
  }
  .form-table.phone {
    display: block;
    margin-right: auto;
    margin-left: -20px;
  }
  .close-pop {
    position: relative;
    display: none;
    margin-right: auto;
    margin-bottom: 1vw;
    margin-left: auto;
  }
  .shine {
    margin-right: 38px;
    margin-left: 38px;
    border-radius: 5px;
    background-color: rgba(32, 32, 32, .36);
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    color: #fff;
    font-size: 1.5vh;
    line-height: 2vh;
  }
  .phone-hero {
    max-width: 10vh;
    padding-right: 2%;
    padding-bottom: 10vh;
    padding-left: 5vw;
  }
  .button-cta {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .cta-col {
    display: block;
    margin-bottom: 25px;
  }
  .footerformphone {
    display: block;
  }
  .icons-phone {
    position: absolute;
    top: -29px;
    z-index: 1;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
  }
  .icon-phonesub {
    display: block;
    margin-right: auto;
    margin-bottom: 128vw;
    margin-left: auto;
    float: none;
    clear: left;
  }
  .icon-phonesub.place-on {
    margin-bottom: 62vw;
  }
  .blank {
    height: 1px;
  }
  .pp {
    display: block;
  }
  .phone-button {
    padding: 2vh;
  }
  .button.phone {
    display: block;
    width: 70vw;
    margin: 11vw auto;
    padding: 2vh;
    border-radius: 76px;
    background-color: #5bf9ee;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    font-family: Segoeui, sans-serif;
    color: rgba(0, 0, 0, .8);
    font-size: 4vw;
    line-height: 2.2vh;
    text-align: center;
    letter-spacing: 0.3vw;
  }
  .button.phone:hover {
    background-color: #196862;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    color: hsla(0, 0%, 100%, .8);
  }
  .cp-signup-button {
    margin-right: 17px;
    margin-left: 17px;
    padding: 3vh 4vh;
    border: 2px solid #f2f2f2;
    border-radius: 97px;
    background-color: #e57373;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-size: 3vh;
    line-height: 4vh;
    letter-spacing: 0.2vh;
  }
  .cp-signup-button:hover {
    border-color: #e57373;
    background-color: transparent;
    color: #e57373;
  }
}

@font-face {
  font-family: 'Segoe ui';
  src: url('../fonts/Segoe_UI.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sitka subheading';
  src: url('../fonts/Sitka-Subheading-Italic.ttf') format('truetype'), url('../fonts/Sitka-Subheading-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans regular';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans bold';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Opensans light';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Seguibl';
  src: url('../fonts/seguibl.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Seguisb';
  src: url('../fonts/seguisb.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Segoeuisl';
  src: url('../fonts/segoeuisl.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Segoeuib';
  src: url('../fonts/segoeuib.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Segoeui';
  src: url('../fonts/segoeui.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Segoeuil';
  src: url('../fonts/segoeuil.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sitka banner bold';
  src: url('../fonts/Sitka-Banner-Bold-Italic-1.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Sitka subheading bold';
  src: url('../fonts/Sitka-Subheading-Bold-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Sitka subheading';
  src: url('../fonts/Sitka-Subheading.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sitka banner bold (1)';
  src: url('../fonts/Sitka-Banner-Bold-Italic-1.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}