:root {
  --white-smoke: #f2f2f2;
  --white-4: white;
  --blue-bright-2020: #004eff;
  --black: black;
  --dodger-blue-2: #09f;
  --gray: #818181;
  --crimson: #de2828;
  --white-3: #fffdfd;
  --dodger-blue-3: #09f;
  --grey-2: #818181;
  --violet-dm4u-2020: #c40a99;
  --dodger-blue: #0098ff1a;
  --white: #ffffff4d;
  --steel-blue: #428bc7;
  --blue: #2c00f2;
  --gold: #fccb28;
  --gold-3: #fccb281a;
  --lime: #37ff00;
  --dark-slate-gray: #333c45;
  --black-2: #00000082;
  --dim-gray: #705e5e;
  --gold-2: #fccb28;
  --light-sky-blue: #81c6ff;
  --steel-blue-2: #428bc7;
  --grey: #818181;
  --grey-3: #818181d9;
  --grey-4: #818181d9;
  --black-3: #000000b3;
  --grey-5: #818181d9;
  --black-4: #000000b3;
  --light-sky-blue-2: #a6cfeb;
  --black-5: #000000b3;
  --light-sky-blue-3: #81c6ff;
  --black-6: #232a31b3;
  --dark-slate-blue: #184f74;
  --black-7: #232a31cc;
  --black-8: #232a31e6;
  --dark-slate-blue-2: #432ea2;
  --cornflower-blue: #5c8df3;
  --plum: #ada1e4;
  --grey-6: #818181;
  --grey-7: #818181b3;
  --dim-grey: #575757;
  --gainsboro: #e6e6e6;
  --dodger-blue-4: #09f;
  --dark-blue: #200a83;
  --dim-grey-2: #575757;
  --dim-grey-3: #5757574d;
  --grey-8: #818181;
  --dim-grey-4: #575757;
  --sea-green: #0b914b;
  --dodger-blue-5: #09f3;
  --royal-blue: #075386;
  --black-9: #000000b3;
  --dodger-blue-6: #09f;
  --steel-blue-3: #0069af;
  --grey-9: #818181;
  --white-smoke-2: #ececec91;
  --alice-blue: #dbf1ff33;
  --grey-10: #81818180;
  --white-2: #ffffff91;
  --dark-goldenrod: #9b7700;
  --steel-blue-4: #006fb9;
  --pale-violet-red: #fd7595;
  --grey-hp: #0006;
  --white-smoke-3: #ececec91;
  --white-smoke-20: #ececec33;
  --steel-blue-5: #006fb9;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  color: #818181;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

h1 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: #585858;
  text-align: center;
  margin: 30px 15px 10px;
  padding-top: 0;
  padding-bottom: 32px;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}

h3 {
  color: #000;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
}

h4 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  color: #585858;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Just Another Hand, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  color: #585858;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #000;
  text-align: center;
  border: 0 solid #81818133;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 50px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
}

.button {
  color: #428bc7;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #428bc7;
  border-radius: 5px;
  margin-top: 15px;
  padding: 8px 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s;
  display: inline-block;
}

.button:hover {
  color: #fff;
  background-color: #428bc7;
}

.button.price {
  color: #fff;
  background-image: url('../images/Pricing-bg-500x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-width: 1px;
  border-color: #2c00f2;
  border-radius: 3px;
  margin-top: 28px;
  transition-duration: .2s;
}

.button.price:hover {
  box-shadow: none;
  background-color: #2c00f2;
  background-image: url('../images/Pricing-bg-500x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.button.price.slider-button {
  opacity: .8;
  color: #fff;
  background-color: #0000;
  background-image: none;
  border-style: none;
  border-color: #000;
  border-radius: 5px;
  margin-top: 15px;
  box-shadow: 0 0 6px 1px #00000082;
}

.button.price.slider-button:hover {
  opacity: 1;
  background-image: radial-gradient(circle, #0000008f, #09f);
  border-color: #000;
  box-shadow: 0 0 15px 1px #000000cf;
}

.button.price.slider-button:active {
  box-shadow: none;
}

.button.price.slider-button.process {
  opacity: 1;
  background-image: radial-gradient(circle, #000c, #09f);
  width: 200px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 0 6px 2px #00000082;
}

.button.price.slider-button.process:hover {
  background-image: radial-gradient(circle, #000 26%, #09f);
}

.button.price.slider-button.process:active {
  box-shadow: none;
  background-image: radial-gradient(circle, #000 54%, #09f);
}

.button.price.slider-button.process.process-button {
  opacity: 1;
  background-image: none;
  border-style: solid;
  border-color: #dbf1ff33;
  margin-top: 400px;
  box-shadow: 0 0 2px #00000082;
}

.button.price.slider-button.process.process-button:hover {
  background-image: radial-gradient(circle, #000c 35%, #09f);
}

.button.price.slider-button.process.process-button:active {
  box-shadow: none;
  background-image: radial-gradient(circle, #000c 67%, #09f);
  border-radius: 5px;
}

.button.price.slider-button.process.process-button.for-white-bg {
  color: #818181;
  margin-top: 520px;
}

.button.price.slider-button.process.process-button.for-white-bg:hover {
  background-image: none;
  box-shadow: 0 0 9px #818181;
}

.button.price.slider-button.process.process-button.for-white-bg.portfolio {
  background-image: none;
  margin-top: 515px;
}

.button.price.slider-button.slide-1-hp {
  background-image: none;
  margin-top: 10px;
}

.button.price.slider-button.slide-1-hp:hover {
  background-image: radial-gradient(circle, #000000a6, #09f 98%);
}

.button.price.slider-button.button {
  margin-top: 150px;
}

.button.price.slider-button.button.low-level-slide {
  margin-top: 40px;
}

.button.price.gallery {
  perspective: 483px;
  color: #fff;
  background-image: radial-gradient(circle, #000000ba, #0000), url('../images/Pricing-bg-500x.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-color: #0099ff4d;
  border-radius: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  box-shadow: 0 0 6px #232a31b3;
}

.button.price.gallery:hover {
  border-radius: 10px;
  box-shadow: 0 0 30px 1px #000;
}

.button.price.gallery:active {
  box-shadow: none;
  border-style: solid;
}

.button.price.gallery._360-degree-button {
  opacity: .8;
  color: #000;
  background-color: #0000;
  background-image: radial-gradient(circle, #000000bf 7%, #fff 94%);
  border-style: solid;
  border-color: #5757574d;
  border-radius: 5px;
  margin-top: 15px;
  box-shadow: 0 0 3px #00000080;
}

.button.price.gallery._360-degree-button:hover {
  opacity: 1;
  background-image: radial-gradient(circle, #000000bf, #fff);
  box-shadow: 0 0 10px 1px #000;
}

.button.price.gallery._360-degree-button:active {
  box-shadow: none;
  border-style: solid;
}

.button.price.gallery._360-degree-button.ski-button {
  color: #fff;
  margin-top: 30px;
}

.button.price.gallery._360-degree-button.caa {
  color: var(--white-smoke);
  text-align: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
  display: block;
}

.button.price.gallery.hp {
  opacity: 1;
  color: #fff;
  text-align: center;
  background-color: #fff;
  background-image: radial-gradient(circle, #000 19%, #09f);
  border: 1px solid #818181b3;
  margin-top: 10px;
  font-size: 18px;
  box-shadow: 0 0 3px #0000006b;
}

.button.price.gallery.hp:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #428bc7;
  box-shadow: 0 0 9px 1px #000;
}

.button.price.gallery.hp:active {
  box-shadow: none;
}

.button.price.presentation {
  color: #fff;
  background-color: #f2f2f280;
  background-image: url('../images/Pricing-bg-500x.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  font-family: Open Sans, sans-serif;
  box-shadow: 0 0 5px #333c45;
}

.button.price.presentation:hover {
  color: var(--white-4);
  box-shadow: 0 0 10px #333c45;
}

.button.price.presentation:active {
  box-shadow: none;
  color: #fff;
}

.button.price.presentation.services {
  background-image: url('../images/Pricing-bg-500x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.button.price.presentation.top-of-page {
  background-image: url('../images/Pricing-bg-500x.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.button.price.presentation.bottom {
  border-color: var(--blue-bright-2020);
  background-color: var(--blue-bright-2020);
  box-shadow: none;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 40px;
}

.button.price.slide {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-style: none;
  margin-top: 10px;
  box-shadow: 0 0 6px #ececec91;
}

.button.price.slide:hover {
  background-image: linear-gradient(#006fb9, #000);
  border-radius: 3px;
}

.button.wh {
  color: #fff;
  background-color: #fccb28;
  background-image: url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 473px;
  border-width: 1px;
  border-color: #818181;
  width: 150px;
  height: 43px;
  margin: 0 auto;
  padding-bottom: 8px;
  font-family: Advent Pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition-duration: .4s;
  display: block;
  position: static;
  bottom: 52px;
  right: 1px;
  box-shadow: 0 0 6px -2px #000;
}

.button.wh:hover {
  color: #fff;
  background-color: #ffc400;
  background-image: url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 50%;
  background-size: 473px;
  box-shadow: 0 1px 10px -1px #000;
}

.button.wh:active {
  box-shadow: none;
  background-image: url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 50%;
  background-size: 473px;
}

.button.wh.contact-link {
  background-color: #09f;
  background-image: radial-gradient(circle, #09f 30%, #000), url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 473px;
  margin-bottom: 50px;
  box-shadow: 0 0 4px -1px #000;
}

.button.wh.contact-link:hover {
  box-shadow: 0 0 10px -1px #000;
}

.button.wh.contact-link:active {
  box-shadow: none;
}

.button.wh.contact-link.videos {
  z-index: 1000;
  background-image: radial-gradient(circle, #09f 30%, #000), url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 473px;
  border-color: #0099ff4a;
  position: relative;
  top: 600px;
  bottom: 0;
  right: 0;
}

.button.wh.contact-link.videos:hover {
  border-color: #09f;
  box-shadow: 0 0 10px -1px #09f;
}

.button.wh.contact-link.videos:active {
  box-shadow: none;
  border-style: solid;
  border-color: #818181;
}

.button.wh.contact-link.videos._2.w--current {
  margin-top: 50px;
  position: static;
}

.button.wh.contact-link.videos.gallery {
  z-index: 1000;
  border-color: #09f;
  position: relative;
  bottom: 189px;
  right: 0;
}

.button.wh.contact-link.videos.whats-this {
  perspective: 394px;
  color: #ffffff4d;
  background-color: #000;
  background-image: radial-gradient(circle, #818181b3, #000 40%);
  background-position: 0 0;
  border-color: #ffffff38;
  margin-bottom: 50px;
  font-weight: 200;
  top: 665px;
}

.button.wh.contact-link.videos.whats-this:hover {
  border-style: solid;
  box-shadow: 0 0 6px -1px #fff;
}

.button.wh.contact-link.videos.whats-this:active {
  box-shadow: none;
  border-style: none;
}

.button.presentation-button {
  color: #fff;
  background-image: url('../images/GR-SITE-BACKGROUND-LITTLE-BLUE-BUBBLES.png');
  background-position: 0 26%;
  background-size: cover;
  border-color: #000;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 20px 20px -7px #000;
}

.button.presentation-button:hover {
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 20px 20px -10px #000;
}

.button.presentation-button:active {
  box-shadow: 0 0 0 -11px #000;
}

.button.price {
  background-image: linear-gradient(to bottom, var(--blue-bright-2020) 25%, black);
  color: #fff;
  border-width: 1px;
  border-color: #000;
  border-radius: 3px;
  margin-top: 28px;
  transition-duration: .2s;
}

.button.price:hover {
  background-color: var(--blue-bright-2020);
  box-shadow: none;
  background-image: none;
  border-radius: 20px;
}

.button.price:active {
  box-shadow: none;
}

.nav-menu {
  z-index: 1000;
  float: none;
  text-align: center;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  display: block;
  position: relative;
  inset: 0;
}

.nav-link {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #09f0;
  border-right: 1px solid #000;
  height: 26px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 15px 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: color .3s linear;
  display: inline-block;
}

.nav-link:hover {
  color: var(--black);
  background-color: #0000;
  border-bottom: 2px solid #09f;
  border-right-style: solid;
  padding-bottom: 2px;
}

.nav-link:active {
  color: #fffdfd;
}

.nav-link.w--current {
  color: var(--black);
  letter-spacing: 2px;
  border-bottom: 4px #fff;
  height: 26px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 15px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition-property: color;
  transition-duration: .3s;
  top: 0;
}

.nav-link.w--current:hover {
  color: var(--black);
  background-color: #0000;
  border-bottom: 2px solid #09f;
  padding-top: 0;
}

.nav-link.w--current:active {
  color: #000;
}

.nav-link.hp-services:hover, .nav-link.hp-process:hover, .nav-link.hp-prices:hover, .nav-link.social-hp:hover {
  color: #09f;
}

.nav-link.contact-hp:hover {
  color: #000;
}

.nav-link.gallery-hp:hover {
  color: #09f;
}

.nav-link.new {
  color: #000;
}

.nav-link.social-line {
  color: var(--black);
  border-right-style: none;
  font-weight: 700;
}

.navigation-container {
  z-index: 1001;
  clear: none;
  text-align: center;
  height: 26px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: absolute;
  inset: 0;
}

.header {
  box-shadow: none;
  perspective: 447px;
  text-align: center;
  background-color: #0000;
  background-image: none;
  border-style: none;
  border-top-width: 0;
  border-top-color: #000;
  border-bottom-width: 0;
  border-bottom-color: #818181;
  width: auto;
  height: 100px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.header.homepage {
  z-index: 1003;
  text-align: center;
  background-color: #0000;
  background-image: none;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #ececec33;
  border-bottom-width: 1px;
  border-bottom-color: #ececec33;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.header.homepage.hp, .header.homepage.hp.contact {
  background-color: #0000;
}

.header.homepage.new-nav {
  height: 100px;
  padding-top: 0;
  padding-bottom: 0;
}

.header.homepage.new-nav.new {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.header.homepage.hp-new {
  z-index: 1000;
  border-bottom: 3px solid var(--black);
  border-top-width: 3px;
  border-top-color: var(--black);
  opacity: 1;
  background-color: #fffdfd;
  margin-top: 0;
  margin-bottom: 60px;
}

.header-contact {
  float: right;
  text-align: left;
  margin-top: 30px;
  margin-right: 25px;
}

.header-text {
  float: right;
  color: #fff;
  margin-left: 8px;
  font-size: 20px;
  font-weight: 100;
  line-height: 26px;
  position: relative;
}

.header-text.hp {
  color: #0000;
  margin-left: auto;
  margin-right: auto;
  font-family: Advent Pro, sans-serif;
  display: block;
  bottom: 10px;
}

.header-ico {
  float: left;
  width: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  bottom: 10px;
  right: 10px;
}

.section {
  background-color: #fff;
  border-top: 1px solid #fff;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}

.section.services-hp {
  min-height: 650px;
  padding-top: 50px;
  padding-bottom: 0;
  box-shadow: 0 30px 15px -9px #000;
}

.section.services-hp.services {
  background-color: var(--dodger-blue-2);
  box-shadow: none;
  background-image: url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  min-height: auto;
  padding-top: 20px;
}

.section.services-hp.hp {
  border-bottom: 3px #818181;
  box-shadow: 0 24px 30px #0000007d;
}

.section.services-hp.services-2 {
  background-color: var(--white-smoke);
  perspective: 647px;
  padding-bottom: 50px;
}

.scroll-header {
  opacity: .97;
  background-color: #fff;
  background-image: url('../images/GOLDEN-PAGE-BIG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 1px 6px #000;
}

.scroll-header.portfolio-page {
  box-shadow: none;
  background-color: #000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: 68px;
  display: block;
}

.brand-logo-scroll {
  margin-top: 17px;
}

.nav-link-scroll {
  color: #313131;
  text-transform: uppercase;
  margin-left: 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: Advent Pro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  display: inline-block;
}

.nav-link-scroll:hover {
  color: #fff;
  border-bottom: 2px solid #428bc7;
}

.nav-link-scroll.w--current {
  color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  font-family: Advent Pro, sans-serif;
  font-size: 16px;
}

.banner {
  background-color: #0000;
  height: auto;
  transition: all 1.2s ease-in;
}

.banner:hover {
  background-color: #fff;
}

.service_wrapper {
  text-align: center;
  display: block;
  position: relative;
  overflow: visible;
}

.service_wrapper.services {
  border: 1px solid #81818180;
  padding-top: 10px;
  transition: box-shadow .3s;
}

.service_wrapper.services:hover {
  box-shadow: 0 0 30px #00000080;
}

.circle {
  background-color: #000;
  border: 3px solid #09f;
  border-radius: 20px;
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 14px;
  transition: border-radius 1s;
  display: block;
  box-shadow: 0 30px 35px -10px #00000080;
}

.circle:hover {
  border: 3px solid #09f;
  box-shadow: 0 30px 35px -10px #00000073;
}

.circle.hover:hover {
  border: 5px dashed #09f;
}

.circle.icon {
  border-width: 2px;
  border-radius: 0;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.center-div {
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
  padding-bottom: 30px;
  font-weight: 400;
  display: block;
}

.hamburger {
  background-color: var(--white-4);
  border: 1px solid #000;
}

.section-features {
  z-index: 2;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.slider {
  color: #ffffffcf;
  background-color: #0000;
  height: auto;
  font-weight: 300;
}

.hide-dots {
  display: none;
}

.arrow {
  opacity: .3;
  color: #000;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0;
  font-size: 30px;
  transition: all .5s;
  position: absolute;
}

.arrow:hover {
  opacity: 1;
}

.vertical {
  height: 70px;
  margin-left: 20px;
  margin-right: 20px;
}

.slide-2 {
  padding-top: 0;
  transition: background-color .7s;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.slide-3 {
  padding-top: 50px;
}

.feautres-image {
  text-align: center;
  position: relative;
}

.features-text {
  padding-top: 10px;
}

.uppercas {
  float: left;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  padding-top: 26px;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.uppercas.white {
  float: none;
  color: #fff;
  text-align: center;
  font-size: 47px;
  font-weight: 800;
  line-height: 70px;
}

.uppercas.white.days-work {
  color: #000;
  padding-top: 50px;
  font-family: Advent Pro, sans-serif;
  font-size: 38px;
}

.uppercas.white.portfolio {
  color: #fff;
  padding-bottom: 50px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.uppercas.plus-2 {
  float: none;
  text-align: center;
  font-family: Advent Pro, sans-serif;
  font-weight: 300;
}

.uppercas.plus-2.hp {
  color: #fff;
  padding-top: 100px;
  font-weight: 800;
}

.uppercas.plus-2.hp._2 {
  color: #fff;
  text-align: center;
  text-transform: none;
  text-shadow: none;
  border-style: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.uppercas.plus-2.hp._2.team {
  color: var(--gray);
  width: 60%;
  padding-right: 0;
}

.uppercas.plus-2.hp._2.prices {
  color: var(--black);
  font-weight: 800;
}

.uppercas.plus-2.hp.services {
  border-bottom-style: none;
  border-left: 1px #000;
}

.uppercas.hp {
  color: #232a31cc;
  letter-spacing: 5px;
  text-shadow: 0 1px 1px #705e5e;
  border-bottom: 5px solid #09f;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 44px;
}

.uppercas.hp.mobile {
  color: #000;
  text-align: center;
  letter-spacing: 7px;
  text-shadow: none;
  background-color: #fff;
  border-bottom-color: #09f;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  font-weight: 400;
  line-height: 55px;
  display: block;
}

.uppercas.hp.youtubes {
  float: none;
  text-align: center;
  text-shadow: 0 1px 1px #705e5e;
  border-bottom: 5px solid #006fb9;
  border-radius: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 15px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 800;
  display: block;
}

.uppercas.hp.youtubes.powerful {
  color: #fff;
  text-shadow: none;
  font-weight: 300;
}

.uppercas.hp.youtubes.powerful.new {
  border-bottom-color: #fff;
}

.uppercas.hp.youtubes.services {
  border-bottom-color: var(--blue-bright-2020);
  color: var(--blue-bright-2020);
  letter-spacing: 14px;
  text-shadow: 0 1px 1px #000;
}

.uppercas.hp.youtubes.services.wedding-text.bottom {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
}

.uppercas.hp.youtubes.services.wedding-text._2 {
  border-bottom-style: none;
}

.uppercas.hp.youtubes.services {
  color: #004eff;
  letter-spacing: 14px;
  text-shadow: 0 1px 1px #000;
  border-bottom-color: #004eff;
}

.uppercas.hp.youtubes.services.wedding-text {
  color: #fffdfd;
  letter-spacing: 8px;
  padding-top: 15px;
}

.uppercas.hp.youtubes.services.wedding-text._2 {
  border-bottom-style: none;
  font-weight: 300;
}

.uppercas.hp.youtubes.services.wedding-text._2.black {
  background-color: var(--black);
  border-radius: 15px 15px 0 0;
}

.uppercas.hp.hp-centred {
  float: none;
  color: #fffdfd;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  background-image: none;
  border: 2px solid #fffdfd;
  border-top: 1px #fffdfd7d;
  width: 50%;
  margin: 10px auto;
  padding-top: 15px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 33px;
  font-weight: 300;
  line-height: 44px;
  display: none;
}

.uppercas.services-titles {
  color: #fff;
}

.hero-div {
  z-index: 10;
  text-align: center;
  background-color: #fff;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.hero-text {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 1px 3px #000;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 50px;
  text-decoration: none;
}

.hero-text.caa {
  color: #000;
  text-shadow: 0 1px 1px #000;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
}

.hero-text.caa.slider-hp {
  margin-bottom: 0;
  padding-top: 50px;
}

.hero-text.caa.websites {
  box-shadow: none;
  color: var(--blue-bright-2020);
  text-shadow: none;
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 65px;
  font-weight: 800;
  line-height: 70px;
}

.hero-text.caa.slider-caa {
  text-shadow: 0 1px 1px #000;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  line-height: 40px;
  display: block;
}

.hero-text.caa.slider-caa.caa.caa-slide {
  color: #000;
  text-transform: none;
  text-shadow: 0 1px 1px #000;
  width: 80%;
  padding-top: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.hero-text.caa.slider-caa.mapping {
  color: #000;
  width: 80%;
  padding-top: 10px;
  font-weight: 300;
}

.hero-text.caa.right-choice {
  color: #006fb9;
}

.hero-text.caa.caa-2 {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 45px;
}

.option-section {
  background-color: #fff;
  background-image: url('../images/Lake-blue-wide-large2000x1000.jpg');
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.column-wrapper {
  box-shadow: none;
  text-align: left;
  padding: 30px 20px 20px;
}

.shadow {
  opacity: .6;
  text-align: center;
  position: relative;
  bottom: 14px;
}

.row {
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.row.hp-new-hero {
  width: 100%;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 0;
  overflow: hidden;
}

.row.hp-new-hero.port {
  background-color: #000;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 10px;
  padding-right: 48px;
  box-shadow: 0 10px 40px 4px #000;
}

.funfacts-section {
  padding-top: 20px;
  padding-bottom: 150px;
}

.skills-row {
  padding-top: 80px;
}

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

.clients-slider {
  background-color: #0000;
  margin-top: 0;
}

.slide_1_testimonials {
  perspective: 1000px;
  text-align: center;
  border-style: none;
  margin-bottom: 0;
  padding: 10px 90px 0;
  font-size: 14px;
}

.slide_1_testimonials.hp {
  padding-top: 10px;
}

.clients-photo {
  z-index: 1001;
  background-color: #0000;
  background-image: url('../images/TICK-BLUE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px #fff;
  border-radius: 0;
  width: 330px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.clients-photo._2 {
  background-color: #0000;
  background-image: url('../images/TICK-BLUE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px #fff;
  border-radius: 0;
  width: 330px;
  height: 130px;
}

.clients-photo._3 {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/TICK-BLUE.png');
  background-size: contain;
  border: 2px #fff;
  border-radius: 0;
  width: 330px;
  height: 130px;
}

.clients-photo.hp {
  width: 43%;
  padding-top: 0;
}

.arrow-clients {
  opacity: .6;
  color: #0000;
  border: 3px #0000;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  padding-top: 9px;
  font-size: 19px;
  transition: all .7s;
}

.arrow-clients:hover {
  opacity: 1;
  background-color: #0000;
  border-width: 3px;
  border-color: #fccb28;
}

.arrow-clients:active {
  border-width: 1px;
}

.vertical-clients {
  color: #fff;
  margin-left: 1px;
  margin-right: 1px;
  position: absolute;
}

.clients-text {
  color: #fff;
  letter-spacing: 3px;
  text-shadow: none;
  width: 90%;
  margin: 5px auto 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  display: block;
  position: relative;
}

.clients-text.testimonial {
  color: var(--black);
  text-shadow: none;
  width: 97%;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.cliets-section {
  background-color: #09f;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-style: none;
  border-top-width: 0;
  border-top-color: #000;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 130px;
  display: block;
  overflow: visible;
}

.cliets-section.hp {
  background-color: #000;
  background-image: url('../images/avatar-2155431_1920.png');
  background-position: 50% 97%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-style: none;
  border-top-width: 3px;
  border-top-color: #09f;
  border-bottom-width: 3px;
  border-bottom-color: #09f;
  padding-top: 40px;
  padding-bottom: 400px;
}

.cliets-section.hp.hp-new {
  background-image: linear-gradient(to bottom, var(--white-4), var(--white-4));
  border-bottom: 1px #818181ad;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.branging-logo {
  border-bottom: 1px solid #ebebeb;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.branging-logo.hp {
  background-color: #0000;
  border-style: none;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.branging-logo.hp.portfolio-new {
  background-color: var(--white-4);
  padding-top: 0;
  padding-bottom: 0;
}

.braning-hover {
  opacity: 1;
  transition: all .5s;
  top: 0;
}

.braning-hover:hover {
  opacity: 1;
}

.braning-hover.hp-pics, .braning-hover.hp {
  border: 1px #575757;
  padding-left: 0;
  padding-right: 0;
}

.social {
  background-color: var(--blue-bright-2020);
  cursor: cell;
  border-right: 1px solid #3c4752;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  transition: all .3s;
}

.social:hover {
  background-color: #3476ff;
}

.social.twitter {
  background-color: #258ebb;
}

.social.twitter:hover {
  background-color: #00b2ff;
}

.social.google {
  background-color: var(--crimson);
  color: var(--crimson);
}

.social.google:hover {
  background-color: #b9429e;
}

.social.rss {
  background-color: #d37b18;
}

.social.rss:hover {
  background-color: #f80;
}

.social-column {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.footer {
  z-index: 110;
  background-color: #fccb28;
  background-image: url('../images/Blue-and-black-texture-from-texturex.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 30px;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.social_footer {
  margin-top: 15px;
}

.circle_footer {
  opacity: .6;
  text-align: center;
  border: 1px solid #818181;
  border-radius: 50px;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 1px;
  transition: all .5s;
}

.circle_footer:hover {
  opacity: 1;
}

.small_footer {
  z-index: 0;
  background-color: #000;
  background-image: linear-gradient(315deg, black, #09f 43%, var(--blue-bright-2020) 56%, black);
  border-top-width: 7px;
  border-top-color: #0000;
  width: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  position: relative;
  top: 0;
}

.go-top {
  float: none;
  text-align: center;
  border: 3px solid #e1e1e1;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  transition: border .5s;
  display: block;
  overflow: hidden;
}

.go-top:hover {
  border-color: #428bc7;
}

.h3_footer {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 23px;
  font-family: Raleway, sans-serif;
  font-weight: 500;
  display: none;
}

.textfield {
  color: #fff;
  background-color: #0000;
  border-top-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #818181;
  border-left-style: none;
  border-right-style: none;
  margin-bottom: 15px;
  padding-top: 0;
  padding-left: 0;
  font-size: 13px;
}

.textfield:hover {
  border-bottom-color: #428bc7;
}

.text-area {
  color: #fff;
  background-color: #0000;
  border-top-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #818181;
  border-left-style: none;
  border-right-style: none;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: 13px;
}

.text-area:hover {
  color: #fff;
  border-bottom-color: #428bc7;
}

.submit-button {
  color: #818181;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #818181;
  border-radius: 5px;
  margin-top: 10px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 600;
  transition: all .5s;
  position: relative;
}

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

.success-message {
  text-align: center;
  background-color: #0000;
  border: 2px solid #428bc7;
  border-radius: 5px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.error-message {
  text-align: center;
  background-color: #0000;
  border: 2px solid #db2121;
  border-radius: 5px;
  margin-top: 15px;
}

.close-footer {
  float: right;
  opacity: .3;
  color: #fff;
  text-align: center;
  border: 3px dotted #fff;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  margin-right: 30px;
  padding-top: 4px;
  transition: all .5s;
  position: relative;
  bottom: -13px;
}

.close-footer:hover {
  opacity: 1;
}

.close-text {
  float: right;
  margin-right: 15px;
  position: relative;
  bottom: -21px;
}

.sub-header {
  z-index: 1;
  background-color: #0000;
  height: auto;
  padding-bottom: 0;
  position: relative;
}

.info {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.info.address {
  margin-bottom: 0;
}

.info.contact-thing {
  padding-top: 50px;
}

.info-icon {
  margin-right: 10px;
  display: inline-block;
  position: relative;
}

.mail {
  color: #818181;
  text-decoration: none;
  transition: all .5s;
}

.mail:hover {
  color: #fff;
}

.contact {
  color: #bdbdbd;
}

.contact.contact-thing {
  width: 89%;
  padding-top: 50px;
}

.section-page {
  background-color: #fff;
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 20px;
  position: relative;
}

.section-page.team {
  padding-top: 0;
  padding-bottom: 0;
}

.section-page.above-app-nav {
  padding-bottom: 0;
}

.section-page.above-app-nav-2 {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.container-about {
  text-align: center;
  padding-top: 60px;
}

.white {
  color: #fff;
  letter-spacing: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.white.pricing-extra {
  font-size: 26px;
  font-weight: 300;
}

.sub-text {
  color: #ffffff9c;
  background-color: #000;
  width: 37%;
  margin-left: auto;
  margin-right: auto;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: block;
}

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

.name-staff {
  color: var(--blue-bright-2020);
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #0000004a;
  width: 100%;
  margin-top: 37px;
  margin-bottom: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 65px;
  font-weight: 800;
  line-height: 70px;
}

.name-staff.social-text {
  font-size: 50px;
}

.name-staff.google {
  text-align: center;
  border-style: none;
  margin-top: 100px;
  margin-bottom: 40px;
  font-size: 55px;
}

.team-work {
  color: #fff;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.team-work.social-text {
  font-size: 20px;
}

.section-help {
  z-index: 900;
  filter: saturate(200%);
  background-image: url('../images/DM4U-FLYER-HERO-2022-Crop-2000px.jpg'), url('../images/BLACK-HORSES-LUT-PIC.jpg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: fixed, fixed;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 50px;
  position: relative;
}

.row-help {
  opacity: 1;
  margin-top: 48px;
}

.help_1 {
  z-index: 2;
  text-align: center;
  background-color: #ffffff4d;
  border: 1px #fff;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  transition: box-shadow .55s;
  position: relative;
  box-shadow: 0 3px 6px 3px #0000002e;
}

.help_1:hover {
  box-shadow: 0 0 8px 7px #0000004d;
}

.circle-help {
  opacity: 1;
  background-color: #0000;
  border: 0 solid #fff;
  border-radius: 0;
  width: 100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
  bottom: 50px;
}

.circle-help.team {
  width: 160px;
  top: 0;
  bottom: 50px;
}

.help-content {
  color: #fff;
  font-family: Open Sans, sans-serif;
  position: relative;
  bottom: 36px;
}

.link-help {
  color: #428bc7;
  text-decoration: none;
  transition: all .5s;
}

.link-help:hover {
  color: #303030;
}

.section-services {
  color: #0000;
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 90px;
  overflow: hidden;
}

.section-services.white_2 {
  background-color: #fff;
  padding-top: 0;
}

.details {
  border-bottom: 1px solid #000;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: block;
}

.catergory-text {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 800;
}

.catergory-text.price.hp {
  color: #006fb9;
  letter-spacing: 0;
  text-shadow: 0 1px 1px #000;
  padding-top: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.catergory-text.price.sans {
  text-shadow: 0 1px 1px #000;
}

.catergory-text.new {
  color: #fff;
}

.catergory-text.new.services {
  color: #000;
}

.catergory-text.services-table {
  color: #fff;
}

.catergory-text.asterisk-note {
  color: #000000bd;
  margin-top: 10px;
  font-size: 17px;
  font-weight: 400;
}

.catergory-text.price {
  color: #09f;
  text-shadow: 0 1px 1px #000;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.pricing-section {
  background-color: #f2f2f2;
  border-top: 1px solid #fff;
  margin-top: 44px;
  padding-top: 0;
  padding-bottom: 100px;
}

.pricing_table {
  box-shadow: none;
  text-align: center;
  background-color: #0000;
  border: 1px solid #81c6ff;
  border-bottom-color: #09f;
  border-radius: 7px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 10px 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.pricing_table:hover {
  box-shadow: none;
}

.pricing_table.d_shadow {
  box-shadow: none;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 30px;
}

.pricing_table.services {
  border-color: #818181;
}

.pricing_table.services-list {
  box-shadow: none;
  background-color: #0099ff80;
  border-color: #0000004d;
  border-radius: 5px;
  padding-bottom: 30px;
  transition: box-shadow .3s;
}

.pricing_table.services-list:hover {
  box-shadow: 0 0 40px #0006;
}

.pricing_price {
  text-align: center;
  background-color: #0000;
  border: 1px #575757;
  width: auto;
  height: 300px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 30px;
  display: block;
  overflow: hidden;
}

.pricing_price._2 {
  opacity: 1;
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #0000 30%, #075386 80%);
  background-position: 50% 220%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  border: 2px solid #000;
  height: 300px;
  padding-top: 0;
  padding-bottom: 30px;
}

.pricing_price._2:hover {
  background-image: url('../images/aaa-portfolio-mobile-shot-public-house600x.png'), radial-gradient(circle, #fff 30%, #fccb28 70%);
  background-position: 50% 220%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.pricing_price._2.sevices, .pricing_price._2.sevices:hover {
  background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #0000 30%, #075386 80%);
  background-position: 50% 261%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.pricing_price._2.services {
  background-image: url('../images/RETRO-600-x-600.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.pricing_price._2.services:hover {
  background-image: url('../images/RETRO-600-x-600.jpg');
  background-position: 50%;
  background-size: cover;
}

.pricing_price._3 {
  filter: saturate(200%) brightness(130%);
  background-color: #fff;
  background-image: url('../images/GIF-FROM-PRELOADER-WEBSITE.GIF');
  background-position: 50% 81%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 2px solid #000;
}

.pricing_price._3:hover {
  background-image: url('../images/ROADHEAD-VILLAGE-TOP-END600x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 300px;
}

.pricing_price._3.services {
  filter: brightness(130%);
  background-image: url('../images/CAR-PIC-600x.jpg');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.pricing_price._3.services:hover {
  background-size: cover;
}

.pricing_price._3.services.promo {
  filter: none;
  background-image: url('../images/111-portrait-watch-600-x-600.jpg');
  background-repeat: repeat;
  background-size: cover;
  transition: opacity .5s;
}

.pricing_price._3.services.promo {
  background-image: url('../images/111-portrait-watch-600-x-600.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.pricing_price._3.services.promo:hover {
  background-position: 50%;
}

.pricing_price._3.aerial-pic {
  filter: saturate(110%) brightness();
  background-image: url('../images/CHURCH-ROOF-SURVEY-600x-600-2.jpg');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.pricing_price._3.aerial-pic.train {
  background-image: url('../images/CHURCH-ROOF-SURVEY-600x-600-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing_price.promo {
  background-image: url('../images/PANDA-CROSS-HERO.jpg');
  background-position: 44% 38%;
  background-size: 900px;
  border: 2px solid #000;
  width: auto;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .5s;
  display: block;
}

.pricing_price.promo:hover {
  background-image: url('../images/PANDA-CROSS-HERO.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing_price.promo-2 {
  background-image: url('../images/Aerial-view-of-bay1600x900.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 800px;
  border: 2px solid #000;
  width: auto;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pricing_price.promo-2:hover {
  background-image: url('../images/Aerial-view-of-bay1600x900.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 800px;
}

.pricing_price.promo-3 {
  background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 778px;
  border: 2px solid #000;
  width: auto;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pricing_price.promo-3:hover {
  background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 778px;
}

.pricing_price.services-pics {
  height: 300px;
}

.pricing_price.hp-heli {
  height: 350px;
  min-height: 0;
}

.circle_prize {
  background-color: #0000;
  background-image: url('../images/AAA-PHANTOM-AND-NEW-LOGOLARGE.png');
  background-position: 50% 2%;
  background-repeat: no-repeat;
  background-size: 310px;
  border: 2px #fff;
  border-radius: 0;
  width: auto;
  height: 280px;
  margin: 20px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.circle_prize.prices {
  background-color: #0000004d;
  background-image: url('../images/FAVICON-BIGSKY-HIGH-VIEWMELGRIMTALL-256x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-width: 0;
  border-color: #0000;
  border-radius: 0;
  width: 162px;
  height: 43px;
  margin-top: 50px;
}

.pricing {
  color: #fff;
  letter-spacing: -1px;
  background-color: #000;
  border-bottom: 1px solid #fff3;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 19px;
  display: block;
}

.pricing.top-text {
  background-color: var(--blue-bright-2020);
  letter-spacing: 0;
  background-color: #000;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  background-image: linear-gradient(to bottom, var(--blue-bright-2020), black);
  letter-spacing: 0;
  letter-spacing: 0;
  background-color: #000;
  background-image: linear-gradient(#09f, #000);
  border-style: none;
  border-color: #000;
  border-bottom-width: 0;
  width: auto;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
}

.ribbon {
  color: #000;
  letter-spacing: 0;
  text-indent: 0;
  background-color: #09f;
  border: 2px dotted #000;
  margin-top: 6px;
  margin-right: -45px;
  padding: 7px 50px;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 185px;
  right: 0;
  transform: rotate(46deg);
}

.ribbon._1 {
  z-index: 1;
  font-size: 22px;
  top: 0;
  right: 0;
}

.ribbon._3 {
  background-color: #1e75af;
  border-width: 2px;
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  top: 0;
  left: 190px;
  right: 0;
  transform: rotate(46deg);
}

.row_social {
  z-index: 1;
  position: relative;
}

.container-iphone {
  padding-bottom: 0;
}

.cloumn_help {
  perspective: 1000px;
}

.column_features {
  float: left;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.mascot {
  text-align: center;
  width: 500px;
  max-width: 500px;
  height: 250px;
  max-height: 250px;
  margin: 10px auto 0;
  display: block;
  position: static;
  top: 2px;
}

.text-slider {
  border: 1px #000;
  border-bottom: 2px #575757;
  margin-top: 0;
  padding-top: 0;
  top: 0;
}

.text-slider.showreels {
  padding-top: 30px;
}

.big-text {
  color: #0000;
  text-align: center;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans Condensed, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
  text-decoration: none;
  display: block;
}

.big-text.team {
  color: #fff;
  text-shadow: 4px 0 #09f;
  font-weight: 300;
}

.medium-text {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 2px 2px 3px #000;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.medium-text.title {
  color: #09f;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px #000;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 261px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 50px;
  display: block;
}

.medium-text.title.hp {
  color: #fff;
  letter-spacing: 10px;
  line-height: 50px;
}

.medium-text.title.hp._2 {
  z-index: 35;
  color: #09f;
  text-align: center;
  letter-spacing: 14px;
  text-shadow: 0 1px 1px #000;
  width: 90%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 45px;
  font-weight: 800;
  line-height: 60px;
  display: block;
  position: relative;
}

.medium-text.title.hp._2._360 {
  color: #fff;
  letter-spacing: 4px;
  text-shadow: 0 1px 1px #000;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.medium-text.title.hp._2.slider-hp {
  color: #fff;
  text-shadow: 0 1px 1px #000;
  width: 95%;
  margin-top: 250px;
}

.medium-text.title.hp._2.pics-title-text {
  color: #006fb9;
  font-size: 24px;
}

.medium-text.title.hp._2.pics-title-text.services-list {
  color: var(--black);
  letter-spacing: 14px;
  text-shadow: 0 1px #000;
  padding-top: 0;
  font-size: 22px;
  font-weight: 600;
}

.medium-text.title.hp._2.pics-title-text.hp-blue {
  color: #fff;
  text-align: center;
  text-shadow: none;
  width: 90%;
  padding-top: 50px;
  font-size: 50px;
  font-weight: 300;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.process {
  width: 80%;
  padding-top: 0;
  font-size: 65px;
  font-weight: 800;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.process.new {
  color: #000;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.new {
  width: 80%;
  padding-top: 0;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.new.annis {
  background-color: var(--blue-bright-2020);
  opacity: 1;
  background-image: none;
  border: 1px #fffdfd;
  border-radius: 0;
  width: 70%;
  margin-bottom: 20px;
  font-size: 30px;
  box-shadow: 0 0 30px -11px #000;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.new.customer-big-text {
  color: var(--blue-bright-2020);
  font-size: 65px;
  font-weight: 800;
  line-height: 70px;
}

.medium-text.title.hp._2.pics-title-text.hp-blue.portfolio {
  color: var(--black);
  padding-top: 0;
}

.medium-text.title.hp._2.pics-title-text.services-list {
  color: #09f;
  letter-spacing: 14px;
  text-shadow: 0 1px 1px #000;
  padding-top: 0;
  font-size: 22px;
}

.medium-text.title.hp._2.process {
  font-weight: 300;
}

.medium-text.title.hp.new {
  color: #09f;
  text-shadow: 1px 1px 3px #000;
  padding-top: 0;
  font-weight: 800;
}

.medium-text.title.portfolio {
  margin-top: 150px;
}

.medium-text.subtitle {
  color: #fff;
  text-transform: uppercase;
  padding-top: 0;
  font-weight: 300;
  line-height: 30px;
}

.medium-text.subtitle.port {
  text-align: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.medium-text.subtitle.port.showreel {
  color: #000;
  text-shadow: 1px 1px 1px #818181;
  margin-bottom: 10px;
  padding-top: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.medium-text.subtitle.hp {
  color: #09f;
  letter-spacing: 10px;
  text-shadow: 1px 1px 2px #000;
  margin-top: 2px;
  margin-bottom: 20px;
  font-weight: 600;
}

.medium-text.subtitle._2 {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-shadow: none;
  width: 90%;
  margin: 10px auto 60px;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.medium-text.subtitle._2._360-container {
  color: #09f;
  text-shadow: 0 1px 1px #000;
  margin-bottom: 20px;
}

.medium-text.subtitle._2.pics-text-para {
  color: #000;
  margin-bottom: 0;
}

.medium-text.subtitle._2.pics-text-para.hp {
  margin-bottom: 30px;
  padding-top: 20px;
}

.medium-text.subtitle._2.pics-text-para.new {
  color: var(--blue-bright-2020);
  text-shadow: none;
  margin-bottom: 0;
  font-size: 22px;
}

.medium-text.subtitle._2.pics-text-para.new.portyfolio {
  margin-top: 0;
}

.medium-text.subtitle._2.pics-text-para.new.process {
  line-height: 40px;
}

.medium-text.subtitle._2.pics-text-para.new.process.pro {
  text-align: left;
  margin-top: 0;
}

.medium-text.subtitle._2.pics-text-para.new.rated-text {
  font-size: 12px;
}

.medium-text.subtitle._2.pics-text-para.new.white {
  color: var(--white-smoke);
}

.medium-text.subtitle._2.process {
  font-size: 18px;
  font-weight: 300;
}

.fun-fact-one {
  opacity: 1;
  background-color: #0000;
}

.icon-sized-up {
  color: #9ea4a8;
  background-color: #09f;
  border: 1px solid #575757;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  display: block;
}

.icon-sized-up._1 {
  background-image: none;
  border-color: #575757;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.icon-sized-up._2 {
  background-image: none;
  border-color: #575757;
  padding-top: 0;
  padding-bottom: 0;
}

.text-bottom-of-testimonials {
  color: #fccb28;
  font-family: Just Another Hand, sans-serif;
  font-size: 14px;
}

.thalco-pic {
  box-shadow: none;
  opacity: 1;
  border: 1px solid #0000004a;
  width: 100%;
  transition: none;
  transform: none;
}

.thalco-pic:hover {
  box-shadow: none;
  transform: rotate(0);
}

.beauty-salon {
  margin-bottom: auto;
  padding-top: 8px;
  padding-bottom: 0;
  padding-left: 0;
}

.set-left {
  color: #818181;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.set-left.subtext-services {
  color: #000;
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 1px;
  border-color: #575757;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.set-left.subtext-services.hp {
  color: #fff;
  border-color: #09f;
  font-size: 16px;
  font-weight: 400;
}

.homepage-padding {
  box-shadow: none;
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  background-color: #ffffff4f;
  border: 1px #000;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 40px;
}

.homepage-padding.services {
  padding-bottom: 5px;
}

.div-margin-services {
  text-align: center;
  padding-top: 100px;
  font-size: 22px;
}

.scroll-header-2 {
  display: none;
}

.logo-scrolling-menu {
  display: inline-block;
  position: relative;
  inset: 14px 0 20px 2px;
}

.images-clients._1 {
  border: 3px #000;
}

.images-clients._1.port {
  filter: saturate(90%) contrast();
  background-color: #0098ff;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  transition: opacity 1s;
}

.images-clients._1.port:hover {
  filter: grayscale();
}

.images-clients._1.port.global-roofing {
  filter: none;
  cursor: default;
  border-style: none;
  border-width: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._1.port.global-roofing:hover {
  filter: none;
}

.images-clients._1.port.global-roofing.portfolio {
  filter: none;
  border: 1px solid #000;
  border-radius: 0;
}

.images-clients._1.port.global-roofing.whisk {
  filter: none;
}

.images-clients._1.bottom {
  opacity: 1;
  filter: grayscale();
  transition: filter 1s;
}

.images-clients._1.bottom:hover {
  opacity: 1;
  filter: none;
}

.images-clients._2 {
  border: 3px #000;
}

.images-clients._2.port {
  opacity: 1;
  filter: brightness();
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.images-clients._2.port:hover {
  filter: brightness() grayscale();
}

.images-clients._2.port.garden {
  filter: none;
  cursor: default;
  border-style: none;
  border-width: 1px;
  border-radius: 0;
}

.images-clients._2.port.garden:hover, .images-clients._2.port.garden.roofers {
  filter: none;
}

.images-clients._2.port.garden.roofers:hover {
  filter: saturate(130%);
}

.images-clients._2.bottom {
  opacity: 1;
  filter: grayscale();
  transition: opacity 1s;
}

.images-clients._2.bottom:hover {
  opacity: 1;
  filter: none;
}

.images-clients._3 {
  border: 3px #000;
}

.images-clients._3.port {
  filter: saturate(158%) brightness(145%);
  border-style: solid;
  border-width: 1px;
  border-radius: 50px 50px 0 0;
}

.images-clients._3.port:hover {
  filter: saturate(289%) brightness(150%) grayscale();
}

.images-clients._3.port._2 {
  filter: saturate(150%);
}

.images-clients._3.port._2:hover {
  filter: saturate(150%) grayscale();
}

.images-clients._3.port.house {
  filter: none;
  cursor: default;
  border-style: none;
  border-color: #575757;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._3.port.house:hover {
  filter: none;
}

.images-clients._3.port.house.hp {
  text-align: center;
  margin: 30px auto;
  display: block;
}

.images-clients._3.port.house.hp.frame {
  border-style: none;
}

.images-clients._3.port.ruin {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._3.port.ruin:hover {
  filter: none;
}

.images-clients._3.port.ruin2 {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._3.port.ruin2:hover {
  filter: none;
}

.images-clients._3.bottom {
  opacity: 1;
  filter: grayscale();
  border-style: none;
  border-width: 0;
  transition: opacity 1s;
}

.images-clients._3.bottom:hover {
  opacity: 1;
  filter: none;
}

.images-clients._4 {
  border: 3px #000;
}

.images-clients._4.port {
  filter: saturate(150%) brightness(140%);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.images-clients._4.port:hover {
  filter: saturate(200%) brightness(140%) grayscale();
}

.images-clients._4.port.car {
  filter: none;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._4.port.car:hover {
  filter: none;
}

.images-clients._4.port.car.bottles {
  border-color: #575757;
}

.images-clients._4.port.land {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._4.port.land:hover {
  filter: brightness(115%);
}

.images-clients._4.port.action {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._4.port.action:hover {
  filter: brightness();
}

.images-clients._4.bottom {
  opacity: 1;
  filter: grayscale();
  transition: opacity 1s;
}

.images-clients._4.bottom:hover {
  opacity: 1;
  filter: none;
}

.images-clients._5 {
  border: 3px #000;
}

.images-clients._5.port {
  filter: saturate(70%) contrast(150%) brightness(120%);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.images-clients._5.port:hover {
  filter: saturate(200%) grayscale();
}

.images-clients._5.port.roof {
  filter: none;
  border-style: none;
  border-color: #575757;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._5.port.roof:hover {
  filter: none;
}

.images-clients._5.port.ruin {
  filter: brightness(140%);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._5.port.ruin:hover {
  filter: brightness(140%);
}

.images-clients._5.port.machinery {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._5.port.machinery:hover {
  filter: brightness(120%);
}

.images-clients._5.bottom {
  opacity: 1;
  filter: grayscale();
  transition: opacity 1s;
}

.images-clients._5.bottom:hover {
  opacity: 1;
  filter: none;
}

.images-clients._6 {
  border: 3px #000;
}

.images-clients._6.port {
  filter: saturate(160%);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.images-clients._6.port:hover {
  filter: saturate(220%) grayscale();
}

.images-clients._6.port.bw {
  filter: saturate(160%) sepia();
}

.images-clients._6.port.bw:hover {
  filter: saturate(160%) sepia() hue-rotate(180deg);
}

.images-clients._6.port.church {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._6.port.church:hover {
  filter: none;
}

.images-clients._6.port.farm-2 {
  filter: none;
  border: 1px #575757;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._6.port.farm-2:hover {
  filter: none;
}

.images-clients._6.port.ruin {
  filter: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.images-clients._6.port.ruin:hover {
  filter: brightness(120%);
}

.images-clients._6.bottom {
  opacity: 1;
  filter: grayscale();
  transition: opacity 1s;
}

.images-clients._6.bottom:hover {
  opacity: 1;
  filter: none;
}

.faqs {
  color: #818181;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}

.faqs.new {
  color: #818181;
}

.faqs.services-annis {
  color: #fff;
}

.terms-title-text {
  color: #876d6d;
  text-align: left;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.margins {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
  text-decoration: none;
}

.paragraph-3 {
  color: #818181;
  text-align: center;
  letter-spacing: 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  font-family: Lato, sans-serif;
  font-size: 29px;
  font-weight: 300;
  display: block;
}

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

.homepage-slider.text-3 {
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 4px 4px 6px #000;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 50px;
  font-family: Open Sans Condensed, sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.trust-image {
  width: 400px;
  height: 450px;
}

.text-footer {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  font-family: Amatic SC, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: block;
}

.text-footer.hp {
  padding-top: 50px;
}

.text-footer.hp.team {
  padding-top: 0;
}

.text-footer.marghin {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.portfolio-images-new-flat {
  background-image: none;
  border: 3px solid #000;
  border-radius: 15px;
  width: auto;
  height: auto;
  margin-bottom: 0;
  transition: all 2s ease-in-out;
  display: block;
  box-shadow: 0 25px 15px -15px #000c;
}

.portfolio-images-new-flat:hover {
  box-shadow: none;
  border-width: 7px;
  border-color: #2c00f2;
  border-radius: 15px;
}

.text-portfolio {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Advent Pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.portfolio-section-margin {
  border-radius: 1px;
  margin-bottom: 50px;
}

.team-image-presentation {
  margin-top: 50px;
}

.paintbtush {
  filter: saturate(200%);
  width: 80%;
  font-size: 14px;
  transform: none;
}

.paintbtush:hover {
  transition: none;
  transform: none;
}

.paintbtush.icon {
  width: 100%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.youtube-vid-section {
  background-color: #000;
  background-image: url('../images/Lake-blue-wide-large2000x1000.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 50px;
  overflow: hidden;
}

.video-text {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.video-text.vid {
  color: #000;
  padding-top: 80px;
}

.image-icon-me {
  margin-top: 100px;
}

.icon-homepage {
  float: right;
  width: 500px;
  height: 200px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.extra {
  color: #000000b3;
  margin-bottom: 20px;
  padding-top: 50px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.extra._1 {
  color: #232a31e6;
  text-align: left;
  letter-spacing: 1px;
  width: 80%;
  padding-top: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
  text-decoration: none;
}

.extra._1.youtubes {
  color: #6b6b6be6;
  text-align: center;
  letter-spacing: 1px;
  width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 30px;
  display: block;
}

.extra._1.youtubes.powerful {
  color: #fff;
}

.extra._1.highest-text {
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  background-color: #fffdfd80;
  border-width: 1px;
  border-radius: 0;
  width: 80%;
  margin: 20px auto 0;
  padding: 25px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 41px;
  display: block;
}

.extra._1.highest-text.top {
  color: var(--black);
  background-color: #0000;
  border-style: none;
  border-color: #0006;
  width: 95%;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 20px;
  display: block;
}

.bio {
  background-color: var(--white-smoke);
  opacity: .8;
  color: var(--black);
  text-align: left;
  border-radius: 0;
  width: 60%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 43px;
  display: block;
  box-shadow: 0 0 30px -5px #0000004d;
}

.pricing-rectify._2 {
  font-family: Lato, sans-serif;
  font-weight: 300;
}

.numbers-final {
  font-size: 26px;
}

.tablet {
  color: #000000b3;
  letter-spacing: 5px;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}

.tablet.services-underline {
  color: #000000b3;
  border-style: none solid;
  border-bottom-width: 0;
  border-bottom-color: #000;
  border-left-width: 5px;
  border-left-color: #09f;
  border-right-width: 5px;
  border-right-color: #09f;
  font-size: 24px;
  font-weight: 800;
  line-height: 35px;
  text-decoration: none;
}

.tablet.services-underline._2 {
  border-style: none;
}

.tablet.services-underline.services-page {
  color: #fff;
  text-align: center;
  border-left: 0 #fff;
  border-right: 0 #fff;
  width: 83%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-weight: 300;
  display: block;
}

.tablet.services-underline._3 {
  border-left-style: none;
  border-right-style: none;
}

.tablet.services-underline.hp {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 800;
  display: block;
}

.tablet.services-underline.hp.hp-text {
  color: #fff;
  border-width: 5px 1px;
  border-color: #000;
  border-top-style: solid;
  border-bottom-style: solid;
  width: 100%;
  margin-bottom: 0;
  font-size: 18px;
}

.blog-text {
  color: #2c00f2;
  border: 0 solid #0003;
  padding: 0 10px 5px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
}

.colour-faqs {
  color: #000;
  text-align: left;
}

.border-faqs {
  text-align: center;
  border-width: 1px;
}

.guarantee-icon {
  perspective: 215px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.footer-section-spacer {
  background-image: linear-gradient(to top, #121010, #333c45de);
  height: 7px;
}

.terms-text {
  color: #818181;
  text-align: center;
  font-family: Lato, sans-serif;
  text-decoration: none;
}

.terms-text:hover {
  color: #2c00f2;
}

.portfolio-pics-text-block {
  color: #0000;
  text-align: center;
  background-color: #fff;
  border: 0 solid #000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
}

.portfolio-pics-text-block:hover {
  color: #de2828;
  font-size: 15px;
}

.portfolio-pics-text-block.ecommerce {
  margin-top: -8px;
  padding-top: 4px;
}

.portfolio-link-text {
  color: #333c45;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Advent Pro, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.facebook-icon {
  cursor: cell;
  border: 0 solid #2c00f2;
  width: 200px;
  margin-top: 60px;
}

.facebook-icon:hover {
  transform: none;
}

.facebook-icon.facebook-icon-2 {
  width: 200px;
  margin-top: 0;
  padding-top: 50px;
}

.facebook-icon.facebook-icon-2._22 {
  opacity: .6;
  padding-top: 40px;
}

.facebook-icon.facebook-icon-2._22:hover {
  opacity: 1;
}

.twitter-icon {
  cursor: cell;
  border: 0 solid #000;
  width: 200px;
  margin-top: 60px;
}

.twitter-icon:hover {
  transform: none;
}

.twitter-icon.google-icon {
  width: 200px;
  margin-top: 0;
  padding-top: 50px;
}

.twitter-icon.google-icon._22 {
  opacity: .6;
  padding-top: 40px;
}

.twitter-icon.google-icon._22:hover {
  opacity: 1;
}

.section-2-guarantee {
  background-color: #000;
  background-image: linear-gradient(#00000040, #00000040), url('../images/ROADHEAD-HANGAR-SHOTHERO-IMAGE-1800x-3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-style: none;
  border-top-width: 3px;
  border-top-color: #09f;
  border-bottom-width: 3px;
  border-bottom-color: #09f;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.services-text {
  color: #000;
  text-align: center;
  width: 70%;
  height: 100%;
  margin: 0 auto 100px;
  padding-top: 100px;
  padding-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 30px;
  display: block;
}

.services-text.plus-white {
  color: #fff;
  background-color: #0009;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
  line-height: 48px;
}

.services-div-icon {
  width: 90%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.services-div-icon-pic {
  width: 150px;
  height: 150px;
  margin-top: 50px;
  margin-bottom: 75px;
  padding-top: 0;
}

.services-div-icon-pic.frames {
  width: 90%;
  min-width: 0;
  height: 130px;
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 0;
}

.ecommerce-section {
  background-image: url('../images/Laptop-pictureBlued.jpg');
  background-size: cover;
  background-attachment: fixed;
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ecommerce-pic {
  text-align: center;
  width: 80%;
  height: 450px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 50px;
  display: block;
}

.pricing-image {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.services-icon {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.services {
  text-align: center;
}

.ecommerce-portfolio-pics {
  margin-bottom: 50px;
  padding-top: 0;
}

.ecommerce-pics {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.portfolio-ecomm-text {
  color: #000;
  text-align: center;
  margin-top: 50px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 900;
}

.slide-3-margin {
  padding-top: 50px;
}

.extra-1 {
  color: #000000b3;
  font-family: Open Sans Condensed, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.extra-1._2 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #000;
  width: 50%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.extra-1._2.prices {
  color: #161616;
  text-align: left;
  text-shadow: none;
  white-space: normal;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 40px;
  display: block;
}

.extra-1._2.prices.slider-hp {
  z-index: 56;
  color: #000;
  letter-spacing: 14px;
  text-shadow: 0 1px 1px #000;
  width: 98%;
  margin-top: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 45px;
  font-weight: 800;
  line-height: 60px;
  position: relative;
}

.extra-1._2.prices.slider-hp.white-text {
  color: #fff;
  margin-top: 250px;
}

.extra-1._2.prices.slider-hp.low-level {
  color: #09f;
  margin-top: 250px;
}

.extra-1._2._1 {
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 40px;
}

.frames-bg {
  background-image: url('../images/FREEPIK-OFFICE-BLUED.jpg');
  background-size: cover;
  background-attachment: fixed;
  padding-top: 0;
}

.link {
  color: #2c00f2;
  text-decoration: none;
  transition: all .5s;
}

.link:hover {
  color: #428bc7;
}

.link:active {
  color: #29f71e;
}

.star-pic {
  perspective: 304px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.star-pic.anni {
  perspective: 412px;
  margin-top: 35px;
}

.star-pic._2 {
  width: 324px;
}

.twitter-follow {
  text-align: center;
  width: 265px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.jotform-section-test {
  background-color: #000;
}

.jotform-container {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.jotform-embed-test {
  margin: 100px auto;
  padding-top: 0;
  display: block;
}

.form-text-above {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  display: block;
}

.footer-icon-section {
  text-align: left;
  background-color: #000;
  background-image: linear-gradient(#000000d4, #000000d4), url('../images/AAAAAA-OFFICE-PIC.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top: 1px solid #3b3b3b;
  height: auto;
  padding-top: 0;
  padding-bottom: 40px;
}

.footer-icons-container {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.footer-icons-row {
  padding-top: 20px;
}

.footer-icons-images {
  opacity: .5;
  filter: saturate(200%);
  border: 1px #09f;
  width: 20%;
  height: auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  transform: none;
}

.footer-icons-images:hover {
  transform: none;
}

.footer-images-text-block {
  color: #818181;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  display: block;
}

.footer-images-text-block:hover {
  color: #818181;
}

.footer-text-column {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-link-text {
  opacity: .94;
  color: var(--blue-bright-2020);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: margin-left .5s;
}

.footer-link-text:hover {
  color: #fff;
  margin-left: 0;
  padding-left: 0;
}

.footer-link-text.w--current {
  color: var(--blue-bright-2020);
  letter-spacing: 1px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: margin-left .2s, color .5s;
}

.footer-link-text.w--current:hover {
  color: var(--white-3);
  padding-left: 0;
  font-size: 16px;
  font-weight: 300;
}

.ukwda-link-image {
  filter: saturate(200%);
  text-align: center;
  width: 350px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  transition: all .7s ease-in-out;
  display: block;
}

.ukwda-link-image:active {
  transition-duration: .3s;
  transform: translate(0, -10px)scale(.98);
}

.ukwda-link-image.caa {
  opacity: 1;
  border: 1px solid #81818166;
  border-radius: 10px;
  width: 150px;
  height: auto;
  margin-top: 5px;
  padding-top: 0;
}

.ukwda-link-image.caa._1 {
  opacity: 1;
  filter: none;
  border-style: none;
  border-color: #81818166;
  border-radius: 0;
  width: auto;
  margin-top: 20px;
}

.ukwda-link-image.caa._1.shadow {
  box-shadow: none;
  margin-top: 40px;
}

.ukwda-link-image.caa._1.footer-badges {
  margin-top: 5px;
}

.ukwda-link-image.caa._1.team {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 50px;
}

.ukwda-link-div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.footer-text-titles {
  color: #fffc;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.video-container {
  margin-bottom: 99px;
}

.promo-video {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding-bottom: 0;
  display: block;
}

.divider-section {
  background-color: #09f;
  background-image: url('../images/Lake-blue-wide-large2000x1000.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  padding-bottom: 20px;
}

.promo-container {
  padding-top: 0;
  padding-bottom: 0;
}

.bbc-newsfeed-container {
  background-color: #000;
  border: 5px solid #818181;
  margin-top: 0;
  padding: 30px 50px;
}

.bbc-section {
  background-image: url('../images/Blue-and-black-texture-from-texturex.jpg');
  background-size: cover;
  background-attachment: fixed;
  padding-top: 50px;
  padding-bottom: 50px;
}

.bbc-newsfeed-embed-frame {
  background-color: #0000;
  border: 2px solid #37ff00;
}

.design-request-form-container {
  background-color: #fccb28;
  border: 1px solid #000;
  margin-top: 50px;
  margin-bottom: 50px;
}

.video-section-hp {
  width: 100%;
  height: auto;
}

.video-bg-video {
  height: 80vh;
}

.drone-image {
  width: 500px;
  height: 400px;
  padding-top: 100px;
  padding-bottom: 20px;
}

.drone-image.drone {
  width: 98%;
  padding-top: 60px;
}

.text-under-drone {
  text-align: center;
  font-family: Amatic SC, sans-serif;
  font-size: 50px;
  font-weight: 700;
}

.under-shadow {
  z-index: 0;
  background-color: #fffdfd;
  border: 1px #000;
  width: 100%;
  height: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
  inset: 0;
}

.under-shadow.under-service-bit {
  width: 60%;
  height: 15px;
  margin-bottom: 36px;
}

.under-shadow.hp-video {
  width: 100%;
  margin-bottom: 50px;
}

.under-shadow.hp-video.top-hp {
  height: 40px;
  margin-bottom: 0;
}

.under-shadow.hp-video.top-hp.flashy {
  height: 30px;
  margin-top: 0;
}

.under-shadow.hp-video.top-hp.flashy.hp {
  margin-top: 0;
  margin-bottom: 200px;
}

.under-shadow.hp-video.top-hp.flashy.process {
  margin-bottom: 0;
}

.under-shadow.hp-video.top-hp.team {
  margin-bottom: 50px;
}

.under-shadow.navbar {
  width: 100%;
  height: 50px;
}

.under-shadow.under-blue-slice {
  height: 20px;
}

.under-shadow._360 {
  height: 60px;
  margin-top: -1px;
}

.under-shadow.icons {
  opacity: .24;
  width: 95%;
  height: 20px;
  display: none;
}

.vid-div-hp {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-hero-hp {
  z-index: 100;
  border: 1px #184f74;
  border-radius: 0;
  width: 100%;
  margin: 25px auto 100px;
  display: block;
}

.categories {
  color: #000000b3;
  letter-spacing: 3px;
  text-shadow: 0 0 #000;
  border-bottom: 3px #09f;
  border-left: 5px solid #006fb9;
  border-right: 5px solid #006fb9;
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 34px;
  text-decoration: none;
}

.link-text {
  opacity: 1;
  color: var(--blue-bright-2020);
  letter-spacing: 3px;
  text-shadow: none;
  background-color: #0000;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 39px;
  text-decoration: underline;
  transition: color .4s;
}

.link-text:hover {
  color: var(--black);
  text-shadow: 0 0 20px #fff;
  font-weight: 300;
  line-height: 39px;
}

.link-text:active {
  color: #000;
}

.link-text.w--current:hover {
  color: #fff;
}

.link-text.portfolio {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-decoration: underline;
  transition: all .4s linear;
}

.link-text.portfolio:hover {
  text-decoration: none;
}

.link-text.portfolio:active {
  text-decoration: underline;
}

.link-text.services-links {
  color: #09f;
}

.link-text.services-links:hover {
  color: #000000b3;
}

.link-text.services-links:active {
  color: #000;
}

.link-text.new {
  color: #09f;
  text-shadow: none;
  font-size: 18px;
  font-weight: 400;
}

.link-text.new:hover {
  color: #ffffffb3;
}

.link-text.new.gallery {
  color: var(--white-4);
}

.link-text.plus {
  color: #81c6ff;
}

.link-text.plus:hover {
  color: #f2f2f2;
}

.link-text.plus:active {
  color: #09f;
}

.link-text.testimomnial {
  line-height: 26px;
}

.link-text.testimomnial:hover {
  color: #09f;
}

.link-text.portfolio-link {
  font-family: Just Another Hand, sans-serif;
  font-size: 30px;
  text-decoration: none;
}

.link-text.portfolio-link:hover {
  color: var(--white-smoke);
  text-decoration: underline;
}

.link-text.portfolio-link.w--current {
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.link-text.portfolio-link.w--current:hover {
  color: #09f;
}

.link-text.hp {
  border-bottom: 2px none var(--dodger-blue-2);
  color: var(--dodger-blue-2);
  text-shadow: 1px 1px 1px #000;
  font-weight: 400;
  text-decoration: none;
  transition: border-color .3s, color .4s;
}

.link-text.hp:hover {
  color: var(--dodger-blue-3);
  border-bottom-style: solid;
}

.link-text.footer-link {
  font-size: 34px;
}

.link-text.footer-link:hover {
  color: var(--white-smoke);
}

.link-text.footer-link.new {
  color: var(--white-3);
  letter-spacing: 3px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.link-text.footer-link.new:hover {
  color: var(--blue-bright-2020);
}

.link-text.hp-link {
  font-weight: 600;
}

.link-text.hp-link:hover {
  color: var(--dodger-blue-2);
}

.link-text.gallery {
  color: var(--black);
}

.link-text.prices {
  color: var(--blue-bright-2020);
  font-weight: 700;
  text-decoration: none;
}

.link-text.prices:hover {
  text-decoration: underline;
}

.image-portfolio-page {
  z-index: 0;
  background-color: #0000;
  border: 0 #fff;
  border-radius: 37px;
  width: auto;
  height: auto;
  padding: 3px;
  position: relative;
  bottom: 0;
}

.video-bg-hero {
  background-color: #0000;
  height: 80vh;
}

.video-bg-hero.new {
  background-color: #0000;
  height: 90vh;
}

.video-hero-div {
  background-color: #0000;
  background-image: linear-gradient(#0003, #0003), url('../images/AERIAL-VIEW-LAKESIDE.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  overflow: hidden;
}

.body-homepage {
  background-color: #fff;
  margin-bottom: 0;
}

.team-div-hp {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.above-footer-div-block {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 100px;
  display: block;
  overflow: hidden;
}

.flashy-div {
  background-color: #fff;
  border-bottom: 1px #000;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.column-2 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 30px;
  display: block;
  position: relative;
}

.div-bg-holders {
  width: 95%;
  height: auto;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bg-video-embed {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  height: 100vh;
}

.text {
  color: #000;
  background-color: #000;
  width: 60%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 33px;
  font-weight: 700;
  display: block;
}

.text.portfolio-hero {
  background-color: #000;
  width: 43%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.extras-box-shadow {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.flashy-link-text {
  color: #fff;
  text-decoration: none;
  transition: opacity .2s;
}

.flashy-link-text:hover {
  color: #19a3ff;
  text-decoration: none;
}

.flashy-link-text:active {
  color: #fff;
  text-decoration: none;
}

.flashy-link-text.sky-high-copyright {
  color: #fff9;
  padding-top: 0;
  font-family: Lato, sans-serif;
  font-weight: 300;
  position: relative;
  left: 0;
}

.flashy-link-text.sky-high-copyright:hover {
  color: #5fbfff;
}

.flashy-link-text.sky-high-copyright.uavair {
  left: -11px;
  right: 0;
}

.flashy-link-text.sky-high-copyright.team {
  color: #818181;
  text-align: center;
  width: 66%;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  display: block;
}

.flashy-link-text.sky-high-copyright.new {
  color: #000;
}

.flashy-link-text.sky-high-copyright.new:hover {
  color: #000000a6;
}

.flashy-link-text.new {
  color: #fff;
}

.flashy-link-text.new:hover {
  color: #000000a6;
}

.small-icon-pic {
  width: 600px;
}

.bg-div-hp {
  background-image: linear-gradient(#0006, #0006);
  border: 2px #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.test-hp-bg-vid {
  background-color: #0000;
  height: 100vh;
}

.bg-vid-test {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  display: block;
}

.bg-vid-test.portfolio {
  filter: contrast(150%);
  background-color: #000000b5;
  background-image: none;
  height: auto;
}

.flex-parent-div {
  height: 400px;
  margin-bottom: 100px;
  display: flex;
}

.flex-child-column-left {
  background-color: #fccb281a;
  flex-direction: column;
  flex: 1 0;
  order: 0;
  display: flex;
}

.flex-child-column-right {
  background-color: #0098ff1a;
  flex: 1;
}

.flex-div-in-column {
  border: 1px solid #000;
  flex: 2;
  display: flex;
}

.div-flex-2 {
  background-color: #de28281a;
  border: 1px solid #000;
  flex-grow: 1;
}

.div-flex-right-2 {
  background-color: #37ff001a;
}

.portfolio-gallery-parent-div {
  background-color: #0000;
  border: 0 #000;
  width: 90%;
  height: auto;
  margin: 50px auto 100px;
  display: block;
}

.video-div {
  border: 1px #000;
  height: auto;
  margin: 5px 5px 0;
  padding-top: 0;
}

.bg-vid-embed-portfolio {
  border: 1px solid #000;
  height: 350px;
}

.youtube-div {
  text-align: center;
  background-color: #fffdfd;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.youtube-divs {
  text-align: left;
  background-color: #000;
  border: 1px #000;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
}

.video-2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-3 {
  border: 1px solid #000;
  width: auto;
  height: auto;
  margin: 0 auto 30px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  box-shadow: 0 0 50px #09f;
}

.video-3.hp-autopilot {
  width: 85%;
  height: auto;
}

.video-3.hp-autopilot.header-100vh {
  width: 100%;
  height: 100vh;
}

.video-3.hp {
  box-shadow: none;
  margin-bottom: 100px;
}

.video-4 {
  z-index: 0;
  opacity: 1;
  background-color: #000;
  border: 3px #09f;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.video-4.showreel {
  width: 80%;
  height: 80vh;
}

.video-4.bg-vid-inside {
  z-index: 2;
  border: 0 #000;
  border-radius: 0;
  width: auto;
  height: auto;
  inset: 0;
}

.video-4.hp {
  border: 1px solid #818181;
  border-bottom-style: none;
}

.link-text-contact-footer {
  color: #fccb28;
}

.link-text-footer-contact {
  color: #fff;
}

.rows-youtubes {
  margin: 150px auto 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.video-1 {
  background-color: #fff;
  border: 1px #575757;
  width: 96%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.video-1.portfolio {
  width: 100%;
}

.support-text {
  color: #fff;
  font-size: 25px;
}

.support-para {
  color: var(--blue-bright-2020);
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 800;
  line-height: 30px;
}

.hero-section {
  background-color: #432ea2;
  background-image: url('../images/Lake-blue-wide-large2000x1000.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
  top: 0;
}

.hero-section.services-bg {
  background-color: #fff;
  background-image: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.hero-container {
  flex: 1;
}

.hero-text-portfolio {
  color: #fff;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 33px;
  font-weight: 300;
}

.image-portfolio {
  clear: none;
  perspective: 483px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.port-vids-section {
  padding-top: 22px;
}

.title-container {
  text-align: center;
  background-color: #000;
  padding-top: 5px;
}

.title-logo-top-hp {
  width: 100px;
  height: 50px;
  padding: 0 3px 5px;
}

.title-text-top-of-hp {
  color: #09f;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.title-text-top-of-hp.w--current {
  color: #09f;
  margin-top: 0;
  padding-top: 0;
  font-family: Unica One, sans-serif;
  font-size: 20px;
}

.title-div-hp {
  z-index: 1001;
  background-color: #000;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.video-1-portfolio {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-1-portfolio.showreel {
  box-shadow: none;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  bottom: 0;
}

.autologic-text-title {
  color: #09f;
  text-align: center;
  text-shadow: 0 -1px 1px #818181d9;
  background-color: #000;
  padding-top: 90px;
  padding-bottom: 70px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
}

.autologic-text-title.hp {
  color: #000;
  text-align: left;
  text-shadow: 0 0 #818181d9;
  background-color: #0000;
  border: 1px solid #81818180;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px 15px;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.autologic-text-title.hp.autopilot {
  text-align: center;
  background-color: #006fb9;
  width: 100%;
  padding-bottom: 10px;
}

.autologic-text-title.hp.autopilot.contact-div {
  color: #fff;
  background-color: #0000;
  height: auto;
  padding: 150px 50px 200px;
  font-size: 52px;
  line-height: 60px;
}

.autologic-text-title.hp.autopilot.portfolio {
  background-color: var(--blue-bright-2020);
  color: #fffdfd;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 37px;
  font-weight: 800;
}

.autologic-text-title.hp.autopilot.portfolio._360-view {
  margin-top: 50px;
  margin-bottom: 0;
}

.autologic-text-title.hp.autopilot.portfolio.new {
  line-height: 40px;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new {
  background-color: var(--dodger-blue-2);
  margin-top: 30px;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.bg-image {
  background-color: var(--dodger-blue-2);
  margin-bottom: 20px;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.possible {
  background-color: #000;
  background-image: url('../images/GR-SITE-BACKGROUND-LITTLE-BLUE-BUBBLES.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.before {
  filter: none;
  background-image: none;
  height: auto;
  margin-top: 10px;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.possible {
  background-image: url('../images/GR-SITE-BACKGROUND-LITTLE-BLUE-BUBBLES.png');
  background-size: cover;
  background-attachment: fixed;
  margin-top: 5px;
  padding-bottom: 50px;
}

.autologic-text-title.hp.autopilot._2 {
  color: #fffdfd;
  background-color: #000;
  margin-top: 50px;
  font-weight: 800;
}

.autologic-text-title.hp.autopilot._2.showreel-margin {
  background-color: #000;
  margin-top: 20px;
}

.autologic-text-title.hp.autopilot._2.showreel-margin.top {
  margin-top: 0;
}

.autologic-text-title.hp.autopilot.flashy-bar {
  color: #fffdfd;
  text-shadow: 0 0 #818181d9;
  background-color: #000;
  border-top-style: solid;
  border-bottom-style: solid;
  margin-bottom: 100px;
  font-size: 20px;
  font-weight: 900;
  text-decoration: underline;
}

.autologic-text-title.hp.autopilot.process {
  color: #fffdfd;
  background-color: #000;
  font-weight: 800;
}

.autologic-text-title.hp.autopilot.portfolio {
  color: #fffdfd;
  background-color: #004eff;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 37px;
  font-weight: 800;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar {
  margin-top: 0;
  margin-bottom: 0;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new {
  background-color: #004eff;
  margin-top: 5px;
  padding-bottom: 50px;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.before {
  background-color: var(--blue-bright-2020);
  filter: none;
  background-image: none;
  height: auto;
  margin-top: 10px;
  font-weight: 300;
}

.autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.before.gall {
  margin-top: 0;
}

.autologic-text-title.hp.flashy {
  color: #000;
  letter-spacing: 1px;
  background-color: #0000;
  border-style: none;
  border-bottom-width: 5px;
  border-bottom-color: #09f;
  width: 90%;
  margin-bottom: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  line-height: 40px;
}

.autologic-text-title.hp.flashy.hp-text-extra {
  letter-spacing: 1px;
  width: 90%;
  padding-top: 0;
  padding-bottom: 50px;
  font-size: 18px;
  line-height: 50px;
}

.autologic-text-title.summary {
  color: #09f;
  text-align: left;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.autologic-text-title._2 {
  padding-bottom: 70px;
}

.sub-titles-for-youtubes {
  color: var(--blue-bright-2020);
  text-align: center;
  text-shadow: 0 1px 1px #000;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.sub-titles-for-youtubes.new {
  color: #000;
}

.blue-text-container-hp {
  padding-bottom: 20px;
}

.caa-container {
  margin-top: 0;
}

.services-section {
  padding-top: 0;
  padding-bottom: 100px;
}

.hero-section-services {
  padding-top: 100px;
  padding-bottom: 100px;
}

.services-container {
  background-color: #0000;
  position: static;
  bottom: 352px;
}

.div-block-new-services {
  background-color: #200a83;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 1px solid #575757;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 16px;
  display: block;
}

.services-row {
  margin-top: 60px;
}

.testimonials-div-services {
  background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 150px;
  padding-bottom: 150px;
}

.services-vid-section {
  background-color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered {
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  line-height: 44px;
  text-decoration: none;
  display: block;
}

.meet-drone-div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.services-div-hp {
  width: 69%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.test-div {
  background-color: #0000;
  height: 75px;
}

.test-container {
  perspective: 483px;
  text-align: center;
  border-style: none;
  border-bottom-width: 0;
  border-bottom-color: #09f;
  width: 300px;
  height: 150px;
  margin: 0 auto 10px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 26px;
  display: block;
  position: static;
  left: 15px;
}

.test-container.hp-top-pic {
  width: 800px;
  height: auto;
  padding-top: 5px;
}

.test-container.hp {
  width: 300px;
  height: 150px;
  margin-top: 5px;
}

.team-container-vids {
  padding-bottom: 10px;
}

.social-band {
  background-color: #000;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-top: 20px;
  padding-bottom: 40px;
}

.social-band.hp {
  background-color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
}

.social-band.hp.new {
  margin-top: 0;
  margin-bottom: 50px;
}

.social-band.services {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.social-band.team {
  margin-bottom: 0;
}

.social-band.team.new {
  margin-top: 0;
  padding-bottom: 60px;
}

.social-band.team.new.terms {
  background-color: var(--dodger-blue-2);
  padding-top: 0;
  padding-bottom: 0;
}

.social-band.team.team-new {
  z-index: 900;
  background-color: var(--black);
  margin-top: 0;
  padding-bottom: 10px;
  position: relative;
}

.pricing-row {
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pricing-row._2 {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.pricing-row.hp-hero-columns {
  text-align: center;
  width: 90%;
  margin-top: 50px;
}

.pricing-div {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

._80-pricing-div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.team-pic {
  opacity: 1;
  filter: saturate(200%);
  border-style: none;
  width: 160px;
  height: auto;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 2px 10px;
  display: block;
  position: static;
  right: 10px;
}

.not-work {
  color: #de2828;
  letter-spacing: 0;
  font-family: Unica One, sans-serif;
  font-size: 12px;
  line-height: 50px;
}

.bg-vid-div {
  width: 100%;
  height: auto;
  padding-top: 30px;
}

.bg-vid-div.bottom, .bg-vid-div.showreel {
  padding-top: 0;
}

.vid-div {
  background-color: #fff;
  width: 75%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  display: block;
}

.service-bg-vid-top {
  background-image: url('../images/Lake-blue-large.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

.service-bg-vid {
  height: 60vh;
  min-height: 2px;
}

.portfolio-top-div {
  background-image: linear-gradient(#000000ad, #000000ad), url('../images/BEWCASTLE-CHURCH-AND-FORTWITH-FARMHOUSE.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: auto;
}

.portfolio-top-div._2 {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 0;
}

.portfolio-bg-vid {
  height: auto;
  min-height: 1px;
}

.priicing-top {
  background-image: url('../images/BEWCASTLE-CHURCH-AND-FORT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.top-div-new {
  background-color: #000;
}

.showreel-div {
  background-color: #fff;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 100px;
  display: block;
}

.pricing-div-hp {
  background-color: #0098ff;
  background-image: linear-gradient(#00000040, #00000040), url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top: 3px #09f;
  border-bottom: 3px #09f;
  height: auto;
  padding-top: 100px;
  padding-bottom: 70px;
}

.services-more {
  background-color: #0098ff;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#000000b3, #000000b3), url('../images/Aerial-view-car-park-.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  border-top: 3px solid #09f;
  border-bottom: 3px solid #09f;
  height: auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.services-more.services {
  padding-top: 100px;
  padding-bottom: 100px;
}

.services-more.hp {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/AWESOME-FOR-HERO-1800x-800.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top-style: none;
  border-bottom-style: none;
}

.overlay {
  height: 100%;
}

.video-bg {
  border-style: none;
  width: auto;
  height: 300px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-bg.heli-pic {
  height: auto;
  min-height: 1px;
}

.portfolio-bg-vid-top {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.bg-vid {
  height: auto;
  padding-bottom: 250px;
}

.in-port-top-bg-vid {
  width: 65%;
  height: auto;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.youtube-div-hp {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.youtube-div-container {
  padding-left: 10px;
  padding-right: 10px;
}

.div-margin-youtube {
  margin-top: 0;
}

.vid-div-port {
  border-style: none;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  display: block;
  position: static;
}

.vid-div-port.bottom {
  width: 70%;
  margin-top: 100px;
  padding-bottom: 30px;
}

.vid-div-port.top {
  width: 64%;
  margin-top: 0;
  padding-bottom: 0;
}

.button-container {
  padding-top: 10px;
}

.bg-vid-hp {
  z-index: 1;
  border: 2px solid #000;
  width: auto;
  height: 300px;
}

.bg-vid-hp.industrial-mob-pic {
  border-style: none;
  border-width: 0;
  height: 400px;
  padding-right: 0;
}

.bg-vid-hp.industrial-mob-pic.industrial {
  height: 450px;
}

.bg-vid-hp.industrial-mob-pic.industrial-projects {
  height: 400px;
}

.container-services-hp {
  padding-top: 40px;
  padding-bottom: 10px;
}

.container-services-hp.services {
  padding-top: 0;
  padding-bottom: 0;
}

.button-div-section {
  background-color: #09f;
  background-image: radial-gradient(circle, #09f, #000);
  padding-top: 200px;
  padding-bottom: 200px;
}

.caa-image {
  text-align: center;
  border: 3px dotted #fff;
  width: 200px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  transition: box-shadow .3s;
  display: block;
  box-shadow: 0 0 1px #818181;
}

.caa-image:hover {
  box-shadow: 0 0 5px 2px #818181;
}

.caa-image:active {
  box-shadow: none;
}

.caa-image._2 {
  box-shadow: none;
  filter: saturate(200%);
  border-style: none;
  width: 400px;
}

.caa-image._2.logo {
  box-shadow: none;
  width: auto;
  height: 200px;
}

.caa-image._2.logo.gear {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
}

.caa-image._2.logo.drone {
  border: 1px none var(--grey-2);
  box-shadow: none;
  width: 40%;
  height: auto;
}

.portfolio-image {
  perspective: 322px;
  width: 200px;
  margin: 350px auto 50px;
  display: block;
}

.project-text {
  color: var(--blue-bright-2020);
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-weight: 800;
  display: block;
}

.terms-top-div {
  filter: saturate(200%) contrast(120%);
  background-color: #000;
}

.container-hp-slider {
  border: 0 #000;
  border-color: #000 #09f;
  position: relative;
}

.new-hp-top-div {
  background-color: #000;
  border-top: 1px #818181;
  border-bottom: 5px #000;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.new-slider-top-hp {
  background-color: #fffdfd;
  height: auto;
}

.slide-1 {
  filter: contrast(150%);
  background-color: #0000;
  background-image: url('../images/CYCLIST-FOR-SLIDERBlur1800x1000.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  min-height: 650px;
}

.slide-2-hp-slider {
  opacity: 1;
  filter: contrast(150%);
  background-color: #0000;
  background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER--Blur-1800x-1000.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  min-height: 650px;
  overflow: hidden;
}

.slide-3-hp-top {
  filter: contrast(150%);
  background-color: #0000;
  background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  min-height: 650px;
}

.arrows-slider {
  color: #09f;
}

.mask-for-slider {
  background-color: #fffdfd;
  height: 580px;
  min-height: 580px;
  padding-bottom: 0;
}

.contact-button {
  border: 1px solid #000;
  border-radius: 10px;
  width: 120px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 0 #000;
}

.contact-button:hover {
  box-shadow: 0 0 10px #000;
}

.contact-button:active {
  box-shadow: none;
}

.button-container-slider {
  text-align: center;
}

.slider-nav-squares {
  color: #818181b3;
  font-size: 3px;
  line-height: 26px;
}

._360-container {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.dronelog-container {
  text-align: center;
  padding-top: 100px;
}

.text-2nd-slide {
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 30px;
  display: block;
}

.title-vid-portfolio {
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-bg-vid {
  z-index: 1000;
  background-color: #0000;
  margin-bottom: 50px;
  position: static;
  overflow: hidden;
}

.footer-bg-video {
  z-index: 1;
  background-color: #0000;
  border: 2px solid #ececec33;
  width: auto;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-portfolio {
  padding-top: 30px;
}

.powrio-contact-form-div {
  z-index: 10;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
  position: relative;
}

.powrio-inside-div {
  width: 60%;
  height: auto;
  min-height: 2px;
  margin: 20px auto;
  display: block;
}

.powrio-embed-html {
  border-style: none;
  padding: 10px;
}

.form-div-top-hp {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.form-div-top-hp._2 {
  background-color: #09f;
  padding-top: 45px;
}

.form-embed {
  background-color: #0000;
  border-style: none;
}

.hero-process-page {
  filter: contrast(150%);
  background-color: #000;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  border-bottom: 5px solid #09f;
  height: auto;
  min-height: 650px;
}

.hero-process-page.prices {
  background-image: linear-gradient(#fff, #fff), url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top: 1px dotted #ffffff40;
  border-bottom: 2px dashed #f2f2f2;
  min-height: 500px;
  margin-top: 0;
  padding-top: 0;
}

.hero-process-page.prices.process {
  opacity: 1;
  filter: contrast(150%);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  border: 1px #000;
  border-top: 2px #09f;
  border-bottom: 0 #09f;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding-bottom: 50px;
  display: block;
}

.hero-process-page.prices.process._2 {
  filter: saturate(200%);
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/Mapping-experiment-of-property-1.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  min-height: 650px;
  padding-bottom: 0;
  display: flex;
}

.hero-process-page.prices.process._2:hover {
  filter: none;
}

.hero-process-page.prices.process.hp-pics {
  background-color: #fff;
  background-image: none;
  min-height: auto;
  padding-bottom: 0;
}

.hero-process-page.prices.prices-div {
  background-image: url('../images/CAR-TEST-COLOUR-SPLASH.jpg');
  background-position: 50% 28%;
  background-size: cover;
  background-attachment: fixed;
  border: 6px #09f;
  border-width: 2px 6px 0;
  justify-content: center;
  align-items: center;
  min-height: 650px;
  padding-bottom: 0;
  display: flex;
}

.process-container {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.process-header {
  color: #09f;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  font-family: Open Sans Condensed, sans-serif;
  display: block;
}

.process-bullets-and-text {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans Condensed, sans-serif;
  display: block;
}

.hero-container-new {
  padding: 0 10px;
}

.form-div {
  background-color: #000;
  background-image: linear-gradient(#000c, #000c), url('../images/PICTURE-OF-CLOUDSSLEETBECK-FOREST-2205161600x800.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-bottom: 0;
  padding-top: 50px;
}

.flashy-portal-container {
  margin-top: 30px;
}

.text-slide-2 {
  margin-top: 0;
}

.highlighted-text {
  color: #006fb9;
  letter-spacing: 6px;
  font-size: 22px;
  font-weight: 600;
}

.keywords {
  font-weight: 400;
}

.hp-image-div {
  padding-bottom: 50px;
}

.hp-image-mini-hero {
  filter: contrast(200%);
  width: 40%;
  height: auto;
  margin-top: 230px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.company-info-footer {
  color: #81818199;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  display: block;
}

.company-info-footer.telephone-numbers {
  letter-spacing: 14px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.company-info-footer.telephone-numbers._2 {
  margin-bottom: 16px;
  padding-bottom: 0;
  line-height: 24px;
}

.vids-div-hp {
  padding-bottom: 100px;
}

.vids-div-hp.blue {
  background-color: #09f;
  border-style: none;
  border-top-width: 5px;
  border-top-color: #09f;
  border-bottom-width: 5px;
  border-bottom-color: #09f;
  padding-top: 50px;
  padding-bottom: 50px;
}

.vids-div-hp.meet-drone {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 20px;
  display: block;
}

.icon-container {
  padding-top: 50px;
}

.icon-div {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.icon-div.fws {
  padding-bottom: 0;
  overflow: hidden;
}

.icon-div._1 {
  width: 20%;
}

.icon-image {
  perspective: 304px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  transition: opacity .2s;
  display: block;
}

.icon-image.gears {
  width: 200px;
}

.icon-image.fws-icon {
  width: 400px;
  max-width: 200px;
}

.icon-image.choice {
  width: 250px;
  padding-top: 50px;
}

.websites-bg {
  background-color: var(--black);
  filter: saturate(200%);
  background-image: linear-gradient(#fffdfdb3, #fffdfdb3), url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top: 3px solid #09f;
  border-bottom: 3px solid #09f;
  overflow: hidden;
}

.flashy-div-2 {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-position 2s linear;
}

.title-div-black {
  background-color: #000;
}

.title-div-div {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-name-div {
  text-align: left;
  padding-left: 20px;
}

.title-e-mail-div {
  text-align: right;
}

.title-image-name, .title-email-image {
  clear: none;
  width: 450px;
  height: auto;
  margin-top: 8px;
}

.title-columns {
  padding-left: 0;
  padding-right: 0;
}

.title-row {
  height: 45px;
}

.process-image {
  margin: 0 auto;
  padding-bottom: 0;
  display: block;
}

.process-link-block {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.contact-div-hp {
  padding-top: 0;
}

.contact-column {
  padding-left: 0;
  padding-right: 0;
}

.contact-column.contact {
  background-color: #09f;
  height: auto;
}

.contact-row {
  height: 712px;
  margin-top: 0;
  padding-top: 0;
}

.contact-column-new {
  background-color: #09f;
  padding-left: 0;
  padding-right: 0;
}

.contact-column-new.black {
  background-color: #000;
}

.contact-div-1 {
  background-color: #0000;
  align-items: center;
  height: 100%;
  padding-top: 200px;
  padding-bottom: 0;
  display: block;
}

.contact-div-2 {
  background-color: #fff;
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/WIN-image-blog.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-bottom: 3px #575757;
  height: auto;
  padding-top: 0;
  overflow: hidden;
}

.contact-heading {
  perspective: 400px;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000004d;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
  display: block;
}

.contact-heading._2 {
  background-color: #0000004d;
  margin-top: 40px;
}

.contact-heading.caa {
  background-color: #0000;
  border-top-color: #09f;
  border-bottom-color: #09f;
  font-size: 22px;
  line-height: 40px;
}

.contact-heading.contact-form {
  font-size: 30px;
}

.contact-row-new {
  background-color: #09f;
}

.contact-div-block {
  background-color: #000;
  padding-top: 30px;
  padding-bottom: 20px;
}

.contact-div-block.contact-bar {
  background-color: var(--dodger-blue-2);
  margin-top: 0;
}

.contact-div-block.contact-bar.contact-page {
  margin-top: 0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.port.pics {
  margin-top: 30px;
}

.portfolio-div {
  filter: contrast(150%);
  background-image: url('../images/Black-and-white-effect-hero-roof-survey.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  border-top: 2px #09f;
  border-bottom: 3px #09f;
  height: auto;
  min-height: 800px;
  padding-bottom: 10px;
}

.row-on-portfolio-new {
  margin-top: 70px;
  margin-bottom: 70px;
}

.row-on-portfolio-new.hp {
  margin-top: 20px;
  margin-bottom: 10px;
}

.row-on-portfolio-new._2 {
  margin-top: 10px;
}

.row-on-portfolio-new.portfolio {
  margin-bottom: 10px;
}

.row-on-portfolio-new.portfolio.little-pics {
  border-top: 5px #09f;
  margin-top: 0;
  padding-top: 50px;
}

.row-on-portfolio-new.hp-pics {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
}

.row-on-portfolio-new.hp-pics.portfolio {
  padding-top: 10px;
}

.row-on-portfolio-new.hp-pics.new {
  border-style: none;
  width: 200%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  overflow: hidden;
}

.row-on-portfolio-new.hp-pics.new.hp {
  border-top: 0 #000;
  margin-top: 0;
}

.row-on-portfolio-new.under-vid {
  margin-top: 30px;
}

.row-on-portfolio-new.hp-pics-little {
  margin-bottom: 15px;
}

.vid-top-div-block {
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 20px;
  height: 60px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.vid-top-div-block._2 {
  background-color: #09f;
  border-style: none;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
}

.text-above-video {
  color: #fff;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 0;
}

.text-above-video.room-survey {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 26px;
  display: block;
}

.text-above-video.room-survey.oblong {
  width: 90%;
  height: auto;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.text-above-video.room-survey.oblong.portfolio {
  font-family: Open Sans, sans-serif;
  font-size: 22px;
}

.text-above-video.room-survey.oblong.portfolio._2 {
  color: #09f;
  padding-top: 2px;
  font-size: 16px;
  font-weight: 400;
}

.text-above-video.room-survey.oblong.portfolio._2.bottom, .text-above-video.room-survey.oblong.portfolio.mapping {
  color: #fff;
}

.text-above-video.room-survey.oblong.portfolio.mapping.album {
  color: #f2f2f2;
  text-decoration: none;
}

.text-above-video.room-survey.portfolio {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.text-oblong-under-small-pics {
  background-color: var(--blue-bright-2020);
  border: 0 #575757;
  border-right-color: #0000;
  height: auto;
  display: block;
  position: relative;
  inset: 0;
}

.text-oblong-under-small-pics.hp {
  background-color: var(--blue-bright-2020);
  border-style: none;
  height: auto;
  margin-bottom: 0;
}

.text-oblong-under-small-pics.border {
  background-color: var(--dodger-blue-2);
  border: 1px #000;
  border-left: 1px solid #0003;
  border-right: 1px solid #0003;
}

.prices-div {
  background-image: url('../images/DM4U-hero2020.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  padding-top: 20px;
  padding-bottom: 100px;
  position: static;
  top: 0;
}

.prices-element-div {
  perspective: 1000px;
  background-color: #0000;
  border-radius: 15px;
  width: 68%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
  box-shadow: 0 -2px 15px 1px #8181814d;
}

.prices-element-div._2 {
  border-radius: 30px;
  margin-top: 30px;
}

.prices-inner-div {
  background-color: #fffdfd80;
  border: 1px #5757574d;
  border-top-left-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  height: auto;
}

.prices-inner-div.top {
  background-color: var(--blue-bright-2020);
  border-radius: 30px 30px 0 0;
  height: auto;
}

.prices-table-title-text {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  display: block;
}

.prices-table-title-text.list {
  background-color: var(--white-3);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.prices-table-title-text.list.title {
  background-color: var(--white-3);
  border-bottom-style: solid;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 29px;
  font-weight: 300;
}

.prices-table-title-text.extras {
  background-color: #fccb28;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.prices-table-title-text.extras.asterisk {
  background-color: var(--violet-dm4u-2020);
  color: var(--blue-bright-2020);
  border-radius: 0 0 30px 30px;
  font-size: 15px;
}

.prices-table-title-text.extras.asterisk.yellow {
  background-color: var(--white-3);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.prices-table-title-text.extras.asterisk.mauve {
  color: var(--white-4);
}

.prices-table-title-text.extras.top {
  background-color: var(--blue-bright-2020);
}

.prices-table-title-text.top {
  background-color: var(--blue-bright-2020);
  color: var(--white-3);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  font-size: 36px;
  font-weight: 300;
}

.e-mail-link-footer {
  color: #09f;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 27px;
  text-decoration: none;
  display: block;
}

.e-mail-link-footer:hover {
  color: #09f;
  text-decoration: none;
}

.e-mail-link-footer:active {
  color: #1b78b6;
  font-weight: 300;
}

.e-mail-link-footer.w--current {
  color: #636363;
  font-size: 16px;
  line-height: 26px;
}

.telephone-title {
  color: #b4b4b499;
  margin-bottom: 0;
  font-size: 22px;
  text-decoration: none;
}

.line-div {
  background-color: #fff;
  background-image: linear-gradient(to top, #00000080, #fff 76%);
  border: 1px #09f;
  border-radius: 15px;
  width: 70%;
  height: 10px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.team-para {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.caa-div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.caa-div.team {
  padding-top: 0;
}

.caa-link-footer {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.homepage-top-bar {
  background-color: #fff;
  border-bottom: 0 #000;
  height: auto;
  min-height: auto;
  overflow: hidden;
}

.hp-top-bar-columns {
  height: 50px;
  padding-left: 0;
  padding-right: 0;
}

.image-hp-top-bar-title {
  clear: none;
  text-align: center;
  width: 500px;
  height: 50px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 20px 0;
  display: block;
}

.image-hp-top-bar-title.right-top {
  float: none;
  width: 500px;
  height: 40px;
  margin-top: 15px;
  padding-top: 0;
  padding-left: 20px;
  position: static;
  inset: 18px 0 18px -25px;
}

.hp-top-title-link-block {
  height: 50px;
}

.hp-top-title-link-block.right {
  float: right;
}

.hp-top-div-block {
  height: 50px;
}

.hp-top-row {
  background-color: #fff;
  border-bottom: 2px #09f;
  height: 50px;
}

.mob-icon {
  background-color: #0000;
}

.new-hero-div {
  background-color: #0000;
  border-top: 2px #09f;
  height: auto;
  padding-top: 25px;
  padding-bottom: 20px;
}

.hero-columns {
  padding-left: 0;
  padding-right: 0;
}

.hero-link-block-divs {
  width: auto;
  padding: 0;
}

.hero-link-blocks {
  opacity: 1;
  background-color: #09f3;
  background-image: url('../images/Lake-blue-large.jpg');
  background-position: 50%;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 450px;
  margin-left: auto;
  margin-right: auto;
  transition: none;
  display: block;
  position: relative;
  inset: 0;
}

.hero-link-blocks:hover {
  opacity: 1;
  background-image: url('../images/Lake-blue-large.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-link-blocks.video-hp {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border-style: none;
  border-width: 1px;
  height: 430px;
  overflow: hidden;
}

.hero-link-blocks.video-hp.portfolio {
  background-image: url('../images/KATE--FIRST-1000x-1400-EYES--PP.jpg');
  background-position: 50%;
  background-size: cover;
  width: auto;
  height: 800px;
}

.hero-link-blocks.vid-link {
  background-color: #0000;
  background-image: url('../images/111-portrait-car-1400-x-1000.jpg'), url('../images/KATE--FIRST-PP-4-600x.jpg');
  background-position: 50%, 50%;
  background-size: 700px, cover;
  border-style: none;
  border-width: 1px;
  height: 430px;
}

.hero-link-blocks.vid-link.portfolio {
  background-image: url('../images/DAD-FOR-GALLERY-1000-x-1400.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.hero-link-blocks.websites-link {
  background-color: #0000;
  background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #000 30%, #de2828 81%);
  background-position: 50% 16%, 0 0;
  background-repeat: repeat, repeat;
  background-size: cover, auto;
  border-style: none;
  border-width: 1px;
  height: 430px;
  overflow: hidden;
}

.hero-link-blocks.websites-link.portfolio {
  background-image: url('../images/BEAR-LOOKING-GREAT-CLOSE-UP-FROM-VID-1000-x-1400-GREEN-EYES.jpg');
  background-position: 50% 16%;
  background-repeat: repeat;
  background-size: cover;
  height: 800px;
}

.hero-link-blocks-overlays {
  background-color: #0000;
  width: 100%;
  height: 100%;
  transition: background-color 1s;
  display: flex;
}

.hero-link-blocks-overlays:hover {
  background-color: #000000b3;
}

.hero-bg {
  width: auto;
  height: 100%;
}

.flex-div-hero-text {
  background-color: #0000;
  flex: 1;
  align-self: center;
}

.flex-image-hero {
  width: 81%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.flex-image-hero._1 {
  background-color: #0000;
  width: 80%;
  height: 350px;
}

.hero-row {
  background-color: #0000;
  border-top: 1px solid #575757;
  border-bottom: 1px #09f;
}

.hero-row.portfolio {
  border-style: none;
}

.base-divs-hp {
  background-color: #000;
  border: 1px solid #8181814d;
}

.estate-agency-div {
  text-align: center;
  background-color: #000;
  background-image: radial-gradient(circle, #0009 37%, #09f 60%);
  border: 1px #000;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.estate-agent-image {
  filter: saturate(200%);
  border: 0 #000000b3;
  border-top: 1px solid #000000b3;
  width: 100%;
  display: block;
}

.estate-agent-image:hover {
  filter: grayscale();
}

.image-div-port {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-div-text-block {
  background-color: #000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #81818180;
  padding-top: 5px;
  padding-bottom: 5px;
}

.separator-div {
  background-color: #0098ff;
  margin-top: 50px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.separator-div.services-list {
  background-color: #fff;
  background-image: none;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.separator-div.hp {
  background-color: #000;
  margin-top: 20px;
}

.separator-div.hp._360-view {
  background-color: var(--dodger-blue-2);
  margin-top: 80px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
}

.separator-div.hp._360-view.under-yt-vid-hp {
  border-top: 1px solid #575757;
  margin-top: 0;
}

.separator-div.hp._360-view.social-page {
  margin-top: 70px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.separator-div.hp._360-view.new {
  margin-top: 50px;
}

.separator-div.hp._360-view.new.hp-margin {
  margin-top: 0;
}

.separator-div.hp._360-view.process {
  margin-top: 30px;
}

.separator-div.hp._360-view.process.hp-new {
  margin-top: 0;
}

.separator-div.hp._360-view.process-new {
  background-color: var(--blue-bright-2020);
  margin-top: 0;
  margin-bottom: 50px;
}

.separator-div.hp._360-view.process-new.robotic-link {
  margin-bottom: 0;
}

.separator-div.hp._360-view.process-new.shadow {
  opacity: 1;
  margin-bottom: 0;
  bottom: 0;
}

.separator-div.hp._360-view.process-new.shadow.promo {
  background-color: #003dc9;
}

.separator-div.hp._360-view.privacy {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.separator-div.hp._360-view.process-new-2 {
  background-color: var(--white-4);
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

.separator-div.hp._360-view.process-new-2.trans {
  background-color: #0000;
}

.separator-div.hp._360-view.prices {
  background-color: #0000;
  margin-top: 0;
}

.separator-div.hp._360-view.ser5vices {
  margin-top: 48px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.separator-div.hp._360-view.contact, .separator-div.hp._360-view.contact.seo {
  background-color: #0000;
  margin-top: 0;
}

.separator-div.hp._360-view.contact.seo.services {
  opacity: 1;
  background-color: #0000;
  margin-top: 0;
}

.separator-div.hp._360-view.new-port {
  background-color: #0000;
  margin-top: 0;
}

.separator-div.hp.caa {
  background-color: var(--dodger-blue-2);
  margin-top: 0;
  padding-bottom: 30px;
}

.separator-div.services-list {
  background-color: #fff;
  margin-top: 5px;
  padding-top: 5px;
}

.raggy-bg {
  background-image: url('../images/RAGGY-PAGE-BG-FINAL-GOODCUT-OUT-BLANK-BETTER1200x800.png'), url('../images/RAGGY-PAPER-SHEET-BLACK1200x800.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 620px;
  margin: 0 auto;
  display: flex;
}

.raggy-bg.portfolio {
  height: 700px;
}

.raggy-bg.portfolio.hp-1 {
  margin-top: 40px;
  padding-top: 0;
}

.raggy-youtube-div {
  border-style: none;
  width: 900px;
}

.slide-4 {
  background-color: #0000;
  background-image: url('../images/INSPIRE-FACE-ON-Reduced.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-5 {
  background-color: #fff;
  background-image: linear-gradient(#00000080, #00000080), url('../images/WINDMILL-1-JPG-Reduced.jpg');
  background-position: 0 0, 50% 77%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slide-5.portfolio {
  background-image: url('../images/BEWCASTLE-CHURCH-AND-FORTWITH-FARMHOUSE.jpg'), url('../images/WINDMILL-1-JPG-Reduced.jpg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.services-list-div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.services-list-image {
  clear: none;
  width: 40px;
  margin-top: 5px;
}

.welcome-div {
  background-color: #0000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 50px;
  display: block;
}

.welcome-2-div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.caa-link-blocks {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 20px;
  display: block;
}

.hiscox-image {
  text-align: center;
  border: 3px solid #fff;
  width: 200px;
  transition: box-shadow .3s;
  box-shadow: 0 0 1px #818181;
}

.hiscox-image:hover {
  box-shadow: 0 0 5px 2px #818181;
}

.hiscox-image:active {
  box-shadow: none;
}

.caa-link-block-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hiscox-link-block-image {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.welcome-div-2-new {
  width: auto;
  margin-top: 0;
  padding-top: 0;
  overflow: visible;
}

.drone-vid-div {
  min-height: auto;
}

.drone-vid-insert-div {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 90%;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.drone-vid-element {
  text-align: center;
  width: auto;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  overflow: visible;
}

.service-slice-white {
  border-top: 1px solid #000;
  padding-top: 20px;
  padding-bottom: 30px;
}

.prices-video {
  border: 1px solid #81818180;
  margin-bottom: 51px;
}

.prices-video.portfolio {
  border: 1px solid #81818180;
  margin-top: 100px;
}

.dji-div-services {
  background-color: #ffffff91;
}

.portfolio-vid-div-in-div {
  width: 70%;
  margin: 50px auto;
  display: block;
}

.scrolling-div {
  background-color: #000;
  padding-top: 10px;
}

.scrolling-div.prices {
  background-color: var(--violet-dm4u-2020);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.scrolling-div.prices.new-for-all-pages {
  border-bottom: 1px solid #57575780;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 5px;
}

.scrolling-div.prices.new-for-all-pages.home {
  border-bottom-style: none;
  height: auto;
  padding-top: 5px;
}

.scrolling-div.prices.new-for-all-pages.home.transparent {
  background-color: #0000;
}

.scrolling-div.equipment-hp {
  background-color: #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}

.scrolling-div.hp-small-logo {
  background-color: #0000;
  padding-top: 20px;
}

.scrolling-div.social-bar {
  margin-top: 40px;
}

.logo-image {
  filter: saturate(200%);
  perspective: 661px;
  width: 150px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-image.gear {
  width: 150px;
}

.image-div {
  width: 34%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-div.top-of-page {
  margin-top: 0;
}

.title-image {
  filter: saturate(200%);
  width: 100px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-logo-div {
  padding-bottom: 5px;
}

.image {
  float: none;
  clear: none;
  background-color: var(--white-4);
  width: 50%;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  display: block;
  position: relative;
  top: 0;
}

.image.trans {
  background-color: #0000;
  width: 70%;
}

.top-title-div {
  background-color: #000;
  border-bottom: 1px #0000004d;
  margin-bottom: 0;
  padding-bottom: 0;
}

.top-title-div.hp {
  background-color: #0000;
}

.top-title-div.process {
  background-color: #000;
}

.top-title-image {
  z-index: 1100;
  float: left;
  clear: none;
  width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: block;
  position: relative;
  inset: 15px 0 0;
}

.top-title-image.new {
  z-index: 900;
  float: none;
  width: 550px;
  padding-top: 0;
  top: 10px;
}

.top-title-image.new.terms {
  width: 200px;
}

.top-title-embed {
  text-align: center;
  background-color: #0000;
  width: 70%;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
  left: 0;
  right: 274px;
}

.div-block, .caa-and-hiscox-div {
  padding-top: 0;
}

.photo-album-link {
  padding-top: 50px;
  padding-bottom: 50px;
}

.photo-album-link-div {
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.photo-album-link-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.photo-album-title-div {
  background-color: #000;
  width: 70%;
  margin: 0 auto;
  display: block;
}

.photo-album-container {
  background-color: #000;
  padding-bottom: 5px;
}

.div-block-2 {
  background-color: #fffdfd;
  padding-top: 0;
  padding-bottom: 50px;
}

.wedding-embed-div {
  background-color: #000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 150px;
  display: block;
}

.wedding-embed-div.services {
  padding-top: 0;
  padding-bottom: 50px;
}

.wedding-embed-div.portfolio {
  background-color: var(--blue-bright-2020);
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wedding-embed-div.portfolio.hp-yt-vid {
  background-color: var(--white-4);
}

.wedding-container {
  background-color: #f2f2f2;
}

.wedding-embed {
  text-align: center;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.wedding-wrapper-div {
  background-color: #000;
}

.wedding-wrapper-div.portfolio {
  background-color: snow;
  overflow: hidden;
}

.wedding-title-div {
  background-color: #006fb9;
  background-image: linear-gradient(to top, #000, #006fb9);
}

.wedding-title-div.bottom {
  background-color: #000;
  background-image: none;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.wedding-title-div.top {
  background-color: #000;
  background-image: none;
  background-color: var(--black);
  background-image: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 0;
  margin-top: 0;
  padding-top: 0;
}

.hp-text-div {
  padding-top: 0;
}

.row-2 {
  padding-bottom: 0;
}

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

.hangar-360-div-portfolio {
  background-color: #000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.html-embed-2 {
  text-align: center;
  height: auto;
  min-height: auto;
}

.fb-feed {
  padding-top: 50px;
  padding-bottom: 50px;
}

.div-block-3 {
  background-color: #000;
  padding-top: 30px;
  padding-bottom: 30px;
}

.facebook-div {
  color: #09f;
  background-color: #fffdfd;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.facebook-title {
  color: #09f;
  text-shadow: 0 1px 1px #000;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.facebook-para {
  color: #000000b3;
  text-align: left;
  padding-top: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
}

.facebook-inner-div {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.facebook-feed-inner-div {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  display: block;
}

.facebook-row {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hangar-link-test {
  color: #f2f2f2;
}

._360-view-div {
  padding-top: 50px;
}

._360-link-block, ._360-div-in-div {
  text-align: center;
}

._360-home-image {
  height: auto;
  padding-bottom: -1px;
}

.row-3 {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

._360-container-slide {
  text-align: center;
  margin-top: 8px;
}

._360-link-block-slide {
  width: auto;
}

.link-block-to-yt {
  text-align: center;
  padding-top: 30px;
}

.image-2 {
  border: 1px #81c6ff;
  width: 300px;
}

.scroler-container-team {
  margin-top: 15px;
}

.column-3 {
  border: 1px #0006;
}

.column-4 {
  padding-left: 30px;
  padding-right: 30px;
}

.hero-div-hp {
  background-color: #fffdfd;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/CYCLIST-FOR-SLIDER.jpg');
  background-position: 0 0, 26%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.hero-2-hp-div {
  filter: saturate(200%);
  background-image: linear-gradient(#fffdfd99, #fffdfd99), url('../images/Web-design-pic-2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.text-2-hp {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 31px;
}

.div-block-4 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paragraph-4 {
  color: #006fb9;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  display: block;
}

.hero-div-wid-vids {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-5 {
  background-color: var(--white-3);
  background-image: linear-gradient(to bottom, var(--white-3), var(--white-3)), url('../images/Advertising-pic.jpg');
  text-align: center;
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 50px;
  padding-bottom: 50px;
}

.hero-div-1 {
  text-align: center;
  background-image: radial-gradient(circle, #575757, #fff);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.div-block-6 {
  padding-top: 50px;
}

.container, .div-block-7 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.top-title-bar-hp-white {
  background-color: #0000;
}

.div-block-8 {
  text-align: left;
  width: auto;
  position: relative;
  left: 0;
  right: 0;
}

.row-4 {
  background-color: #0000;
}

.div-block-9 {
  border-top: 1px solid #000;
}

.div-block-10 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.row-5 {
  background-color: #000;
  height: 70px;
}

.div-block-11 {
  background-image: url('../images/TALKIN-TARN-BLUE.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

.contact-container {
  padding-top: 250px;
}

.dropdown-text {
  color: #fffdfd;
  letter-spacing: 2px;
  border: 1px solid #ececec33;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-weight: 200;
  transition: color .3s;
}

.dropdown-text:hover {
  color: #09f;
}

.dropdown-text.new {
  color: #000;
}

.dropdown-text.new-border {
  border-style: none;
}

.dropdown-text._1 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-text._2 {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-text.box-border {
  border-style: none;
}

.dropdown-toggle {
  padding-top: 0;
}

.dropdown-toggle.w--open {
  background-color: #0000;
}

.dropdown-icon {
  color: #fffdfd;
  font-size: 18px;
}

.dropdown-icon.new {
  color: #000;
}

.dropdown-list.w--open {
  background-color: #0006;
  border: 1px dashed #000;
  border-top-style: solid;
  border-radius: 0 0 10px 10px;
  width: 250px;
  min-width: 1%;
}

.container-2 {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.container-2.bg-vid {
  margin-top: 0;
  padding-top: 50px;
}

.container-3 {
  height: auto;
}

.portfolio-hero {
  background-image: url('../images/TALKIN-TARN-BLUE.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-style: none;
  height: 20vh;
  margin-top: 0;
  padding-top: 0;
}

.portfolio-hero.team-hero {
  background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER.jpg');
}

.portfolio-hero.portfolio {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/ROADHEAD-HANGAR-SHOTHERO-IMAGE-1800x-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.portfolio-hero.prices-hero {
  background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER--Blur-1800x-1000.jpg');
  height: 20vh;
}

.portfolio-hero.portfolio-hero {
  background-image: url('../images/PANDA-CROSS-HERO.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.portfolio-hero.contact {
  background-image: url('../images/TALKIN-TARN-BLUE.jpg');
  height: 20vh;
}

.portfolio-hero.services {
  background-image: url('../images/WINDMILL-HERO-STRAIGHT.jpg');
  height: 20vh;
}

.container-4 {
  z-index: 1000;
  background-color: #0000;
  position: relative;
}

.portfolio-title {
  text-transform: capitalize;
  margin-top: 0;
  padding-top: 200px;
}

.portfolio-title.services {
  padding-top: 260px;
}

.contact-us-text {
  color: #09f;
  text-transform: capitalize;
  font-size: 30px;
}

.contact-us-text.light-blue {
  color: #09f;
}

.div-block-13 {
  overflow: visible;
}

.div-block-14 {
  height: auto;
}

.prices-title {
  color: #fffdfd;
  font-size: 50px;
}

.social-row {
  padding-top: 50px;
}

.new-title-div-2017-august {
  background-color: #0000;
  height: auto;
  padding-top: 0;
  overflow: hidden;
}

.background-video {
  opacity: 1;
  background-color: #0000;
  height: auto;
  padding-top: 0;
}

.hero-container-for-text-annis {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 40px;
}

.button-container-services {
  text-align: center;
}

.dm4u-link {
  color: #ececec91;
  letter-spacing: 10px;
}

.dm4u-link:hover {
  color: #09f;
}

.div-block-15 {
  margin-top: 50px;
}

.extras-div-black {
  background-color: #000;
}

.div-block-16 {
  margin-top: 30px;
}

.gallery-div {
  margin-top: 0;
  margin-bottom: 0;
}

.gallery-div.hp {
  background-color: #000;
  margin-bottom: 0;
}

.gallery-pic-divs-small {
  border: 1px #000000b3;
  margin-left: 10px;
  margin-right: 10px;
}

.gallery-pic-divs-small.web {
  margin-left: 0;
  margin-right: 0;
}

.pics-services {
  background-color: #000;
}

.column-6, .column-7 {
  padding-left: 0;
  padding-right: 0;
}

.column-8 {
  border-style: none;
  padding-left: 0;
  padding-right: 0;
}

.column-9 {
  border: 1px #575757;
  padding-left: 0;
  padding-right: 0;
}

.column-10 {
  perspective: 1000px;
  border-bottom: 1px #000;
  padding-left: 0;
  padding-right: 0;
}

.column-11 {
  perspective: 1000px;
  padding-left: 0;
  padding-right: 0;
}

.column-12, .column-13 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-17 {
  background-color: #fff;
}

.row-6 {
  perspective: 1000px;
  background-color: #0000;
  margin-top: 0;
}

.gallery-div-new.hp {
  perspective: 1000px;
  padding-top: 50px;
  padding-bottom: 15px;
}

.vertical-white-line {
  color: #fff;
  font-size: 27px;
}

.div-text {
  background-color: #000;
}

.div-block-18 {
  background-color: #fffdfd;
}

.column-14, .column-15, .column-16, .column-17, .column-18, .column-19 {
  padding-left: 0;
  padding-right: 0;
}

.column-20 {
  background-color: #000;
  padding-left: 0;
  padding-right: 0;
}

.column-21, .column-22, .column-23, .column-24, .column-25 {
  padding-left: 0;
  padding-right: 0;
}

.hp-pics-row {
  perspective: 1000px;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 30px;
}

.hp-pics-row.yt {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.row-7 {
  background-color: #fff;
}

.process-div {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.process-div-hp {
  padding-top: 20px;
  padding-bottom: 30px;
}

.big-pic-row-hp {
  perspective: 1000px;
  margin-bottom: 30px;
}

.row-8 {
  perspective: 1000px;
}

.div-block-19 {
  perspective: 1000px;
  padding-top: 0;
}

.portfolio-new-top-div-for-pics {
  perspective: 1000px;
  padding-top: 30px;
  overflow: hidden;
}

.row-9, .row-10, .row-11, .row-12, .row-13, .row-14 {
  perspective: 1000px;
}

.html-embed-3 {
  filter: brightness(200%);
  background-color: #002a8a;
  padding-top: 2px;
}

.container-5 {
  opacity: 1;
}

.not-word {
  color: var(--blue-bright-2020);
}

.before-and-after-div {
  margin-bottom: 20px;
}

.div-block-20 {
  background-color: var(--white-smoke);
  opacity: 1;
  perspective: 1000px;
  background-image: url('../images/Web-design-pic-7.png');
  background-position: 50% -31%;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  padding-top: 220px;
  padding-bottom: 60px;
}

.column-26 {
  z-index: 0;
  transform-style: preserve-3d;
  background-image: url('../images/AAAAAA-OFFICE-PIC.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  height: 400px;
  transition: all .5s;
  overflow: hidden;
}

.column-26:hover {
  z-index: 0;
  position: relative;
  overflow: hidden;
  transform: scale3d(1, 1.2, 1);
}

.column-26.hp {
  transform-style: preserve-3d;
  background-image: url('../images/AAAAAA-OFFICE-PIC.jpg');
  background-size: cover;
  background-attachment: fixed;
  transition-duration: 1s;
}

.column-26.hp:hover {
  transform: scale3d(1, 1.1, 1);
}

.column-26.two {
  background-image: url('../images/AAA-ECOMMERCE-PIC.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px #000;
}

.column-26.two.hp._2 {
  background-image: url('../images/AAA-ECOMMERCE-PIC.jpg');
  background-size: cover;
}

.link-div-services {
  color: #fff;
  border-style: none;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  transition: all 1s;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.link-div-services:hover {
  background-color: #0000;
  background-image: none;
}

.link-text-services {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #00000080;
  border: 1px solid #70707080;
  width: 47%;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.link-text-services.no-underline {
  text-transform: none;
  background-color: #00000080;
  background-image: linear-gradient(to top, #000, #0000 56%);
  border-style: solid;
  border-radius: 0;
  width: 50%;
  margin-top: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 23px;
  text-decoration: none;
}

.link-text-services.no-underline.hp {
  color: var(--white-smoke);
  background-color: #0000007d;
  background-image: linear-gradient(to top, #000, #0000 56%);
  border: 0 solid #fff;
  border-radius: 15px;
  width: 220px;
  margin-top: 50px;
  font-weight: 300;
  box-shadow: 0 0 10px 1px #0006;
}

.services-row-1 {
  text-align: center;
  border-style: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  overflow: hidden;
}

.column-3-services {
  transform-style: preserve-3d;
  background-image: url('../images/Services-picSocial600x400.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  height: 400px;
  transition: all .5s;
  overflow: hidden;
}

.column-3-services:hover {
  transform: scale3d(1, 1.2, 1);
}

.column-3-services.hp {
  transform-style: preserve-3d;
  background-image: url('../images/Services-picSocial600x400.jpg');
  background-size: cover;
  background-attachment: fixed;
  transition-duration: 1s;
}

.column-3-services.hp:hover {
  transform: scale3d(1, 1.1, 1);
}

.column-3-services.three {
  background-image: url('../images/Services-picAdvertising600x400_1.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px #000;
  transition-property: all;
}

.column-3-services.three.hp._3 {
  background-image: url('../images/Services-picAdvertising600x400_1.jpg');
  background-size: cover;
}

.column {
  z-index: 0;
  text-align: center;
  transform-style: preserve-3d;
  background-image: url('../images/Services-picdesign-computer-600x400.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s ease-in;
  display: block;
  overflow: visible;
}

.column:hover {
  transform: scale3d(1, 1.2, 1);
}

.column.hp {
  transform-style: preserve-3d;
  background-image: url('../images/Services-picdesign-computer-600x400.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 400px;
  transition-duration: 1s;
  overflow: hidden;
}

.column.hp:hover {
  transform: scale3d(1, 1.1, 1);
}

.column._1-two {
  background-image: url('../images/Services-picSeoGoogle600x400.jpg');
  background-size: cover;
  border: 1px #000;
}

.column._1-two.hp._2 {
  background-image: url('../images/Services-picseo600x400_1.jpg');
  background-position: 100%;
  background-size: cover;
}

.faq-plus-wrap {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 25px;
  display: flex;
  position: relative;
}

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

.pricing-h1.faq-h2 {
  margin-bottom: 50px;
  font-weight: 700;
}

.faq-plus-l {
  background-color: var(--blue-bright-2020);
  border-radius: 3px;
  width: 5px;
  height: 100%;
  position: absolute;
}

.full-texture {
  z-index: 0;
  opacity: .2;
  background-image: url('../images/wavy.svg'), linear-gradient(to top, #0000, #fff);
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  position: absolute;
  inset: 0;
}

.faq-q-text {
  color: var(--blue-bright-2020);
  font-family: Open Sans, sans-serif;
}

.faq-plus {
  background-color: var(--blue-bright-2020);
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.faq-question {
  cursor: pointer;
  align-items: center;
  height: 90px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.container-6 {
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: block;
  position: relative;
}

.container-6.faq-container {
  background-color: #ffffff80;
  border-radius: 5px;
  max-width: 900px;
  padding-top: 60px;
  padding-bottom: 80px;
  box-shadow: 0 0 30px -5px #0003;
}

.link-2 {
  color: #2aa8ff;
  font-weight: 600;
}

.faq-section {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.faq-answer-text {
  text-align: left;
  margin-bottom: 30px;
  font-size: 16px;
}

.faq-answer {
  border-bottom: 1px solid #2d3e501f;
  padding-left: 10px;
  overflow: hidden;
}

.faq-answer.last-faq-answer {
  border-bottom-width: 0;
}

.text-span-2 {
  font-weight: 700;
}

.div-block-21 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-wrapper {
  color: #fff;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-background {
  z-index: -1;
  background-image: url('../images/KATE-AND-BEAR-SMILINGLANDSCAPE-PRO.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 120vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: scale(1.2);
}

.heading {
  text-transform: uppercase;
  text-shadow: 0 -4px 5px #000;
  font-size: 48px;
}

.div-section {
  background-color: #000;
  background-image: url('../images/WIN-image-blog.jpg');
  background-position: 50%;
  background-size: cover;
  border-top: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-2 {
  border: 1px dashed #000;
  width: 83%;
  height: auto;
  margin: 30px auto 50px;
  display: block;
  position: relative;
}

.before {
  filter: grayscale();
  background-image: url('../images/KATE--2-WITH-BG-2BEFORE-1400x-1000.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  display: block;
  position: relative;
}

.before.normal {
  filter: none;
  height: 700px;
}

.after {
  z-index: 1;
  transform-origin: 100%;
  background-image: url('../images/SPORTS-CAR-1400-x-1000.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  border-right: 1px solid #000;
  height: 700px;
  position: absolute;
  inset: 0;
}

.div-block-22 {
  height: 600px;
}

.grid {
  grid-template: ". ."
                 ". ."
                 ". ."
                 / .25fr 1fr;
}

.div-block-23 {
  background-color: #fd7595;
}

.div-block-24 {
  background-color: #09f;
}

.div-block-25 {
  background-color: #fccb28;
}

.div-block-26 {
  background-color: #37ff00;
}

.div-block-27 {
  background-color: #0b914b;
}

.div-block-28 {
  background-color: #fccb28;
}

.header-banner-column {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-banner-image {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 20px;
  display: block;
}

.header-banner-image.middle {
  width: 86%;
  padding-top: 0;
  padding-bottom: 0;
}

.header-banner-image.image-1 {
  padding-top: 80px;
}

.header-banner {
  background-color: #000;
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden;
}

.menu-bars {
  background-color: #0000;
  border: 0 solid #8a878757;
  border-color: #8a878757 #000;
}

.nav-div {
  text-align: center;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-hp {
  color: #b17d07;
  width: 100%;
  height: auto;
  text-decoration: none;
}

.link-block-hp:hover {
  color: #b17d07;
}

.link-block-hp.w--current {
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .6s ease-in-out;
}

.nav-menu-link {
  color: #b3b3b3;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: all .7s ease-in-out;
  display: block;
}

.nav-menu-link:hover {
  color: #fff;
  background-color: #2a398f;
  box-shadow: inset 0 0 8px #000;
}

.nav-menu-link:active {
  color: #b17d07;
  background-color: #000;
}

.nav-menu-link.w--current {
  color: #fff;
  text-decoration: none;
}

.nav-menu-link.w--current:hover {
  color: #000;
}

.nav-bar-columns {
  background-color: #0000;
  border: 1px solid #8a87877d;
  height: auto;
  min-height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  transition: all .7s ease-in-out;
  display: block;
}

.nav-bar-columns:hover {
  background-color: #1235ff;
  background-image: none;
}

.nav-bar-columns:active {
  background-color: #000;
  background-image: none;
}

.ratings-widget-embed {
  text-align: center;
  height: auto;
  margin-bottom: 0;
}

.div-block-29 {
  height: 50px;
}

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

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

.demo-p.arrow {
  text-align: left;
  margin-bottom: 10px;
  font-size: 19px;
  position: static;
  inset: 0% auto auto 0%;
}

.demo-p.main {
  text-align: left;
  max-width: 560px;
  padding-right: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.d-64-heading-light {
  font-weight: 400;
}

.instructions-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  margin-left: -20px;
  display: none;
  position: absolute;
  inset: -100px auto auto;
}

.d-64-p {
  color: #fff;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Raleway, sans-serif;
}

.d-64-border {
  text-align: left;
  border: 5px solid #fff;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 40%;
  margin: 30px 30px 0;
  padding-left: 25px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.d-64-card-overlay {
  opacity: .5;
  background-image: linear-gradient(25deg, #e9bf26, #38eca6);
  position: absolute;
  inset: 0%;
}

.d-64-h3-heading {
  color: #fff;
  text-transform: uppercase;
  margin-top: 60px;
  margin-left: 60px;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  line-height: 42px;
  display: inline-block;
  position: relative;
}

.d-64-card-wrapper {
  background-image: url('../images/BEAR-LOOKING-GREAT-CLOSE-UP-FROM-VID-1400x1000-DRAWING.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 700px;
  align-items: flex-start;
  width: 400px;
  height: 360px;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 0 50px #0003;
}

.d-64-card-wrapper.second {
  background-image: url('../images/BEAR-ABSTRACT-RED-SPE-1400x1000.jpg');
  background-size: cover;
}

.demo-wrapper {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-3 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.d-56-background-image {
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/BEAR-LOOKING-GREAT-CLOSE-UP-FROM-VID-1400x1000-DRAWING-AFTER.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 120%;
  position: absolute;
  inset: 0;
}

.d-56-background-image.two {
  background-image: url('../images/elena-saharova-236504-unsplash.jpg');
}

.demo-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.demo-title.mobile {
  display: none;
}

.d-56-card-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 360px;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.d-56-paragraph {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  max-width: 340px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  position: relative;
}

.d-56-section {
  background-image: url('../images/background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0;
}

.d-56-rectangle-one {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  height: 80%;
  position: absolute;
}

.d-56-h3-heading-bold {
  font-weight: 600;
}

.d-56-rectangle-two {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 80%;
  height: 90%;
  position: absolute;
}

.d-56-h3-heading {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
}

.d-54-link-block-1 {
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
}

.d-54-link-wrapper {
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.d-54-inner-block {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0;
}

.d-54-section {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0;
}

.h3-heading {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Raleway, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

.d-54-card-wrapper {
  cursor: pointer;
  background-image: linear-gradient(#0000, #0006), url('../images/Wall-coatings-before-600x400-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  width: 600px;
  height: 400px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 50px #0003;
}

.d-54-card-wrapper.second {
  background-image: linear-gradient(#0000, #0006), url('../images/Wall-coatings-after-600x400-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, contain;
}

.h3-heading-bold {
  font-weight: 700;
}

.d-54-link-block-2 {
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
}

.d-54-social-icon {
  color: #fff;
  font-size: 1.25rem;
}

.d-54-link-block-3 {
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
}

.d-54-bottom-block {
  background-color: #000;
  justify-content: space-between;
  height: 80px;
  display: flex;
}

.d-54-paragraph {
  color: #fff;
  text-align: center;
  margin-top: 25%;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Raleway, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
}

.separator {
  background-color: #fff;
  width: 80px;
  height: 2px;
  margin-bottom: 30px;
}

.d-31-icon {
  background-image: url('../images/sydney-opera-house.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70%;
  height: 70%;
}

.d-31-icon.space {
  background-image: url('../images/space-needle.svg');
  display: none;
}

.demo-wrapper-2 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-right: 10%;
  display: flex;
  position: relative;
}

.demo-heading.h2 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
}

.demo-heading.h1 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.d-31-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.instructions-wrapper-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: -30% auto auto;
}

.d-31-p {
  color: #fff;
  text-align: center;
  font-family: PT Serif, serif;
}

.d-31-h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
}

.d-31-card {
  cursor: pointer;
  background-color: #0000;
  width: 300px;
  height: 400px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  position: relative;
  inset: 0;
}

.demo-main-text-wrapper {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 43%;
  height: auto;
  margin-left: 10%;
  margin-right: 40px;
  display: flex;
}

.d-31-card-front {
  box-shadow: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url('../images/nitish-meena-55274-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.content-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  height: auto;
  display: flex;
  position: relative;
}

.d-31-card-wrapper {
  perspective: 1000px;
  position: static;
}

.d-20-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.d-20-btn-wrapper {
  perspective: 2000px;
  cursor: pointer;
  border: 3px #107300;
  width: 600px;
  height: 400px;
  position: relative;
}

.d-20-btn-one {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 100%;
  background-color: #4d16dd;
  background-image: url('../images/Wall-coatings-before-600x400-2.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.d-20-btn-text {
  z-index: 10;
  color: #fff;
  letter-spacing: 2px;
  font-size: 1.5rem;
  text-decoration: none;
  position: relative;
}

.d-20-btn-text.flashy-text {
  color: #ed1515;
  text-shadow: 0 1px 6px #000;
  font-weight: 600;
}

.d-20-btn-two {
  box-shadow: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 0;
  background-color: #0000;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0;
}

.div-block-30 {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-31 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-8 {
  display: flex;
}

.div-block-32 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.columns {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-33 {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-card-group {
  perspective: 1200px;
  perspective-origin: 50%;
  margin-right: 30px;
}

.benefits-card-wrapper {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  perspective: 1200px;
  perspective-origin: 50%;
  width: 420px;
  height: 420px;
}

.benefits-card-back-side {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #3d43bc;
  background-image: url('../images/Metallic-blue-footer-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: visible;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.paragraph {
  color: #fff;
  text-align: left;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 35px;
}

.paragraph.smaller-p {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 33px;
}

.heading-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 30px;
}

.benefits-front-side {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #05c6e5;
  background-image: url('../images/Matallic-grey-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 0 40px #c9c4c4;
}

.div-block-34 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-35 {
  padding-top: 30px;
}

.container-9 {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.image-4 {
  width: 30%;
}

.form-button {
  color: #192024;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  margin-top: 10px;
  box-shadow: 0 1px 3px 3px #00000042;
}

.form-button:hover {
  box-shadow: 0 -3px 10px #00000061;
}

.form-button:active {
  box-shadow: none;
}

.homepage {
  text-align: left;
  width: 100%;
  margin: 20px auto 60px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 40px;
  display: block;
}

.homepage.top {
  color: #000;
  margin-top: 30px;
  margin-bottom: 11px;
  line-height: 32px;
}

.homepage.top.form {
  border: 1px #79797987;
  width: 85%;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 5px #0009;
}

.text-span-3 {
  font-size: 30px;
}

.jotform-div {
  background-color: #c00606;
  background-image: url('../images/Metallic-red-image800x1200-form-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  margin: 30px auto;
  padding: 10px;
  display: block;
  overflow: hidden;
}

.jotform-div.hp {
  background-color: var(--blue-bright-2020);
  text-align: center;
  background-image: none;
  border: 5px solid #0842c7;
  border-radius: 0;
  width: 80%;
  height: auto;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 30px 0;
  position: relative;
  top: 0;
  left: 50px;
  box-shadow: 0 0 30px -10px #192024a1;
}

.bold-text {
  color: #edeff2;
  text-align: left;
  text-shadow: 0 -1px 1px #000;
  font-size: 15px;
  font-weight: 300;
}

.form-main-text {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.form-main-text.shadowed {
  text-shadow: 0 -2px 3px #000;
  font-size: 32px;
}

.pic-title-1 {
  color: #000;
  padding-top: 0;
  font-size: 30px;
  font-weight: 800;
}

.pic-title-1.h2 {
  color: maroon;
  text-shadow: 1px 1px 1px #000;
  font-size: 40px;
}

.pic-title-1.h2.hp {
  color: #c00606;
  text-shadow: 0 1px #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 800;
}

.pic-title-1.h2.hp._1 {
  margin-top: 120px;
}

.pic-title-1.h2.hp._1.form {
  color: #fff;
  text-align: center;
  text-shadow: none;
  border-top-style: none;
  margin-top: 0;
}

.form-div-adjustable {
  padding-top: 50px;
  padding-bottom: 50px;
}

.form-div-adjustable.hp {
  background-color: var(--black);
  background-image: linear-gradient(#fffdfdb3, #fffdfdb3), url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 70px;
}

.form-div-adjustable.contact {
  background-color: var(--white-3);
  height: auto;
  padding-top: 20px;
  padding-bottom: 50px;
}

.video-hero-container {
  margin-top: 50px;
  display: block;
}

.video-hero-container.privacy {
  text-align: left;
  margin-top: 20px;
}

.white-div-hp {
  background-color: #fff;
  width: 85%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 15px 60px;
}

.white-div-hp.privacy {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.white-div-hp.title-new {
  width: 95%;
  padding: 20px 10px 60px;
}

.white-div-hp.title-new.hero-new {
  width: 100%;
  padding: 5px 5px 60px;
}

.white-div-hp.title-new.hero-new.web-design {
  background-color: #0000;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.white-div-hp.title-new.hero-new.percentage {
  width: 100%;
}

.content-section-block {
  float: left;
  max-width: 450px;
}

.content-section-block.left {
  float: right;
  text-align: left;
  width: 90%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.content-section-block.left.percentage {
  font-size: 100%;
}

.content-section-block.left.hero-hp {
  padding-top: 10px;
}

.road-markings-caps {
  color: var(--blue-bright-2020);
  font-size: 55px;
}

.button-2 {
  background-color: var(--dodger-blue-2);
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  width: 170px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 800;
  transition: margin-left .2s, padding-left .3s, background-color .3s, background-position .2s, color .2s, border .2s, box-shadow .3s;
  box-shadow: 0 0 4px #00000080;
}

.button-2:hover {
  color: #000;
  background-color: #6ac3ff;
  margin-left: 0;
  padding-left: 38px;
  box-shadow: 0 1px 3px 1px #0000004d;
}

.button-2:active {
  box-shadow: none;
}

.button-2.privacy-policy-page {
  background-color: var(--blue-bright-2020);
  color: var(--white-3);
  width: 190px;
}

.button-2.privacy-policy-page:hover {
  background-color: #2cabff;
}

.button-2.strategy-button {
  background-color: var(--blue-bright-2020);
  box-shadow: none;
  color: var(--white-3);
  text-align: left;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 800;
  line-height: 20px;
  transition: background-color .3s, box-shadow .3s;
}

.button-2.strategy-button:hover {
  background-color: var(--black);
  color: var(--white-3);
  box-shadow: 0 0 4px #00000080;
}

.button-2.strategy-button.hp-new {
  text-align: left;
  width: 252px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 15px;
}

.button-2.strategy-button.hp-new.contact-page {
  clear: none;
  text-align: left;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.button-2.strategy-button.hp-new.contact-page.new-2 {
  float: left;
  text-align: left;
  width: 300px;
  margin-top: 20px;
  display: block;
}

.button-2.strategy-button.hp-new.contact-page.portfolio {
  float: left;
  width: 280px;
  margin-top: 20px;
  display: block;
}

.button-2.strategy-button.cancel {
  width: 80%;
  font-size: 14px;
}

.button-2.strategy-button.title-new {
  color: var(--white-4);
  text-align: center;
  width: 300px;
  padding: 15px 20px;
  font-size: 11px;
  display: block;
}

.button-2.strategy-button.title-new.percentage {
  font-size: 70%;
}

.button-2.strategy-button.inviz.w--current {
  display: none;
}

.button-2.privacy {
  background-color: var(--blue-bright-2020);
  color: var(--white-3);
  width: 35%;
}

.overall-hero-title {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 55px;
  font-weight: 800;
  line-height: 60px;
}

.overall-hero-title.privacy {
  text-align: left;
}

.image-5 {
  border: 5px none var(--dodger-blue-2);
  perspective: none;
  transform: ;
  min-width: 300px;
  min-height: auto;
  padding: 60px 5px 5px;
}

.image-5.strat {
  width: 96%;
  min-width: auto;
  min-height: auto;
  padding-top: 180px;
}

.image-5.hero-hp {
  width: 80%;
  min-width: 450px;
  min-height: 500px;
  margin-top: 0;
  padding-top: 5px;
}

.image-5.hero-hp.social-page {
  opacity: 1;
  filter: none;
  min-height: 400px;
  max-height: 600px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-5.hero-hp.social-page.social {
  opacity: 1;
  background-color: #0000;
  padding-top: 180px;
}

.image-5.hero-hp.social-page.seo-pic {
  opacity: 1;
  padding-top: 180px;
}

.image-5.hero-hp.social-page.web-dev, .image-5.hero-hp.social-page.logo {
  opacity: 1;
  filter: none;
  padding-top: 180px;
}

.image-5.hero-hp.social-page.advertising {
  opacity: 1;
  filter: none;
  min-width: auto;
  min-height: auto;
  padding-top: 180px;
}

.image-5.hero-hp.we-promise {
  width: auto;
  min-width: 500px;
  min-height: 500px;
  max-height: 100%;
  padding-left: 5px;
}

.image-5.hero-hp.percentage {
  width: 64%;
  min-width: auto;
  min-height: 300px;
  padding-top: 60px;
}

.image-5.hero-hp.contact-phone {
  width: 80%;
  min-width: auto;
  min-height: auto;
  padding-top: 100px;
}

.image-5.hero-hp.web-design {
  padding-top: 180px;
}

.intro-paragraph {
  color: #fff;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  line-height: 26px;
}

.intro-paragraph.dark {
  color: #8f8888;
  margin-top: 10px;
  padding-bottom: 10px;
}

.intro-paragraph.black {
  color: #000;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
}

.intro-paragraph.black.new-gap {
  color: var(--dodger-blue-2);
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 17px;
}

.intro-paragraph.black.new-big-text {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 17px;
  line-height: 44px;
}

.intro-paragraph.black.new-big-text.percentage {
  font-size: 17%;
}

.hero-block-overlay {
  color: #fff;
  background-color: #00000040;
  padding-top: 270px;
  padding-bottom: 250px;
}

.hero-block-overlay.business-2 {
  background-color: #0000;
  height: 65vh;
  padding-top: 80px;
  padding-bottom: 150px;
  display: flex;
}

.hero-block-overlay.business-2.privacy {
  background-color: #f2f2f2;
  height: auto;
  padding-bottom: 50px;
  display: block;
}

.hero-block-overlay.business-2.privacy.dm4u-2019.terms {
  background-color: #f0f3f5;
  padding-top: 20px;
  padding-bottom: 10px;
}

.overall-hero-description {
  opacity: 1;
  color: #000;
  width: 100%;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  box-shadow: 0 0 #000;
}

.overall-hero-description.privacy {
  color: #2b2b2b99;
  text-align: left;
  padding-bottom: 20px;
  font-weight: 400;
  line-height: 30px;
}

.container-10 {
  perspective: 700px;
  transform: ;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.container-10.peivacy {
  margin-top: 100px;
}

.full-hero-content-block {
  text-align: left;
  width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-27 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
}

.section-title-wrapper {
  text-align: center;
  width: 60%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-title-wrapper.full {
  text-align: left;
  flex-direction: row;
  width: 100%;
  margin-bottom: 30px;
  line-height: 26px;
}

.section-title-wrapper.full.new {
  width: 100%;
  margin-bottom: 15px;
  padding-top: 50px;
}

.section-title-wrapper.full.new.top-hp {
  padding-top: 100px;
}

.yellow-secondary-caps {
  color: var(--blue-bright-2020);
}

.main-feature-title {
  text-align: left;
  margin: 0 0 30px;
  font-family: Open Sans, sans-serif;
  font-size: 35px;
  font-weight: 800;
  line-height: 37px;
}

.main-feature-title.new-title-hero-text {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.main-feature-title.new-title-hero-text.new-hero {
  padding-top: 20px;
}

.main-feature-title.new-title-hero-text.new-hero.gap {
  padding-top: 0;
}

.main-feature-title.new-title-hero-text.new-hero.underline {
  color: var(--dodger-blue-2);
  border-bottom: 3px #000;
  padding-top: 20px;
  font-size: 50px;
}

.main-feature-title.new-title-hero-text.new-hero.underline.hp-big-text {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 1px;
  font-size: 50px;
  line-height: 38px;
}

.main-feature-title.new-title-hero-text.new-hero.underline.hp-big-text.percentage {
  width: 80%;
}

.info-column-right {
  padding-top: 60px;
  padding-bottom: 20px;
  padding-left: 70px;
}

.info-column-right.responsive {
  margin-top: 0;
  padding: 0 10px 40px;
  left: 80px;
}

.home-mockup-column.contact-page {
  padding-left: 0;
  padding-right: 0;
}

.section-title {
  margin-top: 0;
  font-size: 46px;
  font-weight: 300;
  line-height: 39px;
}

.left-feature-icon {
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
}

.home-mockup {
  z-index: 3;
  width: 715px;
  position: absolute;
  top: 3px;
  left: -290px;
}

.home-mockup.ipad {
  z-index: 4;
  width: 251px;
  top: 59px;
  left: 85px;
}

.home-mockup.iphone {
  z-index: 5;
  width: 130px;
  top: 180px;
  left: 270px;
}

.container-11 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
  left: 40px;
}

.section-3 {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-3.overflow-none {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section-3.overflow-none.hp {
  padding-top: 222px;
  padding-bottom: 0;
}

.section-3.overflow-none.hp.new {
  padding-top: 150px;
}

.section-3.overflow-none.hp.new.hp-new {
  background-image: linear-gradient(#ffffffe6, #ffffffe6);
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.long-feature-title {
  margin-bottom: 14px;
  font-size: 19px;
}

.description-paragraph {
  color: #a3a3a3;
  font-size: 14px;
  line-height: 22px;
}

.long-feature-block {
  margin-top: 25px;
  padding-left: 65px;
  padding-right: 20px;
  position: relative;
}

.container-12 {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.image-6 {
  filter: hue-rotate(100deg);
  width: 200px;
}

.div-block-36 {
  opacity: 1;
  background-color: #09f;
  border: 1px #000;
}

.div-block-37 {
  background-color: #000;
}

.global-nav-link-cover {
  background-image: linear-gradient(45deg, #d8d12e, #e2720a);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 50% 0 0;
  transform: translate(0, -50%);
}

.mobile-menu-link {
  z-index: 10;
  color: #fff;
  font-size: 5vw;
  line-height: 6vw;
  text-decoration: none;
  position: relative;
}

.close-mobile-menu-button {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  margin-bottom: 30px;
  margin-right: 2.5px;
  position: relative;
}

.burger-line {
  background-image: linear-gradient(to right, #d8d12e, #e2720a);
  border-radius: 2px;
  width: 20px;
  height: 3px;
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}

.global-nav-logo {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: linear-gradient(45deg, #d8d12e, #e2720a);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  margin: 10px 10px -25px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  box-shadow: 0 10px 28px -2px #0000003b, inset 0 -1px #ffffff30;
}

.global-nav-wrapper {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.mobile-menu {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.global-nav-link-text {
  z-index: 10;
  font-family: Open Sans, sans-serif;
  position: relative;
}

.hamburger-button {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
}

.nav-container {
  justify-content: center;
  align-items: center;
  width: 960px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.global-nav-link {
  color: #313149;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  min-width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.global-nav-link:hover {
  color: #fff;
}

.global-nav-clear {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 1px 32px #0000004f;
}

.nav-logo {
  width: 45px;
}

.mobile-menu-background {
  background-image: linear-gradient(45deg, #d8d12e, #e2720a);
  border-bottom-left-radius: 100%;
  width: 5vw;
  height: 5vw;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-38 {
  border-top: 1px solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90vh;
  display: flex;
}

.columns-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.columns-2.div {
  perspective: 1020px;
  border: 1px #707070;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.hp-div-inside-wrapper-div {
  background-image: url('../images/Makeup-applying.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

.navbar-div-top-of-hp {
  z-index: 999;
  background-color: #0303038c;
  width: 100%;
  height: 50px;
  position: sticky;
  top: 0;
}

.div-block-39 {
  height: auto;
  margin-top: 0;
}

.navbar-container {
  height: 50px;
}

.new-navbar.text-non-current {
  color: #fff;
  height: 50px;
  padding-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  transition: all .4s;
}

.new-navbar.text-non-current:hover {
  color: #00a3ff;
  background-color: #0000;
  text-decoration: underline;
}

.new-navbar.text-non-current:active {
  color: #0087d3;
}

.new-navbar.text-non-current.w--current {
  color: #0087d3;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  text-decoration: underline;
}

.new-navbar.text-non-current.w--current:hover {
  background-color: #0000;
}

.new-navbar.text-non-current.w--current:active {
  color: #00a3ff;
}

.new-navbar.menu {
  float: none;
  text-align: center;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.new-navbar.section {
  z-index: 1000;
  background-color: #000;
  border-top: 1px solid #0000004d;
  border-bottom: 1px solid #0000004d;
  width: 100%;
  height: 51px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
}

.new-navbar.section.top {
  background-color: #0000;
  position: static;
}

.column-left-hp {
  box-shadow: none;
  perspective: 843px;
  background-color: #fa000082;
  background-image: url('../images/Hero-for-dm4u-2020.jpg');
  background-size: cover;
  background-attachment: fixed;
  border: 1px #707070;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 600px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  left: 1px;
}

.columnn-right-hp {
  box-shadow: none;
  background-color: #00000080;
  background-image: url('../images/Hero-for-dm4u-2020.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  height: 600px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  right: 1px;
}

.right-box-text {
  color: var(--white-smoke);
  text-shadow: 0 2px 3px #000;
  width: 98%;
  font-family: Open Sans, sans-serif;
  font-size: 35px;
  line-height: 40px;
}

.right-box-text.left-hand-text {
  color: var(--white-3);
  text-shadow: 0 2px 3px #000;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  line-height: 40px;
  display: block;
}

.homepage-div-100-adjustable {
  height: 100vh;
}

.div-block-40 {
  padding-top: 160px;
  padding-bottom: 50px;
}

.div-block-41 {
  height: 100px;
}

.bg-vid-div-hp {
  height: 100vh;
}

.bg-vid-100vh {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-3 {
  text-shadow: 1px 1px 6px #000;
  font-family: Open Sans, sans-serif;
  font-size: 80px;
}

.privacy-text-link {
  color: var(--grey-2);
}

.privacy-text-link:hover {
  color: var(--dodger-blue-2);
}

.caps {
  color: var(--black);
  font-weight: 400;
}

.contact-link {
  color: var(--dodger-blue-2);
}

.contact-link:hover {
  color: var(--white-smoke);
}

.mobile-menu-link-2 {
  z-index: 10;
  color: #fff;
  font-size: 5vw;
  line-height: 6vw;
  text-decoration: none;
  position: relative;
}

.global-nav-clear-2 {
  z-index: 1100;
  box-shadow: none;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: fixed;
  top: 0;
}

.global-nav-logo-2 {
  background-image: repeating-radial-gradient(circle farthest-corner at 50% 50%, #09f 2%, transparent 65%, var(--white));
  box-shadow: none;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: 95px;
  margin: 10px 10px -25px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.global-nav-link-cover-2 {
  background-image: linear-gradient(45deg, var(--dodger-blue-2), var(--steel-blue));
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 50% 0 0;
  transform: translate(0, -50%);
}

.nav-logo-2 {
  filter: saturate(200%);
  width: 93%;
}

.long-feature-block-2 {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  position: relative;
}

.long-feature-block-2.new {
  margin-top: 20px;
  margin-bottom: 20px;
}

.description-paragraph-2 {
  color: var(--black);
  text-align: left;
  width: 70%;
  padding-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 26px;
}

.description-paragraph-2.strategy {
  letter-spacing: normal;
  text-indent: 0;
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 36px;
}

.left-feature-icon-2 {
  filter: contrast(200%) saturate(200%);
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.bold-text-4 {
  color: var(--dodger-blue-2);
  text-shadow: 1px 1px #0000003b;
  font-size: 50px;
}

.bold-text-4.blue-title {
  color: var(--blue-bright-2020);
  text-shadow: 1px 1px 2px var(--black);
  font-size: 60px;
  line-height: 46px;
}

.bold-text-4.blue-title.hp-title {
  border-top: 1px #000;
  border-bottom: 5px solid var(--blue-bright-2020);
  color: var(--blue-bright-2020);
  font-size: 60px;
  line-height: 70px;
  box-shadow: 0 30px 30px -26px #0009;
}

.bold-text-4.blue-title.hp-title.strategy {
  text-shadow: none;
  border-bottom-style: none;
  font-size: 35px;
}

.bold-text-4.blue-title.hp-title.s2 {
  box-shadow: none;
  text-shadow: none;
  border-bottom-width: 0;
  font-size: 30px;
  font-style: italic;
  font-weight: 600;
}

.bold-text-4.blue-title.hp-title.s2.confirm {
  font-size: 40px;
}

.bold-text-4.blue-title.new-hero {
  padding-top: 10px;
  display: block;
}

.bold-text-4.blue-title.new-hero.affordably {
  border-bottom: 1px #000;
}

.yellow-caps {
  color: var(--blue-bright-2020);
  text-shadow: none;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.yellow-caps.new-red {
  color: #0073c0;
}

.yellow-caps.strat {
  font-size: 30px;
}

.yellow-caps.new-seo {
  font-size: 28px;
}

.yellow-caps.percentage {
  font-size: 100%;
}

.yellow-caps.underline-blue {
  border-top: 5px solid var(--black);
  border-bottom: 5px solid var(--black);
  background-color: var(--black);
  opacity: 1;
  color: var(--white-4);
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
}

.yellow-caps.small-google {
  color: var(--black);
  font-weight: 400;
}

.yellow-caps.google {
  color: var(--crimson);
}

.yellow-caps.google.fb-blue {
  color: var(--blue);
}

.yellow-caps.youtube {
  color: var(--black);
}

.yellow-caps.google-and-yt {
  color: var(--black);
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
  line-height: 42px;
}

.long-feature-title-2 {
  color: var(--black);
  width: 70%;
  margin-bottom: 10px;
  font-size: 34px;
  line-height: 34px;
}

.long-feature-title-2.customer-text {
  letter-spacing: 1px;
  width: 70%;
  font-size: 26px;
  line-height: 40px;
}

.long-feature-title-2.customer-text.strategy {
  width: 80%;
  font-size: 23px;
}

.long-feature-title-2.customer-text.strategy.confirm {
  font-size: 19px;
}

.long-feature-title-2.customer-text.new-one {
  color: var(--dodger-blue-2);
  border: 1px solid #00000029;
  border-style: solid none;
  font-size: 20px;
}

.long-feature-title-2.customer-text.web-design-text {
  font-size: 20px;
}

.long-feature-title-2.customer-text.hp-title-text {
  line-height: 35px;
}

.long-feature-title-2.new-title {
  text-align: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  font-family: Open Sans, sans-serif;
  line-height: 40px;
}

.long-feature-title-2.new-title.percentage {
  font-size: 30px;
}

.long-feature-title-2.new-title.hp-hero {
  margin-bottom: 0;
}

.long-feature-title-2.new-title.hp-hero-2 {
  padding-top: 10px;
}

.section-title-2 {
  text-align: left;
  margin-top: 0;
  padding-bottom: 11px;
  font-family: Open Sans, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 52px;
}

.section-title-2.top-title-text {
  color: var(--black);
  text-shadow: none;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 40px;
  padding-bottom: 0;
  font-size: 60px;
  font-weight: 800;
  line-height: 70px;
}

.section-title-2.top-title-text.confirm {
  font-size: 34px;
  line-height: 47px;
}

.section-title-2.top-title-text.confirm.new-anni {
  background-color: var(--dodger-blue-2);
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 0 30px -5px #0000006e;
}

.section-title-2.top-title-text.confirm.new-anni.new-one {
  z-index: 1200;
  background-color: var(--blue-bright-2020);
  color: var(--white-4);
  text-align: center;
  width: 75%;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.section-title-2.top-title-text.percentage {
  width: 100%;
  font-size: 100%;
}

.section-title-2.top-title-text.promo {
  font-size: 40px;
}

.home-mockup-2 {
  z-index: 3;
  width: 500px;
  position: absolute;
  top: 3px;
  left: -290px;
}

.home-mockup-2.ipad {
  z-index: 4;
  width: 400px;
  top: 59px;
  left: 85px;
}

.home-mockup-2.ipad.hp {
  width: 400px;
  top: 220px;
  left: -119px;
}

.home-mockup-2.hp {
  width: 500px;
  top: 0;
}

.home-mockup-2.hp.computer {
  top: 100px;
}

.home-mockup-2.iphone {
  z-index: 5;
  width: 200px;
  top: 180px;
  left: 270px;
}

.home-mockup-2.iphone.hp {
  width: 350px;
  top: 300px;
  left: 48px;
}

.link-div-inside-container {
  background-color: #0000;
  padding: 0;
  text-decoration: none;
}

.link-div-inside-container:hover {
  box-shadow: none;
  opacity: 1;
}

.link-div-inside-container.services {
  border: 1px #0099ff80;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.link-div-inside-container.services.new {
  border-style: none;
}

.link-div-inside-container.services.new.services {
  border-style: solid;
}

.link-div-inside-container.services.new.serv-2 {
  border-style: none;
}

.link-div-inside-container.services.new.serv-2:hover {
  filter: brightness(90%);
}

.div-inside-container-column {
  background-color: var(--black);
  box-shadow: none;
  perspective: 1000px;
  text-align: center;
  border: 1px #0099ff4d;
  border-radius: 20px;
  margin: 10px;
  padding-top: 0;
  padding-bottom: 10px;
}

.div-inside-container-column.services {
  box-shadow: none;
  opacity: 1;
  border: 5px solid #0000;
  padding-bottom: 0;
  transition: box-shadow .2s, border-color .2s;
}

.div-inside-container-column.services:hover {
  border: 5px solid var(--blue-bright-2020);
  box-shadow: 0 0 30px -5px #000;
}

.div-inside-container-column.services:active {
  border-width: 0;
}

.section-heading {
  margin-top: 0;
  margin-bottom: 16px;
}

.section-heading.centered {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #000;
  width: 90%;
  margin: 5px auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  display: block;
}

.section-heading.centered.new {
  color: #000;
  background-color: #0000;
  width: 98%;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.section-heading.centered.new.subtext {
  color: var(--blue-bright-2020);
  text-shadow: 0 0 1px #000;
  font-size: 60px;
  font-weight: 800;
  line-height: 70px;
}

.section-heading.centered.sales {
  color: #000;
  background-color: #0000;
  border-bottom: 1px #676770;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.icon-div-2 {
  background-color: #0000;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.text-span-6 {
  font-weight: 300;
}

.columns-3 {
  margin-top: 10px;
}

.ss-small {
  color: var(--white-3);
  font-size: 16px;
  font-weight: 400;
}

.icon-div-bg {
  background-color: #fff;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.icon-div-bg.hp {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  width: 100%;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.icon-div-bg.hp.hp-top {
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--dodger-blue-2), var(--dodger-blue-2)), url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-bottom: 1px solid #81818196;
  height: auto;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 0 0 3px #000;
}

.icon-div-bg.hp.hp-top.blue-section {
  background-color: var(--white-4);
  background-image: linear-gradient(#fffdfdb3, #fffdfdb3), url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.icon-div-bg.hp.services {
  background-image: linear-gradient(to bottom, var(--black), var(--black));
  background-position: 0 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.icon-div-bg.hp.services.advert, .icon-div-bg.hp.services.bg-vid-div {
  background-image: none;
  background-position: 0 0;
}

.icon-div-bg.hp.services.bg-vid-div.hp-hero {
  background-image: linear-gradient(#fffefeb3, #fffefeb3), url('../images/Services-picSocial.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.icon-div-bg.hp.services.bg-vid-div.hp-hero.new {
  background-color: #ffffffd6;
  background-image: linear-gradient(to bottom, var(--white-4), var(--white-4)), url('../images/Services-picSocial.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.icon-div-bg.hp.services.bg-vid-div.bg-for-apps {
  background-color: #fffdfd4d;
  background-image: none;
}

.base-div-of-image {
  background-color: #0000;
  border-bottom: 1px #edeff2;
  border-left: 0 #edeff2;
  border-right: 1px #edeff2;
}

.link-image {
  opacity: .85;
  filter: saturate(200%);
  color: #eed03a;
  background-color: #0000;
  border: 1px #7e606066;
  border-bottom-color: #8181814d;
  border-radius: 20px 20px 0 0;
  width: auto;
  padding: 0;
  transition: filter .5s;
}

.link-image:hover {
  box-shadow: none;
  filter: saturate(200%);
  color: #09f;
  background-color: #0000;
}

.link-image:active {
  box-shadow: none;
}

.link-image.seo-pic {
  filter: saturate(200%);
}

.link-image.seo-pic:hover {
  filter: saturate(200%) brightness(104%);
}

.column-28, .column-29, .column-30 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-42 {
  background-color: var(--dodger-blue-2);
}

.app-bar-text {
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  line-height: 55px;
}

.div-block-43 {
  background-color: var(--blue-bright-2020);
  border: 1px solid #0003;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  position: static;
  top: 220px;
}

.div-block-43:hover {
  background-color: var(--black);
}

.div-block-43.newblock {
  display: block;
}

.div-block-44 {
  background-color: var(--blue-bright-2020);
  border: 1px solid #0003;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.div-block-44:hover {
  background-color: var(--black);
}

.div-block-45 {
  background-color: var(--blue-bright-2020);
  border: 1px solid #0003;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.div-block-45:hover {
  background-color: var(--black);
}

.div-block-46 {
  z-index: 1050;
  background-color: var(--blue-bright-2020);
  width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
  top: 80px;
}

.columns-4 {
  z-index: 1050;
  background-color: var(--dodger-blue-2);
  position: static;
  top: 220px;
}

.sticky-div {
  background-image: linear-gradient(to bottom, null, null), url('../images/Services-piccode.jpg');
}

.div-block-47 {
  padding-top: 0;
}

.div-block-48 {
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

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

.ssl-pic {
  text-align: center;
  width: 100px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.h1 {
  font-weight: 600;
}

.h1.blue-caps {
  color: var(--blue-bright-2020);
  text-shadow: none;
}

.h1.bold {
  font-weight: 800;
}

.text-span-7 {
  color: var(--blue-bright-2020);
  text-shadow: none;
  font-size: 24px;
  font-weight: 700;
}

.large.gallery-link {
  text-decoration: none;
  transition: border-width .3s;
}

.large.gallery-link:hover {
  color: var(--dodger-blue-2);
  border-bottom: 1px #000;
}

.div-block-50 {
  background-color: var(--white-3);
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph-5 {
  text-align: left;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.feature-icon {
  width: 40px;
  padding: 0;
}

.feature-icon.overall {
  box-shadow: none;
  border: 1px solid #0003;
  width: auto;
  margin-top: 29px;
  margin-bottom: 0;
  padding: 3px;
}

.feature-column {
  text-align: center;
  background-color: #0000;
  padding-left: 5px;
  padding-right: 5px;
}

.paragraph-2 {
  text-align: left;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.features-row {
  margin-top: 10px;
}

.feature-title {
  color: #1e2022;
  text-align: center;
  border-bottom: 3px #eed03a;
  margin-top: 10px;
  margin-bottom: 23px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.feature-block {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.feature-block.wide {
  text-align: center;
  background-color: #fff;
  border: 1px solid #00000024;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 7px 7px 15px -2px #00000029;
}

._4-pics-div-hp {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

._4-pics-div-bg {
  background-color: #f0f0f0;
  padding-top: 20px;
  padding-bottom: 60px;
  overflow: hidden;
}

._4-pics-div-bg.portfolio, ._4-pics-div-bg.hp-white {
  background-color: var(--white-4);
}

.button-3 {
  background-color: var(--blue-bright-2020);
  color: var(--white-3);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  width: 170px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 800;
  transition: margin-left .2s, padding-left .3s, background-color .3s, background-position .2s, color .2s, border .2s, box-shadow .3s;
  box-shadow: 0 0 4px #00000080;
}

.button-3:hover {
  color: var(--white-3);
  background-color: #004eff;
  margin-left: 0;
  padding-left: 38px;
  box-shadow: 0 1px 3px 1px #0000004d;
}

.button-3:active {
  box-shadow: none;
}

.services-section-web-design {
  background-color: #0000;
  background-image: url('../images/Web-design-transparency-600x400.png'), radial-gradient(circle farthest-corner at 50% 50%, black 40%, var(--black));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 26px;
  display: flex;
}

.services-section-web-design.blue {
  background-color: var(--black);
  filter: saturate(153%);
  background-image: url('../images/Search-engine-opt-transparency-600x-400.png'), linear-gradient(#000c, #000c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
}

.services-section-web-design.yellow {
  background-image: url('../images/Web-design-transparency-600x400.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.services-section-web-design.advertising {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent 40%, var(--black)), url('../images/Advertising-pic.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.services-section-web-design.logo-bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent 21%, var(--black)), url('../images/Logo-bg-pic_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.div-inside-container {
  background-color: #0000;
  width: 90%;
  height: auto;
  margin: 50px auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 26px;
  display: block;
}

.text-inside-container {
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 40px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-inside-container.subtext {
  color: #fff;
  text-align: left;
  text-shadow: none;
  text-align: left;
  text-align: left;
  text-align: left;
  border: 0 #000;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.link-text-2 {
  color: #05a5ff;
  font-family: Open Sans, sans-serif;
}

.link-text-2:hover {
  color: #000;
}

.link-text-2:active {
  color: #0087d3;
}

.link-text-2.services {
  color: #19fc00;
}

.link-text-2.services:hover {
  color: #fff;
}

.link-text-2.services:active {
  color: #19fc00;
}

.link-text-2.services.blue {
  color: var(--dodger-blue-2);
  transition: color .3s;
}

.link-text-2.services.blue:hover {
  color: #fff;
}

.link-text-2.services.yellow {
  color: var(--dodger-blue-2);
}

.link-text-2.services.yellow:hover {
  color: #fff;
}

.link-text-2.services.red {
  color: red;
}

.link-text-2.services.red:hover {
  color: #fff;
}

.cost-div {
  border-radius: 20px;
  width: auto;
  height: auto;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 -2px 15px 1px #0000001a;
}

.cost-div.services {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.cost-text-title {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #00000026;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
}

.cost-text-title._2 {
  color: #707070;
  border-bottom: 1px solid #0000001a;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 32px;
}

.cost-text-title._2._3 {
  color: #000;
  letter-spacing: 5px;
  font-size: 38px;
  font-weight: 400;
}

.cost-text-title._2._4 {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.cost-text-title.web-dev-red {
  background-color: #0000;
}

.cost-div-in-div-top {
  background-color: #00a3ff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.cost-div-in-div-top.blue {
  background-color: var(--blue-bright-2020);
  color: #fff;
}

.cost-div-in-div-top.yellow, .cost-div-in-div-top.green, .cost-div-in-div-top.web-dev-red {
  background-color: var(--blue-bright-2020);
}

.cost-div-in-div-top.magenta {
  background-color: var(--dodger-blue-2);
  background-color: var(--blue-bright-2020);
}

.asterisk {
  color: red;
  font-size: 25px;
  font-weight: 800;
}

.social-div {
  background-color: var(--black);
  background-image: url('../images/Social-media-transparency-600x400.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.div-block-51, .div-block-51.wdev, .seo-div {
  padding-top: 20px;
  padding-bottom: 20px;
}

.slider-mask {
  background-color: #0000;
  border-style: none;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  padding-top: 0;
}

.slide-8 {
  background-image: url('../images/aaa-portfolio-mobile-shot-matts-roofing600x600.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
}

.slider-casing-hp {
  background-color: #0000;
  border-bottom: 1px #70707080;
  width: 100%;
  height: auto;
  min-height: 2px;
  margin-top: 250px;
  padding-top: 0;
  overflow: hidden;
}

.slider-casing-hp._2 {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #000;
  height: 650px;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
}

.slide-9 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shot-public-house600x_1.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 500px;
}

.slide-10 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shot-flashy-aerial-vids600x.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 500px;
}

.slide-11 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shotmud-junkies600x.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 500px;
  border-style: none;
}

.slide-12 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shot-orange-restaurant600x.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 500px;
  bottom: auto;
}

.arrows {
  color: #0000;
  transition: all .3s;
}

.arrows:hover {
  color: #19fc00;
}

.slide-13 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 500px;
}

.hp-hero-slider {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.slide-14 {
  background-color: #fff;
  background-image: url('../images/aaa-portfolio-mobile-shot-Roofshield600x.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: auto;
  bottom: auto;
}

.slide-15 {
  background-image: url('../images/aaa-portfolio-mobile-shotmicks-photos600x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.columns-5 {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.columns-6 {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.columns-7, .columns-8, .columns-9 {
  padding-left: 15px;
  padding-right: 15px;
}

.services-section-web-design-2 {
  background-color: #0000;
  background-image: url('../images/Web-design-transparency-600x400.png'), radial-gradient(circle, #000 40%, #19fc00);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.services-section-web-design-2.web-dev-red {
  background-image: url('../images/Web-dev-transparency-600x400.png'), linear-gradient(to bottom, var(--black), var(--black));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
}

.div-block-52 {
  margin-bottom: 0;
}

.div-block-53 {
  margin-top: 0;
  overflow: hidden;
}

.div-block-54 {
  margin-top: 51px;
}

._3-pics-div-hp {
  padding-top: 50px;
  padding-bottom: 50px;
}

.anni-div {
  background-color: var(--white-smoke);
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.div-block-56 {
  background-color: var(--white-4);
  height: 150px;
}

.div-block-57 {
  background-image: url('../images/Banner-title-for-Micks-studioJPG1000x600.jpg');
  background-position: 50% 100%;
}

.heading-4 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}

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

.website-image-container {
  z-index: 20;
  justify-content: center;
  align-items: flex-start;
  width: 53%;
  height: 84%;
  margin-left: 0;
  display: block;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: scroll;
}

.text-span-8 {
  font-size: 24px;
  font-weight: 500;
}

.heading-5 {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 600;
}

.header-2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.website-image {
  z-index: 0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  inset: 0% auto auto;
}

.hand {
  display: block;
}

.text-span-9 {
  font-size: 32px;
  font-weight: 600;
}

.instructions {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}

.paragraph-6 {
  text-align: center;
  font-weight: 500;
}

.macbook-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
  overflow: visible;
}

.website-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 6% 0% 0%;
}

.macbook {
  z-index: 10;
  width: 70%;
  max-width: none;
  position: relative;
  top: 0;
}

.hero-container-2 {
  z-index: 1;
  width: 1100px;
  padding-top: 21px;
  padding-bottom: 21px;
  position: relative;
}

.hero-video-wrapper {
  border: 6px solid var(--dodger-blue-2);
  transform-style: preserve-3d;
  width: 65vw;
  max-width: 1060px;
  position: absolute;
  inset: -10% -51% auto auto;
  transform: rotateX(17deg)rotateY(-57deg)rotateZ(11deg);
  box-shadow: 14px 14px 20px #0003;
}

.hero-bg-video {
  height: 420px;
}

.h1-2 {
  letter-spacing: -6px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -8px;
  font-size: 100px;
  font-weight: 100;
  line-height: 120%;
}

.bold-text-5 {
  color: #608cf1;
  font-weight: 400;
}

.h2 {
  color: #ffffff69;
  text-transform: uppercase;
  border-top: 1px solid #fff3;
  margin-top: 8px;
  margin-bottom: 102px;
  padding-top: 8px;
  font-size: 25px;
  font-weight: 100;
  line-height: 100%;
}

.button-4 {
  text-transform: uppercase;
  background-color: #608cf1;
  padding: 12px 24px;
  font-weight: 600;
}

.video-tv-div {
  background-color: var(--gold);
  background-image: linear-gradient(#000000ba, #000000ba), url('../images/Logo-bg-pic_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.hero-div-services-div {
  background-color: var(--black);
  background-image: url('../images/Services-picSocial.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.navigation-link {
  color: var(--black);
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: var(--dodger-blue-2);
}

.navigation-link.w--current {
  color: var(--dodger-blue-2);
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.nav-link-title {
  color: var(--white-smoke);
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand {
  margin-right: 44px;
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.navigation-column-right {
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navigation-left {
  align-items: center;
  width: 50%;
  display: flex;
}

.navigation-right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  font-size: 16px;
  display: flex;
}

.navigation-wrap {
  border-bottom: 1px solid var(--gold-3);
  background-color: #fff;
  position: static;
  top: 0;
}

.dropdown-link-4 {
  color: #283338;
  width: 100%;
  padding: 16px 22px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-4:hover {
  background-color: #f8faff4d;
}

.dropdown-link-1 {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-1:hover {
  background-color: #f8faff4d;
}

.icon-4 {
  color: var(--dodger-blue-2);
  margin-right: 5px;
}

.nav-menu-2 {
  color: #283338;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.navigation-column {
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 22px;
}

.flowbase-logo {
  width: 54px;
  display: none;
}

.navigation-container-2 {
  z-index: 1201;
  background-color: #0000;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  min-height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.dropdown-column-wrap {
  display: flex;
}

.icon-square {
  background-color: #fff;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 12px;
  display: flex;
  box-shadow: 4px 4px 20px 5px #00000017;
}

.dropdown-link-mobile {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-mobile:hover {
  background-color: #f8faff;
}

.button-menu {
  background-color: var(--white-smoke);
  background-image: linear-gradient(159deg, var(--dodger-blue-2), #7b41f1);
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all .4s ease-out;
  display: flex;
  box-shadow: inset -1px -1px 3px #201b3d99, inset 1px 1px 3px #eee6ff70, 1px 1px 2px #5b3acc;
}

.button-menu:hover {
  box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 1px 1px 2px #5b3acc;
}

.nav-link-details {
  color: #f2f2f280;
  font-size: 14px;
}

.link-18 {
  color: #283338;
  margin-bottom: 15px;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.link-18:hover {
  color: var(--dodger-blue-2);
}

.text-block-61 {
  color: var(--white-smoke);
  font-size: 16px;
}

.dropdown-link-5 {
  color: #283338;
  width: 100%;
  min-height: 55px;
  padding: 16px 22px 20px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-5:hover {
  background-color: #f8faff;
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.navigation-dropdown {
  min-width: 140px;
}

.navigation-dropdown.w--open {
  background-color: #000000b0;
  min-width: 350px;
  max-height: 100vh;
  left: -120px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.text-block-62 {
  color: #abaeaf;
  letter-spacing: 1px;
  margin-bottom: 14px;
  font-size: 14px;
}

.navigation {
  background-color: #fff;
  border-bottom: 1px solid #4455671c;
  flex-direction: column;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.dropdown-toggle-2 {
  padding: 5px 26px 5px 12px;
  transition: all .2s;
}

.dropdown-toggle-2:hover {
  color: var(--blue-bright-2020);
}

.text-block-63 {
  color: var(--black);
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-block-63:hover {
  color: var(--dodger-blue-2);
}

.text-block-64 {
  color: var(--black);
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.text-block-64:hover {
  color: var(--dodger-blue-2);
}

.text-block-65 {
  color: var(--black);
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.text-block-65:hover {
  color: var(--dodger-blue-2);
}

.text-block-66, .text-block-67, .text-block-68, .text-block-69 {
  color: var(--white-smoke);
}

.columns-10 {
  text-align: left;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
}

.columns-10.contact-page {
  margin-left: auto;
  margin-right: auto;
}

.navigation-link-2 {
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-2:hover {
  color: var(--blue-bright-2020);
}

.navigation-link-2.w--current {
  color: var(--black);
  padding-top: 5px;
  padding-bottom: 5px;
}

.navigation-link-2.w--current:hover {
  color: var(--blue-bright-2020);
}

.navigation-link-2.new-nav.w--current {
  color: var(--black);
  font-family: Open Sans, sans-serif;
}

.navigation-link-2.new-nav {
  color: var(--black);
}

.navigation-wrap-2 {
  overflow: hidden;
}

.dropdown-link-6 {
  color: #283338;
  width: 100%;
  padding: 16px 22px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-6:hover {
  background-color: #f8faff;
}

.dropdown-link-7 {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-7:hover {
  background-color: #f8faff;
}

.icon-5 {
  color: var(--blue-bright-2020);
  margin-right: 5px;
}

.icon-5:hover {
  color: var(--white-4);
}

.button-menu-2 {
  background-color: var(--white-smoke);
  background-image: linear-gradient(to bottom, var(--dodger-blue-2), #87bfec 37%);
  opacity: 1;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: .2px #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow .3s ease-out;
  display: flex;
  box-shadow: inset -1px -1px 3px #201b3d99, inset 1px 1px 3px #eee6ff70;
}

.button-menu-2:hover {
  box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 0 0 5px #000000a8;
}

.button-menu-2:active {
  box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00;
}

.nav-link-details-2 {
  color: #28333899;
  font-size: 14px;
}

.text-block-70 {
  font-size: 16px;
}

.navigation-dropdown-2 {
  min-width: 140px;
}

.navigation-dropdown-2.w--open {
  background-color: #fff;
  min-width: 350px;
  max-height: 100vh;
  left: -120px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.navigation-2 {
  z-index: 2001;
  background-color: var(--white-3);
  border-bottom: 1px #4455671c;
  flex-direction: column;
  align-items: center;
  width: auto;
  padding-left: 3%;
  padding-right: 3%;
  display: block;
  position: sticky;
  inset: 0% 0% auto;
}

.navigation-2.trans {
  background-color: #0000;
  position: static;
}

.div-block-58 {
  padding-right: 0;
}

.text-block-71 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-71:hover {
  color: var(--blue-bright-2020);
}

.text-block-71.new-nav {
  color: var(--black);
}

.text-block-72 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-72:hover {
  color: var(--blue-bright-2020);
}

.text-block-72.new-nav {
  color: var(--black);
}

.text-block-73 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-73:hover {
  color: var(--blue-bright-2020);
}

.text-block-73.new-nav {
  color: var(--black);
}

.text-block-74 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-74:hover {
  color: var(--blue-bright-2020);
}

.text-block-74.new-nav {
  color: var(--black);
}

.div-block-59, .body {
  background-color: #0000;
}

.link-19 {
  color: #2ba8ff;
  font-weight: 400;
}

.hero-section-2 {
  perspective: 1000px;
  background-image: url('../images/Hero-BG.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 2px solid #ececec;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.hero-gradient {
  z-index: -1;
  background-image: none;
  border-radius: 50px;
  width: 45vw;
  height: 45vw;
  position: absolute;
  top: -5vw;
  right: -5vw;
}

.button-5 {
  background-color: var(--dodger-blue-2);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  margin-top: 10px;
  padding: 15px 22px 13px;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
  box-shadow: 0 10px 20px -5px #0d436933;
}

.button-5.new-blue-button {
  background-color: var(--dodger-blue-2);
}

.hero-corner {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -3px;
  left: -3px;
}

.hero-corner.hero-corner-bottom-left {
  top: auto;
  bottom: -3px;
  left: -3px;
  transform: rotate(270deg);
}

.hero-corner.hero-corner-bottom-right {
  inset: auto -3px -3px auto;
  transform: rotate(180deg);
}

.hero-corner.hero-corner-top-right {
  left: auto;
  right: -3px;
  transform: rotate(90deg);
}

.brand-2 {
  width: 50px;
  padding-left: 0;
}

.hero-content {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  max-width: 440px;
  min-height: 400px;
  margin-right: 5vw;
  padding-bottom: 50px;
  display: flex;
}

.hero-line {
  background-color: var(--dodger-blue-2);
  border-radius: 5px;
  width: 6%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.logo-row {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 45px;
  display: flex;
}

.nav-link-2 {
  color: #000;
  letter-spacing: .03em;
  border-radius: 3px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px 10px;
  font-size: 13px;
  font-weight: 700;
  transition: box-shadow .2s, background-color .2s, color .2s;
  position: relative;
}

.nav-link-2:hover {
  z-index: 2;
  color: #2ba8ff;
  background-color: #fff;
  box-shadow: 0 3px 16px #396e9433;
}

.nav-link-2.w--current {
  color: #2ba8ff;
}

.nav-link-2.login-link {
  float: right;
  letter-spacing: 2.5px;
  margin-left: auto;
  font-size: 15px;
  font-weight: 400;
  display: none;
}

.nav-link-2.login-link:hover {
  color: var(--dodger-blue-2);
}

.hero-block {
  transform-style: preserve-3d;
  background-color: #fff;
  background-image: url('../images/Web-design-transparency-600x400.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 750px;
  height: 40vh;
  min-height: 450px;
  max-height: 550px;
  margin-right: -5vw;
  display: flex;
  transform: none;
  box-shadow: 0 20px 50px #1a27511a;
}

.hero-block.logo {
  background-image: url('../images/Logo-bg-pic.jpg');
  background-attachment: scroll;
}

.hero-block.web-dev-pic {
  background-image: url('../images/Services-piccode.jpg');
  background-attachment: scroll;
}

.hero-block.advertising {
  transform-style: preserve-3d;
  background-image: linear-gradient(#0000, #0000), url('../images/Advertising-pic-600-x-400.jpg');
  background-attachment: scroll, scroll;
  transform: none;
  box-shadow: 0 20px 50px 1px #313b5a1a;
}

.hero-block.social {
  background-image: url('../images/Services-picSocial.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: auto;
  height: 40vh;
  box-shadow: 0 20px 50px #01010233;
}

.hero-block.goog {
  background-image: url('../images/Services-picseo600x400.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  height: 40vh;
  box-shadow: 0 20px 50px #01010233;
}

.hero-line-two {
  background-color: var(--dodger-blue-2);
  border-radius: 5px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.home-h1 {
  color: var(--dodger-blue-2);
  text-align: left;
  text-shadow: 1px 0 2px #000;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 500;
}

.customer-logo {
  opacity: .09;
  width: 10%;
  min-width: 100px;
  margin-left: 2%;
  margin-right: 2%;
}

.customer-logo.goog, .customer-logo.insta {
  opacity: 0;
}

.container-14 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.container-14.hero-container {
  max-width: 1400px;
}

.home-logo-container {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1400px;
  height: 80px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 30px;
  font-weight: 400;
  display: flex;
}

.home-text {
  color: #5b6a87;
  font-size: 19px;
  line-height: 1.8em;
}

.home-text.hero-home-text {
  text-align: left;
  max-width: 500px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
}

.hero-row-2 {
  justify-content: space-between;
  display: flex;
}

.web-design-page-div {
  padding-top: 0;
  padding-bottom: 0;
}

.button-m {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f7f7f7;
  background-image: radial-gradient(circle farthest-side at 0 0, #f7f7f7, #ffffff80);
  border-radius: 10px;
  padding: 15px 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
  transform: translate(0, 1px);
  box-shadow: -3px -3px 4px #fff, 8px 8px 16px -4px #0000001a;
}

.button-m:hover {
  color: #2b19f5;
  transform: translate(0);
  box-shadow: -6px -6px 8px #fff, 11px 11px 24px #00000026;
}

.button-m:active {
  background-image: none;
  transform: translate(0, 1px);
  box-shadow: inset -3px -3px 4px #fff, inset 3px 3px 8px -1px #00000026;
}

.button-m.w--current {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.button-m.soft {
  background-color: var(--dodger-blue-2);
  background-image: radial-gradient(circle farthest-side at 0% 0%, var(--dodger-blue-2), #ffffff80);
  color: var(--white-smoke);
  padding: 6px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  box-shadow: inset 3px 3px 4px #fff, -3px -3px 7px #e7e7e7, inset -6px -6px 12px -4px #0000001a, 8px 8px 16px -4px #0000001a;
}

.button-m.soft:hover {
  color: var(--dodger-blue-2);
  box-shadow: inset 3px 3px 4px #fff, -6px -6px 8px #fff, inset -8px -8px 16px -4px #0000001a, 11px 11px 24px #0000001a;
}

.button-m.soft:active {
  box-shadow: 3px 3px 4px #fff, inset -3px -3px 4px #fff, -4px -4px 16px -4px #0000001a, inset 8px 8px 16px -4px #0000001a;
}

.new-hero-slider-2-slide-3 {
  background-color: #0000;
  background-image: linear-gradient(#f75f00, #f75f00);
}

.hero-caps {
  color: #fff;
  height: 5px;
  margin-top: 10px;
  padding-top: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Changa One, Impact, sans-serif;
  font-size: 74px;
  font-weight: 300;
  line-height: 0;
}

.hero-caps.blue {
  color: #00a3ff;
  font-family: Changa One, Impact, sans-serif;
  font-size: 94px;
  font-weight: 400;
  display: block;
}

.new-hero-slider-slide-2 {
  background-color: #fff;
  background-image: linear-gradient(red, red);
}

.new-hero-slider-2 {
  height: 60vh;
}

.arrow-2 {
  color: #0000;
}

.div-block-60 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-inside-slider {
  opacity: 1;
  filter: saturate() brightness(80%) contrast(200%);
  perspective: 1000px;
  background-color: #0000;
  background-image: url('../images/Social-media-transparency-600x400.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 0;
}

.div-inside-slider._3 {
  background-image: url('../images/Search-engine-opt-transparency-600x-400.png');
  background-position: 50% 97%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-inside-slider._2 {
  perspective: 1000px;
  background-image: url('../images/Cms-transparency-600-x-400.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.new-hero-slider-2-slide-1 {
  background-color: #fff;
  background-image: linear-gradient(#1900ff, #1900ff);
}

.hp-hero-div-new {
  border-bottom: 1px solid #000;
  width: 100%;
  height: auto;
  padding-top: 0;
  overflow: visible;
}

.services-row-2 {
  text-align: center;
  border-style: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  overflow: hidden;
}

.services-row-3 {
  border-style: none;
  border-top-width: 2px;
  border-top-color: #19fc00;
  overflow: hidden;
}

.cost-text-title-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #00000026;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
}

.cost-text-title-2._2 {
  color: #707070;
  border-bottom: 1px solid #0000001a;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 32px;
}

.cost-text-title-2._2._3 {
  color: #000;
  letter-spacing: 5px;
  font-size: 38px;
  font-weight: 400;
}

.cost-text-title-2._2._4 {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.cost-text-title-3 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #00000026;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
}

.cost-text-title-3._2 {
  color: #707070;
  border-bottom: 1px solid #0000001a;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 32px;
}

.cost-text-title-3._2._3 {
  color: #000;
  letter-spacing: 5px;
  font-size: 38px;
  font-weight: 600;
}

.cost-text-title-3._2._4 {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.div-block-61 {
  height: auto;
}

.link-13 {
  text-decoration: none;
  transition: opacity .2s;
}

.link-13:hover {
  color: #001aff;
  text-decoration: underline;
}

.link-13:active {
  color: #00ff6a;
}

.link-12 {
  text-decoration: none;
}

.link-12:hover {
  text-decoration: underline;
}

.link-12:active {
  color: #00fd69;
}

.close-icon {
  z-index: 20;
  opacity: 1;
  color: #000;
  cursor: pointer;
  width: 40px;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: 30px;
  right: 30px;
}

.title-rext-pop-up {
  border-bottom: 1px solid #0000001a;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.title-rext-pop-up.nil {
  border-bottom-style: none;
}

.individual-div-in-columns-2 {
  background-color: #f0f0f0;
  border: 1px solid #0000000a;
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  position: static;
  box-shadow: 0 0 30px -5px #0003;
}

.name-heading {
  color: var(--blue-bright-2020);
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.name-heading.title-new {
  color: #192024;
  border-bottom: 2px solid #19202433;
}

.name-heading.transparent {
  color: #0000;
}

.text-block-2 {
  color: var(--blue-bright-2020);
  text-align: center;
  text-shadow: 0 0 1px #000;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 55px;
  font-weight: 800;
  line-height: 70px;
}

.button-wrapper {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  width: 80%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 20px 13px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s;
  box-shadow: 0 0 #000;
}

.button-wrapper:hover {
  box-shadow: none;
}

.link-11 {
  text-decoration: none;
}

.link-11:hover {
  text-decoration: underline;
}

.link-11:active {
  color: #00ec62;
}

.plus-sign {
  color: #20da20;
  font-family: Open Sans, sans-serif;
  font-weight: 800;
}

.plus-sign.transparent {
  color: #0000;
}

.modal-closer {
  z-index: 5;
  background-color: #ffffff4d;
  position: absolute;
  inset: 0;
}

.modal-body {
  z-index: 10;
  box-shadow: none;
  color: #313131;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  margin-top: 81px;
  padding: 20px 10px;
  position: relative;
}

.image-8 {
  filter: invert();
}

.modal-wrapper {
  z-index: 99999;
  perspective: 850px;
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0 40px;
  display: flex;
  position: relative;
  inset: 0 0 292px;
}

.tv-div-hp {
  background-color: var(--white-4);
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.div-block-62 {
  padding-top: 0;
}

.gallery-grid {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery {
  flex: 1;
  width: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.gallery-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  display: grid;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.bold-small-text {
  font-weight: 800;
}

.logo-div-in-navbar {
  width: 300px;
  height: 50px;
}

.image-9 {
  width: 140px;
}

.contact-div {
  padding-bottom: 50px;
}

.contact-div-3 {
  border-top: 0 #000;
  border-bottom: 1px #000;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.container-15 {
  padding-left: 10px;
  padding-right: 10px;
}

.portfolio-div-2 {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.bottom-line-b11 {
  background-color: #f1953a;
  width: 200px;
  height: 2px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hamburger-menu-hm10.w--open {
  background-color: #0000;
}

.card-bg-c2 {
  z-index: 1;
  background-image: linear-gradient(to top, #57635a, #909c93);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 144px;
  height: 144px;
  margin-top: -10px;
  display: flex;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.card-bg-c2.silver {
  background-image: linear-gradient(to top, #e6e5db, #f4f4ef);
}

.card-bg-c2.gold {
  background-image: linear-gradient(to top, #fed3b6, #ffebdc);
}

.text-b4 {
  padding-left: 46px;
  padding-right: 46px;
  font-weight: 500;
}

.cross-bar-1-hm11 {
  background-color: #f65a68;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: none;
  position: absolute;
  inset: 18px auto auto;
}

.glitch-c1 {
  display: none;
  position: absolute;
  inset: 0%;
}

.hamburger-menu-hm7 {
  border: 1px solid #f65a68;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 97px;
  padding: 25px;
  overflow: hidden;
}

.hamburger-menu-hm7.w--open {
  background-color: #0000;
}

.top-bar-2-hm9 {
  background-color: #83dc52;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 25px;
  height: 5px;
}

.screenshot-3de1 {
  box-shadow: 0 1px 3px #a1a1a1;
}

.hamburger-menu-hm6 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}

.hamburger-menu-hm6.w--open {
  background-color: #0000;
}

.middle-bar-hm12 {
  background-color: #f1953a;
  border-radius: 6px;
  width: 40px;
  height: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.letter-l3 {
  color: #333;
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
}

.letter-l3._5 {
  top: 51px;
  left: 121px;
}

.letter-l3._2 {
  top: 45px;
  left: 60px;
}

.letter-l3._3 {
  top: 52px;
  left: 83px;
}

.letter-l3._4 {
  top: 48px;
  left: 102px;
}

.letter-l3._1 {
  left: 40px;
}

.bottom-bar-hm2 {
  background-color: #f65a68;
  border-radius: 40px;
  width: 50px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.top-bar-wrapper-hm14 {
  width: 30px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 10px;
  overflow: hidden;
}

.border-left-b9 {
  background-color: #83dc52;
  width: 2px;
  height: 45px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bottom-border-b13 {
  background-color: #000;
  width: 0;
  height: 4px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.wave-cover-l6 {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.middle-bar-hm6 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 50px;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: auto;
}

.hamburger-menu-hm13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.hamburger-menu-hm13.w--open {
  background-color: #0000;
}

.content-wrapper-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-top: 50px;
  display: flex;
}

.bottom-bar-wrapper-hm14 {
  width: 30px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0;
  overflow: hidden;
}

._3d-effect {
  perspective: 1000px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 750px;
  max-width: 1000px;
  margin: 20px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

._3d-effect.iphone {
  min-width: 450px;
  padding-top: 40px;
  padding-bottom: 0;
  overflow: hidden;
}

.middle-bar-2-hm9 {
  background-color: #83dc52;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 25px;
  height: 5px;
}

.circle-mask-top-b2 {
  z-index: 10;
  position: absolute;
}

.bubble-3-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 12px;
  height: 12px;
  position: absolute;
}

.cross-bar-2-hm11 {
  background-color: #f65a68;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: none;
  position: absolute;
  inset: auto auto 18px;
}

.arrow-tail-dot-1-l8 {
  background-color: #333;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.button-text-1-red-b7 {
  z-index: 1;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
}

.bracket-left-nb2 {
  position: absolute;
  inset: 20% auto auto 0%;
}

.text-b11 {
  z-index: 1;
  position: relative;
}

.hover-on-button-b1 {
  background-color: #f1953a;
  border-radius: 40px;
  position: absolute;
  inset: 0%;
  box-shadow: 1px 1px 3px #e4e4e4;
}

.bottom-bar-hm12 {
  background-color: #f1953a;
  border-radius: 6px;
  width: 40px;
  height: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.dropdown-toggle-nb4 {
  text-transform: uppercase;
  align-items: flex-start;
  height: 80px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.dropdown-toggle-nb4.w--open {
  font-size: 16px;
  font-weight: 600;
}

.text-l8 {
  margin-right: 7px;
}

.navbar-hamburger-menu-hm3 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.arrow-tail-l7 {
  background-color: #f65a68;
  width: 75px;
  height: 2px;
}

.text-button-b9 {
  z-index: 1;
  position: relative;
}

.arrow-tail-b6 {
  background-color: #333;
  width: 45px;
  height: 1px;
}

.middle-bar-wrapper-hm14 {
  width: 30px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  overflow: hidden;
}

.line-l2 {
  background-color: #f65a68;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: 50% auto auto 0%;
}

.text-left-l1 {
  padding-right: 5px;
}

.navbar-hamburger-menu-hm12 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.top-bar-hm11 {
  background-color: #f65a68;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.button-wrapper-b4 {
  display: flex;
}

.navlink-nb4 {
  color: #333;
  text-transform: uppercase;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.bottom-bar-hm1 {
  background-color: #f65a68;
  border-radius: 6px;
  width: 50px;
  height: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.button-14 {
  color: #009bfb;
  background-color: #fff;
  border: 2px solid #009bfb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 3px #d3d3d3;
}

.navlink-sidebar {
  color: #949494;
  border-right: 1px solid #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  text-decoration: none;
  transition: color .15s;
  display: flex;
}

.button-text-2-white-b7 {
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  inset: 17px auto auto 83px;
}

.card-2 {
  perspective: 1000px;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cross-bar-2-hm12 {
  background-color: #f1953a;
  border-radius: 6px;
  width: 40px;
  height: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  position: absolute;
  inset: 25px auto auto;
}

._2nd-middle-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 50px;
  height: 3px;
  margin: 6px auto;
  display: none;
}

.navbar-hamburger-menu-hm9 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

._2nd-text-right-l1 {
  padding-right: 10px;
  position: absolute;
  inset: auto auto -22px 64px;
}

.navbar-4 {
  color: #333;
  background-color: #0000;
  font-size: 20px;
  font-weight: 500;
}

.bracket-menu-right-nb2 {
  position: absolute;
  inset: 20% 0% auto auto;
}

.h2-2 {
  font-weight: 600;
}

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

.text-bg2-l11 {
  z-index: 3;
  filter: brightness(200%) blur(3px);
  color: #f3e80c;
  font-size: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-bar-hm15 {
  background-color: #83dc52;
  width: 50px;
  height: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.iphone-subwrapper-3de2 {
  justify-content: center;
  align-items: flex-start;
  width: 210px;
  height: 308px;
  display: flex;
  position: absolute;
  bottom: -12px;
  overflow: hidden;
}

.bottom-bar-hm5 {
  background-color: #333;
  border-radius: 8px;
  width: 35px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.middle-bar-hm16 {
  background-color: #f1953a;
  width: 50px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.bubble-8-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 14px;
  height: 14px;
  position: absolute;
}

.link-4 {
  color: #333;
  font-size: 36px;
  font-weight: 800;
  line-height: 35px;
  text-decoration: none;
  position: relative;
}

.iphone-overlay-c2 {
  z-index: 10;
  width: 86.4px;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 58px 0% 0%;
}

.wave-bg-l6 {
  height: 10px;
}

.wave-bg-l6.red {
  background-image: url('../images/wave_red.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.wave-bg-l6.orange {
  background-image: url('../images/wave_orange.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.wave-bg-l6.green {
  background-image: url('../images/wave_green.svg');
  background-position: 0 0;
  background-size: contain;
}

._2nd-bottom-bar-hm6 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 40px;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: auto;
  display: none;
}

.title-card-c3 {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
}

.arrow-wrapper-b4 {
  background-color: #333;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top-bar-hm3 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 50px;
  height: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.button-5 {
  color: #fff;
  text-align: center;
  background-color: #f1953a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 56px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 3px #d4d4d4;
}

.top-bar-hm7 {
  z-index: 1;
  background-color: #fff;
  width: 45px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  position: relative;
}

.navlink-nb5 {
  text-transform: uppercase;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
}

.navlink-nb5:hover {
  text-decoration: underline;
}

.navlink-nb5.link-2-nb5 {
  z-index: 2;
  background-color: #fff;
}

.navlink-nb5.link-4-nb5 {
  z-index: 4;
  background-color: #fff;
}

.navlink-nb5.link-3-nb5 {
  z-index: 3;
  background-color: #fff;
}

.navlink-nb5.link-1-nb5 {
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
}

.navbar-hamburger-menu-hm11 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.bottom-bar-hm14 {
  background-color: #333;
  border-radius: 6px;
  width: 30px;
  height: 2px;
}

.link-wrapper-l12 {
  perspective: 750px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-button-b8 {
  z-index: 1;
  letter-spacing: 0;
  position: relative;
}

.arrow-head-1-b6 {
  z-index: 10;
  margin-left: -9px;
  position: relative;
}

.arrow-tail-dot-4-l8 {
  background-color: #333;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.card-1 {
  perspective: 1000px;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-hamburger-menu-hm13 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.top-bar-hm8 {
  background-color: #f1953a;
  width: 55px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.arrow-wrapper-l9 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
}

.top-bar-hm14 {
  background-color: #333;
  border-radius: 6px;
  width: 30px;
  height: 2px;
}

.bottom-bar-2-hm9 {
  background-color: #83dc52;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 25px;
  height: 5px;
}

.navbar-hamburger-menu-hm7 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.arrow-wrapper-l8 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._2nd-underline-l5 {
  background-color: #333;
  width: 100%;
  height: 1px;
  margin-top: 2px;
}

.middle-bar-wrapper-hm9 {
  justify-content: space-between;
  align-items: flex-start;
  margin: 6px auto;
  display: flex;
}

.navbar-hamburger-menu-hm16 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.arrow-head-l1 {
  height: 30px;
  margin-left: -12px;
}

.navlink-nb3 {
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 18px;
}

.navlink-nb3:hover {
  text-decoration: underline;
}

.iphone-bg-3de2 {
  z-index: 10;
  position: relative;
  bottom: -12px;
}

.button-text-2-red-b7 {
  z-index: 1;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
}

.left-border-b4 {
  background-color: #f65a68;
  width: 3px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.arrow-head-2-b6 {
  z-index: 8;
  position: absolute;
  inset: auto 3px auto auto;
}

.arrow-head-l7 {
  margin-left: 6px;
}

.text-wrapper-top-b5 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.iphone-c2 {
  z-index: 0;
  width: 86.4px;
  margin-top: 5px;
  position: relative;
}

.image-city-c3 {
  width: 220px;
  max-width: none;
}

.arrow-red-b2 {
  width: 77px;
  margin-left: 20px;
  margin-right: 20px;
}

.container-nb5 {
  align-items: center;
  display: flex;
}

._2nd-bottom-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 55px;
  height: 3px;
  margin: 6px auto;
  display: none;
}

.middle-bar-hm1 {
  background-color: #f65a68;
  border-radius: 6px;
  width: 50px;
  height: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.circle-bg-grey-b2 {
  z-index: 2;
  display: none;
  position: absolute;
  inset: 0%;
}

._3d-effect-1 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 630px;
  margin-left: 58px;
  display: flex;
  position: relative;
}

.small-plus-l5 {
  font-size: 18px;
  position: absolute;
  inset: -5px 0% auto auto;
}

.top-bar-hover {
  background-color: #fff;
  width: 10px;
  height: 100%;
  position: absolute;
  inset: 0% -10px auto auto;
}

.navbar-5 {
  background-color: #0000;
  overflow: hidden;
}

.arrow-tail-l8 {
  background-color: #333;
  width: 40px;
  height: 2px;
}

.button-3 {
  position: relative;
}

.hamburger-menu-hm2.w--open {
  background-color: #0000;
}

.square-b6 {
  background-color: #fff;
  border: 1px solid #333;
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
}

.arrow-wrapper-b6 {
  justify-content: flex-end;
  align-items: center;
  width: 47px;
  margin-left: -21px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.button-4 {
  color: #fff;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 1px 1px 3px #bdbdbd;
}

.iphone-wrapper-3de2 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.component-wrapper {
  flex-direction: column;
  place-content: flex-start center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.circle-wrapper {
  width: 400px;
  position: relative;
}

.hamburger-menu-hm8 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 25px;
}

.hamburger-menu-hm8.w--open {
  background-color: #0000;
}

.button-text-3-red-b7 {
  z-index: 1;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
}

.card-c3 {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 230px;
  margin: 15px 10px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 3px #bbb;
}

.menu-wrapper-hm14 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  height: 60px;
  display: flex;
}

.navbar-hamburger-menu-hm1 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.arrow-wrapper-b2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 63% 0% auto;
}

.card-3 {
  perspective: 1000px;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-3de1 {
  color: #f65a68;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #a0a0a0;
  transform-style: preserve-3d;
  font-size: 47px;
  font-weight: 800;
  line-height: 40px;
  position: absolute;
  inset: auto auto 40px 3%;
  transform: translate3d(0, 0, 200px);
}

.bubble-4-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 5px;
  height: 5px;
  position: absolute;
}

.overlay-1-c3 {
  background-image: linear-gradient(315deg, #0015ff99, #ee00ffa6);
  width: 210px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% -100%;
}

.top-bar-hm10 {
  background-color: #333;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.card {
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 750px;
  max-width: 1000px;
  margin: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

.arrow-blue-b10 {
  z-index: 1;
  position: relative;
}

.overlay-2-c3 {
  background-image: linear-gradient(#ec00fd3b, #0015ff66 75%);
  width: 210px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% -100%;
}

.bottom-bar-hm7 {
  z-index: 1;
  background-color: #fff;
  width: 45px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  position: relative;
}

.content {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cross-bar-2-hm8 {
  background-color: #f1953a;
  width: 55px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: none;
  position: absolute;
  inset: auto auto 33px;
}

.text-right-l1 {
  padding-right: 10px;
}

.text-card-c2 {
  z-index: 10;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 36px;
}

.button-6 {
  color: #333;
  text-align: center;
  letter-spacing: 2px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 56px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.top-bar-hm6 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 40px;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
}

.link-20 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 190px;
  margin: 20px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

.link-20.l6 {
  flex-direction: column;
}

.link-20.purple {
  background-image: linear-gradient(172deg, #2f084e, #720b8b);
}

.middle-bar-hm15 {
  background-color: #83dc52;
  width: 30px;
  height: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.button-7 {
  color: #f65a68;
  background-color: #fff;
  border: 3px solid #f65a68;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 60px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 3px #d3d3d3;
}

.middle-bar-hm5 {
  background-color: #333;
  border-radius: 8px;
  width: 35px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.hamburger-menu {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  margin: 20px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

.text-wrapper-b4 {
  background-color: #f65a68;
  justify-content: center;
  align-items: center;
  width: 170px;
  display: flex;
}

.button-10 {
  color: #00258b;
  justify-content: flex-start;
  align-items: center;
  width: 265px;
  height: 50px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.logo-3de1 {
  transform-style: preserve-3d;
  position: absolute;
  inset: auto 8% 40px auto;
  transform: translate3d(0, 0, 200px);
}

.cross-bar-2-hm13 {
  background-color: #333;
  width: 40px;
  height: 10px;
  display: none;
  position: absolute;
  inset: 37px auto auto;
}

.button-12 {
  color: #fff;
  background-color: #f65a68;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 3px #bdbdbd;
}

.middle-bar-hm8 {
  background-color: #f1953a;
  width: 55px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.iphone-content-3de2 {
  z-index: 7;
  position: absolute;
  inset: 0% auto auto;
}

.link-3 {
  color: #333;
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-hamburger-menu-hm2 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.button-8 {
  color: #333;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 50px;
  font-family: Inconsolata, monospace;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 3px #d3d3d3;
}

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

.button-text-b5.bottom {
  position: absolute;
  inset: -10px 0% auto;
}

.button-text-b5.top {
  position: absolute;
  inset: auto 0% -10px;
}

._2nd-top-bar-hm3 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 50px;
  height: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  display: none;
}

.bubble-7-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 8px;
  height: 8px;
  position: absolute;
}

.middle-bar-hm3 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 50px;
  height: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.dropdown-list-nb4.w--open {
  background-color: #fff;
  border-radius: 10px;
  margin-top: -5px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 1px 1px 3px #c5c5c5;
}

.bottom-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 55px;
  height: 3px;
  margin: 6px auto;
}

.link-5 {
  color: #333;
  flex-direction: column;
  align-items: flex-start;
  width: 130px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cross-bar-1-hm16 {
  background-color: #f1953a;
  width: 50px;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
  position: absolute;
  inset: 19px auto auto;
}

.top-bar-hm15 {
  background-color: #83dc52;
  width: 50px;
  height: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.menu-wrapper-hm15 {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.cross-bar-2-hm7 {
  background-color: #f65a68;
  width: 45px;
  height: 2px;
  display: block;
  position: absolute;
  inset: 49% auto auto;
}

.top-bar-wrapper-hm9 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.menu-bar-2-nb5 {
  background-color: #333;
  width: 30px;
  height: 1px;
  position: absolute;
  inset: 15px auto auto;
  transform: rotate(45deg);
}

.bottom-bar-hm10 {
  background-color: #333;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.nav-menu-nb2 {
  display: flex;
}

.top-border-b4 {
  background-color: #f65a68;
  width: 100%;
  height: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-l12 {
  color: #db434d;
  text-shadow: 1px 1px 1px #cecece;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 54px;
  font-weight: 800;
  line-height: 42px;
  text-decoration: none;
}

.cross-bar-1-hm13 {
  z-index: 10;
  background-color: #333;
  width: 40px;
  height: 10px;
  display: none;
  position: absolute;
  inset: auto auto 36px;
}

.text-bg-l4 {
  z-index: 1;
  width: 500px;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -58%;
}

.button-text-1-white-b7 {
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  inset: 17px auto auto 32px;
}

.navbar-hamburger-menu-hm6 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

._1st-underline-l5 {
  background-color: #333;
  width: 100%;
  height: 1px;
  margin-top: 4px;
}

.button-2 {
  justify-content: center;
  align-items: center;
  width: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-wrapper-l10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-white-b10 {
  z-index: 0;
  position: absolute;
  inset: auto 33px auto auto;
}

.top-bar-hm5 {
  background-color: #333;
  border-radius: 8px;
  width: 35px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.arrow-grey-b2 {
  width: 77px;
  margin-left: 20px;
  margin-right: 20px;
}

.bottom-bar-1-hm9 {
  background-color: #83dc52;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 25px;
  height: 5px;
}

.text-wrapper-b7 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  overflow: hidden;
}

.navbar-3 {
  background-color: #0000;
}

.border-right-b9 {
  background-color: #83dc52;
  width: 2px;
  height: 45px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.top-border-b13 {
  background-color: #000;
  width: 0;
  height: 4px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bracket-right-nb2 {
  position: absolute;
  inset: 20% 0% auto auto;
}

.circle-color-b10 {
  z-index: 0;
  background-color: #c0e6ff;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.left-line-b11 {
  background-color: #f1953a;
  width: 2px;
  height: 50px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.left-border-b13 {
  background-color: #000;
  width: 4px;
  height: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.right-border-b13 {
  background-color: #000;
  width: 4px;
  height: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.top-bar-hm12 {
  background-color: #f1953a;
  border-radius: 6px;
  width: 40px;
  height: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.dropdown-menu-nb4 {
  display: flex;
}

.text-bg1-l11 {
  z-index: 1;
  filter: blur(12px);
  color: #ffed26;
  font-size: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cross-bar-2-hm14 {
  background-color: #333;
  border-radius: 6px;
  width: 30px;
  height: 2px;
  display: none;
  position: absolute;
  inset: auto auto 19px 0;
}

.dropdown-nb4 {
  border-right: 1px solid #333;
  height: 60px;
}

.dropdown-nb4.noborder {
  border-right-style: none;
}

.bubble-6-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 13px;
  height: 13px;
  position: absolute;
}

.circle-mask-bottom-red-b2 {
  z-index: 11;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

._2nd-top-bar-hm6 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 50px;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  display: none;
}

.hamburger-menu-hm11 {
  perspective: 1000px;
  justify-content: center;
}

.hamburger-menu-hm11.w--open {
  background-color: #0000;
}

.top-bar-hm13 {
  background-color: #333;
  width: 40px;
  height: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.hamburger-menu-hm1.w--open {
  background-color: #0000;
}

.hamburger-menu-hm12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.hamburger-menu-hm12.w--open {
  background-color: #0000;
}

.link-l10 {
  color: #333;
  text-transform: uppercase;
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.link-l10:hover {
  color: #f65a68;
}

.navbar-2 {
  color: #333;
  background-color: #0000;
  font-size: 18px;
  font-weight: 500;
}

.bottom-bar-hm3 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 50px;
  height: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.corner-top-left-b13 {
  width: 18px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-bar-hover {
  background-color: #fff;
  width: 10px;
  height: 100%;
  position: absolute;
  inset: 0% -10px auto auto;
}

.hamburger-menu-hm16 {
  perspective: 1000px;
  justify-content: center;
  height: 60px;
}

.hamburger-menu-hm16.w--open {
  background-color: #0000;
}

.bubble-1-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  position: absolute;
}

.text-l11 {
  z-index: 10;
  position: relative;
}

.text-button-b14 {
  z-index: 1;
  letter-spacing: 0;
  position: relative;
}

.navlink-nb2 {
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}

.menu-icon-nb5 {
  z-index: 5;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
}

.hamburger-menu-hm5 {
  position: relative;
}

.hamburger-menu-hm5.w--open {
  background-color: #0000;
}

.overlay-wrapper-l4 {
  width: 240px;
  height: 33px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.sidebar-left {
  color: #ee3636;
  flex-direction: column;
  align-items: center;
  width: 20%;
  height: 400px;
  padding-top: 79px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 65px;
}

.navbar-1 {
  color: #333;
  background-color: #0000;
  font-size: 20px;
  font-weight: 500;
}

.card-c2 {
  color: #333;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 292px;
  margin: 10px;
  font-size: 18px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #e0e0e0;
}

.card-c2:hover {
  border-color: #0000002b;
}

.cross-bar-2-hm5 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 35px;
  height: 3px;
  display: none;
  position: absolute;
  inset: auto auto 47% 27%;
}

.button-13 {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 60px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-wrapper-bottom-b5 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.middle-bar-hm13 {
  background-color: #333;
  width: 40px;
  height: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.bottom-bar-hm6 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 50px;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: auto;
}

.link-wrapper-l6 {
  color: #333;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  text-decoration: none;
  transition: color .2s;
}

.link-wrapper-l6.orange:hover {
  color: #f1953a;
}

.link-wrapper-l6.green:hover {
  color: #83dc52;
}

.link-wrapper-l6.red:hover {
  color: #f65a68;
}

.text-wrapper-b9 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cross-bar-1-hm8 {
  background-color: #f1953a;
  width: 55px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: none;
  position: absolute;
  inset: auto auto 33px;
}

.text-card-c3 {
  font-size: 16px;
  font-weight: 400;
}

.text-card-c3:hover {
  text-decoration: underline;
}

.navbar-hamburger-menu-hm8 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.navbar-hamburger-menu-hm15 {
  perspective: 100px;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.bottom-bar-hm16 {
  background-color: #f1953a;
  width: 50px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.link-2 {
  color: #333;
  letter-spacing: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 233px;
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-2:hover {
  color: #f65a68;
}

.arrow-l9 {
  z-index: 1;
  position: relative;
}

.link-9 {
  color: #333;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  font-family: Raleway, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-c1 {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  margin: 15px 10px;
  text-decoration: none;
  transition: box-shadow .1s;
  position: relative;
  box-shadow: 0 8px 18px 1px #bdbdbd;
}

.top-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 55px;
  height: 3px;
  margin: 6px auto;
}

.bg-mask-b8 {
  background-color: #333;
  width: 0;
  height: 200px;
  position: absolute;
  inset: auto;
  transform: rotate(37deg);
}

.hamburger-menu-hm15 {
  flex-direction: column;
  justify-content: center;
  padding: 25px;
}

.hamburger-menu-hm15.w--open {
  background-color: #0000;
}

._2nd-text-left-l1 {
  padding-right: 5px;
  position: absolute;
  top: auto;
  bottom: -22px;
  right: auto;
}

.hamburger-menu-hm3.w--open {
  background-color: #0000;
}

.hover-out-button-b1 {
  color: #83dc52;
  border: 4px solid #83dc52;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  inset: 0%;
  box-shadow: 1px 1px 3px #e4e4e4;
}

.circle-mask-top-red-b2 {
  z-index: 11;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-button-b10 {
  z-index: 1;
  margin-left: 30px;
  margin-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: relative;
}

.bottom-bar-hm13 {
  background-color: #333;
  width: 40px;
  height: 10px;
}

.button-11 {
  color: #f1953a;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dropdown-link-nb4 {
  text-transform: uppercase;
  padding-left: 30px;
  font-size: 16px;
  transition: color .2s;
}

.dropdown-link-nb4:hover {
  color: #cbb8a9;
}

.middle-bar-hm14 {
  background-color: #333;
  border-radius: 6px;
  width: 30px;
  height: 2px;
}

.button-text-b1 {
  z-index: 10;
  position: relative;
}

.button-9 {
  color: #83dc52;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-3d-effect-mobile {
  display: none;
}

.bg-wrapper-b11 {
  z-index: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-6 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 200px;
  margin: 20px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

.button-6.b4 {
  justify-content: flex-start;
  padding-left: 60px;
}

.hamburger-menu-hm9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.hamburger-menu-hm9.w--open {
  background-color: #0000;
}

._2nd-bottom-bar-hm3 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 50px;
  height: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  display: none;
}

.cross-bar-1-hm7 {
  background-color: #f65a68;
  width: 45px;
  height: 2px;
  display: block;
  position: absolute;
  inset: 49% auto auto;
}

.navbar-hamburger-menu-hm14 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.arrow-head-l8 {
  height: 30px;
  margin-left: -6px;
}

.button-text-3-white-b7 {
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  inset: 17px 32px auto auto;
}

.button-1 {
  color: #83dc52;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.line-b9 {
  background-color: #358b09;
  width: 0;
  height: 2px;
}

.link-7 {
  color: #333;
  justify-content: flex-start;
  align-items: center;
  width: 98px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 50px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dropdown-icon-nb4 {
  margin-top: 6px;
  margin-left: 6px;
}

.cross-bar-1-hm5 {
  background-color: #83dc52;
  border-radius: 8px;
  width: 35px;
  height: 3px;
  display: none;
  position: absolute;
  inset: auto auto 47% 26%;
}

._2nd-bottom-bar-hm2 {
  background-color: #f65a68;
  border-radius: 40px;
  width: 50px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  position: relative;
}

.middle-bar-hm7 {
  z-index: 1;
  background-color: #fff;
  width: 45px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  position: relative;
}

.arrow-wrapper-l7 {
  justify-content: flex-start;
  align-items: center;
  width: 106px;
  display: flex;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.arrow-wrapper-bg-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  position: absolute;
  inset: 0%;
}

.circle-mask-bottom-b2 {
  z-index: 10;
  position: absolute;
  inset: auto auto 0% 0%;
}

.navlink-nb1 {
  color: #333;
}

.wave-wrapper-l6 {
  position: relative;
  overflow: hidden;
}

.text-wrapper-c3 {
  display: block;
  position: absolute;
  inset: auto auto 20px 20px;
}

._2nd-top-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 55px;
  height: 3px;
  margin: 6px auto;
  display: none;
}

.navlink-wrapper-nb2 {
  color: #333;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.text-mask-l4 {
  z-index: 999;
  max-width: none;
  margin-top: -2px;
  margin-left: -7px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-1 {
  color: #333;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  font-size: 26px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-8 {
  color: #333;
  justify-content: flex-start;
  align-items: center;
  width: 185px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 120px;
  margin: 20px;
  display: flex;
  box-shadow: 1px 1px 8px -1px #dadada;
}

.navbar.big {
  background-color: #f6f0e8;
  align-items: flex-start;
  height: 250px;
  padding-top: 30px;
}

.text-card-c1 {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Changa One, Impact, sans-serif;
  font-size: 34px;
  font-style: italic;
  line-height: 34px;
  display: flex;
  position: absolute;
  inset: auto 0% 12%;
}

.top-line-b11 {
  background-color: #f1953a;
  width: 200px;
  height: 2px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-button-b12 {
  font-size: 20px;
  font-weight: 500;
}

.bubble-5-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 9px;
  height: 9px;
  position: absolute;
}

.top-bar-1-hm9 {
  background-color: #83dc52;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 25px;
  height: 5px;
}

.bottom-bar-wrapper-hm9 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.bracket-menu-left-nb2 {
  position: absolute;
  inset: 20% auto auto 0%;
}

.link-wrapper-l11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bubble-2-l9 {
  background-color: #83dc52;
  border-radius: 50px;
  width: 6px;
  height: 6px;
  position: absolute;
}

.red-bg-hm7 {
  z-index: 0;
  background-color: #f65a68;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.middle-bar-hover {
  background-color: #fff;
  width: 10px;
  height: 100%;
  position: absolute;
  inset: 0% -10px auto auto;
}

._2nd-top-bar-hm2 {
  background-color: #f65a68;
  border-radius: 40px;
  width: 50px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  position: relative;
}

.heading-green-3de1 {
  color: #83dc52;
}

.navbar-hamburger-menu-hm5 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.corner-top-right-b13 {
  width: 18px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hamburger-menu-hm14 {
  border: 1px solid #fff;
  justify-content: center;
  padding: 0;
  transition: border-color .8s;
}

.hamburger-menu-hm14.w--open {
  background-color: #0000;
}

.navlink-wrapper-nb4 {
  border-right: 1px solid #333;
  align-items: flex-start;
  display: flex;
}

.right-line-b11 {
  background-color: #f1953a;
  width: 2px;
  height: 50px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.link-l11 {
  color: #e7a311;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  position: relative;
}

.link-l11:hover {
  filter: brightness(130%);
}

.middle-bar-hm4 {
  background-color: #f1953a;
  border-radius: 10px;
  width: 55px;
  height: 3px;
  margin: 6px auto;
}

.corner-bottom-left-b13 {
  width: 18px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.border-bottom-b9 {
  background-color: #83dc52;
  width: 220px;
  height: 2px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cross-bar-1-hm14 {
  background-color: #333;
  border-radius: 6px;
  width: 30px;
  height: 2px;
  display: none;
  position: absolute;
  inset: 19px 0 auto auto;
}

.top-bar-hm2 {
  background-color: #f65a68;
  border-radius: 40px;
  width: 50px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.text-wrapper-l9 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.menu-bar-1-nb5 {
  background-color: #333;
  width: 30px;
  height: 1px;
  transform: rotate(-45deg);
}

.component {
  flex-wrap: wrap;
  place-content: flex-start center;
  display: flex;
}

.middle-bar-hm11 {
  text-align: center;
  background-color: #f65a68;
  width: 40px;
  height: 2px;
  margin: 12px auto;
}

.hamburger-menu-hm4 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hamburger-menu-hm4.w--open {
  background-color: #0000;
}

.top-bar-hm1 {
  background-color: #f65a68;
  border-radius: 6px;
  width: 50px;
  height: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.underline-text-l9 {
  background-color: #83dc52;
  width: 100%;
  height: 3px;
  margin-top: -4px;
}

.circle-bg-red-b2 {
  z-index: 1;
  position: relative;
}

.bottom-bar-hm8 {
  background-color: #f1953a;
  width: 55px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.arrow-wrapper-b3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  display: flex;
  position: absolute;
  inset: 32% auto auto 37%;
}

.text-b6 {
  margin-left: 25px;
}

.navbar-hamburger-menu-hm4, .navbar-hamburger-menu-hm10 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.highlight-sidebar {
  background-color: #f65a68;
  width: 4px;
  height: 100%;
}

.arrow-tail-dot-2-l8 {
  background-color: #333;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.top-bar-hm16 {
  background-color: #f1953a;
  width: 50px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.cross-bar-1-hm12 {
  background-color: #f1953a;
  border-radius: 6px;
  width: 40px;
  height: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  position: absolute;
  inset: 25px auto auto;
}

.heading-orange-3de1 {
  color: #f1953a;
}

.text-button-b13 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.corner-bottom-right-b13 {
  width: 18px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.bottom-border-b4 {
  background-color: #f65a68;
  width: 100%;
  height: 3px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.arrow-tail-dot-3-l8 {
  background-color: #333;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.cross-bar-2-hm16 {
  background-color: #f1953a;
  width: 50px;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
  position: absolute;
  inset: auto auto 29px;
}

.iphonr-top-bar-3de2 {
  z-index: 8;
  position: absolute;
  inset: 21px auto auto;
}

.arrow-tail-l1 {
  background-color: #f65a68;
  border-radius: 8px;
  width: 25px;
  height: 2px;
}

.border-top-b9 {
  background-color: #83dc52;
  width: 220px;
  height: 2px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-bar-hm11 {
  background-color: #f65a68;
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.button-bg-b11 {
  background-color: #f1953a14;
  width: 0;
  height: 50px;
  position: absolute;
  left: 0;
}

.middle-bar-1-hm9 {
  background-color: #83dc52;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 25px;
  height: 5px;
}

.hero-column {
  padding-right: 0;
}

.text-block-75 {
  color: var(--white-3);
}

.text-span-10 {
  border-bottom: 5px none var(--dodger-blue-2);
  color: var(--blue-bright-2020);
  text-shadow: none;
  font-size: 55px;
  line-height: 60px;
}

.text-span-10.hp-big-text {
  color: var(--blue-bright-2020);
  font-size: 65px;
  line-height: 70px;
}

.text-span-10.hp-big-text.percentage {
  font-size: 65px;
}

.text-bg {
  background-color: var(--white-smoke);
  color: var(--black);
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 800;
  box-shadow: 0 0 30px -5px #0000004d;
}

.div-block-63 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  overflow: hidden;
}

.div-block-64 {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  overflow: hidden;
}

.div-block-65 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  overflow: hidden;
}

.div-block-66 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  padding-left: 0;
  overflow: hidden;
}

.div-block-67 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  overflow: hidden;
}

.div-block-68 {
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.row-hp-97 {
  background-color: #0000;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 15px;
  overflow: hidden;
}

.row-hp-97.hp-new {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 60px;
  padding-right: 0;
}

.column-hp-2 {
  padding-left: 0;
}

.column-hp-2.we-promise {
  padding-top: 100px;
}

.blue-subtext {
  color: #001aff;
  text-align: left;
  text-shadow: 0 1px 1px #000;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 3px;
  padding-left: 50px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.blue-subtext.bullets {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 45px;
}

.blue-subtext.bullets.tick-text {
  color: #000000c7;
  letter-spacing: .5px;
  text-indent: 0;
  text-shadow: none;
  white-space: normal;
  width: 95%;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 68px;
}

.blue-subtext.ticks-text {
  color: var(--blue-bright-2020);
  text-shadow: 0 0 1px #000;
  padding-left: 20px;
  font-size: 65px;
  font-weight: 800;
  line-height: 50px;
}

.text-span-11 {
  color: #001aff;
}

.text-span-11.bullet {
  opacity: 1;
  filter: hue-rotate(140deg);
  color: #0000;
  text-align: left;
  text-shadow: none;
  background-image: url('../images/Tick-yes-2020.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 30px;
  font-weight: 800;
  line-height: 24px;
  position: relative;
  top: 5px;
}

.ticks-div-hp {
  background-color: var(--white-4);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.column-33 {
  padding-top: 40px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.hp-hero-div {
  padding-top: 0;
  padding-left: 0;
  overflow: hidden;
}

.hp-hero.row-new {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.label {
  color: #081158;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 500;
}

.label._30-margin {
  margin-bottom: 30px;
}

.label._15-margin {
  margin-bottom: 15px;
}

.hero-slider-image-wrap {
  border-radius: 10px;
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
}

.big-paragraph {
  font-size: 20px;
}

.hero-slider-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.container-16 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1450px;
  display: flex;
  position: relative;
}

.hero-slider-content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.column-34 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.column-34.max-600 {
  max-width: 600px;
}

.column-34.hero-image-column {
  z-index: 2;
  align-items: center;
}

.button-7 {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #081158;
  background-image: url('../images/Vector-4.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto 15px;
  border: 0 solid #000;
  border-radius: 6px;
  min-width: 200px;
  padding: 20px 20px 20px 40px;
  font-weight: 500;
  transition: padding .5s cubic-bezier(.23, 1, .32, 1), background-position .5s cubic-bezier(.23, 1, .32, 1), transform .5s cubic-bezier(.23, 1, .32, 1), color .2s, opacity .2s;
}

.button-7:hover {
  background-position: 30px;
  padding-left: 50px;
  transform: translate(0, -3px);
}

.div-block-69 {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.top-page-pic-wide {
  background-image: url('../images/DM4U-FLYER-HERO-2022-Crop-2000px.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 330px;
  padding-bottom: 280px;
  display: flex;
}

.top-page-pic-wide.prices {
  background-position: 50%;
  background-attachment: fixed;
  padding-top: 140px;
  padding-bottom: 60px;
  display: block;
}

.div-block-70 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-nav-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  height: 100px;
  margin-bottom: 50px;
  padding-left: 50px;
  display: flex;
  left: 0;
}

.hero-nav-arrow.right-arrow {
  align-items: flex-end;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 85px;
  left: 25%;
}

.hero-nav-arrow.left-arrow {
  color: #081158;
}

.hero-slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.hero-slider-image-2 {
  object-fit: contain;
  object-position: 50% 0%;
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.hero-slider-image-wrap-2 {
  background-color: #0000;
  border-radius: 10px;
  width: 100%;
  height: 700px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.arrow-nav {
  background-color: #08115833;
  border: 1px solid #eef0f4;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  transition: padding .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.arrow-nav:hover {
  padding-left: 10px;
}

.arrow-nav.left-arrow {
  color: #fff;
  border-color: #eef0f4;
}

.arrow-nav.left-arrow:hover {
  padding-left: 0;
  padding-right: 10px;
}

.container-17 {
  z-index: 2;
  width: 95%;
  max-width: 1450px;
  position: relative;
}

.slide-nav {
  margin-top: 50px;
  font-size: 8px;
  display: none;
  top: 100%;
}

.hero-slider-content-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.image-10 {
  color: #eef0f4;
}

.hero-inner-div {
  box-shadow: none;
  opacity: 1;
  filter: blur() hue-rotate();
  background-color: #0000;
  border: 1px #525252;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.heading-div {
  opacity: 1;
  filter: none;
  color: var(--white-4);
  text-align: left;
  text-shadow: 0 0 6px #000;
  width: 90%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 90px;
  font-weight: 800;
  line-height: 75px;
}

.link-to-web-design {
  color: var(--white-3);
  text-decoration: none;
}

.link-to-web-design:hover {
  color: #b6b6b6;
}

.parallax-hero-2020-div, .parallax-hero-2020-div.portfolio {
  overflow: hidden;
}

.services-list-image-2 {
  clear: none;
  filter: saturate(200%);
  width: 40px;
  margin-top: 5px;
}

.text-span-12 {
  color: red;
  text-shadow: 1px 1px 1px #000;
  font-size: 30px;
  font-weight: 800;
}

.text-span-12.blue {
  color: #09f;
}

.text-span-12.green {
  color: #37ff00;
}

.google-reviews-div {
  background-color: var(--white-4);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 40px;
  display: flex;
}

.google-reviews-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.google-reviews-code-embed {
  margin-top: 20px;
  margin-bottom: 10px;
}

.google-reviews-div-2 {
  background-color: var(--white-4);
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.container-18 {
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-71 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.image-11 {
  opacity: 1;
  width: 50%;
}

.container-19 {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.html-embed-4 {
  background-color: var(--white-4);
  width: 80%;
}

.div-block-72 {
  background-color: var(--white-4);
}

.video-section-promo {
  padding-top: 53px;
  padding-bottom: 50px;
}

.titles-promo {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.film-profile {
  color: var(--dodger-blue-2);
  font-size: 18px;
  font-weight: 700;
}

.film-profile.new-red {
  color: var(--crimson);
}

.film-profile.new-green {
  color: var(--lime);
}

.film-format-container {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 50px;
  display: flex;
}

.image-12 {
  opacity: 1;
  filter: saturate(200%) hue-rotate(100deg);
}

.youtube-divs-2 {
  text-align: left;
  background-color: #0000;
  border: 1px #000;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  display: block;
}

.wedding-embed-2 {
  background-color: var(--black);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.image-13 {
  float: none;
  clear: none;
  background-color: #0000;
  width: 42%;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  display: block;
  position: relative;
  top: 0;
  transform: rotate(-5deg);
}

.navigation-link-3 {
  color: #000;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-3:hover {
  color: red;
}

.navigation-link-3.w--current {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navigation-link-3.w--current:hover {
  color: #de2828;
}

.navigation-link-3.hp-nav {
  color: #fff;
}

.icon-6 {
  color: #fff;
  margin-right: 5px;
}

.icon-6:hover {
  color: #004eff;
}

.text-block-79 {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-79:hover {
  color: #de2828;
}

.text-block-79.hp-nav {
  color: #fff;
}

.navigation-3 {
  z-index: 2001;
  background-color: #0000;
  border-bottom: 1px #4455671c;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-top: 5px;
  padding-left: 3%;
  padding-right: 3%;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.background-video-2 {
  height: 100vh;
  min-height: 700px;
  padding-top: 40px;
}

.dropdown-toggle-3 {
  padding: 5px 26px 5px 12px;
  transition: all .2s;
}

.dropdown-toggle-3:hover {
  color: #de2828;
}

.text-block-80 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.text-block-80:hover {
  color: #de2828;
}

.columns-11 {
  padding: 10px 15px 20px;
}

.video-5 {
  z-index: 0;
  opacity: 1;
  background-color: #000;
  border: 1px solid #000;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.under-shadow-2 {
  z-index: 0;
  background-color: #fffdfd;
  border: 1px #000;
  width: 100%;
  height: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: none;
  position: relative;
  inset: 0;
}

.columns-12 {
  width: 160%;
}

.sidescroll-div-2022, .div-block-73 {
  overflow: hidden;
}

.new-hero-2022 {
  background-image: url('../images/DM4U-FLYER-HERO-2022-Crop-2000px.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  height: 40vh;
  min-height: 200px;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.div-block-74 {
  overflow: hidden;
}

.background-video-3 {
  justify-content: center;
  align-items: center;
  height: 75vh;
  min-height: 650px;
  display: flex;
}

.robot-fly-in {
  text-shadow: -1px -1px 4px #000;
  font-family: Unica One, sans-serif;
  font-size: 9vw;
  font-weight: 400;
}

.google {
  color: var(--crimson);
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
}

.google.fb-blue {
  color: var(--blue);
}

.youtube {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
}

.emphasis {
  color: var(--blue-bright-2020);
  font-size: 26px;
  font-weight: 700;
}

.contact-new-button {
  background-color: var(--blue-bright-2020);
  color: var(--white-smoke);
  border-radius: 30px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 0 5px #00000082;
}

.app-navbar {
  z-index: 1001;
  border-top: 1px solid #0003;
  width: 100%;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.columns-13 {
  background-color: #fff;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-14 {
  padding: 5px;
}

.inviz-link-app-nav, .inviz-link-app-nav.w--current {
  display: none;
}

.app-empty-div-75px {
  height: 75px;
}

.little-text-hero {
  color: var(--black);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.only-hp {
  border-bottom: 5px solid var(--blue-bright-2020);
  color: var(--blue-bright-2020);
  font-size: 26px;
  font-weight: 800;
}

.background-video-4 {
  height: auto;
  min-height: 100vh;
  padding-top: 10px;
  padding-bottom: 40px;
}

.column-36 {
  transition: opacity .5s;
}

html.w-mod-js [data-ix="left-load"], html.w-mod-js [data-ix="left-load-2"], html.w-mod-js [data-ix="left-load-3"], html.w-mod-js [data-ix="left-load-4"], html.w-mod-js [data-ix="left-load-5"], html.w-mod-js [data-ix="left-load-6"], html.w-mod-js [data-ix="left-load-7"], html.w-mod-js [data-ix="left-load-8"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="grow-load-bg"] {
  opacity: 0;
  transform: translate(0);
}

html.w-mod-js [data-ix="displat-none"] {
  display: none;
}

html.w-mod-js [data-ix="hide-footer"] {
  display: none;
  transform: translate(0, 400px);
}

html.w-mod-js [data-ix="close-text"] {
  opacity: 0;
  transform: translate(-20px);
}

html.w-mod-js [data-ix="display-none-on-load"] {
  display: none;
}

html.w-mod-js [data-ix="nav-bar-load"] {
  opacity: 0;
  transform: translate(0, -90px);
}

html.w-mod-js [data-ix="arrow-load"] {
  opacity: 0;
  transform: translate(-80px);
}

html.w-mod-js [data-ix="arrow-load-2"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="fade-heaging"], html.w-mod-js [data-ix="fade-heaging-19"], html.w-mod-js [data-ix="fade-heaging-2"] {
  opacity: 0;
  transform: translate(0, -30px);
}

html.w-mod-js [data-ix="fade-heaging-3"], html.w-mod-js [data-ix="fade-heaging-4"], html.w-mod-js [data-ix="fade-heaging-5"] {
  opacity: 0;
  transform: translate(0);
}

html.w-mod-js [data-ix="fade-heaging-6"] {
  opacity: 0;
  transform: translate(50px);
}

html.w-mod-js [data-ix="fade-heaging-7"], html.w-mod-js [data-ix="fade-heaging-12"], html.w-mod-js [data-ix="fade-heaging-15"], html.w-mod-js [data-ix="fade-heaging-16"], html.w-mod-js [data-ix="fade-heaging-17"], html.w-mod-js [data-ix="fade-heaging-18"], html.w-mod-js [data-ix="fade-heaging-13"], html.w-mod-js [data-ix="fade-heaging-14"], html.w-mod-js [data-ix="fade-heaging-10"], html.w-mod-js [data-ix="fade-heaging-11"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="scale-on-scroll"], html.w-mod-js [data-ix="scale-on-scroll-2"], html.w-mod-js [data-ix="scale-on-scroll-3"], html.w-mod-js [data-ix="scale-on-scroll-4"], html.w-mod-js [data-ix="scale-on-scroll-5"], html.w-mod-js [data-ix="scale-on-scroll-6"] {
  opacity: 0;
  transform: scale(.79);
}

html.w-mod-js [data-ix="scroll-from-right"] {
  opacity: 0;
  transform: translate(30px);
}

html.w-mod-js [data-ix="scroll-from-right-2"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="spin-and-size"] {
  opacity: 0;
  transform: scale(.53)rotate(-360deg);
}

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

html.w-mod-js [data-ix="spin-and-size-2"] {
  opacity: 0;
  transform: scale(.53)rotate(-360deg);
}

html.w-mod-js [data-ix="spin-and-size-3"] {
  opacity: 0;
  transform: rotate(-360deg);
}

html.w-mod-js [data-ix="spin-and-size-4"], html.w-mod-js [data-ix="spin-and-size-5"] {
  opacity: 0;
  transform: scale(.53)rotate(-360deg);
}

html.w-mod-js [data-ix="icon-rotate-in"] {
  opacity: 0;
  transform: rotate(75deg);
}

html.w-mod-js [data-ix="icon-move-from-right"] {
  opacity: 0;
  transform: translate(100px, -100px);
}

html.w-mod-js [data-ix="star-rshooting"] {
  opacity: 0;
  transform: translate(-500px)scale(.5);
}

html.w-mod-js [data-ix="star-rshooting-2"] {
  opacity: 0;
  transform: translate(-500px, -200px)scale(.5);
}

html.w-mod-js [data-ix="star-rshooting-3"] {
  opacity: 0;
  transform: translate(500px, 200px)scale(.5);
}

html.w-mod-js [data-ix="star-appearing"], html.w-mod-js [data-ix="star-appearing-2"] {
  opacity: 0;
  transform: scale(.1);
}

html.w-mod-js [data-ix="star-coming-back"] {
  opacity: 0;
  transform: translate(850px, 152px);
}

html.w-mod-js [data-ix="fade-heaging-8"] {
  opacity: 0;
  transform: translate(0, -30px);
}

html.w-mod-js [data-ix="scroll-from-right-3"] {
  opacity: 0;
  transform: translate(150px);
}

html.w-mod-js [data-ix="scroll-from-right-4"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="social-move-down"] {
  opacity: 1;
}

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

html.w-mod-js [data-ix="scroll-from-right-5"] {
  opacity: 0;
  transform: translate(150px);
}

html.w-mod-js [data-ix="fade-heaging-9"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="shrink-on-load"] {
  opacity: 1;
  transform: scale(1.2);
}

html.w-mod-js [data-ix="drone-moving-across"] {
  opacity: 1;
}

html.w-mod-js [data-ix="transparent-on-load"] {
  opacity: 0;
}

html.w-mod-js [data-ix="title-rotate"], html.w-mod-js [data-ix="title-rotate-6"], html.w-mod-js [data-ix="title-rotate-2"], html.w-mod-js [data-ix="title-rotate-5"], html.w-mod-js [data-ix="title-rotate-4"] {
  opacity: 0;
  transform: rotateX(90deg)rotateY(0)rotateZ(0);
}

html.w-mod-js [data-ix="phantom-rotate-left"], html.w-mod-js [data-ix="up-disappear"] {
  opacity: 1;
}

html.w-mod-js [data-ix="title-rotate-3"] {
  opacity: 0;
  transform: rotateX(90deg)rotateY(0)rotateZ(0);
}

html.w-mod-js [data-ix="fade-in-button"] {
  opacity: 0;
}

html.w-mod-js [data-ix="logomove-up-on-load"], html.w-mod-js [data-ix="logomove-up-on-load-2"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="rotate-scroll"] {
  opacity: 0;
  transform: rotateX(-77deg)rotateY(33deg)rotateZ(0);
}

html.w-mod-js [data-ix="fade-on-loadlogo"] {
  opacity: 0;
  transform: scale(.2);
}

html.w-mod-js [data-ix="hero-images-movement"] {
  opacity: 0;
  transform: translate(0, -100px);
}

html.w-mod-js [data-ix="slider-new-anni"] {
  opacity: 0;
  transform: scale(.1);
}

html.w-mod-js [data-ix="pics-loading-up"], html.w-mod-js [data-ix="pics-loading-up-3"], html.w-mod-js [data-ix="pics-loading-up-2"] {
  opacity: 0;
  transform: translate(0, 15px);
}

html.w-mod-js [data-ix="move-text-down-on-service-pic"] {
  opacity: 1;
}

html.w-mod-js [data-ix="car-from-left"] {
  opacity: 0;
  transform: translate(-65px);
}

html.w-mod-js [data-ix="car-from-right"] {
  opacity: .02;
  transform: translate(65px);
}

html.w-mod-js [data-ix="fade-in-on-load"], html.w-mod-js [data-ix="fade-in-on-load-6"], html.w-mod-js [data-ix="fade-in-on-load-7"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="mockup-fade-in"], html.w-mod-js [data-ix="mockup-fade-in-2"], html.w-mod-js [data-ix="mockup-fade-in-3"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="mockup-move"] {
  transform: translate(50px);
}

html.w-mod-js [data-ix="fade-in-salon-nav"] {
  opacity: 0;
}

html.w-mod-js [data-ix="card-move-up-5"], html.w-mod-js [data-ix="card-move-up-6"], html.w-mod-js [data-ix="card-move-up-7"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="skew-load-hp"] {
  transform: skewX(-43deg)skewY(0);
}

@media screen and (min-width: 1280px) {
  .branging-logo.hp {
    overflow: hidden;
  }

  .images-clients._2.port.garden {
    object-fit: fill;
  }

  .caa-image._2.logo.drone {
    border-right-width: 0;
  }

  .project-text {
    color: var(--white-4);
    text-shadow: 1px 1px 3px #000;
  }

  .image.trans {
    width: 60%;
  }

  .image-5.hero-hp.we-promise {
    width: auto;
  }

  .column-left-hp {
    left: 1px;
  }

  .columnn-right-hp {
    left: -1px;
  }

  .navigation-2.trans {
    position: static;
  }

  .video-5 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-12 {
    width: 150%;
  }

  .new-hero-2022 {
    height: 40vh;
    min-height: 200px;
  }

  .background-video-3 {
    height: 85vh;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 23px;
  }

  h5 {
    font-size: 12px;
    font-weight: 300;
  }

  p {
    text-align: left;
    font-size: 15px;
  }

  .button.price.slider-button {
    margin-top: 15px;
  }

  .button.price.slider-button.process.process-button.for-white-bg {
    margin-top: 590px;
  }

  .button.price.slider-button.slide-1-hp {
    margin-top: 15px;
  }

  .button.wh {
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
    display: block;
    right: 5px;
  }

  .button.wh.contact-link.videos.whats-this {
    top: 620px;
  }

  .nav-menu {
    z-index: 3;
    background-color: #0000;
    border: 1px #000;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: block;
    position: absolute;
  }

  .nav-link {
    color: var(--white-smoke);
    background-color: #000000b3;
    border: 2px dotted #09f;
    border-radius: 0;
    max-width: 100%;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px;
    display: block;
  }

  .nav-link:hover {
    background-color: #000;
    background-image: radial-gradient(circle, #000 41%, #09f);
    border: 2px dotted #09f;
    padding-bottom: 10px;
    line-height: 26px;
  }

  .nav-link.w--current {
    background-color: #000000b3;
    border: 1px dotted #09f;
    width: auto;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    display: block;
  }

  .nav-link.w--current:hover {
    padding-top: 10px;
  }

  .nav-link.social-line {
    color: var(--white-smoke);
  }

  .navigation-container {
    width: 95%;
    height: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .header {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 50px;
    padding-bottom: 0;
  }

  .header.homepage {
    z-index: 1001;
    background-color: #0000;
    height: 77px;
    position: relative;
  }

  .header.homepage.hp-new {
    width: 100%;
    margin-bottom: 0;
  }

  .header-contact {
    display: none;
  }

  .section.services-hp.services-2 {
    padding-top: 20px;
  }

  .scroll-header {
    display: none;
  }

  .hamburger {
    z-index: 1000;
    color: var(--black);
    background-color: #0000;
    border-style: none;
    height: 50px;
    margin-top: 0;
    padding: 0 14px;
    font-size: 27px;
    top: 10px;
    bottom: 0;
    right: 300px;
  }

  .hamburger.w--open {
    background-color: #0000;
  }

  .arrow {
    margin-left: 0;
  }

  .vertical {
    color: #428bc7;
  }

  .slide-2 {
    padding-top: 0;
  }

  .uppercas {
    margin-left: 50px;
    padding-top: 0;
    text-decoration: none;
    display: block;
  }

  .uppercas.white.portfolio {
    font-size: 28px;
  }

  .uppercas.plus-2.hp._2 {
    font-size: 30px;
  }

  .uppercas.plus-2.hp._2.team {
    width: 70%;
  }

  .uppercas.hp {
    color: #232a31cc;
    margin-left: 0;
    font-size: 19px;
    font-weight: 400;
  }

  .uppercas.hp.mobile {
    text-align: center;
    font-size: 20px;
  }

  .uppercas.hp.youtubes {
    font-size: 20px;
  }

  .uppercas.hp.youtubes.services.wedding-text.bottom, .uppercas.hp.youtubes.services.wedding-text._2, .uppercas.hp.youtubes.services.wedding-text._2 {
    font-size: 14px;
  }

  .uppercas.hp.hp-centred {
    width: 77%;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
  }

  .hero-div {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
  }

  .hero-text, .hero-text.caa {
    font-size: 20px;
  }

  .hero-text.caa.websites {
    font-size: 65px;
  }

  .hero-text.caa.slider-caa {
    width: 91%;
    padding-top: 80px;
    line-height: 30px;
  }

  .hero-text.caa.slider-caa.caa.caa-slide {
    width: 75%;
    padding-top: 25px;
  }

  .hero-text.caa.slider-caa.mapping {
    width: 90%;
    padding-top: 81px;
    font-size: 26px;
    line-height: 42px;
  }

  .hero-text.caa.caa-2 {
    font-size: 20px;
  }

  .column-wrapper {
    box-shadow: none;
  }

  .clients-photo, .clients-photo._2 {
    width: 150px;
    height: 100px;
  }

  .clients-photo._3 {
    background-image: url('../images/TICK-BLUE.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 100px;
  }

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

  .clients-text.testimonial {
    font-size: 16px;
    line-height: 25px;
  }

  .cliets-section {
    background-position: 61%;
  }

  .cliets-section.hp {
    background-image: url('../images/avatar-2155431_1920.png');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 100px;
  }

  .cliets-section.hp.hp-new {
    background-image: linear-gradient(to bottom, null, null), url('../images/photo5.jpg');
    background-position: 0 0, 50%;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .braning-hover.hp-pics {
    margin-bottom: 0;
  }

  .braning-hover.hp {
    margin-top: 0;
  }

  .name-staff {
    line-height: 70px;
  }

  .name-staff.google {
    margin-top: 20px;
  }

  .team-work {
    font-size: 30px;
    line-height: 40px;
  }

  .section-help {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .catergory-text {
    font-size: 14px;
  }

  .pricing_price {
    background-image: none;
    height: 250px;
  }

  .pricing_price._2 {
    background-position: 50% 150%;
    background-size: contain;
    height: 250px;
  }

  .pricing_price._2:hover {
    background-position: 50% 150%;
    background-size: contain;
  }

  .pricing_price._2.sevices {
    background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #0000 30%, #075386 80%);
    background-position: 50% 127%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .pricing_price._2.sevices:hover {
    background-position: 50% 143%, 0 0;
    background-size: contain, auto;
  }

  .pricing_price._3, .pricing_price._3.services, .pricing_price._3.services.promo, .pricing_price._3.services.promo, .pricing_price._3.aerial-pic {
    height: 250px;
  }

  .pricing_price.promo {
    background-image: url('../images/PANDA-CROSS-HERO.jpg'), url('../images/project-3.jpg');
    background-position: 50%, 77%;
    background-repeat: repeat, no-repeat;
    background-size: 900px, cover;
    height: 250px;
  }

  .pricing_price.promo:hover {
    background-position: 50%;
  }

  .pricing_price.promo-2 {
    background-image: url('../images/Aerial-view-of-bay1600x900.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
  }

  .pricing_price.promo-2:hover {
    background-position: 50%;
    background-size: cover;
  }

  .pricing_price.promo-3 {
    background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
  }

  .pricing_price.promo-3:hover {
    background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .pricing_price.services-pics {
    height: 250px;
  }

  .circle_prize {
    width: auto;
    height: 174px;
  }

  .pricing.top-text {
    font-size: 20px;
  }

  .column_features {
    float: left;
    padding-left: 0;
  }

  .mascot {
    left: 8px;
    right: 18px;
  }

  .text-slider {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    top: 0;
    overflow: hidden;
  }

  .big-text {
    color: #0000;
    text-shadow: none;
    width: 758px;
    font-size: 50px;
  }

  .big-text.team {
    text-shadow: 3px 0 #09f;
  }

  .medium-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .medium-text.title.hp._2 {
    width: 95%;
    margin-top: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .medium-text.title.hp._2._360 {
    font-size: 18px;
  }

  .medium-text.title.hp._2.slider-hp {
    margin-top: 200px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue {
    text-align: center;
    width: 74%;
    padding-top: 20px;
    font-size: 30px;
    line-height: 50px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.process {
    line-height: 60px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new {
    font-size: 42px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.annis {
    width: 85%;
    font-size: 28px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.customer-big-text {
    font-size: 55px;
  }

  .medium-text.subtitle._2 {
    padding-top: 40px;
    font-size: 14px;
  }

  .medium-text.subtitle._2._360-container {
    padding-top: 0;
    font-size: 18px;
  }

  .medium-text.subtitle._2.pics-text-para.hp {
    margin-top: 50px;
  }

  .medium-text.subtitle._2.pics-text-para.new {
    padding-top: 10px;
    font-size: 20px;
  }

  .medium-text.subtitle._2.pics-text-para.new.process {
    font-size: 16px;
    line-height: 35px;
  }

  .fun-fact-one {
    color: #d1cbcb;
    font-weight: 300;
  }

  .text-bottom-of-testimonials {
    font-size: 12px;
    line-height: 10px;
  }

  .thalco-pic {
    box-shadow: none;
    transform: none;
  }

  .set-left {
    font-family: Lato, sans-serif;
    font-size: 16px;
  }

  .homepage-padding {
    box-shadow: none;
    color: #818181;
    margin-top: 0;
    padding-top: 0;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    line-height: 30px;
  }

  .images-clients._1 {
    margin-bottom: 0;
  }

  .images-clients._3.port.house.hp.frame {
    width: 90%;
  }

  .faqs {
    margin-left: 50px;
  }

  .margins {
    margin-left: 20px;
    margin-right: 20px;
  }

  .homepage-slider.text-3 {
    text-align: center;
  }

  .trust-image {
    width: 300px;
    height: 400px;
  }

  .paintbtush.icon {
    height: auto;
  }

  .icon-homepage {
    width: 300px;
    height: 150px;
    margin-top: 20px;
    margin-right: auto;
  }

  .extra._1 {
    width: 80%;
    font-size: 22px;
  }

  .extra._1.youtubes {
    letter-spacing: 1px;
    width: 95%;
    font-size: 18px;
    line-height: 30px;
  }

  .extra._1.highest-text {
    letter-spacing: 1px;
    border-style: none;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
  }

  .extra._1.highest-text.top {
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .bio {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .tablet {
    color: #818181;
    font-size: 20px;
  }

  .tablet.services-underline {
    font-family: Open Sans Condensed, sans-serif;
  }

  .tablet.services-underline.hp.hp-text {
    width: 100%;
  }

  .blog-text {
    border-width: 0;
  }

  .facebook-icon.social-page, .twitter-icon.social-page {
    margin-top: 20px;
  }

  .section-2-guarantee {
    background-color: #000;
    background-image: linear-gradient(#00000040, #00000040), url('../images/ROADHEAD-HANGAR-SHOTHERO-IMAGE-1800x-3.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .services-text {
    margin-left: 80px;
    font-size: 21px;
    line-height: 30px;
  }

  .ecommerce-pic {
    height: 370px;
  }

  .extra-1._2 {
    width: 80%;
    padding-bottom: 60px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
  }

  .extra-1._2.prices {
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 30px;
  }

  .extra-1._2.prices.slider-hp {
    text-align: center;
    letter-spacing: 14px;
    width: 95%;
    margin-top: 100px;
    font-size: 40px;
    line-height: 50px;
  }

  .extra-1._2.prices.slider-hp.white-text, .extra-1._2.prices.slider-hp.low-level {
    margin-top: 200px;
  }

  .footer-icon-section {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-images-text-block {
    margin-left: auto;
  }

  .promo-video {
    width: 90%;
    margin-top: 0;
    margin-right: auto;
  }

  .divider-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .drone-image {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    display: block;
  }

  .under-shadow {
    height: 20px;
    margin-top: 0;
  }

  .under-shadow.hp-video.top-hp.flashy.hp {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .under-shadow._360 {
    height: 30px;
  }

  .video-hero-hp {
    width: 600px;
    margin-top: 400px;
    position: relative;
    overflow: hidden;
  }

  .categories {
    color: #000000b3;
    font-family: Lato, sans-serif;
    font-size: 20px;
  }

  .link-text.footer-link.new {
    font-size: 35px;
  }

  .video-hero-div {
    width: 100%;
    height: auto;
  }

  .team-div-hp {
    width: 100%;
  }

  .above-footer-div-block {
    padding-bottom: 30px;
  }

  .column-2 {
    padding-top: 0;
  }

  .text.portfolio-hero {
    width: 60%;
  }

  .flashy-link-text.sky-high-copyright.team {
    width: 75%;
  }

  .bg-vid-test {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur.jpg'), url('../images/BEWCASTLE-FORTJPG.jpg');
    background-position: -523px 0, 50%;
    width: 100%;
  }

  .bg-vid-test.portfolio {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .youtube-div {
    width: 100%;
    padding-top: 0;
  }

  .rows-youtubes {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .video-1 {
    width: 100%;
  }

  .autologic-text-title {
    line-height: 40px;
  }

  .autologic-text-title.hp {
    width: auto;
  }

  .autologic-text-title.hp.autopilot {
    text-align: center;
  }

  .autologic-text-title.hp.autopilot.portfolio._360-view {
    margin-top: 49px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.bg-image {
    font-size: 31px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.possible {
    background-position: 50% 26%;
    background-size: contain;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.possible {
    margin-top: 10px;
  }

  .autologic-text-title.hp.autopilot._2 {
    margin-top: 0;
  }

  .autologic-text-title.hp.autopilot._2.showreel-margin {
    margin-top: 20px;
  }

  .autologic-text-title.hp.autopilot.portfolio {
    margin-top: 0;
    font-size: 33px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new {
    font-size: 33px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.before {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .autologic-text-title.hp.flashy {
    letter-spacing: 1px;
    border-bottom-style: none;
    width: 70%;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
  }

  .autologic-text-title.hp.flashy.hp-text-extra {
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 30px;
  }

  .autologic-text-title.summary {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
  }

  .div-block-new-services {
    width: 70%;
  }

  .services-div-hp {
    width: 98%;
  }

  .pricing-row.hp-hero-columns {
    margin-top: 30px;
  }

  .services-more {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .services-more.hp {
    background-image: linear-gradient(#0000, #0000), url('../images/AWESOME-FOR-HERO-1800x-800.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .video-bg {
    height: auto;
    min-height: 0;
  }

  .bg-vid {
    height: auto;
  }

  .in-port-top-bg-vid {
    width: 80%;
  }

  .vid-div-port {
    width: 70%;
  }

  .vid-div-port.bottom {
    width: 90%;
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .vid-div-port.top {
    width: 85%;
    padding-bottom: 0;
  }

  .bg-vid-hp {
    background-image: linear-gradient(#00000080, #00000080);
    height: 250px;
  }

  .caa-image._2.logo {
    width: auto;
  }

  .new-hp-top-div {
    margin-top: 0;
  }

  .new-slider-top-hp {
    background-color: #fffdfd;
  }

  .slide-1 {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur1800x1000.jpg');
    background-position: 27%;
    background-repeat: repeat;
    background-size: cover;
    min-height: auto;
  }

  .slide-2-hp-slider {
    background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER--Blur-1800x-1000.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    min-height: auto;
  }

  .slide-3-hp-top {
    background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
    background-position: 0;
    background-repeat: repeat;
    background-size: cover;
    min-height: auto;
  }

  .mask-for-slider {
    background-color: #0000;
    height: 650px;
    min-height: 650px;
  }

  .menu-text {
    color: var(--black);
    margin-top: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
  }

  .text-2nd-slide {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .title-vid-portfolio {
    text-align: center;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-process-page {
    background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture.jpg');
    background-position: -228px;
    background-size: cover;
    background-attachment: fixed;
  }

  .hero-process-page.prices {
    min-height: 500px;
  }

  .hero-process-page.prices.process._2 {
    background-image: linear-gradient(to bottom, null, null), url('../images/Mapping-experiment-of-property-1.jpg');
    background-position: 0 0, 2%;
  }

  .hero-process-page.prices.prices-div {
    background-position: 50%, 50% 0;
  }

  .hero-container-new {
    padding-left: 0;
    padding-right: 0;
  }

  .form-div {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur.jpg'), url('../images/PICTURE-OF-CLOUDSSLEETBECK-FOREST-2205161600x800.jpg');
    background-position: 50%, 50%;
    background-size: cover, cover;
  }

  .text-slide-2 {
    margin-top: 0;
  }

  .highlighted-text {
    font-size: 20px;
  }

  .hp-image-mini-hero {
    width: 78%;
    margin-top: 80px;
  }

  .company-info-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-div.fws {
    padding-bottom: 0;
  }

  .icon-image.fws-icon {
    width: 400px;
  }

  .flashy-div-2 {
    padding-bottom: 50px;
  }

  .process-image {
    margin-top: 0;
  }

  .contact-div-1 {
    padding-top: 20px;
  }

  .contact-heading {
    width: 80%;
    margin-top: 0;
    font-size: 50px;
  }

  .contact-heading.caa {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
    line-height: 30px;
  }

  .portfolio-div {
    background-position: 0 0, -148px;
    min-height: 700px;
  }

  .row-on-portfolio-new.hp-pics.new {
    padding-top: 0;
  }

  .text-above-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .text-above-video.room-survey {
    width: 70%;
    font-size: 13px;
    line-height: 24px;
  }

  .text-above-video.room-survey.oblong {
    font-size: 16px;
  }

  .text-above-video.room-survey.oblong.portfolio {
    font-weight: 300;
  }

  .text-above-video.room-survey.oblong.portfolio._2 {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 15px;
  }

  .text-above-video.room-survey.oblong.portfolio._2.bottom {
    font-size: 13px;
  }

  .text-oblong-under-small-pics {
    height: auto;
    margin-bottom: 0;
    top: 0;
  }

  .text-oblong-under-small-pics.hp {
    margin-bottom: 0;
  }

  .prices-element-div {
    text-align: center;
    width: 90%;
  }

  .prices-table-title-text {
    text-align: center;
  }

  .prices-table-title-text.list.title {
    font-size: 28px;
  }

  .prices-table-title-text.extras.asterisk {
    font-size: 12px;
  }

  .line-div {
    margin-top: 100px;
  }

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

  .image-hp-top-bar-title {
    width: 300px;
  }

  .image-hp-top-bar-title.right-top {
    width: 380px;
    margin-top: 0;
    position: absolute;
    left: 0;
  }

  .mob-icon {
    background-color: var(--white-4);
    color: var(--black);
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
  }

  .hero-link-blocks {
    height: 500px;
  }

  .hero-link-blocks.video-hp {
    height: 470px;
  }

  .hero-link-blocks.video-hp.portfolio {
    height: 1000px;
  }

  .hero-link-blocks.vid-link {
    height: 470px;
  }

  .hero-link-blocks.vid-link.portfolio {
    height: 1000px;
  }

  .hero-link-blocks.websites-link {
    background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #000, #de2828 84%);
    background-position: 50% 37%, 0 0;
    background-repeat: repeat, repeat;
    background-size: cover, auto;
    height: 470px;
  }

  .hero-link-blocks.websites-link.portfolio {
    background-position: 51%;
    height: 1000px;
  }

  .flex-image-hero {
    height: 90px;
  }

  .flex-image-hero._1 {
    width: 80%;
    height: 350px;
  }

  .estate-agency-div {
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    display: block;
  }

  .estate-agent-image {
    width: 100%;
    min-width: 2px;
  }

  .image-div-port {
    width: 90%;
  }

  .image-div-text-block {
    padding-top: 0;
    padding-bottom: 0;
  }

  .separator-div.hp._360-view {
    margin-top: 140px;
    padding-bottom: 50px;
  }

  .separator-div.hp._360-view.social-page {
    padding-bottom: 5px;
  }

  .separator-div.hp._360-view.new.hp-margin {
    padding-bottom: 20px;
  }

  .separator-div.hp._360-view.process, .separator-div.hp._360-view.process-new {
    padding-bottom: 30px;
  }

  .separator-div.hp._360-view.process-new-2 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .separator-div.hp._360-view.prices, .separator-div.hp._360-view.contact {
    padding-bottom: 30px;
  }

  .separator-div.hp._360-view.contact.seo {
    padding-bottom: 20px;
  }

  .raggy-bg {
    width: 100%;
    height: 560px;
    margin-bottom: 40px;
  }

  .raggy-bg.portfolio {
    height: 550px;
  }

  .raggy-youtube-div {
    width: 600px;
  }

  .slide-4 {
    background-color: #0000;
    background-position: 50% 52%;
  }

  .slide-5 {
    background-size: 700px;
  }

  .services-list-image {
    margin-top: 0;
  }

  .welcome-div {
    width: 100%;
    padding-top: 10px;
  }

  .welcome-div-2-new {
    padding-top: 0;
  }

  .drone-vid-element {
    height: 650px;
    min-height: 2px;
  }

  .portfolio-vid-div-in-div {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .logo-image.gear {
    width: 100px;
  }

  .image-div {
    width: 70%;
  }

  .image {
    float: none;
    width: 70%;
  }

  .image.trans {
    width: 90%;
  }

  .top-title-image {
    float: none;
    text-align: left;
    width: 359px;
    padding-top: 10px;
    position: relative;
    top: 10px;
  }

  .top-title-image.new {
    width: 500px;
    top: 15px;
  }

  .top-title-embed {
    padding-top: 10px;
    position: static;
  }

  .caa-and-hiscox-div {
    padding-top: 0;
  }

  .photo-album-title-div {
    width: 90%;
  }

  .photo-album-container {
    padding-bottom: 10px;
  }

  .wedding-embed-div {
    width: 96%;
    padding-left: 0;
    padding-right: 0;
  }

  .wedding-embed-div.portfolio {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hp-text-div {
    padding-top: 0;
  }

  .facebook-para {
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .facebook-inner-div {
    width: 95%;
  }

  .facebook-feed-inner-div {
    width: 98%;
    padding-top: 100px;
  }

  .facebook-row {
    width: 95%;
  }

  ._360-container-slide {
    margin-top: 110px;
  }

  .column-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-2-hp-div {
    background-image: linear-gradient(#fffdfd99, #fffdfd99), url('../images/Services-graphic-2020.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-5 {
    background-image: linear-gradient(to bottom, var(--white-3), var(--white-3)), url('../images/Web-design-transparency-600x400.png');
    background-position: 0 0, 100%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .dropdown-toggle {
    width: 100%;
    padding: 10px 40px 10px 20px;
  }

  .dropdown {
    background-color: #000;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-12 {
    background-color: #fffdfd;
  }

  .column-5 {
    background-color: #000;
  }

  .portfolio-hero {
    background-position: 92%;
  }

  .portfolio-hero.portfolio-hero {
    background-position: 33%;
  }

  .portfolio-hero.services {
    background-image: url('../images/WINDMILL-HERO-STRAIGHT.jpg');
    background-position: 89%;
  }

  .portfolio-title {
    padding-top: 100px;
  }

  .social-row {
    padding-top: 5px;
  }

  .new-title-div-2017-august {
    margin-top: 0;
    padding-top: 0;
  }

  .background-video {
    background-image: linear-gradient(#0000001a, #0000001a);
    width: 100%;
  }

  .hero-container-for-text-annis {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
  }

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

  .div-block-20 {
    background-position: 50%;
    background-size: cover;
    height: auto;
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .column-26.hp {
    height: 400px;
  }

  .link-div-services {
    background-image: none;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .link-text-services {
    width: 60%;
  }

  .link-text-services.no-underline {
    width: 60%;
    font-size: 18px;
  }

  .link-text-services.no-underline.hp {
    margin-top: 50px;
    padding-bottom: 5px;
  }

  .services-row-1 {
    padding-top: 0;
    position: static;
    overflow: hidden;
  }

  .column-3-services.hp {
    background-size: cover;
    height: 400px;
  }

  .column.hp {
    background-position: 50%;
    background-size: cover;
    height: 400px;
    overflow: hidden;
  }

  .column._1-two.hp._2 {
    background-position: 50%;
  }

  .div-block-21 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-banner-image {
    padding-top: 18px;
    padding-bottom: 0;
  }

  .header-banner-image.middle {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .header-banner-image.image-1 {
    padding-top: 30px;
  }

  .header-banner {
    height: auto;
    margin-top: 0;
  }

  .menu-bars {
    border-bottom-style: none;
    border-bottom-width: 1px;
  }

  .link-block-hp {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-link {
    height: auto;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-bar-columns {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .div-block-29.rated {
    margin-bottom: 80px;
  }

  .demo-p.main {
    padding-right: 32px;
  }

  .instructions-wrapper {
    flex-wrap: nowrap;
    order: -1;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: 0;
    position: relative;
    top: 0%;
    left: -25px;
  }

  .d-64-card-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .demo-wrapper {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-top: 20px;
    margin-right: 0%;
  }

  .image-3 {
    margin-right: 0;
  }

  .d-56-card-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .d-56-section, .d-54-section {
    background-image: url('../images/background.svg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .d-54-card-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .demo-wrapper-2 {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-top: 20px;
    margin-right: 0%;
  }

  .instructions-wrapper-2 {
    flex-wrap: nowrap;
    order: -1;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 0;
    position: relative;
    top: 0%;
  }

  .d-31-card {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .demo-main-text-wrapper {
    width: 510px;
    margin-left: 18%;
    margin-right: auto;
  }

  .content-wrapper {
    flex-direction: column;
    margin-top: 150px;
    margin-bottom: 100px;
    padding-right: 0;
  }

  .d-20-btn-wrapper {
    margin-bottom: 100px;
    padding-top: 0;
  }

  .div-card-group {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .benefits-card-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-35 {
    padding-top: 5px;
  }

  .image-4 {
    width: 52%;
  }

  .homepage {
    width: 97%;
    font-size: 16px;
  }

  .jotform-div {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .jotform-div.hp {
    border-style: none;
    border-radius: 0;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 0;
    left: 0;
  }

  .pic-title-1 {
    font-size: 30px;
  }

  .pic-title-1.h2 {
    font-size: 25px;
  }

  .pic-title-1.h2.hp._1 {
    margin-top: 20px;
  }

  .form-div-adjustable.hp {
    padding-top: 50px;
  }

  .form-div-adjustable.contact {
    height: auto;
  }

  .video-hero-container.privacy {
    margin-top: 20px;
  }

  .white-div-hp {
    width: 100%;
  }

  .white-div-hp.title-new {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .white-div-hp.title-new.hero-new {
    padding: 5px 10px 40px;
  }

  .content-section-block.left {
    width: 100%;
  }

  .content-section-block.left.hero-hp {
    padding-top: 0;
  }

  .road-markings-caps {
    font-size: 55px;
  }

  .button-2 {
    margin-top: 5px;
    margin-bottom: 50px;
  }

  .button-2.strategy-button.hp-new {
    margin-left: auto;
    margin-right: auto;
  }

  .button-2.strategy-button.cancel {
    width: 90%;
    padding-left: 5px;
  }

  .button-2.strategy-button.title-new {
    text-align: center;
  }

  .overall-hero-title {
    font-size: 55px;
    line-height: 55px;
  }

  .image-5 {
    margin-top: 20px;
    padding-top: 20px;
  }

  .image-5.strat {
    min-width: auto;
    min-height: auto;
    padding-top: 10px;
  }

  .image-5.hero-hp {
    width: 95%;
    min-width: 550px;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
  }

  .image-5.hero-hp.social-page {
    width: 100%;
    padding-top: 20px;
    display: none;
  }

  .image-5.hero-hp.social-page.social {
    background-color: var(--white-3);
    filter: none;
    padding-top: 20px;
    display: block;
  }

  .image-5.hero-hp.social-page.seo-pic {
    filter: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .image-5.hero-hp.social-page.web-dev, .image-5.hero-hp.social-page.logo, .image-5.hero-hp.social-page.advertising {
    padding-top: 10px;
    display: block;
  }

  .image-5.hero-hp.we-promise {
    width: auto;
    min-width: auto;
    min-height: auto;
    padding-top: 10px;
  }

  .image-5.hero-hp.percentage {
    width: 64%;
    min-height: auto;
  }

  .image-5.hero-hp.contact-phone {
    width: 75%;
  }

  .image-5.hero-hp.web-design {
    padding-top: 10px;
  }

  .intro-paragraph {
    font-size: 15px;
    line-height: 25px;
  }

  .intro-paragraph.black {
    margin-right: 0;
    font-size: 15px;
    line-height: 30px;
  }

  .hero-block-overlay {
    padding: 170px 45px 140px;
  }

  .hero-block-overlay.business-2 {
    height: 65vh;
    padding: 80px 45px 10px;
  }

  .hero-block-overlay.business-2.privacy.dm4u-2019.terms {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .overall-hero-description {
    width: auto;
    font-size: 16px;
  }

  .container-10 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .container-10.peivacy {
    margin-top: 10px;
  }

  .full-hero-content-block {
    width: 100%;
    margin-bottom: 0;
  }

  .text-span-4 {
    font-size: 50px;
  }

  .column-27 {
    padding-left: 20px;
    padding-right: 5px;
  }

  .text-span-5 {
    font-size: 55px;
    line-height: 55px;
  }

  .section-title-wrapper {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-bottom: 20px;
    padding-right: 40px;
  }

  .section-title-wrapper.full.new {
    padding-top: 20px;
    font-size: 14px;
  }

  .yellow-secondary-caps {
    font-size: 35px;
  }

  .main-feature-title.new-title-hero-text.new-hero {
    padding-top: 0;
  }

  .main-feature-title.new-title-hero-text.new-hero.underline {
    padding-top: 40px;
  }

  .main-feature-title.new-title-hero-text.new-hero.underline.hp-big-text {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 38px;
  }

  .info-column-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
  }

  .info-column-right.responsive {
    padding: 0 0 0 40px;
    left: 30px;
  }

  .section-title {
    margin-bottom: 4px;
    font-size: 31px;
    line-height: 30px;
  }

  .home-mockup {
    top: -27px;
    left: -350px;
  }

  .home-mockup.ipad {
    top: 19px;
    left: 25px;
  }

  .home-mockup.iphone {
    top: 140px;
    left: 170px;
  }

  .container-11 {
    left: auto;
  }

  .section-3 {
    padding: 45px;
  }

  .section-3.overflow-none {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section-3.overflow-none.hp {
    padding-top: 220px;
  }

  .section-3.overflow-none.hp.new.hp-new {
    background-image: none;
    background-position: 0 0;
    width: auto;
    height: auto;
    padding: 57px 10px 60px;
  }

  .mobile-menu-link {
    font-size: 8vw;
    line-height: 8vw;
  }

  .burger-line {
    background-image: linear-gradient(to right, var(--dodger-blue-2), var(--dodger-blue-2));
  }

  .mobile-menu, .hamburger-button {
    display: flex;
  }

  .nav-container {
    justify-content: flex-start;
  }

  .global-nav-clear {
    justify-content: space-between;
  }

  .mobile-menu-background {
    background-image: linear-gradient(45deg, var(--dodger-blue), var(--dodger-blue-2));
  }

  .columns-2.div {
    width: 90%;
  }

  .hp-div-inside-wrapper-div {
    background-position: 25%;
  }

  .navbar-container {
    height: 50px;
  }

  .new-navbar.text-non-current {
    color: #0087d3;
    background-color: #000;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 0;
    display: block;
  }

  .new-navbar.text-non-current:hover {
    color: #000;
    background-color: #0087d3;
  }

  .new-navbar.text-non-current.w--current {
    color: #fff;
  }

  .new-navbar.menu {
    background-color: #0000;
    width: auto;
    min-width: auto;
    min-height: auto;
  }

  .new-navbar.section {
    z-index: 100;
    background-color: #000;
    width: 100%;
    min-width: 1px;
    height: 51px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    overflow: visible;
  }

  .mobile-menu-icon {
    color: #fff;
    font-size: 32px;
  }

  .right-box-text, .right-box-text.left-hand-text {
    font-size: 18px;
    line-height: 50px;
  }

  .mob-menu-button-new {
    height: 50px;
    padding-top: 10px;
  }

  .mob-menu-button-new:active {
    background-color: #0000;
  }

  .mob-menu-button-new.w--open {
    background-color: #0000;
    border: 2px #fff;
    border-radius: 0;
  }

  .mobile-menu-link-2 {
    font-size: 7vw;
    line-height: 8vw;
  }

  .mobile-menu-link-2.w--current {
    font-size: 7vw;
  }

  .global-nav-clear-2 {
    justify-content: space-between;
  }

  .long-feature-block-2.new {
    padding-right: 0;
  }

  .long-feature-block-2.new.contact-page {
    margin-bottom: 0;
  }

  .description-paragraph-2 {
    width: 90%;
  }

  .description-paragraph-2.strategy {
    font-size: 20px;
  }

  .bold-text-4.blue-title {
    font-size: 44px;
  }

  .bold-text-4.blue-title.hp-title {
    font-size: 55px;
    box-shadow: 0 30px 30px -26px #000;
  }

  .bold-text-4.blue-title.hp-title.s2 {
    font-size: 36px;
  }

  .long-feature-title-2 {
    width: 90%;
  }

  .long-feature-title-2.customer-text {
    width: 90%;
    font-size: 30px;
    line-height: 40px;
  }

  .long-feature-title-2.customer-text.web-design-text {
    font-size: 18px;
  }

  .long-feature-title-2.customer-text.hp-title-text {
    font-size: 26px;
    line-height: 40px;
  }

  .long-feature-title-2.new-title {
    font-size: 40px;
  }

  .section-title-2 {
    margin-bottom: 4px;
    font-size: 31px;
    font-weight: 400;
    line-height: 35px;
  }

  .section-title-2.top-title-text {
    color: var(--black);
    margin-left: 0;
    margin-right: 0;
    font-size: 52px;
    line-height: 55px;
  }

  .section-title-2.top-title-text.confirm.new-anni.new-one {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 31px;
  }

  .section-title-2.top-title-text.promo {
    font-size: 30px;
  }

  .home-mockup-2 {
    top: -27px;
    left: -350px;
  }

  .home-mockup-2.ipad {
    top: 19px;
    left: 25px;
  }

  .home-mockup-2.ipad.hp {
    top: 219px;
    left: -50px;
  }

  .home-mockup-2.hp.computer {
    top: 0;
    left: -170px;
  }

  .home-mockup-2.iphone {
    top: 140px;
    left: 170px;
  }

  .home-mockup-2.iphone.hp {
    top: 417px;
    left: 40px;
  }

  .div-inside-container-column {
    width: auto;
    margin-bottom: 30px;
    margin-left: 3px;
    margin-right: 3px;
  }

  .div-inside-container-column.services {
    margin-bottom: 5px;
  }

  .section-heading.centered {
    line-height: 47px;
  }

  .section-heading.centered.new {
    font-size: 30px;
  }

  .section-heading.centered.new.subtext {
    font-size: 50px;
    line-height: 70px;
  }

  .section-heading.centered.sales {
    font-size: 15px;
    line-height: 30px;
  }

  .icon-div-2 {
    width: 95%;
  }

  .text-span-6 {
    font-size: 16px;
    line-height: 35px;
  }

  .columns-3 {
    width: auto;
  }

  .ss-small {
    font-size: 18px;
    line-height: 25px;
  }

  .icon-div-bg.hp {
    margin-top: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-div-bg.hp.services {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .icon-div-bg.hp.services.bg-vid-div.hp-hero.new {
    padding-top: 30px;
  }

  .link-image {
    width: auto;
  }

  .app-bar-text {
    font-size: 18px;
  }

  .div-block-48 {
    margin-top: 48px;
  }

  .ssl-pic {
    margin-top: 25px;
  }

  .div-block-50 {
    padding-bottom: 5px;
  }

  .paragraph-5 {
    font-size: 15px;
  }

  .feature-icon.overall, .features-row {
    margin-top: 30px;
  }

  .feature-block {
    width: 90%;
  }

  .feature-block.wide {
    text-align: center;
    width: 91%;
    margin-top: 10px;
  }

  ._4-pics-div-hp {
    width: 100%;
  }

  ._4-pics-div-bg {
    padding-top: 10px;
  }

  .button-3 {
    margin-top: 5px;
    margin-bottom: 50px;
  }

  .services-section-web-design.blue {
    background-image: url('../images/Search-engine-opt-transparency-600x-400.png'), linear-gradient(#0000, #0000);
    background-position: 87%, 0 0;
  }

  .services-section-web-design.logo-bg {
    background-position: 0 0, 24%;
    background-repeat: repeat, no-repeat;
  }

  .div-inside-container {
    width: 90%;
    height: auto;
    margin-top: 71px;
    margin-bottom: 20px;
  }

  .text-inside-container.subtext {
    font-size: 20px;
  }

  .cost-div {
    margin-top: 50px;
  }

  .cost-div.services {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .slider-casing-hp {
    margin-top: 250px;
  }

  .slider-casing-hp._2 {
    padding-bottom: 0;
  }

  .slide-10 {
    background-position: 50% 74%;
  }

  .slide-12 {
    background-position: 50% 85%;
  }

  .slide-13 {
    background-position: 50% 76%;
    background-size: 500px;
  }

  .slide-14 {
    background-position: 50% 85%;
    background-size: 500px;
  }

  .website-image-container {
    height: 86%;
  }

  .macbook {
    width: 70%;
  }

  .hero-container-2 {
    width: 90vw;
  }

  .hero-video-wrapper {
    width: 134vw;
    inset: auto auto -98% -28%;
  }

  .hero-bg-video {
    height: 40vw;
  }

  .column-31 {
    font-size: 14px;
  }

  .mobile-nav-link {
    width: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .mobile-nav-link.w--current {
    color: var(--black);
    font-family: Open Sans, sans-serif;
    font-weight: 600;
  }

  .navigation-container-mob {
    justify-content: space-between;
    position: relative;
    top: 0;
  }

  .navigation-mob {
    background-color: #0000;
    border-bottom: 1px #4455671c;
    flex-direction: row;
    justify-content: center;
    height: 50px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    position: relative;
    top: 0%;
  }

  .navigation-left {
    display: flex;
  }

  .nav-menu-2 {
    display: none;
  }

  .mobile-nav {
    background-color: #fff;
    padding-top: 15px;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .dropdown-link-mobile {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dropdown-list-2 {
    background-color: #fff;
  }

  .menu-mob {
    background-color: var(--dodger-blue-2);
    color: #fff;
    border-radius: 100px;
    font-size: 22px;
  }

  .menu-mob.w--open {
    background-color: #824bf1;
  }

  .navigation {
    display: none;
  }

  .columns-10 {
    padding-top: 0;
    padding-right: 0;
  }

  .menu-mob-2 {
    background-color: var(--blue-bright-2020);
    color: #fff;
    border-radius: 100px;
    padding: 10px;
    font-family: Open Sans, sans-serif;
    font-size: 22px;
  }

  .menu-mob-2.w--open {
    background-color: var(--blue-bright-2020);
  }

  .navigation-2 {
    display: none;
  }

  .logo-row {
    flex-wrap: wrap;
  }

  .nav-link-2 {
    text-align: right;
    margin-left: 5%;
    margin-right: 5%;
    padding-right: 10px;
    display: block;
  }

  .hero-block {
    min-width: 500px;
  }

  .hero-block.goog {
    height: 40vh;
  }

  .customer-logo {
    width: 14%;
    margin-top: 40px;
    margin-left: 7%;
    margin-right: 7%;
  }

  .container-14 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-14.hero-container {
    overflow: hidden;
  }

  .home-logo-container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-row-2 {
    overflow: visible;
  }

  .hero-caps {
    font-size: 50px;
  }

  .new-hero-slider-2 {
    height: 50vh;
  }

  .div-inside-slider {
    width: 100%;
    height: 50vh;
  }

  .div-inside-slider._3 {
    background-position: 117%;
  }

  .div-inside-slider._2 {
    height: 50vh;
  }

  .hp-hero-div-new {
    overflow: hidden;
  }

  .services-row-2 {
    padding-top: 0;
    position: static;
    overflow: hidden;
  }

  .services-row-3 {
    overflow: hidden;
  }

  .cost-text-title-2._2._3 {
    font-size: 32px;
    line-height: 40px;
  }

  .cost-text-title-3._2 {
    font-size: 18px;
  }

  .cost-text-title-3._2._3 {
    font-size: 34px;
  }

  .title-rext-pop-up {
    text-align: left;
  }

  .individual-div-in-columns-2 {
    width: 100%;
    margin: 0 auto 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .name-heading {
    font-size: 18px;
  }

  .button-wrapper {
    width: 98%;
    padding: 10px;
  }

  .column-32 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .modal-body {
    width: 98%;
    margin-top: 99px;
  }

  .modal-wrapper {
    padding-left: 11px;
    padding-right: 10px;
    bottom: 200px;
  }

  .gallery-grid-container {
    align-self: stretch;
  }

  .contact-div-3 {
    padding-top: 5px;
    padding-bottom: 40px;
  }

  .content-wrapper-2 {
    width: 100%;
  }

  ._3d-effect {
    width: auto;
    min-width: 400px;
  }

  .nav-menu-nb1 {
    background-color: #0000;
  }

  .card-2 {
    max-width: 750px;
  }

  .hamburger-menu-nb2.w--open {
    background-color: #0000;
  }

  .card-1 {
    max-width: 750px;
  }

  ._3d-effect-1 {
    width: 580px;
  }

  .card-c3 {
    max-width: 220px;
    transition-property: none;
  }

  .card-3 {
    max-width: 750px;
  }

  .card {
    width: auto;
    min-width: 400px;
  }

  .nav-menu-nb2, .dropdown-menu-nb4 {
    background-color: #0000;
  }

  .sidebar-left {
    display: none;
  }

  .card-c2, .card-c1 {
    max-width: 220px;
    transition-property: none;
  }

  .navbar {
    width: 700px;
    min-width: 400px;
  }

  .hamburger-menu-nb1.w--open {
    background-color: #0000;
  }

  .hero-column {
    text-align: center;
    padding-left: 0;
    display: none;
  }

  .text-span-10 {
    font-size: 40px;
  }

  .text-span-10.hp-big-text {
    letter-spacing: 2px;
    font-size: 50px;
    line-height: 60px;
  }

  .div-block-68 {
    padding-left: 0;
    padding-right: 0;
  }

  .row-hp-97 {
    width: auto;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 15px;
  }

  .row-hp-97.hp-new {
    padding-bottom: 10px;
  }

  .column-hp-2.we-promise {
    padding-top: 20px;
  }

  .blue-subtext {
    padding-left: 32px;
    font-size: 17px;
  }

  .blue-subtext.bullets.tick-text {
    padding-left: 100px;
  }

  .blue-subtext.ticks-text {
    text-align: center;
    padding-left: 0;
  }

  .text-span-11.bullet {
    margin-right: 20px;
    padding-right: 20px;
  }

  .column-33 {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .hp-hero-div {
    padding-top: 0;
    padding-left: 0;
  }

  .navbar-6 {
    position: relative;
    top: 0%;
  }

  .hero-slider-image-wrap {
    overflow: hidden;
  }

  .hero-slider-content {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .top-page-pic-wide {
    background-position: 50%;
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .hero-nav-arrow.right-arrow {
    margin-top: 590px;
    padding-right: 0;
  }

  .hero-nav-arrow.left-arrow {
    margin-top: 590px;
    padding-left: 15px;
  }

  .hero-slider-image-wrap-2 {
    overflow: hidden;
  }

  .hero-slider-content-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .hero-inner-div {
    width: 78%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-div {
    text-align: center;
    font-size: 80px;
  }

  .text-block-76 {
    letter-spacing: 2px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .text-block-77, .text-block-78 {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .services-list-image-2 {
    margin-top: 0;
  }

  .google-reviews-div-2 {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .container-19 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .html-embed-4 {
    width: 98%;
  }

  .image-13 {
    float: none;
    width: 80%;
    top: -55px;
  }

  .menu-mob-3 {
    color: #fff;
    background-color: #0000004d;
    border-radius: 100px;
    padding: 10px;
    font-family: Open Sans, sans-serif;
    font-size: 22px;
  }

  .menu-mob-3.w--open {
    background-color: #000;
  }

  .navigation-3 {
    display: none;
  }

  .mobile-nav-link-2 {
    width: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .mobile-nav-link-2.w--current {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
  }

  .background-video-2 {
    height: 100vh;
  }

  .under-shadow-2 {
    height: 20px;
    margin-top: 0;
  }

  .columns-12 {
    width: 140%;
  }

  .new-hero-2022 {
    background-position: 100%;
  }

  .app-navbar {
    display: block;
  }

  .background-video-4 {
    height: auto;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    text-align: left;
  }

  p {
    text-align: center;
    margin-right: 63px;
    font-size: 16px;
  }

  .button.price.slider-button {
    margin-top: 15px;
  }

  .button.wh {
    margin: 40px auto 0;
    padding-top: 8px;
    padding-bottom: 0;
    display: block;
    right: 18px;
  }

  .button.wh.contact-link.videos.whats-this {
    top: 610px;
  }

  .nav-link {
    height: 50px;
  }

  .service_wrapper {
    margin-bottom: 35px;
  }

  .service_wrapper.services {
    margin-bottom: 20px;
  }

  .hamburger {
    border-style: none;
    margin-right: 15px;
    top: 15px;
    bottom: 0;
    right: 200px;
  }

  .arrow {
    padding-bottom: 13px;
  }

  .features-text {
    margin-bottom: 35px;
  }

  .uppercas {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .uppercas.white {
    font-size: 40px;
    line-height: 50px;
  }

  .uppercas.plus-1 {
    margin-right: 20px;
  }

  .uppercas.plus-2.hp._2.team {
    width: 90%;
  }

  .uppercas.hp {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: 400;
    display: block;
  }

  .uppercas.hp.mobile {
    width: auto;
    line-height: 50px;
  }

  .uppercas.hp.youtubes {
    width: 95%;
  }

  .uppercas.hp.youtubes.services.wedding-text.bottom {
    line-height: 36px;
  }

  .uppercas.hp.youtubes.services.wedding-text._2 {
    font-size: 13px;
    line-height: 36px;
  }

  .uppercas.hp.hp-centred {
    width: 80%;
    font-size: 20px;
    line-height: 26px;
  }

  .hero-div {
    background-color: #0000;
    background-size: cover;
  }

  .hero-text {
    margin-left: 20px;
    margin-right: 20px;
    line-height: 34px;
  }

  .hero-text.caa {
    font-size: 18px;
    line-height: 50px;
  }

  .hero-text.caa.websites {
    margin-left: 0;
    margin-right: 0;
    font-size: 55px;
  }

  .hero-text.caa.slider-caa {
    padding-top: 100px;
  }

  .hero-text.caa.slider-caa.caa.caa-slide {
    width: 98%;
    padding-top: 25px;
  }

  .hero-text.caa.slider-caa.mapping {
    line-height: 40px;
  }

  .hero-text.caa.caa-2 {
    font-size: 19px;
    line-height: 40px;
  }

  .column-wrapper {
    box-shadow: none;
    margin-right: 0;
  }

  .row {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: block;
  }

  .skills-column {
    margin-bottom: 35px;
  }

  .clients-photo, .clients-photo._2, .clients-photo._3 {
    width: 100px;
    height: 70px;
  }

  .clients-text {
    font-size: 22px;
  }

  .clients-text.testimonial {
    width: 100%;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 13px;
    line-height: 22px;
  }

  .cliets-section {
    background-position: 62%;
  }

  .cliets-section.hp {
    background-image: linear-gradient(#0000, #0000), url('../images/avatar-2155431_1920.png');
    background-position: 0 0, 50%;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .cliets-section.hp.hp-new {
    padding-bottom: 40px;
  }

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

  .social {
    border-bottom: 1px solid #3c4752;
    border-right-style: none;
  }

  .footer {
    z-index: 1002;
    display: none;
    inset: 0;
    overflow: scroll;
  }

  .white {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .team-column {
    margin-bottom: 50px;
  }

  .name-staff {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .name-staff.google {
    font-size: 50px;
  }

  .section-help {
    padding-bottom: 40px;
  }

  .pricing_table.services-list {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing_price {
    background-image: url('../images/Aerial-view-of-bay1600x900.jpg');
    background-position: 0 0;
    background-size: 800px;
    height: 450px;
  }

  .pricing_price._2 {
    background-position: 50%;
    background-size: auto;
    height: 450px;
  }

  .pricing_price._2:hover {
    background-position: 50%;
    background-size: auto;
  }

  .pricing_price._2.sevices {
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
  }

  .pricing_price._2.sevices:hover {
    background-position: 50% 23%, 0 0;
    background-size: cover, auto;
  }

  .pricing_price._3 {
    height: 450px;
  }

  .pricing_price._3:hover {
    background-size: cover;
  }

  .pricing_price._3.services, .pricing_price._3.services.promo, .pricing_price._3.services.promo, .pricing_price._3.aerial-pic {
    height: 450px;
  }

  .pricing_price.promo {
    background-position: 44%;
    height: 450px;
  }

  .pricing_price.promo:hover {
    background-position: 50%;
  }

  .pricing_price.promo-2, .pricing_price.promo-3 {
    height: 450px;
  }

  .pricing_price.promo-3:hover {
    background-image: url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .pricing_price.services-pics {
    height: 450px;
  }

  .circle_prize {
    width: 200px;
    height: 200px;
  }

  .pricing.top-text {
    font-size: 30px;
  }

  .container-iphone {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cloumn_help {
    margin-bottom: 20px;
  }

  .column_features {
    margin-bottom: 50px;
  }

  .mascot {
    width: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 28px;
  }

  .text-slider {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 18px;
    padding-top: 0;
    padding-left: 0;
  }

  .big-text {
    width: auto;
    font-size: 54px;
  }

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

  .medium-text.title.hp._2 {
    width: 90%;
    margin-top: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 45px;
  }

  .medium-text.title.hp._2._360 {
    line-height: 32px;
  }

  .medium-text.title.hp._2.slider-hp {
    font-size: 35px;
    font-weight: 800;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue {
    text-align: center;
    width: 68%;
    font-size: 26px;
    line-height: 50px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new {
    font-size: 35px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.annis {
    font-size: 19px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.customer-big-text {
    font-size: 40px;
  }

  .medium-text.subtitle._2 {
    line-height: 25px;
  }

  .medium-text.subtitle._2.pics-text-para.hp {
    margin-top: 30px;
  }

  .medium-text.subtitle._2.pics-text-para.new {
    font-size: 16px;
  }

  .medium-text.subtitle._2.pics-text-para.new.process {
    font-size: 14px;
  }

  .column_slider {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .icon-sized-up {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .thalco-pic {
    box-shadow: none;
    width: 60%;
    transform: none;
  }

  .set-left {
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
    display: block;
  }

  .homepage-padding {
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
  }

  .div-margin-services {
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .faqs {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
  }

  .faqs.new {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .paragraph-3 {
    font-size: 20px;
  }

  .homepage-slider.text-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
  }

  .portfolio-images-new-flat {
    margin-bottom: 0;
  }

  .image-icon-me {
    width: 70%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon-homepage {
    float: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .extra {
    text-align: left;
    margin-left: 31px;
    margin-right: 25px;
  }

  .extra._1 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .extra._1.youtubes {
    width: 100%;
  }

  .bio {
    width: 85%;
    font-size: 18px;
    line-height: 40px;
  }

  .tablet {
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    display: block;
  }

  .portfolio-pics-text-block {
    margin-bottom: 50px;
    padding-bottom: 0;
  }

  .section-2-guarantee {
    background-image: linear-gradient(#00000040, #00000040), url('../images/ROADHEAD-HANGAR-SHOTHERO-IMAGE-1800x-3.jpg');
    background-position: 0 0, 21%;
    background-size: auto, cover;
  }

  .services-text {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .services-div-icon-pic {
    width: 130px;
    height: 130px;
  }

  .ecommerce-pic {
    height: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .ecommerce-pics {
    margin-top: 100px;
    margin-bottom: 0;
  }

  .extra-1._2 {
    width: 85%;
  }

  .extra-1._2.prices {
    width: 98%;
    font-size: 17px;
    line-height: 30px;
  }

  .extra-1._2.prices.slider-hp {
    margin-top: 100px;
    font-size: 35px;
    font-weight: 800;
    line-height: 45px;
  }

  .form-text-above {
    line-height: 30px;
  }

  .footer-icons-images {
    width: 15%;
  }

  .promo-video {
    margin-top: 0;
  }

  .design-request-form-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .drone-image {
    width: 400px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    display: block;
  }

  .under-shadow {
    height: 30px;
  }

  .under-shadow.hp-video.top-hp.flashy.hp {
    margin-bottom: 52px;
  }

  .under-shadow._360 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .vid-div-hp {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .video-hero-hp {
    text-align: center;
    width: 500px;
    height: 350px;
    margin-top: 350px;
  }

  .link-text {
    text-align: center;
    letter-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
    line-height: 40px;
    display: block;
  }

  .link-text:hover, .link-text.caa:hover {
    line-height: 40px;
  }

  .link-text.footer-link {
    font-size: 27px;
  }

  .link-text.footer-link.new {
    font-size: 24px;
  }

  .text.portfolio-hero {
    width: 70%;
  }

  .extras-box-shadow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flashy-link-text.sky-high-copyright.team {
    width: 60%;
  }

  .small-icon-pic {
    width: 600px;
  }

  .bg-vid-test {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur.jpg'), url('../images/BEWCASTLE-FORTJPG.jpg');
    background-position: -607px 0, 50%;
  }

  .bg-vid-test.portfolio {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur.jpg');
    background-position: -523px 0;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .rows-youtubes {
    width: 99%;
  }

  .video-1 {
    width: 100%;
  }

  .video-1-portfolio.showreel {
    bottom: 100px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.bg-image {
    font-size: 27px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.possible {
    background-position: 50% -256px;
    background-size: auto;
  }

  .autologic-text-title.hp.autopilot._2.showreel-margin {
    margin-top: 50px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new {
    line-height: 44px;
  }

  .autologic-text-title.hp.flashy {
    width: 80%;
    margin-bottom: 0;
  }

  .autologic-text-title.summary {
    padding-top: 10px;
    line-height: 30px;
  }

  .sub-titles-for-youtubes {
    text-align: center;
  }

  .div-block-new-services {
    width: 80%;
    margin-bottom: 40px;
  }

  .centered {
    font-size: 22px;
    line-height: 44px;
  }

  .pricing-div-hp {
    background-image: linear-gradient(#000000bf, #000000bf), url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, 778px;
    background-attachment: scroll, fixed;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .services-more {
    height: auto;
  }

  .services-more.hp {
    background-image: linear-gradient(#0000, #0000), url('../images/AWESOME-FOR-HERO-1800x-800.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .video-bg {
    height: 450px;
  }

  .bg-vid {
    height: auto;
  }

  .in-port-top-bg-vid {
    width: 90%;
  }

  .youtube-div-hp {
    padding-bottom: 0;
  }

  .vid-div-port.bottom {
    padding-bottom: 10px;
  }

  .vid-div-port.top {
    width: 90%;
    padding-bottom: 30px;
  }

  .bg-vid-hp {
    background-image: none;
    height: 450px;
  }

  .bg-vid-hp.industrial-mob-pic {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur_1.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .bg-vid-hp.industrial-mob-pic.industrial {
    background-image: url('../images/Tall-hay-bale.jpg');
  }

  .bg-vid-hp.industrial-mob-pic.industrial-projects {
    background-image: url('../images/Roofers-laughing-600x600-2.jpg');
  }

  .caa-image._2.logo {
    height: 150px;
  }

  .slide-1 {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur1800x1000.jpg');
    background-position: 35%;
    background-repeat: repeat;
    background-size: cover;
  }

  .slide-2-hp-slider {
    background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER--Blur-1800x-1000.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
  }

  .slide-3-hp-top {
    background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
    background-position: 26%;
    background-repeat: repeat;
    background-size: cover;
  }

  .menu-text {
    font-size: 14px;
  }

  .text-2nd-slide {
    margin-top: 0;
  }

  .title-vid-portfolio {
    width: auto;
    height: auto;
  }

  .hero-process-page.prices.process._2 {
    background-image: linear-gradient(to bottom, null, null), url('../images/Mapping-experiment-of-property-1.jpg');
    background-position: 0 0, 50%;
  }

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

  .hero-container-new {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flashy-portal-container {
    margin-top: 0;
  }

  .highlighted-text {
    font-size: 18px;
  }

  .hp-image-mini-hero {
    width: 88%;
    margin-top: 0;
    padding-top: 150px;
  }

  .vids-div-hp.blue, .vids-div-hp.meet-drone {
    padding-bottom: 0;
  }

  .icon-container {
    padding-top: 35px;
  }

  .icon-div.fws {
    padding-bottom: 0;
  }

  .icon-image.fws-icon {
    width: 300px;
  }

  .websites-bg {
    background-position: 27% 56%;
  }

  .flashy-div-2 {
    padding-bottom: 50px;
  }

  .process-image {
    width: 90%;
    margin-top: 50px;
  }

  .portfolio-div {
    background-position: 0 0, -186px 0;
  }

  .text-above-video.room-survey {
    width: 85%;
    font-size: 12px;
  }

  .text-above-video.room-survey.oblong.portfolio {
    padding-top: 5px;
  }

  .text-above-video.room-survey.oblong.portfolio._2 {
    padding-top: 0;
    font-size: 14px;
  }

  .prices-element-div {
    width: 90%;
  }

  .prices-table-title-text.list.title {
    font-size: 24px;
  }

  .prices-table-title-text.top {
    font-size: 32px;
  }

  .e-mail-link-footer.w--current {
    letter-spacing: 10px;
    width: 80%;
    height: auto;
    font-size: 16px;
    line-height: 25px;
  }

  .team-para {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .caa-link-footer {
    width: 300px;
  }

  .image-hp-top-bar-title {
    width: 250px;
  }

  .hero-link-blocks {
    height: 450px;
  }

  .hero-link-blocks.video-hp.portfolio, .hero-link-blocks.vid-link.portfolio {
    height: 700px;
  }

  .hero-link-blocks.websites-link {
    background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #000 30%, #de2828 87%);
    background-position: 50% 23%, 0 0;
    background-size: cover, auto;
  }

  .hero-link-blocks.websites-link.portfolio {
    background-position: 2%;
    height: 700px;
  }

  .hero-bg {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur1800x1000.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .flex-image-hero {
    width: 45%;
    height: 70px;
  }

  .estate-agent-image {
    width: 100%;
  }

  .image-div-port {
    width: 91%;
  }

  .separator-div.hp._360-view {
    margin-top: 48px;
  }

  .separator-div.hp._360-view.privacy {
    margin-top: 10px;
  }

  .separator-div.hp._360-view.process-new-2 {
    margin-top: 0;
    padding-bottom: 5px;
  }

  .separator-div.hp._360-view.prices {
    margin-top: 80px;
  }

  .separator-div.hp._360-view.ser5vices {
    margin-top: 48px;
  }

  .separator-div.hp._360-view.contact, .separator-div.hp._360-view.contact.seo {
    margin-top: 80px;
  }

  .raggy-bg {
    width: 100%;
    height: 400px;
  }

  .raggy-bg.portfolio {
    height: 400px;
  }

  .raggy-youtube-div {
    width: 450px;
  }

  .slide-4 {
    background-position: 50%;
  }

  .slide-5 {
    background-size: 530px;
  }

  .caa-link-blocks {
    width: 80%;
  }

  .welcome-div-2-new {
    padding-top: 0;
  }

  .drone-vid-div {
    background-image: url('../images/TEST-PROPERTY-MAPPING-600-x-600.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .drone-vid-element {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
  }

  .image-div {
    width: 70%;
  }

  .title-image {
    width: 500px;
  }

  .image {
    width: 80%;
  }

  .top-title-image {
    width: 300px;
  }

  .top-title-image.new {
    width: 450px;
  }

  .caa-and-hiscox-div {
    padding-top: 0;
  }

  .photo-album-link {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

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

  .facebook-para {
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: block;
  }

  .facebook-feed-inner-div {
    padding-top: 10px;
  }

  ._360-home-image {
    margin-bottom: 0;
  }

  ._360-container-slide {
    margin-top: 160px;
  }

  ._360-link-block-slide {
    width: 90%;
  }

  .hero-2-hp-div {
    background-image: linear-gradient(#fffdfd99, #fffdfd99), url('../images/Services-graphic-2020.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    background-attachment: scroll, fixed;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-5 {
    background-image: linear-gradient(to bottom, var(--white-4), var(--white-4)), url('../images/Web-design-transparency-600x400.png');
    background-position: 0 0, 71%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .portfolio-hero {
    background-position: 87%;
  }

  .portfolio-hero.portfolio-hero {
    background-position: 44%;
  }

  .portfolio-hero.services {
    background-image: url('../images/WINDMILL-HERO-STRAIGHT.jpg');
    background-position: 73%;
  }

  .portfolio-title {
    padding-top: 50px;
  }

  .new-title-div-2017-august {
    padding-top: 0;
  }

  .background-video {
    background-image: linear-gradient(#0000001a, #0000001a);
  }

  .hero-container-for-text-annis {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .caa-div-hp {
    padding-bottom: 20px;
  }

  .div-block-20 {
    height: auto;
    padding-bottom: 60px;
  }

  .services-row-1 {
    overflow: visible;
  }

  .column.hp {
    overflow: hidden;
  }

  .column._1-two.hp._2 {
    background-position: 73%;
  }

  .pricing-h1 {
    font-size: 34px;
    line-height: 44px;
  }

  .header-banner-image {
    padding-top: 42px;
  }

  .header-banner-image.middle {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .header-banner-image.image-1 {
    padding-top: 50px;
  }

  .header-banner-row {
    padding-bottom: 0;
  }

  .div-block-29.rated {
    margin-bottom: 100px;
  }

  .demo-p.main {
    font-size: 14px;
    line-height: 20px;
  }

  .instructions-wrapper {
    margin-left: 0;
  }

  .demo-title {
    font-size: .875rem;
  }

  .d-56-section, .d-54-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 80px;
    padding-left: 0;
    position: relative;
  }

  .d-54-card-wrapper {
    width: 538px;
    height: 360px;
  }

  .d-54-card-wrapper.second {
    width: 538px;
  }

  .demo-heading.h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .demo-heading.h1 {
    max-width: 400px;
    font-size: 35px;
    line-height: 45px;
  }

  .instructions-wrapper-2 {
    margin-left: 0;
  }

  .demo-main-text-wrapper {
    width: auto;
    margin-left: 0%;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .content-wrapper {
    margin-bottom: 150px;
  }

  .d-20-section {
    flex-direction: column;
  }

  .d-20-btn-wrapper {
    height: 400px;
  }

  .paragraph {
    font-size: 16px;
    line-height: 32px;
  }

  .div-block-35 {
    padding-top: 5px;
  }

  .image-4 {
    width: 53%;
  }

  .jotform-div.hp {
    margin-top: 0;
  }

  .form-main-text {
    font-size: 17px;
  }

  .form-div-adjustable.contact {
    height: auto;
  }

  .video-hero-container.privacy {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .white-div-hp.privacy, .white-div-hp.title-new {
    padding-top: 5px;
  }

  .white-div-hp.title-new.hero-new {
    padding-top: 1px;
  }

  .content-section-block.left {
    float: none;
  }

  .road-markings-caps {
    font-size: 50px;
  }

  .button-2.strategy-button.hp-new {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .button-2.strategy-button.cancel {
    width: 70%;
  }

  .button-2.strategy-button.title-new {
    text-align: center;
  }

  .overall-hero-title {
    font-size: 50px;
    line-height: 46px;
  }

  .image-5.hero-hp {
    width: 96%;
    padding-top: 40px;
  }

  .image-5.hero-hp.social-page.social {
    border-bottom-style: none;
  }

  .image-5.hero-hp.percentage {
    min-height: auto;
  }

  .intro-paragraph.black, .intro-paragraph.black.new-big-text {
    line-height: 35px;
  }

  .hero-block-overlay {
    padding-top: 120px;
    padding-bottom: 90px;
  }

  .hero-block-overlay.business-2 {
    padding-top: 50px;
    padding-bottom: 10px;
  }

  .hero-block-overlay.business-2.privacy.dm4u-2019.terms {
    padding-top: 5px;
  }

  .overall-hero-description {
    width: auto;
    font-size: 12px;
  }

  .overall-hero-description.privacy {
    font-size: 16px;
  }

  .full-hero-content-block {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .column-27 {
    padding-left: 20px;
  }

  .text-span-5 {
    font-size: 50px;
    line-height: 40px;
  }

  .section-title-wrapper {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-bottom: 30px;
  }

  .section-title-wrapper.full.new.top-hp {
    padding-top: 40px;
  }

  .yellow-secondary-caps, .main-feature-title {
    font-size: 30px;
  }

  .main-feature-title.new-title-hero-text.new-hero.underline.hp-big-text {
    line-height: 37px;
  }

  .info-column-right, .info-column-right.responsive {
    padding-left: 0;
  }

  .info-column-right.responsive {
    margin-top: 30px;
    padding-top: 124px;
    padding-left: 10px;
    padding-right: 20px;
    left: 0;
  }

  .home-mockup-column {
    height: 290px;
  }

  .section-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .home-mockup {
    width: auto;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    left: -350px;
    right: -350px;
  }

  .home-mockup.ipad {
    width: auto;
    height: 210px;
    top: 59px;
    right: -200px;
  }

  .home-mockup.iphone {
    width: auto;
    height: 170px;
    top: 102px;
    right: -220px;
  }

  .section-3 {
    padding: 25px;
  }

  .section-3.overflow-none {
    padding-top: 140px;
    padding-bottom: 20px;
  }

  .section-3.overflow-none.hp {
    padding-top: 260px;
  }

  .section-3.overflow-none.hp.new {
    padding-top: 220px;
  }

  .section-3.overflow-none.hp.new.hp-new {
    background-image: none;
    background-position: 0 0;
    padding: 170px 15px 40px;
  }

  .mobile-menu-link {
    font-size: 11vw;
    line-height: 11vw;
  }

  .hp-div-inside-wrapper-div {
    background-position: 34%;
  }

  .right-box-text, .right-box-text.left-hand-text {
    width: 90%;
  }

  .bg-vid-100vh {
    background-image: url('../images/SKY-CLOUDS.png');
    background-position: 0 0;
    background-size: cover;
    background-attachment: fixed;
  }

  .heading-3 {
    font-size: 60px;
  }

  .mobile-menu-link-2 {
    font-size: 7vw;
    line-height: 11vw;
  }

  .nav-logo-2 {
    width: 80%;
  }

  .description-paragraph-2 {
    width: 100%;
  }

  .description-paragraph-2.strategy {
    font-size: 16px;
    line-height: 26px;
  }

  .bold-text-4.blue-title {
    font-size: 42px;
  }

  .bold-text-4.blue-title.hp-title {
    font-size: 50px;
    box-shadow: 0 30px 30px -26px #000;
  }

  .long-feature-title-2 {
    width: 100%;
  }

  .long-feature-title-2.customer-text {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
  }

  .long-feature-title-2.customer-text.web-design-text {
    font-size: 17px;
  }

  .long-feature-title-2.customer-text.hp-title-text {
    font-size: 24px;
    line-height: 35px;
  }

  .section-title-2 {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 40px;
  }

  .section-title-2.top-title-text {
    margin-right: 0;
    font-size: 50px;
    line-height: 55px;
  }

  .section-title-2.top-title-text.confirm.new-anni.new-one {
    width: 44%;
  }

  .home-mockup-2 {
    width: auto;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    left: -569px;
    right: -350px;
  }

  .home-mockup-2.ipad {
    width: auto;
    height: 210px;
    top: 59px;
    left: -46px;
    right: -200px;
  }

  .home-mockup-2.ipad.hp {
    height: 340px;
    top: 10px;
    left: -100px;
  }

  .home-mockup-2.hp {
    left: -433px;
  }

  .home-mockup-2.hp.computer {
    height: 440px;
    top: -149px;
    left: -377px;
  }

  .home-mockup-2.iphone {
    width: auto;
    height: 170px;
    top: 102px;
    right: -220px;
  }

  .home-mockup-2.iphone.hp {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    top: 100px;
    left: -53px;
  }

  .section-heading.centered.new {
    font-size: 28px;
  }

  .section-heading.centered.new.subtext {
    width: 90%;
    font-size: 40px;
    line-height: 60px;
  }

  .ss-small {
    font-size: 16px;
  }

  .icon-div-bg.hp.hp-top.blue-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-div-bg.hp.services.bg-vid-div.hp-hero.new {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .app-bar-text {
    text-align: center;
    font-size: 16px;
    line-height: 34px;
  }

  .div-block-48 {
    margin-top: 48px;
  }

  .paragraph-5 {
    font-size: 16px;
    line-height: 25px;
  }

  .feature-icon.overall {
    margin-bottom: 0;
  }

  .feature-column {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-2 {
    font-size: 16px;
    line-height: 25px;
  }

  .paragraph-2._4-pics {
    margin-left: auto;
    margin-right: auto;
  }

  .features-row {
    margin-top: 0;
  }

  .feature-title {
    margin-bottom: 6px;
    font-weight: 800;
    line-height: 20px;
  }

  .feature-block, .feature-block.wide {
    width: 100%;
  }

  ._4-pics-div-hp {
    width: 95%;
  }

  .services-section-web-design.logo-bg {
    background-position: 0 0, 18%;
  }

  .div-inside-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-inside-container {
    line-height: 40px;
  }

  .text-inside-container.subtext, .cost-text-title {
    font-size: 18px;
  }

  .cost-text-title._2 {
    font-size: 15px;
  }

  .cost-text-title._2._3 {
    letter-spacing: 6px;
    font-size: 27px;
    line-height: 36px;
  }

  .cost-text-title.web-dev-red {
    font-size: 19px;
  }

  .slider-casing-hp {
    margin-top: 250px;
  }

  .slide-10 {
    background-position: 50% 77%;
  }

  .slide-12 {
    background-position: 50%;
  }

  .slide-13 {
    background-position: 50% 65%;
    background-size: 500px;
  }

  .slide-14 {
    background-position: 50% 77%;
  }

  .website-image-container {
    width: 61%;
    height: 87%;
  }

  .macbook {
    width: 80%;
  }

  .hero-container-2 {
    text-align: center;
  }

  .h1-2 {
    font-size: 18vw;
  }

  .brand-2 {
    width: 50px;
  }

  .hero-content {
    flex: 0 auto;
    margin-right: 0;
  }

  .logo-row {
    align-content: stretch;
    padding: 20px 10% 25px;
  }

  .nav-link-2 {
    height: 8vh;
    min-height: 8vh;
    padding-top: 3vh;
    font-size: 18px;
    line-height: 1.3;
  }

  .nav-link-2.login-link {
    height: auto;
    min-height: auto;
    padding-top: 14px;
  }

  .hero-block {
    min-width: 0;
    height: auto;
    min-height: 300px;
    max-height: none;
    margin-right: 0;
  }

  .hero-block.logo, .hero-block.web-dev-pic, .hero-block.advertising, .hero-block.social, .hero-block.goog {
    min-height: 450px;
  }

  .home-h1 {
    margin-top: 0;
    font-size: 23px;
  }

  .customer-logo {
    width: 20%;
    margin-left: 4%;
    margin-right: 4%;
  }

  .home-logo-container {
    align-items: center;
    height: 80px;
    margin-bottom: 20px;
    padding-top: 16px;
  }

  .home-text {
    font-size: 15px;
  }

  .home-text.hero-home-text {
    max-width: 450px;
    font-size: 17px;
  }

  .hero-row-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-caps {
    opacity: 1;
    font-size: 40px;
  }

  .hero-caps.blue {
    font-size: 40px;
  }

  .new-hero-slider-2 {
    height: 50vh;
  }

  .div-inside-slider._3 {
    background-position: 81%;
  }

  .services-row-2 {
    overflow: visible;
  }

  .cost-text-title-2 {
    font-size: 18px;
  }

  .cost-text-title-2._2 {
    font-size: 16px;
  }

  .cost-text-title-2._2._3 {
    letter-spacing: 6px;
    font-size: 34px;
  }

  .cost-text-title-3._2 {
    font-size: 18px;
  }

  .cost-text-title-3._2._3 {
    letter-spacing: 6px;
    font-size: 30px;
    line-height: 38px;
  }

  .individual-div-in-columns-2 {
    width: 80%;
  }

  .text-block-2 {
    font-size: 50px;
  }

  .button-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-body {
    width: 99%;
    margin-top: 96px;
    padding-top: 30px;
  }

  .modal-wrapper {
    margin-top: 0;
    padding-left: 10px;
    top: 0;
    bottom: 0;
  }

  .gallery {
    padding: 40px 20px;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .container-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._3d-effect {
    background-color: #f1f1f1;
    min-width: 0;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._3d-effect.iphone {
    padding-top: 0;
  }

  .bracket-left-nb2 {
    padding-right: 5px;
    position: static;
  }

  .bottom-bar-nb1 {
    background-color: #333;
    border-radius: 6px;
    width: 40px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .dropdown-toggle-nb4 {
    justify-content: center;
  }

  .top-bar-nb2 {
    background-color: #333;
    width: 40px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .card-2 {
    flex-direction: column;
    align-items: center;
  }

  .navbar-4 {
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    display: flex;
  }

  .bracket-menu-right-nb2 {
    height: 40px;
    padding-left: 5px;
    display: none;
    position: absolute;
    top: 17%;
    right: 8%;
  }

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

  .navlink-nb5.link-2-nb5, .navlink-nb5.link-4-nb5, .navlink-nb5.link-3-nb5, .navlink-nb5.link-1-nb5 {
    display: none;
  }

  .card-1 {
    flex-direction: column;
    align-items: center;
  }

  .menu-button-nb5, .menu-button-nb5.w--open {
    background-color: #0000;
  }

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

  .nav-menu-nb5 {
    background-color: #0000;
  }

  .icon-close-menu-nb3 {
    width: 18px;
    position: absolute;
    inset: 34% auto 0% 20px;
  }

  .icon-hamburger-menu-nb3 {
    width: 22px;
  }

  ._3d-effect-1 {
    width: auto;
    display: none;
  }

  .navbar-5 {
    width: 300px;
    margin-top: 15px;
    display: flex;
    overflow: visible;
  }

  .iphone-wrapper-3de2 {
    display: none;
  }

  .card-c3 {
    max-width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .card-3 {
    flex-direction: column;
    align-items: center;
  }

  .icon-hamburger-menu-nb4 {
    width: 22px;
  }

  .dropdown-list-nb4, .dropdown-list-nb4.w--open {
    display: none;
  }

  .menu-bar-2-nb5 {
    top: 18px;
    left: 18px;
    transform: rotate(90deg);
  }

  .icon-close-menu-nb4 {
    width: 18px;
    position: absolute;
    inset: 34% auto 0% 20px;
  }

  .navbar-3 {
    width: 300px;
    display: flex;
  }

  .bracket-right-nb2 {
    padding-left: 5px;
    position: static;
  }

  .dropdown-nb4 {
    border-right-style: none;
  }

  .navbar-2 {
    justify-content: center;
    align-items: center;
    width: 300px;
    display: flex;
  }

  .middle-bar-nb1 {
    background-color: #333;
    border-radius: 6px;
    width: 40px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .navlink-nb2 {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-icon-nb5 {
    background-color: #0000;
    display: none;
  }

  .menu-icon-nb5.w--open {
    background-color: #0000;
  }

  .navbar-1 {
    width: 300px;
  }

  .card-c2 {
    max-width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .bottom-bar-nb2 {
    background-color: #333;
    width: 40px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .card-c1 {
    width: auto;
    max-width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .menu-button-nb3, .menu-button-nb3.w--open {
    background-color: #0000;
  }

  .text-3d-effect-mobile {
    font-size: 16px;
    display: block;
  }

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

  .navlink-wrapper-nb2 {
    justify-content: center;
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .navbar {
    align-items: flex-start;
    width: auto;
    height: 350px;
  }

  .navbar.big {
    height: 400px;
  }

  .hamburger-menu-nb1 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bracket-menu-left-nb2 {
    height: 40px;
    padding-right: 5px;
    display: none;
    position: absolute;
    top: 17%;
    left: 8%;
  }

  .navlink-wrapper-nb4 {
    border-right-style: none;
  }

  .menu-bar-1-nb5 {
    transform: rotate(0);
  }

  .component {
    flex-direction: column;
  }

  .menu-button-nb4, .menu-button-nb4.w--open {
    background-color: #0000;
  }

  .middle-bar-nb2 {
    background-color: #333;
    width: 40px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav-menu-nb3 {
    background-color: #0000;
  }

  .container-nb1 {
    justify-content: center;
    display: flex;
  }

  .top-bar-nb1 {
    background-color: #333;
    border-radius: 6px;
    width: 40px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .text-span-10 {
    line-height: 50px;
  }

  .text-span-10.hp-big-text {
    font-size: 46px;
  }

  .blue-subtext {
    padding-left: 110px;
  }

  .blue-subtext.bullets.tick-text {
    padding-left: 30px;
    font-size: 20px;
    line-height: 60px;
  }

  .blue-subtext.ticks-text {
    font-size: 55px;
  }

  .text-span-11.bullet {
    margin-right: 20px;
    padding-right: 20px;
  }

  .hero-slider-image-wrap {
    height: 400px;
  }

  .hero-slider-content {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .top-page-pic-wide {
    background-position: 50%;
  }

  .hero-nav-arrow.right-arrow {
    margin-top: 290px;
    margin-bottom: auto;
    margin-right: 0;
    padding-right: 15px;
    left: auto;
  }

  .hero-nav-arrow.left-arrow {
    margin-top: 290px;
  }

  .hero-slider-image-wrap-2 {
    height: 400px;
  }

  .hero-slider-content-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .hero-inner-div {
    width: 90%;
  }

  .heading-div {
    text-align: center;
    width: 95%;
    font-size: 60px;
    line-height: 55px;
  }

  .container-19 {
    padding-bottom: 10px;
  }

  .html-embed-4 {
    width: 95%;
  }

  .image-13 {
    width: 78%;
    top: -60px;
  }

  .background-video-2 {
    height: 100vh;
  }

  .under-shadow-2 {
    height: 30px;
  }

  .columns-12 {
    width: 200%;
  }

  .new-hero-2022 {
    background-position: 84%;
  }

  .background-video-3 {
    height: 60vh;
    min-height: 400px;
  }

  .columns-13 {
    background-color: #fff;
  }

  .background-video-4 {
    height: auto;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    text-align: center;
  }

  h5 {
    font-size: 10px;
  }

  p {
    text-align: center;
    margin-right: 0;
    font-size: 15px;
  }

  .button.price.slider-button {
    margin-top: 15px;
  }

  .button.price.gallery._360-degree-button.caa {
    width: 250px;
  }

  .button.price.presentation {
    width: 90%;
  }

  .button.price.presentation.bottom {
    width: auto;
  }

  .button.wh {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    right: 15px;
  }

  .button.wh.contact-link.videos.whats-this {
    background-image: none;
    background-position: 0 0;
    top: 555px;
  }

  .button.presentation-button {
    width: 27%;
  }

  .navigation-container {
    background-color: #0000;
  }

  .hamburger {
    float: none;
    border-style: none;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
  }

  .arrow {
    margin-bottom: 3px;
    top: 11px;
    bottom: 5px;
    left: 14px;
  }

  .features-text {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .uppercas {
    text-align: center;
    padding-right: 0;
  }

  .uppercas.white {
    padding-right: 0;
    font-size: 21px;
    line-height: 28px;
  }

  .uppercas.white.days-work {
    padding-right: 0;
    font-size: 23px;
    line-height: 42px;
  }

  .uppercas.white.portfolio {
    font-size: 24px;
  }

  .uppercas.plus-1, .uppercas.plus-2 {
    text-align: center;
  }

  .uppercas.plus-2.hp._2 {
    font-size: 26px;
  }

  .uppercas.plus-2.hp._2.team {
    width: 97%;
  }

  .uppercas.hp.mobile {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 40px;
  }

  .uppercas.hp.youtubes.services.wedding-text.bottom {
    font-size: 12px;
    line-height: 34px;
  }

  .uppercas.hp.youtubes.services.wedding-text._2 {
    font-size: 8px;
    line-height: 30px;
  }

  .uppercas.hp.hp-centred {
    width: 87%;
    font-size: 16px;
    line-height: 26px;
  }

  .hero-text {
    font-size: 16px;
  }

  .hero-text.caa {
    font-size: 16px;
    line-height: 40px;
  }

  .hero-text.caa.websites {
    font-size: 30px;
    line-height: 40px;
  }

  .hero-text.caa.slider-caa {
    font-size: 14px;
    line-height: 24px;
  }

  .hero-text.caa.slider-caa.caa {
    padding-top: 20px;
  }

  .hero-text.caa.slider-caa.caa.caa-slide {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .hero-text.caa.slider-caa.mapping {
    padding-top: 100px;
    font-size: 24px;
    line-height: 34px;
  }

  .hero-text.caa.caa-2 {
    font-size: 16px;
    line-height: 30px;
  }

  .column-wrapper {
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .row {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    line-height: 23px;
    display: block;
  }

  .row.hp-new-hero {
    padding-top: 10px;
  }

  .slide_1_testimonials {
    padding-left: 5px;
    padding-right: 5px;
  }

  .clients-photo, .clients-photo._2, .clients-photo._3 {
    width: 70px;
    height: 70px;
  }

  .clients-photo.hp {
    width: 32%;
    height: 70px;
  }

  .arrow-clients {
    margin-top: 49px;
  }

  .clients-text {
    font-size: 16px;
  }

  .clients-text.testimonial {
    font-size: 13px;
    line-height: 18px;
  }

  .cliets-section {
    background-position: 67%;
  }

  .cliets-section.hp {
    background-image: linear-gradient(#0000, #0000), url('../images/avatar-2155431_1920.png');
    background-position: 0 0, 50%;
    padding-top: 10px;
  }

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

  .white {
    font-size: 18px;
  }

  .name-staff {
    font-size: 30px;
    line-height: 70px;
  }

  .name-staff.social-text {
    line-height: 43px;
  }

  .name-staff.google {
    font-size: 30px;
    line-height: 50px;
  }

  .section-help {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pricing_table.services-list {
    width: 93%;
  }

  .pricing_price {
    background-image: none;
    width: auto;
    height: 350px;
    min-height: 0;
  }

  .pricing_price._2 {
    background-position: 50% 100%;
    background-size: contain;
    height: 350px;
  }

  .pricing_price._2:hover {
    background-position: 50% 100%;
    background-size: contain;
  }

  .pricing_price._2.sevices:hover {
    background-position: 50% 100%, 0 0;
    background-size: contain, auto;
  }

  .pricing_price._3 {
    height: 300px;
  }

  .pricing_price._3.services, .pricing_price._3.services.promo, .pricing_price._3.services.promo, .pricing_price._3.aerial-pic {
    height: 350px;
  }

  .pricing_price.promo, .pricing_price.promo-2, .pricing_price.promo-3 {
    width: auto;
    height: 300px;
  }

  .pricing_price.services-pics {
    height: 350px;
  }

  .circle_prize {
    width: 150px;
    height: 150px;
  }

  .pricing.top-text {
    font-size: 16px;
  }

  .column_features {
    padding-left: 0;
  }

  .mascot {
    width: 300px;
    max-width: 300px;
    height: 200px;
    max-height: 200px;
  }

  .text-slider {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .big-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 38px;
    display: block;
  }

  .medium-text {
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 20px;
  }

  .medium-text.title {
    font-size: 30px;
    line-height: 40px;
  }

  .medium-text.title.hp._2 {
    letter-spacing: 4px;
    text-shadow: 0 1px #000;
    width: 94%;
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
  }

  .medium-text.title.hp._2._360 {
    font-size: 13px;
    line-height: 23px;
  }

  .medium-text.title.hp._2.slider-hp {
    letter-spacing: 10px;
    margin-top: 100px;
    font-size: 23px;
    line-height: 35px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue {
    padding-top: 5px;
    line-height: 40px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new {
    font-size: 25px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.annis {
    font-size: 16px;
  }

  .medium-text.title.hp._2.pics-title-text.hp-blue.new.customer-big-text {
    font-size: 26px;
    line-height: 50px;
  }

  .medium-text.title.hp._2.pics-title-text.services-list {
    font-weight: 800;
  }

  .medium-text.subtitle.hp {
    font-size: 18px;
  }

  .medium-text.subtitle._2 {
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 23px;
  }

  .medium-text.subtitle._2._360-container {
    line-height: 24px;
  }

  .medium-text.subtitle._2.pics-text-para.hp {
    margin-top: 10px;
  }

  .medium-text.subtitle._2.pics-text-para.new.process {
    line-height: 30px;
  }

  .icon-sized-up, .set-left {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .set-left.subtext-services {
    font-size: 18px;
  }

  .homepage-padding {
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    display: block;
  }

  .div-margin-services {
    margin-left: 2px;
    margin-right: 2px;
  }

  .faqs {
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    display: block;
  }

  .faqs.new {
    margin-left: 20px;
  }

  .paragraph-3 {
    font-size: 20px;
  }

  .homepage-slider.text-3 {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .icon-homepage {
    width: 300px;
    height: 150px;
    margin-left: auto;
  }

  .extra {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .extra._1 {
    width: 100%;
    margin-left: auto;
    display: block;
  }

  .extra._1.youtubes {
    font-size: 17px;
  }

  .extra._1.highest-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
  }

  .extra._1.highest-text.top {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .plus-1 {
    text-align: left;
  }

  .bio {
    font-size: 16px;
    line-height: 35px;
  }

  .tablet {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .guarantee-icon {
    width: 80%;
  }

  .section-2-guarantee {
    background-image: linear-gradient(to bottom, null, null), url('../images/ROADHEAD-HANGAR-SHOTHERO-IMAGE-1800x-3.jpg');
    background-position: 0 0, 32%;
    margin-bottom: 0;
    padding-bottom: 70px;
  }

  .services-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
  }

  .services-div-icon-pic {
    width: 100px;
    height: 100px;
  }

  .ecommerce-pic {
    width: 90%;
    height: 200px;
    padding-top: 0;
  }

  .extra-1._2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    line-height: 30px;
    display: block;
  }

  .extra-1._2.prices {
    text-align: left;
    width: 95%;
    font-size: 16px;
    line-height: 30px;
  }

  .extra-1._2.prices.slider-hp {
    letter-spacing: 10px;
    width: 95%;
    margin-top: 100px;
    font-size: 25px;
    font-weight: 800;
    line-height: 35px;
  }

  .star-pic {
    width: 270px;
    max-width: 300px;
    height: 130px;
  }

  .star-pic._2 {
    height: 190px;
  }

  .form-text-above {
    line-height: 33px;
  }

  .footer-icon-section {
    padding-bottom: 60px;
  }

  .footer-icons-images {
    width: 20%;
  }

  .drone-image {
    width: 300px;
    height: 200px;
  }

  .under-shadow {
    height: 20px;
  }

  .under-shadow.hp-video.top-hp.flashy.hp {
    margin-bottom: 50px;
  }

  .video-hero-hp {
    width: 300px;
    height: 200px;
  }

  .link-text.footer-link {
    font-size: 16px;
  }

  .link-text.footer-link.new {
    font-size: 13px;
  }

  .team-div-hp {
    width: 100%;
  }

  .above-footer-div-block {
    text-align: center;
    width: 96%;
  }

  .text.portfolio-hero {
    width: 80%;
  }

  .flashy-link-text.w--current {
    font-size: 15px;
  }

  .flashy-link-text.sky-high-copyright.team {
    width: 80%;
  }

  .small-icon-pic {
    width: auto;
  }

  .bg-vid-test {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur.jpg'), url('../images/BEWCASTLE-FORTJPG.jpg');
    background-position: -647px 0, 50%;
  }

  .bg-vid-embed-portfolio {
    height: 200px;
  }

  .video-3 {
    width: 99%;
  }

  .video-4.bg-vid-inside {
    bottom: 2px;
  }

  .video-1 {
    width: 93%;
  }

  .video-1.portfolio {
    width: 294px;
  }

  .video-1-portfolio.showreel {
    bottom: 80px;
  }

  .autologic-text-title.hp {
    width: 99%;
  }

  .autologic-text-title.hp.autopilot {
    width: auto;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.bg-image {
    font-size: 23px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.hp-new.possible {
    background-position: 50% 18%;
    background-size: auto;
  }

  .autologic-text-title.hp.autopilot.flashy-bar {
    margin-bottom: 50px;
  }

  .autologic-text-title.hp.autopilot.portfolio {
    font-size: 30px;
  }

  .autologic-text-title.hp.autopilot.portfolio.hp-bar.portfolio-new.before {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .autologic-text-title.hp.flashy {
    width: 90%;
    margin-bottom: 0;
  }

  .autologic-text-title.summary {
    font-size: 16px;
  }

  .div-block-new-services {
    width: 95%;
  }

  .centered {
    width: auto;
  }

  .test-container {
    width: 90%;
  }

  .team-container-vids, .bg-vid-div.showreel {
    padding-top: 30px;
  }

  .pricing-div-hp {
    background-image: radial-gradient(circle, #0000, #000), url('../images/CHURCH-ROOF-INSPECTION-21400x-w.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, 778px;
    background-attachment: scroll, fixed;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .services-more.hp {
    background-image: linear-gradient(#0000, #0000), url('../images/AWESOME-FOR-HERO-1800x-800.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .video-bg {
    width: auto;
    height: 350px;
  }

  .bg-vid {
    height: auto;
  }

  .vid-div-port {
    width: 85%;
  }

  .vid-div-port.top {
    padding-bottom: 15px;
  }

  .bg-vid-hp {
    height: 350px;
  }

  .bg-vid-hp.industrial-mob-pic {
    background-position: 50%;
    background-size: cover;
    height: 200px;
  }

  .bg-vid-hp.industrial-mob-pic.industrial {
    height: 300px;
  }

  .bg-vid-hp.industrial-mob-pic.industrial-projects {
    height: 200px;
  }

  .caa-image._2:hover {
    width: 300px;
  }

  .caa-image._2.logo {
    height: 100px;
  }

  .caa-image._2.logo.drone {
    width: 60%;
  }

  .slide-1 {
    background-image: url('../images/CYCLIST-FOR-SLIDERBlur1800x1000.jpg');
    background-position: 30%;
    background-size: cover;
  }

  .slide-2-hp-slider {
    background-image: url('../images/TIGHTROPE-WALKER-FOR-SLIDER--Blur-1800x-1000.jpg');
    background-position: 47%;
    background-repeat: repeat;
    background-size: cover;
  }

  .slide-3-hp-top {
    background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
    background-position: 20%;
    background-repeat: repeat;
    background-size: cover;
  }

  .menu-text {
    position: relative;
    bottom: 59px;
  }

  .text-2nd-slide {
    margin-top: 0;
  }

  .title-vid-portfolio {
    width: auto;
    height: auto;
  }

  .hero-process-page {
    background-image: url('../images/Sky-high-hero-ski-people-1800-x-1000Full-picture_1.jpg');
    background-position: 23%;
    background-size: cover;
  }

  .hero-process-page.prices {
    min-height: 400px;
  }

  .hero-process-page.prices.process._2 {
    background-image: linear-gradient(to bottom, null, null), url('../images/Mapping-experiment-of-property-1.jpg');
    background-position: 0 0, 52%;
  }

  .hero-process-page.prices.prices-div {
    background-position: 35%, 50% 0;
  }

  .highlighted-text {
    font-size: 16px;
  }

  .hp-image-mini-hero {
    width: 88%;
    margin-top: 60px;
    padding-top: 120px;
  }

  .company-info-footer.telephone-numbers._2 {
    font-size: 18px;
  }

  .icon-div.fws {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon-image.fws-icon {
    width: 200px;
  }

  .process-image {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .contact-heading {
    width: 90%;
    font-size: 22px;
  }

  .contact-heading.caa {
    font-size: 20px;
  }

  .portfolio-div {
    background-position: 0 0, -219px;
  }

  .vid-top-div-block._2 {
    height: 86px;
  }

  .text-above-video {
    font-size: 11px;
  }

  .text-above-video.room-survey {
    width: 95%;
  }

  .text-above-video.room-survey.oblong {
    font-size: 14px;
  }

  .text-above-video.room-survey.oblong.portfolio {
    font-size: 20px;
  }

  .text-above-video.room-survey.oblong.portfolio._2 {
    font-size: 13px;
    line-height: 20px;
  }

  .text-oblong-under-small-pics.hp {
    margin-bottom: 0;
  }

  .prices-element-div {
    width: 95%;
  }

  .prices-table-title-text.list.title {
    font-size: 19px;
  }

  .prices-table-title-text.top {
    font-size: 28px;
    line-height: 30px;
  }

  .e-mail-link-footer.w--current {
    letter-spacing: 2px;
    font-size: 14px;
  }

  .team-para {
    font-size: 16px;
  }

  .caa-link-footer {
    width: 250px;
  }

  .image-hp-top-bar-title {
    width: 150px;
    height: 50px;
    padding-top: 6px;
  }

  .image-hp-top-bar-title.right-top {
    width: 166px;
    max-width: 166px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    inset: 16px 0 18px -25px;
  }

  .mob-icon {
    position: relative;
    top: -60px;
  }

  .hero-link-blocks {
    height: 250px;
  }

  .hero-link-blocks.video-hp {
    height: 260px;
  }

  .hero-link-blocks.video-hp.portfolio {
    width: auto;
    height: 400px;
  }

  .hero-link-blocks.vid-link {
    height: 260px;
  }

  .hero-link-blocks.vid-link.portfolio {
    height: 400px;
  }

  .hero-link-blocks.websites-link {
    background-image: url('../images/aaa-portfolio-mobile-shotDumfries-auto600x_1.png'), radial-gradient(circle, #000 20%, #de2828 85%);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: cover, auto;
    height: 260px;
  }

  .hero-link-blocks.websites-link.portfolio {
    background-position: 50%;
    height: 400px;
  }

  .hero-bg {
    background-size: cover;
  }

  .flex-image-hero {
    width: 50%;
  }

  .flex-image-hero._1 {
    height: 240px;
  }

  .image-div-port {
    width: 90%;
  }

  .separator-div.hp._360-view {
    margin-top: 80px;
  }

  .separator-div.hp._360-view.privacy {
    margin-top: 10px;
  }

  .separator-div.hp._360-view.process-new-2 {
    margin-top: 0;
    padding-top: 5px;
  }

  .separator-div.hp._360-view.prices {
    margin-top: 80px;
  }

  .separator-div.hp._360-view.ser5vices {
    margin-top: 48px;
  }

  .separator-div.hp._360-view.contact {
    margin-top: 80px;
  }

  .raggy-bg {
    width: 100%;
    height: 230px;
  }

  .raggy-bg.portfolio {
    height: 220px;
  }

  .raggy-youtube-div {
    width: 467px;
  }

  .slide-4 {
    background-position: 50%;
  }

  .slide-5 {
    background-size: 300px;
  }

  .welcome-div-2-new {
    padding-top: 0;
  }

  .drone-vid-element {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
  }

  .image-div {
    width: 70%;
  }

  .title-image {
    width: 300px;
  }

  .image {
    width: 274px;
    height: 40px;
  }

  .top-title-image {
    width: 300px;
  }

  .top-title-image.new {
    width: 280px;
  }

  .caa-and-hiscox-div {
    padding-top: 0;
  }

  ._360-container-slide {
    margin-top: 230px;
  }

  .hero-2-hp-div {
    background-position: 50%;
  }

  .div-block-5 {
    background-image: linear-gradient(to bottom, var(--white-4), var(--white-4)), url('../images/Web-design-transparency-600x400.png');
    background-position: 0 0, 76%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .row-5 {
    height: 100px;
  }

  .column-5 {
    height: 50px;
    margin-top: 20px;
    padding-top: 0;
  }

  .portfolio-hero {
    background-position: 81%;
  }

  .portfolio-hero.services {
    background-image: url('../images/WINDMILL-HERO-STRAIGHT.jpg');
    background-position: 67%;
  }

  .container-4 {
    padding-top: 70px;
  }

  .portfolio-title {
    margin-top: 0;
    padding-top: 50px;
  }

  .contact-us-text {
    font-size: 26px;
  }

  .contact-us-text.light-blue {
    font-size: 22px;
  }

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

  .background-video {
    background-position: 50%;
  }

  .hero-container-for-text-annis {
    margin-top: 30px;
  }

  .div-block-20 {
    height: auto;
  }

  .services-row-1 {
    overflow: visible;
  }

  .pricing-h1.faq-h2 {
    font-size: 30px;
  }

  .faq-q-text {
    font-size: 20px;
  }

  .container-6.faq-container {
    padding-left: 5vw;
    padding-right: 7vw;
  }

  .header-banner-image {
    padding-top: 52px;
  }

  .header-banner-image.middle {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .header-banner-image.image-1 {
    padding-top: 48px;
  }

  .header-banner-row {
    padding-bottom: 0;
  }

  .nav-menu-link {
    font-size: 12px;
  }

  .div-block-29.rated {
    margin-bottom: 100px;
  }

  .demo-p.main {
    padding-right: 0;
    font-size: 14px;
  }

  .instructions-wrapper {
    align-self: auto;
    margin-left: 0;
  }

  .d-64-card-wrapper {
    width: 320px;
  }

  .demo-wrapper {
    align-items: center;
    margin-right: 0;
  }

  .image-3 {
    margin-top: 0;
    margin-right: 0;
  }

  .demo-title {
    display: none;
  }

  .demo-title.mobile {
    color: #fff;
    text-align: center;
    background-color: #000;
    margin: 0 0 40px;
    padding: 20px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .d-56-card-wrapper {
    width: 320px;
  }

  .d-56-paragraph {
    max-width: 300px;
  }

  .d-56-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
    position: relative;
  }

  .d-56-h3-heading {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .d-54-link-block-1 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .d-54-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 80px;
    padding-left: 0;
    position: relative;
  }

  .h3-heading {
    font-size: 1.25rem;
  }

  .d-54-card-wrapper {
    background-size: auto, cover;
    width: 300px;
    height: 280px;
  }

  .d-54-card-wrapper.second {
    background-size: auto, cover;
    width: 300px;
  }

  .d-54-link-block-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .d-54-social-icon {
    font-size: 1rem;
  }

  .d-54-link-block-3 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .d-54-bottom-block {
    height: 81px;
  }

  .d-54-paragraph {
    padding-left: 40px;
    padding-right: 40px;
  }

  .demo-wrapper-2 {
    align-items: center;
    margin-top: 50px;
    margin-right: 0;
  }

  .demo-heading.h2 {
    font-size: 15px;
    line-height: 20px;
  }

  .demo-heading.h1 {
    font-size: 25px;
    line-height: 35px;
  }

  .instructions-wrapper-2 {
    align-self: auto;
    margin-left: 0;
  }

  .d-31-card {
    width: 275px;
  }

  .demo-main-text-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-wrapper {
    margin-bottom: 200px;
  }

  .benefits-card-wrapper {
    width: 300px;
  }

  .paragraph {
    font-size: 15px;
    line-height: 32px;
  }

  .heading-2 {
    font-size: 25px;
    line-height: 35px;
  }

  .image-4 {
    width: 78%;
  }

  .form-main-text {
    font-size: 16px;
  }

  .pic-title-1 {
    font-size: 28px;
  }

  .pic-title-1.h2 {
    font-size: 19px;
  }

  .form-div-adjustable.contact {
    height: auto;
  }

  .video-hero-container {
    margin-top: 30px;
  }

  .white-div-hp.title-new.hero-new {
    padding-bottom: 30px;
  }

  .road-markings-caps {
    font-size: 30px;
  }

  .button-2 {
    margin-top: 10px;
    margin-bottom: 45px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 11px;
    line-height: 21px;
  }

  .button-2.strategy-button.hp-new {
    margin-left: 40px;
  }

  .button-2.strategy-button.hp-new.contact-page.new-2 {
    width: 280px;
  }

  .button-2.strategy-button.cancel {
    width: 89%;
    font-size: 12px;
  }

  .button-2.strategy-button.title-new {
    text-align: center;
    width: 290px;
  }

  .overall-hero-title {
    font-size: 30px;
    line-height: 35px;
  }

  .image-5 {
    width: auto;
  }

  .image-5.hero-hp {
    width: 100%;
    min-width: 0;
  }

  .image-5.hero-hp.we-promise {
    width: auto;
  }

  .image-5.hero-hp.percentage {
    width: 90%;
    min-height: auto;
  }

  .image-5.hero-hp.contact-phone {
    width: 90%;
  }

  .intro-paragraph {
    line-height: 23px;
  }

  .intro-paragraph.black {
    line-height: 30px;
  }

  .intro-paragraph.black.new-big-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 28px;
  }

  .hero-block-overlay {
    padding: 90px 25px 40px;
  }

  .hero-block-overlay.business-2 {
    height: 60vh;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .hero-block-overlay.business-2.privacy.dm4u-2019.terms {
    padding-left: 10px;
    padding-right: 10px;
  }

  .overall-hero-description {
    font-size: 14px;
    line-height: 20px;
    position: static;
    overflow: visible;
  }

  .overall-hero-description.privacy {
    line-height: 26px;
  }

  .container-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .full-hero-content-block {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .text-span-4 {
    font-size: 30px;
  }

  .column-27 {
    padding-left: 20px;
    padding-right: 5px;
  }

  .text-span-5 {
    font-size: 30px;
  }

  .section-title-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-title-wrapper.full {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .yellow-secondary-caps {
    font-size: 22px;
  }

  .main-feature-title {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 32px;
  }

  .main-feature-title.new-title-hero-text.new-hero.underline {
    padding-top: 30px;
  }

  .info-column-right.responsive {
    margin-top: 50px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
  }

  .home-mockup-column {
    height: 180px;
  }

  .section-title {
    font-size: 25px;
    line-height: 26px;
  }

  .home-mockup {
    height: 160px;
  }

  .home-mockup.ipad {
    height: 120px;
    top: 30px;
    right: -115px;
  }

  .home-mockup.iphone {
    height: 100px;
    top: 52px;
    right: -61px;
  }

  .section-3 {
    padding: 25px;
  }

  .section-3.overflow-none {
    padding-top: 230px;
    padding-bottom: 30px;
  }

  .section-3.overflow-none.hp {
    padding-top: 310px;
  }

  .section-3.overflow-none.hp.new {
    padding-top: 270px;
  }

  .section-3.overflow-none.hp.new.hp-new {
    padding-top: 229px;
  }

  .long-feature-title {
    margin-bottom: 7px;
  }

  .description-paragraph {
    font-size: 12px;
    line-height: 19px;
  }

  .long-feature-block {
    padding-left: 55px;
    padding-right: 10px;
  }

  .mobile-menu-link {
    font-size: 16vw;
    line-height: 17vw;
  }

  .right-box-text, .right-box-text.left-hand-text {
    font-size: 16px;
  }

  .heading-3 {
    font-size: 30px;
  }

  .mobile-menu-link-2 {
    font-size: 7vw;
    line-height: 17vw;
  }

  .nav-logo-2 {
    width: 65%;
  }

  .long-feature-block-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .description-paragraph-2 {
    font-size: 15px;
    line-height: 22px;
  }

  .description-paragraph-2.strategy {
    font-size: 16px;
    line-height: 20px;
  }

  .bold-text-4.blue-title {
    font-size: 40px;
  }

  .bold-text-4.blue-title.hp-title {
    box-shadow: 0 30px 30px -26px var(--black);
    font-size: 40px;
  }

  .bold-text-4.blue-title.new-hero {
    font-size: 36px;
  }

  .yellow-caps.small-google {
    line-height: 35px;
  }

  .long-feature-title-2 {
    margin-bottom: 7px;
  }

  .long-feature-title-2.customer-text, .long-feature-title-2.customer-text.web-design-text {
    font-size: 16px;
    line-height: 28px;
  }

  .long-feature-title-2.customer-text.hp-title-text {
    font-size: 20px;
    line-height: 30px;
  }

  .long-feature-title-2.new-title {
    padding-top: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .section-title-2 {
    font-size: 25px;
    line-height: 40px;
  }

  .section-title-2.top-title-text {
    font-size: 30px;
    line-height: 24px;
  }

  .section-title-2.top-title-text.confirm.new-anni.new-one {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
  }

  .home-mockup-2 {
    height: 200px;
    left: -442px;
  }

  .home-mockup-2.ipad {
    height: 120px;
    top: 30px;
    left: 22px;
    right: -115px;
  }

  .home-mockup-2.ipad.hp {
    height: 250px;
    min-height: 250px;
    top: -100px;
    left: -114px;
  }

  .home-mockup-2.hp {
    height: 170px;
  }

  .home-mockup-2.hp.computer {
    height: 280px;
    min-height: 280px;
    top: -220px;
  }

  .home-mockup-2.iphone {
    height: 100px;
    top: 52px;
    right: -61px;
  }

  .home-mockup-2.iphone.hp {
    height: 210px;
    min-height: 210px;
    max-height: 0;
    top: 40px;
    left: -19px;
  }

  .section-heading.centered {
    font-size: 16px;
  }

  .section-heading.centered.new {
    font-size: 14px;
  }

  .section-heading.centered.new.subtext {
    font-size: 21px;
    line-height: 35px;
  }

  .icon-div-bg.hp.hp-top.blue-section {
    padding-bottom: 10px;
  }

  .icon-div-bg.hp.services.bg-vid-div.hp-hero.new {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .app-bar-text {
    font-size: 16px;
    line-height: 23px;
  }

  .div-block-43 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-48 {
    margin-top: 48px;
  }

  .ssl-pic {
    margin-top: 20px;
  }

  .text-span-7 {
    font-size: 19px;
  }

  .paragraph-5 {
    font-size: 14px;
  }

  .feature-icon {
    width: 30px;
  }

  .feature-icon.overall {
    margin-bottom: 0;
  }

  .paragraph-2 {
    font-size: 14px;
  }

  .feature-title {
    margin-bottom: 13px;
  }

  .feature-block.wide {
    font-size: 13px;
  }

  ._4-pics-div-bg.hp-white {
    padding-bottom: 40px;
  }

  .button-3 {
    margin-top: 10px;
    margin-bottom: 45px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 11px;
    line-height: 21px;
  }

  .services-section-web-design.blue {
    background-image: url('../images/Search-engine-opt-transparency-600x-400.png'), linear-gradient(#0000, #0000);
    background-position: 59%, 0 0;
  }

  .div-inside-container {
    width: 90%;
  }

  .text-inside-container {
    font-size: 30px;
    line-height: 40px;
  }

  .text-inside-container.subtext {
    font-size: 16px;
  }

  .cost-div.services {
    margin-top: 20px;
  }

  .cost-text-title, .cost-text-title._2 {
    font-size: 14px;
  }

  .cost-text-title._2._3 {
    font-size: 22px;
  }

  .cost-text-title.web-dev-red {
    font-size: 12px;
  }

  .slide-8 {
    background-size: contain;
  }

  .slider-casing-hp {
    margin-top: 150px;
  }

  .slider-casing-hp._2 {
    height: 400px;
  }

  .slide-9, .slide-10, .slide-11 {
    background-position: 50%;
    background-size: 300px;
  }

  .slide-12 {
    background-size: 300px;
  }

  .slide-13, .slide-14 {
    background-position: 50%;
    background-size: 300px;
  }

  .slide-15 {
    background-position: 50% 76%;
    background-size: contain;
  }

  .columns-5, .columns-6 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .website-image-container {
    width: 62%;
    height: 92%;
  }

  .macbook {
    width: 80%;
    display: block;
  }

  .hero-video-wrapper {
    bottom: -78%;
  }

  .dropdown-link-mobile {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-5 {
    padding: 10px 18px 9px;
    font-size: 14px;
  }

  .home-h1 {
    font-size: 23px;
  }

  .customer-logo {
    width: 40%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .home-text.hero-home-text {
    font-size: 15px;
  }

  .button-m {
    display: block;
  }

  .hero-caps {
    font-size: 20px;
    line-height: 0;
  }

  .hero-caps.blue {
    font-size: 20px;
  }

  .div-block-60 {
    display: flex;
  }

  .div-inside-slider._3 {
    background-position: 39%;
  }

  .services-row-2 {
    overflow: visible;
  }

  .cost-text-title-2 {
    font-size: 16px;
  }

  .cost-text-title-2._2 {
    font-size: 10px;
    line-height: 26px;
  }

  .cost-text-title-2._2._3 {
    font-size: 26px;
    line-height: 32px;
  }

  .cost-text-title-3 {
    font-size: 19px;
  }

  .cost-text-title-3._2 {
    font-size: 14px;
  }

  .cost-text-title-3._2._3 {
    font-size: 20px;
  }

  .individual-div-in-columns-2 {
    width: 100%;
  }

  .text-block-2 {
    font-size: 28px;
  }

  .modal-body {
    width: 99%;
    margin-top: 70px;
    padding: 20px 20px 15px;
  }

  .modal-wrapper {
    padding: 30px 5px 10px;
  }

  .centered-container {
    text-align: left;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-div-3 {
    padding-top: 5px;
    padding-bottom: 20px;
  }

  ._3d-effect {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  ._3d-effect.iphone {
    min-width: 0;
  }

  .card-1 {
    width: 280px;
  }

  ._3d-effect-1 {
    width: 80vw;
    min-width: 0;
    margin-top: 40px;
  }

  .navbar-5 {
    width: 250px;
  }

  .card-c3 {
    margin: 15px 12px;
  }

  .card {
    min-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .link-20 {
    width: 300px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .link-l12 {
    font-size: 70px;
    line-height: 60px;
  }

  .card-c2 {
    margin: 15px 12px;
  }

  .card-c1 {
    width: auto;
    margin: 15px 12px;
  }

  .text-3d-effect-mobile {
    text-align: center;
  }

  .button-6 {
    width: 310px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .navbar {
    min-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .text-span-10 {
    font-size: 30px;
    line-height: 40px;
  }

  .text-span-10.hp-big-text {
    font-size: 30px;
    line-height: 50px;
  }

  .text-bg {
    font-size: 20px;
  }

  .row-hp-97 {
    padding-bottom: 40px;
  }

  .row-hp-97.hp-new {
    padding-left: 5px;
    padding-right: 5px;
  }

  .blue-subtext {
    padding-left: 10px;
    font-size: 15px;
  }

  .blue-subtext.bullets.tick-text {
    width: 98%;
    padding-left: 0;
    font-size: 15px;
    line-height: 40px;
  }

  .blue-subtext.ticks-text {
    margin-top: 10px;
    font-size: 30px;
  }

  .text-span-11.bullet {
    margin-right: 0;
    padding-right: 10px;
  }

  .column-33 {
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .hero-slider-image-wrap {
    height: 300px;
    overflow: hidden;
  }

  .big-paragraph.max-500 {
    font-size: 18px;
  }

  .hero-slider-image {
    border-radius: 10px;
  }

  .top-page-pic-wide {
    background-position: 50%;
  }

  .hero-nav-arrow.right-arrow {
    width: 100px;
    height: 70px;
    margin-top: 230px;
  }

  .hero-nav-arrow.left-arrow {
    width: 100px;
    height: 70px;
    margin-top: 230px;
    margin-bottom: 0;
  }

  .hero-slider-image-2 {
    border-radius: 10px;
  }

  .hero-slider-image-wrap-2 {
    height: 300px;
    overflow: hidden;
  }

  .arrow-nav {
    width: 50px;
    height: 50px;
  }

  .hero-inner-div {
    width: 93%;
  }

  .heading-div {
    width: 98%;
    font-size: 36px;
    line-height: 35px;
  }

  .text-span-13 {
    line-height: 35px;
  }

  .html-embed-4 {
    width: 90%;
  }

  .titles-promo {
    font-size: 16px;
    line-height: 24px;
  }

  .image-13 {
    width: 70%;
    height: auto;
    top: -68px;
  }

  .background-video-2 {
    height: 100vh;
  }

  .columns-11 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .under-shadow-2 {
    height: 20px;
  }

  .columns-12 {
    width: 240%;
  }

  .new-hero-2022 {
    background-position: 79%;
    height: 30vh;
    min-height: 150px;
  }

  .background-video-3 {
    height: 50vh;
    min-height: 300px;
  }

  .emphasis {
    font-size: 22px;
  }

  .contact-new-button {
    font-size: 24px;
  }

  .columns-13 {
    background-color: #fff;
  }

  .column-35 {
    background-color: #0000;
  }

  .background-video-4 {
    height: auto;
  }
}

#w-node-f1a96f59-e8b8-0786-a307-eae18f4325a1-6c566d54, #w-node-f1a96f59-e8b8-0786-a307-eae18f4325b0-6c566d54, #w-node-f1a96f59-e8b8-0786-a307-eae18f4325bf-6c566d54 {
  place-self: center;
}