:root {
  --white: white;
  --black: black;
}

.body {
  background-color: #fff;
}

.section {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100vh;
  display: flex;
}

.container {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.container-2 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.image {
  opacity: .69;
}

.menu-link {
  color: #000;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.menu-link:hover {
  text-decoration: overline;
}

.menu-link.red {
  color: #b90000;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  font-size: 14px;
  display: flex;
}

.title-container {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block {
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: auto;
  padding-bottom: 50px;
  display: flex;
}

.section-2 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.text-box {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.container-3 {
  padding: 0 75px;
}

.div-block-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.stylised-button1 {
  color: #9b0000;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: rgba(159, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 2px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.stylised-button1:hover {
  color: #000;
  border-color: #9b0000;
  box-shadow: inset 1px 1px 11px -5px #000;
}

.image-2 {
  padding-top: 100px;
}

.section-3 {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.lg-title {
  color: #fff;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.lg-title.black {
  color: #000;
}

.container-4 {
  padding-bottom: 50px;
}

.standard-white-text {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-family: Exo, sans-serif;
  font-weight: 400;
}

.standard-white-text.left {
  text-align: left;
  height: auto;
}

.container-5 {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-3 {
  flex-direction: column;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.small-white-title {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-4 {
  padding-top: 15px;
}

.small-white-text {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.small-white-text.new-left {
  text-align: left;
}

.small-white-text.new-right {
  text-align: right;
}

.section-4 {
  background-image: url('../images/temp_page_section_2_background_desktop.jpg');
  background-position: 50% 0;
  background-size: 100% 100%;
  padding-top: 100px;
  padding-bottom: 0;
}

.container-6 {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.image-3 {
  padding-top: 100px;
}

.text-block-2 {
  text-align: left;
}

.text-block-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-7 {
  max-width: 100%;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-4 {
  color: #000;
  text-align: center;
  padding-bottom: 5px;
  font-family: Exo, sans-serif;
  font-size: 12px;
  font-weight: 300;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.standard-black-text {
  text-align: left;
  letter-spacing: 2px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.standard-black-text.white {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
}

.div-block-5 {
  padding-bottom: 25px;
}

.div-block-6 {
  padding-bottom: 50px;
}

.contact-form {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.text-field {
  border: 1px solid #c9c9c9;
  font-family: Exo, sans-serif;
}

.submit-button {
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #be0000;
  border-radius: 2px;
  font-family: Exo, sans-serif;
}

.container-8 {
  padding-bottom: 100px;
}

.container-9 {
  padding-top: 91px;
}

.div-block-7 {
  padding-bottom: 0;
}

.highlight {
  color: #d81d00;
  cursor: default;
  text-decoration: none;
}

.section-2-phone {
  display: none;
}

.section-6 {
  background-image: url('../images/darkBackground1.jpg');
  background-position: 50%;
  background-size: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 150px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.large-title-white {
  color: #fff;
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.large-title-white.centre {
  text-align: center;
}

.section-7 {
  background-color: #fff;
  background-image: url('../images/lightBackground1.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 200px;
  padding-bottom: 200px;
}

.large-title-black {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  padding-left: 10px;
  padding-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 40px;
}

.large-title-black.vry-lg {
  font-size: 55px;
}

.large-title-black.sml {
  line-height: 60px;
}

.large-title-black.left {
  text-align: left;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-left: 0;
}

.section-8 {
  background-image: url('../images/temp_page_section_2_background_desktop.jpg');
  background-position: 50%;
  background-size: auto;
  padding-top: 200px;
  padding-bottom: 200px;
}

.section-9 {
  background-color: #fff;
  background-image: url('../images/lightBackground2.jpg');
  background-position: 100% 100%;
  background-size: auto;
  padding-top: 200px;
  padding-bottom: 200px;
}

.standard-text-white-centre {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.div-block-9 {
  padding-top: 20px;
}

.standard-text-black-centre {
  text-align: center;
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

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

.navbar {
  background-image: linear-gradient(#fff, #fff 15%, rgba(255, 255, 255, .89) 24%, rgba(255, 255, 255, 0) 102%);
}

.navbar-2 {
  z-index: 10;
  opacity: 1;
  background-color: #fff;
  height: 70px;
  max-height: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navlink {
  color: #333;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 2px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.navlink:hover {
  color: #333;
  text-decoration: overline;
}

.navlink:active {
  color: #333;
}

.navlink.w--current, .navlink.red {
  color: #970000;
}

.navlink.red {
  display: inline-block;
}

.image-7 {
  padding-top: 12px;
}

.div-block-10 {
  padding-bottom: 20px;
}

.div-block-11 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 25px;
  display: flex;
}

.image-8 {
  margin: 10px;
  padding-right: 0;
}

.image-9 {
  margin: 10px;
  padding-left: 0;
}

.section-11 {
  perspective: 1000px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.square {
  border: 1px solid #000;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 40px;
  transform: rotate(0);
}

.div-block-13 {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  perspective: 1000px;
  margin-top: 0;
  padding: 0;
  position: relative;
  transform: rotate(0);
}

.container-11 {
  z-index: 1;
  transform-style: preserve-3d;
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
  transform: rotateX(69deg)rotateY(0)rotateZ(69deg);
}

.div-block-14 {
  z-index: 0;
  background-image: url('../images/lightBackground1.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #b90000;
  border-radius: 3px;
  margin: 10px;
  padding: 60px;
  position: relative;
}

.atlasv1-title-black {
  font-family: Exo, sans-serif;
  font-size: 30px;
}

.atlasv1-title-black.red {
  color: #c00;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.standard-text {
  letter-spacing: 1px;
  width: 70%;
  font-family: Exo, sans-serif;
}

.standard-text.centre {
  text-align: center;
  font-size: 16px;
  line-height: 25px;
}

.div-block-15 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.container-12 {
  padding-left: 50px;
  padding-right: 70px;
}

.div-block-16 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-17 {
  padding-bottom: 20px;
}

.image-10 {
  z-index: 6;
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  transform: translate(0, 52px);
}

.square1, .square2 {
  border: 1px solid #000;
  border-radius: 2px;
  margin: 10px;
  padding: 40px;
}

.square3 {
  border: 1px solid #000;
  margin: 10px;
  padding: 40px;
}

.square4 {
  border: 1px solid #000;
  margin: 20px 10px 10px;
  padding: 40px;
}

.square5 {
  border: 1px solid #000;
  border-radius: 2px;
  margin: 10px 10px 20px;
  padding: 40px;
}

.square6, .square7, .square8 {
  border: 1px solid #000;
  border-radius: 2px;
  margin: 10px;
  padding: 40px;
}

.div-block-18 {
  transform: translate(-14px);
}

.image-11 {
  z-index: 5;
  opacity: .52;
  position: relative;
  transform: translate(-24px);
}

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

.background-video {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.half {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
}

.half.left {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 100vh;
  padding-top: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.half.right {
  object-fit: contain;
  justify-content: space-around;
  height: 100vh;
  overflow: hidden;
}

.circle-animation {
  width: 100%;
  max-height: 100%;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.outer-ring {
  opacity: 1;
  border-radius: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0)rotate(57deg);
}

.third-ring {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(-14deg);
}

.centre-ring {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(-54deg);
}

.logo {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(0);
}

.second-ring {
  opacity: 1;
  transform: rotate(29deg);
}

.title-box {
  padding-bottom: 25px;
}

.atlasv1-title {
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 25px;
}

.atlasv1-text {
  text-align: left;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 12px;
  line-height: 25px;
}

.small-page-engine-animation {
  width: 20%;
  max-height: 50%;
  position: relative;
  transform: rotate(0);
}

.c1, .c2, .c3, .c4, .c5 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-12 {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.image-13, .image-14 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-15, .image-16 {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-17 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-18 {
  opacity: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mini-circle {
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section-12 {
  border: 1px #ac0000;
  border-top: .5px solid #ac0000;
  height: 8vh;
}

.text-block-5 {
  font-family: Exo, sans-serif;
}

.atlas-v1-link-text {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.link-block {
  color: #c52100;
  text-decoration: none;
}

.link-block.general {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-14 {
  justify-content: space-around;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-19 {
  border: .5px solid #bd0000;
  width: 1px;
  height: 20px;
  padding-bottom: 0;
  transform: translate(0, -20px);
}

.div-block-20 {
  border: 1px #000;
  border-top-style: solid;
  flex-direction: column;
  align-items: center;
  width: 60%;
  padding-top: 20px;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

._1 {
  position: absolute;
}

._3, ._4, ._5, ._6, ._7, ._8, ._9, ._10, ._11 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-21 {
  flex-direction: row;
  align-items: flex-start;
  width: 25%;
  margin-top: 50px;
  margin-bottom: 20px;
  display: block;
}

.container-15 {
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  display: block;
}

.div-block-22 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.div-block-23 {
  position: relative;
}

.big-widget {
  width: 30%;
  transform: translate(0, -43px);
}

.holder {
  opacity: .33;
  transform-style: preserve-3d;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotateX(57deg)rotateY(0)rotateZ(0);
}

.image-19 {
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-20 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-21, .image-22, .image-23 {
  position: absolute;
}

.div-block-24 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.the-button-div {
  justify-content: center;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.arrow-button {
  color: #000;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #bb2500;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Exo, sans-serif;
}

.arrow-button.back, .arrow-button.forward {
  border-radius: 20px;
}

.button-2 {
  color: #000;
  background-color: rgba(189, 210, 229, 0);
  border: 1px solid #bb2500;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Exo, sans-serif;
}

.hero-section {
  flex-direction: column;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.slide {
  width: 100vw;
  height: 100vh;
  padding-bottom: 0;
  padding-right: 0;
  position: static;
}

.content-slide {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider {
  background-color: #fff;
  height: 100vh;
}

.left {
  flex-direction: column;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.right {
  flex-direction: column;
  align-items: center;
  width: 60%;
  height: 100vh;
  display: flex;
}

.div-block-25 {
  margin-top: 50px;
}

.icon {
  color: #000;
}

.icon-2 {
  color: #000;
  width: auto;
  display: block;
  position: static;
}

.div-block-26 {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-27 {
  width: 100vw;
  height: 100vh;
}

.homepage-p-wrapper {
  z-index: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.background-image {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-24 {
  z-index: 9;
  opacity: 1;
  position: relative;
}

.homepage-overlay {
  z-index: 11;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.theredseries-wrapper {
  z-index: 1;
  width: 100%;
  height: 70vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: auto;
  overflow: hidden;
}

.theredseries-background {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.theredseries-overlay {
  background-image: url('../images/darkBackground1.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.container-16 {
  padding-top: 30px;
  padding-bottom: 0;
}

.div-block-28 {
  z-index: 1;
  position: static;
}

.div-block-29 {
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.sml-black-title {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 18px;
}

.sml-black-title.white {
  color: #fff;
}

.div-block-30 {
  padding: 0 10px 30px;
}

.div-block-31 {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.roadmap-dates {
  color: #a82200;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 0;
  font-size: 16px;
  text-decoration: none;
}

.roadmap-dates.for-blind-ppl {
  color: #f30;
}

.title-to-text-spacer {
  padding-bottom: 10px;
}

.section-13 {
  background-image: url('../images/lightBackground2.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.section-14 {
  background-image: url('../images/darkBackground1.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.section-15 {
  background-image: url('../images/lightBackground1.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-16 {
  background-image: url('../images/temp_page_section_2_background_desktop.jpg');
  background-position: 50%;
  background-size: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.section-17 {
  background-image: url('../images/AT_website_AV1_background5.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-18 {
  border-bottom: 1px solid #a82200;
  padding-bottom: 50px;
}

.section-19 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.back-forward-button-div {
  padding: 30px;
}

.menu-buttons {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
  font-family: Exo, sans-serif;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.menu-buttons:hover {
  border-color: #c92800;
  box-shadow: inset 0 0 5px -2px #000;
}

.atlas-v1-nav {
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-32 {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section-20 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.sml-nav-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
  margin: 10px;
  padding: 1px 5px 0;
  font-family: Exo, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.mini-menu-holder {
  background-image: linear-gradient(#fff, #fff);
  justify-content: center;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-33 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
}

.general-centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 100%;
  display: flex;
}

.general-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 33.3%;
  height: 100%;
  padding-top: 50px;
  padding-right: 100px;
  display: flex;
}

.text-holder {
  perspective: 1000px;
  border: 1px solid #961400;
  border-radius: 2px;
  margin-left: 20px;
  padding: 20px;
  position: relative;
}

.the-shadows {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: inset 0 0 10px -3px #000;
}

.div-block-36 {
  width: 150px;
  height: 100px;
  position: absolute;
}

.image-25 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-26 {
  position: absolute;
}

.image-27, .image-28, .image-29, .image-30, .image-31, .image-32, .image-33, .image-34, .image-35, .image-36 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.general-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33.3%;
  height: 100%;
  padding-top: 50px;
  padding-left: 100px;
  display: flex;
}

.general {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-bottom: 100px;
  display: flex;
}

.av1-text-left {
  padding-top: 20px;
  font-family: Exo, sans-serif;
}

.av1-text-left.black {
  color: #414141;
  font-family: Exo, sans-serif;
}

.av1-text-right {
  text-align: right;
  padding-top: 20px;
  font-family: Exo, sans-serif;
}

.av1-text-right.black {
  text-align: right;
  font-family: Exo, sans-serif;
}

.section-21 {
  width: 100%;
  height: 100vh;
}

.breathing-loop {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
}

.navbar-3 {
  background-color: rgba(221, 221, 221, 0);
  width: 100%;
  height: 10vh;
  position: static;
}

.image-37 {
  padding-top: 8px;
}

.div-block-37 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-38 {
  width: 100%;
  height: 100vh;
}

.tabs {
  width: 100%;
  height: 100vh;
  position: relative;
}

.tab-pane-tab-1 {
  height: 100vh;
}

.tabs-2, .div-block-39 {
  width: 100%;
  height: 95%;
}

.tabs-menu {
  justify-content: center;
  align-items: stretch;
  height: 5vh;
  margin-top: 68px;
  margin-bottom: 12px;
  padding-top: 4px;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-pane-tab-1-2 {
  width: 100%;
  height: 85vh;
}

.text-block-6 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-40 {
  width: 100%;
  height: 20%;
  padding-top: 50px;
}

.div-block-41 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
}

.generalleft {
  width: 35%;
  height: 100%;
  padding-top: 50px;
  padding-left: 50px;
}

.div-block-43 {
  flex-direction: column;
  align-items: center;
  width: 30%;
  height: 100%;
  display: flex;
}

.generalright {
  width: 35%;
  height: 100%;
  padding-top: 50px;
  padding-right: 50px;
}

.mini-title-right {
  text-align: right;
  font-family: Exo, sans-serif;
  font-size: 20px;
}

.mini-title-left {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 25px;
}

.tab-link-tab-1 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(213, 190, 190, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 9px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
  line-height: 10px;
}

.tab-link-tab-1.w--current {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .06);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-1.shadow.w--current {
  background-color: rgba(0, 0, 0, .01);
}

.tab-link-tab-2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 9px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-2.w--current {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .07);
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-3 {
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: rgba(110, 34, 34, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-3.w--current {
  background-color: rgba(0, 0, 0, .07);
}

.tab-pane-tab-2 {
  width: 100%;
  height: 85%;
}

.div-block-44 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.div-block-45 {
  width: 50%;
  height: 100%;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-46 {
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.div-block-47 {
  width: 100%;
  height: 15vh;
  padding-top: 50px;
}

.div-block-48 {
  padding-bottom: 20px;
}

.div-block-49 {
  width: 100%;
  height: 10vh;
  padding-top: 50px;
}

.div-block-50 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 75vh;
  display: flex;
}

.text-block-7 {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.div-block-51, .div-block-52 {
  width: 35%;
  height: 100%;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-53 {
  width: 30%;
  height: 100%;
}

.tab-link-tab-4 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-4.w--current {
  background-color: rgba(0, 0, 0, .07);
}

.tab-link-tab-5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-5.w--current {
  background-color: rgba(0, 0, 0, .07);
}

.tab-link-tab-6 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(114, 43, 43, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-6.w--current {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .07);
  border: 1px solid #970000;
  border-radius: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-7 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #970000;
  border-radius: 2px;
  height: 28px;
  margin: 5px;
  padding: 4px 10px 0;
  font-family: Exo, sans-serif;
  font-size: 12px;
}

.tab-link-tab-7.w--current {
  background-color: rgba(0, 0, 0, .07);
}

.div-block-54 {
  width: 100%;
  height: 100vh;
}

.div-block-55 {
  padding-top: 50px;
}

.div-block-56 {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.av1-text-centre {
  text-align: center;
  font-family: Exo, sans-serif;
}

.div-block-57 {
  width: 100%;
  height: 100vh;
}

.div-block-58 {
  padding-top: 50px;
}

.div-block-59 {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-60 {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.div-block-61 {
  width: 100%;
  height: 100vh;
}

.div-block-62 {
  padding-top: 50px;
}

.div-block-63, .div-block-64 {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-65 {
  padding-top: 50px;
}

.sticky-nav {
  z-index: 1;
  background-color: #f4f4f4;
  padding: 20px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  height: 100%;
}

.nav-link {
  color: #444;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}

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

.navbar-4 {
  opacity: 0;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.image-38 {
  object-fit: fill;
  margin-top: 0;
  padding-top: 10px;
  padding-left: 10px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.navbar-5 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-5.sticky {
  opacity: 0;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu {
  z-index: 1;
  opacity: 1;
  background-color: rgba(255, 255, 255, .95);
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.menu-button {
  z-index: 2;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  border: 1px #000;
  height: 8vh;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.menu-button.w--open {
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-color: #970000;
}

.icon-3 {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
}

.div-block-66 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-67 {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.text-block-8, .text-block-9 {
  text-align: center;
  letter-spacing: 4px;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.text-block-10 {
  text-align: center;
  letter-spacing: 4px;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.link-block-2, .link-block-3 {
  padding-top: 20px;
}

.div-block-68 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-39 {
  padding-right: 10px;
}

.image-40 {
  padding-left: 10px;
}

.video {
  width: 100%;
  height: 100vh;
}

.div-block-69 {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.image-41 {
  padding-bottom: 40px;
}

.atlas-v1-title-section {
  background-image: url('../images/AT_website_homepage_background.jpg');
  background-position: 50% 0;
  background-size: 100%;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 100px;
  display: none;
}

.centre-div {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.container-17 {
  padding-top: 60px;
  padding-bottom: 64px;
}

.text-block-11 {
  text-align: left;
  padding-top: 20px;
  padding-left: 0;
  font-family: Exo, sans-serif;
}

.container-18 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 0;
  display: flex;
}

.red-highlight {
  color: #a70000;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
}

.text-block-12 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.red-highlight {
  padding-top: 20px;
  padding-bottom: 10px;
}

.red-highlight.right {
  text-align: right;
  width: auto;
  height: auto;
}

.red-highlight.centre {
  text-align: center;
}

.text-block-13 {
  text-align: right;
  font-family: Exo, sans-serif;
}

.text-block-14 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.italic-text {
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
}

.italic-text-2 {
  text-align: right;
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
}

.red-link {
  color: #9e0000;
}

.container-19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.image-42 {
  margin-top: 20px;
}

.text-block-15 {
  font-family: Exo, sans-serif;
}

.text-block-16 {
  text-align: left;
  font-family: Exo, sans-serif;
}

.text-block-17 {
  font-family: Exo, sans-serif;
}

.text-block-18 {
  text-align: center;
  font-family: Exo, sans-serif;
}

.container-20 {
  flex-direction: column;
  align-items: flex-end;
  padding-right: 30px;
  display: flex;
}

.text-block-19 {
  text-align: left;
  font-family: Exo, sans-serif;
}

.text-block-20 {
  text-align: right;
  padding-top: 30px;
  padding-bottom: 30px;
}

.v1-background {
  background-image: url('../images/dark_coral_background.jpg');
  background-position: 50%;
  background-size: cover;
  border-top: 1px solid #a70000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
}

.div-block-71 {
  color: #fff;
  text-align: right;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.v1-text {
  padding-left: 50px;
  font-family: Exo, sans-serif;
}

.v1-text.white {
  color: #fff;
  padding-bottom: 40px;
  padding-left: 0;
  font-size: 16px;
  line-height: 25px;
}

.container-21 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  font-family: Exo, sans-serif;
  display: flex;
}

.div-block-72 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-22 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.atlas-v1-3 {
  background-image: url('../images/AT_website_AV1_background11.jpg');
  background-position: 0 0;
  background-size: cover;
  border-top: 0 solid #a70000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 100px;
  display: none;
}

.div-block-73 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.scrubber-title-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.image-43 {
  padding-right: 0;
}

.text-block-22 {
  padding-bottom: 30px;
  padding-right: 50px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.atlas-v1-4 {
  background-image: url('../images/AT_website_AV1_background7.jpg');
  background-position: 50%;
  background-size: cover;
  border-top: 0 solid #a70000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 100px 60px;
  display: none;
}

.scrubber-text {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 60px;
  display: flex;
}

.container-25 {
  padding-bottom: 40px;
}

.electronics-title {
  padding-bottom: 60px;
}

.text-block-23 {
  color: #000;
  padding-bottom: 40px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.div-block-74 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.electronics-text {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
}

.atlas-v1-5 {
  background-image: url('../images/AT_website_AV1_background8.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 88vh;
  padding: 100px 200px;
  display: none;
}

.warning-systems {
  padding-bottom: 60px;
}

.container-29 {
  padding-top: 60px;
}

.container-30 {
  padding-bottom: 60px;
}

.text-block-24 {
  color: #fff;
  text-align: center;
  font-family: Exo, sans-serif;
}

.text-block-25 {
  color: #fff;
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.atlas-v1-6 {
  background-image: url('../images/AT_website_AV1_background5.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.atlas-v1-7 {
  opacity: 1;
  object-fit: cover;
  background-image: url('../images/AT_website_AV1_background4.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: static;
}

.gas-routing-title {
  padding-bottom: 0;
}

.atlas-v1-8 {
  background-image: url('../images/AT_website_AV1_background9.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-32 {
  padding-bottom: 60px;
}

.atlas-v1-9 {
  background-image: url('../images/AT_website_AV1_background8.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  padding: 100px 100px 0;
  display: none;
}

.gas-routing-text {
  color: #fff;
  text-align: left;
  padding-bottom: 40px;
  padding-left: 0;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.text-block-27 {
  color: #fff;
  text-align: left;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.container-33 {
  padding-bottom: 40px;
}

.text-block-28 {
  text-align: center;
  font-family: Exo, sans-serif;
}

.div-block-75 {
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 4vh;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: 0%;
  right: 0%;
}

.div-block-76 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 12vh;
  display: flex;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.atlas-v1-text-link {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 5px 10px 10px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.atlas-v1-text-link:hover {
  color: #fff;
  text-decoration: overline;
}

.atlas-v1-text-link.w--current {
  padding-top: 5px;
}

.container-34 {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.brand {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.div-block-77 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.body-2 {
  background-color: #000;
  display: block;
}

.av1-nav {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-78 {
  display: flex;
}

.forward {
  flex-direction: row;
  align-items: center;
  display: block;
}

.back {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.forward-group {
  align-items: center;
  padding-left: 30px;
  text-decoration: none;
  display: flex;
}

.back-group {
  align-items: center;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
}

.text-block-29 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 10px;
}

.text-block-30 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.f-arrow-1 {
  padding-left: 0;
}

.atlas-v1-stand {
  background-image: url('../images/AT_website_AV1_background10.jpg');
  background-position: 50%;
  background-size: 100%;
  flex-direction: column;
  align-items: center;
  height: 88vh;
  display: none;
}

.container-35 {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
}

.div-block-79 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-36 {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
}

.container-37 {
  padding-top: 60px;
  padding-bottom: 0;
}

.body-3 {
  background-color: #000;
}

.div-block-80 {
  background-image: url('../images/AT_website_AV1_background11.jpg');
  background-position: 50%;
  background-size: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
}

.container-38 {
  padding-bottom: 40px;
}

.text-block-31 {
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.container-39 {
  padding-bottom: 60px;
}

.av1-nav-black {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.back-group-white {
  justify-content: center;
  align-items: center;
  padding-right: 30px;
  font-family: Exo, sans-serif;
  text-decoration: none;
  display: flex;
}

.forward-group-white {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 30px;
  text-decoration: none;
  display: flex;
}

.text-block-32 {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
}

.next-text {
  color: #333;
  letter-spacing: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Exo, sans-serif;
  font-size: 10px;
}

.back-text {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
}

.container-40 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.pricing-wrapper {
  background-image: url('../images/AT_website_homepage_background.jpg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 100px;
  display: flex;
}

.container-41 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-81 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-33 {
  text-align: center;
  letter-spacing: 2px;
  padding-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.text-block-34 {
  color: #a20b0b;
  text-align: center;
  letter-spacing: 2px;
  padding-bottom: 40px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 25px;
}

.text-block-35 {
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 20px;
}

.text-block-36 {
  color: #a20b0b;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-block-37 {
  text-align: center;
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.container-42 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-38 {
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.tabs-3 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tab-text {
  text-align: center;
  padding-top: 10px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.tab-links {
  background-color: rgba(221, 221, 221, 0);
  background-image: linear-gradient(#e0e0e0, rgba(255, 255, 255, 0));
  border-bottom: 1px solid #941212;
  padding-left: 10px;
  padding-right: 10px;
}

.tab-links.w--current {
  background-image: linear-gradient(#e0e0e0, rgba(148, 148, 148, 0));
  border-top: 1px solid #941212;
  border-bottom-width: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.gas-routing-image {
  padding-bottom: 40px;
}

.body-4 {
  background-color: #000;
}

.text-block-39 {
  text-align: left;
  padding-bottom: 40px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.image-44 {
  padding-top: 20px;
}

._360-view {
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  padding-right: 60px;
  display: flex;
}

.text-block-40, .text-block-41, .text-block-42, .text-block-43 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 14px;
}

.the-tabs-div {
  width: 100%;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.image-45, .image-46, .image-47 {
  position: absolute;
}

.body-5 {
  background-color: #000;
}

.text-holder-1, .text-holder-2 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
}

.container-43 {
  padding-bottom: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.text-block-44 {
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.text-block-45 {
  color: #9b0c0c;
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 60px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.atlas-v1-title-section-desktop {
  background-color: #fff;
  background-image: url('../images/AT_website_AV1_background9.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: space-around;
  width: 100%;
  height: 100vh;
  display: flex;
}

.atlas-main-nav {
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.atlas-main-nav:hover {
  box-shadow: inset 0 -6px 20px -16px #6b0000;
}

.main-nav-link {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 13px;
  transition: all .2s cubic-bezier(.409, .003, .602, .997);
}

.main-nav-link:hover {
  filter: blur(1px);
  color: #8f0000;
  border: 0 solid #000;
}

.main-nav-link.w--current {
  color: #8f0000;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: overline;
}

.container-45 {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.nav-menu-2 {
  flex-wrap: wrap;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.image-49 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}

.mini-menu {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.general---content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.div-block-85 {
  width: 40%;
}

.div-block-86 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding-top: 50px;
  padding-left: 50px;
  display: flex;
}

.mini-menu-link {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.398, .009, .614, .997);
}

.mini-menu-link:hover {
  color: #8f0000;
  transform: scale(1.1)translate(5px);
}

.mini-menu-link:active {
  text-decoration: overline;
}

.mini-menu-link.white {
  color: #fff;
}

.mini-menu-link.white:hover {
  color: #8f0000;
}

.atlas-images {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.general---text {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.image-50 {
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-46 {
  letter-spacing: 1px;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.general---title {
  padding-bottom: 40px;
}

.breathing-loop-text {
  width: 40%;
  padding-right: 0;
}

.breathing-loop-image {
  flex-direction: column;
  align-items: center;
  width: 35%;
  display: flex;
}

.breathing-loop---mobile {
  display: none;
}

.c02-sensor---desktop {
  background-color: #fff;
  background-image: url('../images/AT_website_AV1_background6.jpg');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-89 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 100vh;
  padding-left: 0;
  display: flex;
}

.div-block-90 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100vh;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-91 {
  padding-top: 50px;
}

.div-block-92 {
  padding-bottom: 50px;
}

.gas-routing-desktop {
  background-image: url('../images/AT_website_AV1_background4.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-93 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.div-block-94 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 100vh;
  padding-top: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-95 {
  display: flex;
}

.div-block-96 {
  padding-bottom: 50px;
}

.electronics---desktop {
  background-image: url('../images/AT_website_AV1_background7.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-97 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 100vh;
  display: flex;
}

.div-block-98 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100vh;
  padding-right: 50px;
  display: flex;
}

.div-block-99, .div-block-100 {
  padding-bottom: 50px;
}

.earlywarningsystems---desktop {
  background-image: url('../images/AT_website_AV1_background8.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-101 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.ews-animation {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 170px;
  padding-top: 40px;
  padding-bottom: 50px;
  display: flex;
}

.ews-text-desktop {
  padding-top: 40px;
  padding-bottom: 40px;
}

.the-lights {
  justify-content: center;
  align-items: center;
  display: flex;
}

.green-light {
  filter: blur(2px);
  color: #2bff00;
  font-size: 150px;
}

.blue-light {
  filter: blur(2px);
  color: #00aeff;
  font-size: 150px;
}

.red-light {
  filter: blur(2px);
  color: red;
  font-size: 150px;
}

.white-light {
  filter: blur(2px);
  color: #fff;
  font-size: 150px;
}

.warnings {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.warning1 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 200px;
  font-family: Exo, sans-serif;
  font-size: 18px;
  display: block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.warning2, .warning-3, .warning4 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 200px;
  font-family: Exo, sans-serif;
  font-size: 18px;
  display: none;
}

.absolute-box {
  position: relative;
}

.the-stand---desktop {
  background-image: url('../images/AT_website_AV1_background10.jpg');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-103 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 100vh;
  display: flex;
}

.div-block-104 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100vh;
  padding-right: 100px;
  display: flex;
}

.div-block-105 {
  padding-bottom: 50px;
}

.div-block-106 {
  padding-top: 50px;
}

.harness-wing-desktop {
  background-image: url('../images/AT_website_AV1_background8.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-107 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 100vh;
  display: flex;
}

.div-block-108 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100vh;
  padding-right: 100px;
  display: flex;
}

.div-block-109, .div-block-110 {
  padding-bottom: 40px;
}

.travel-ready-desktop {
  background-image: url('../images/AT_website_AV1_background11.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-111 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 100vh;
  padding-right: 0;
  display: flex;
}

.div-block-112 {
  padding-bottom: 40px;
}

.text-block-47 {
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.div-block-113 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100vh;
  padding-right: 100px;
  display: flex;
}

.div-block-114 {
  padding-bottom: 40px;
}

.support-wrapper {
  background-image: url('../images/AT_website_homepage_background.jpg');
  background-position: 50% 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.button-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.support-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ac1d00;
  border-radius: 3px;
  margin: 15px;
  font-size: 16px;
  transition: all .3s;
}

.support-button:hover {
  background-color: rgba(255, 255, 255, .54);
  transform: scale(1.05);
  box-shadow: inset 0 0 3px #000;
}

.text-block-48 {
  letter-spacing: 15px;
  font-family: Exo, sans-serif;
  font-size: 60px;
  font-weight: 400;
}

.div-block-115 {
  flex-direction: column;
  display: flex;
}

.arrow-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.atlas-logo-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

.background-video-2 {
  width: 70%;
  height: 100%;
  margin-left: 71px;
  padding-left: 0;
}

.the-intro {
  background-image: url('../images/AT_website_AV1_background5.jpg');
  background-position: 50%;
  background-size: cover;
}

.intro-content {
  display: none;
}

.row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: flex;
}

.column {
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: auto;
  padding: 50px;
  display: flex;
}

.column.left {
  align-items: flex-start;
  width: 50%;
  padding-left: 100px;
  padding-right: 100px;
}

.column.right {
  align-items: flex-end;
  width: 50%;
  padding-left: 100px;
}

.div-block-116 {
  padding-bottom: 20px;
}

.the-loop {
  width: 100%;
}

.div-block-117 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: inline-flex;
}

.body-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-49 {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-family: Exo, sans-serif;
  font-size: 16px;
  display: inline-flex;
}

.social {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-right: 0;
  display: inline-flex;
}

.part-section {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
}

.part-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 50px;
  padding-right: 0;
  display: inline-flex;
}

.spline-scene {
  width: 50%;
  height: 500px;
}

.title-holder {
  padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .div-block {
    padding-left: 25px;
    padding-right: 25px;
  }

  .large-title-white.centre {
    text-align: center;
  }

  .atlasv1-title-black.red {
    line-height: 40px;
  }

  .image-24 {
    width: auto;
    height: 100vh;
  }

  .navbar-5 {
    height: auto;
  }

  .atlas-v1-title-section {
    justify-content: center;
    height: 100vh;
    display: flex;
  }

  .centre-div {
    padding-left: 100px;
    padding-right: 100px;
  }

  .centre-div.mobile {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0;
    padding-left: 100px;
  }

  .red-highlight.right {
    text-align: right;
    height: auto;
  }

  .v1-background {
    border-top-style: none;
    padding-top: 50px;
    display: none;
  }

  .div-block-71 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .atlas-v1-3 {
    height: auto;
    display: block;
  }

  .atlas-v1-4 {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 50px;
    display: block;
  }

  .electronics-title {
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 20px;
    display: flex;
  }

  .text-block-23 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .electronics-text {
    padding-top: 49px;
    padding-left: 45px;
  }

  .atlas-v1-5 {
    height: auto;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 100px;
    display: block;
  }

  .warning-systems {
    padding-bottom: 0;
  }

  .atlas-v1-7 {
    height: auto;
    display: block;
  }

  .atlas-v1-9 {
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .text-block-27 {
    padding-bottom: 20px;
  }

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

  .div-block-76 {
    height: auto;
  }

  .atlas-v1-stand {
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding-top: 100px;
    display: block;
  }

  .container-35 {
    align-items: center;
  }

  .div-block-79 {
    flex-direction: column;
  }

  .container-36 {
    text-align: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 0;
  }

  .div-block-80 {
    background-size: cover;
    height: 100vh;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .container-40 {
    padding-bottom: 40px;
  }

  .tab-text.mobile {
    text-align: left;
  }

  .div-block-82 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  ._360-view {
    width: 60%;
    padding-bottom: 288px;
  }

  .the-tabs-div.mobile {
    padding-top: 53px;
    padding-left: 0;
    padding-right: 0;
  }

  .atlas-v1-title-section-desktop {
    display: none;
  }

  .nav-menu-2 {
    background-color: #fff;
  }

  .menu-button-2 {
    background-color: rgba(104, 91, 91, 0);
  }

  .menu-button-2.w--open {
    background-color: rgba(255, 255, 255, 0);
  }

  .icon-4 {
    color: #a5a5a5;
  }

  .breathing-loop---mobile {
    background-image: url('../images/dark_coral_background.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 50px;
    display: flex;
  }

  .div-block-87 {
    padding-bottom: 40px;
  }

  .div-block-88 {
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
  }

  .c02-sensor---desktop, .gas-routing-desktop, .electronics---desktop, .earlywarningsystems---desktop {
    display: none;
  }

  .div-block-102 {
    padding-top: 50px;
  }

  .the-stand---desktop, .harness-wing-desktop, .travel-ready-desktop {
    display: none;
  }

  .support-wrapper {
    background-position: 50% 0;
    background-size: cover;
  }

  .button-wrapper {
    display: flex;
  }

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

  .column.left {
    padding-left: 50px;
    padding-right: 50px;
  }

  .part-text {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .div-block {
    flex-direction: column;
  }

  .section-2 {
    display: none;
    overflow: visible;
  }

  .text-box {
    font-size: 20px;
    line-height: 25px;
  }

  .div-block-2 {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .stylised-button1 {
    margin-top: 0;
  }

  .standard-white-text.left {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-5 {
    flex-direction: column;
  }

  .small-white-title {
    padding-top: 30px;
  }

  .standard-black-text {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form {
    padding: 40px 20px;
  }

  .section-2-phone {
    display: block;
  }

  .image-5 {
    padding-bottom: 25px;
  }

  .image-6 {
    padding-top: 25px;
  }

  .container-10 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-8 {
    padding-top: 10px;
  }

  .section-7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 0 50px;
    display: flex;
  }

  .large-title-black {
    line-height: 60px;
  }

  .section-8, .section-9 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 0 50px;
    display: flex;
  }

  .atlasv1-title-black.red {
    text-align: center;
  }

  .theredseries-wrapper {
    width: auto;
    height: 100vh;
    position: static;
  }

  .theredseries-background {
    position: static;
  }

  .theredseries-overlay {
    background-image: url('../images/darkBackground1.jpg');
    background-position: 50%;
    background-size: cover;
    height: 100vh;
    padding-left: 50px;
    padding-right: 50px;
    position: static;
  }

  .div-block-30.extra {
    padding-left: 20px;
  }

  .sticky-nav {
    position: relative;
  }

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

  .navbar-5 {
    opacity: 1;
  }

  .atlas-v1-title-section {
    height: 100%;
  }

  .centre-div {
    flex-direction: column;
    justify-content: flex-start;
  }

  .centre-div.mobile {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-17 {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .div-block-71 {
    flex-direction: column;
  }

  .image-43 {
    padding-bottom: 50px;
  }

  .atlas-v1-5 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .atlas-v1-9 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

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

  .div-block-77 {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .atlas-v1-stand {
    height: 100%;
  }

  .div-block-79 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-80 {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-38 {
    padding-bottom: 20px;
  }

  .forward-group-white.centre {
    justify-content: center;
    padding-left: 0;
  }

  .pricing-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div-block-82 {
    flex-direction: column;
  }

  .image-44 {
    padding-top: 0;
  }

  ._360-view {
    margin-left: 0;
    padding-bottom: 350px;
    padding-right: 0;
  }

  .the-tabs-div {
    width: 100%;
  }

  .the-tabs-div.mobile {
    padding-top: 0;
  }

  .text-holder-1 {
    padding-left: 0;
  }

  .text-holder-2 {
    align-items: center;
    padding-left: 0;
  }

  .image-48 {
    padding-bottom: 30px;
  }

  .button-wrapper {
    flex-direction: column;
  }

  .row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .column.left {
    width: 70%;
    padding: 20px 0;
  }

  .part-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .part-text {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 479px) {
  .container-2 {
    padding-bottom: 0;
  }

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

  .lg-title {
    line-height: 50px;
  }

  .standard-white-text.left {
    width: 90%;
  }

  .container-5 {
    flex-direction: column;
  }

  .small-white-title {
    padding-top: 30px;
  }

  .standard-black-text {
    padding-left: 0;
    padding-right: 0;
  }

  .section-2-phone {
    display: block;
  }

  .large-title-white {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 50px;
  }

  .section-7 {
    height: auto;
    padding: 50px 20px;
  }

  .large-title-black {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .large-title-black.sml {
    font-size: 30px;
  }

  .section-8 {
    height: auto;
    padding: 50px 0;
  }

  .section-9 {
    height: auto;
    padding: 50px 20px;
  }

  .standard-text-white-centre {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-9 {
    width: auto;
  }

  .square3 {
    padding-right: 40px;
  }

  .image-24 {
    max-width: 200%;
    height: 100%;
  }

  .homepage-overlay {
    padding-top: 0;
  }

  .theredseries-wrapper {
    height: auto;
  }

  .theredseries-overlay {
    background-image: url('../images/darkBackground1.jpg');
    background-position: 50%;
    background-size: cover;
    height: auto;
    padding: 50px 20px;
  }

  .tabs-menu {
    flex-direction: column;
    padding-top: 60px;
  }

  .tab-link-tab-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .tab-link-tab-2 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sticky-nav {
    padding: 0;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-38 {
    position: static;
  }

  .div-block-66 {
    justify-content: center;
  }

  .div-block-67 {
    padding-bottom: 20px;
  }

  .centre-div {
    padding-bottom: 10px;
  }

  .centre-div.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-21 {
    padding-left: 0;
  }

  .div-block-73 {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .scrubber-title-container {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .text-block-22 {
    padding-right: 0;
  }

  .atlas-v1-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .scrubber-text {
    padding-left: 0;
  }

  .electronics-title {
    flex-wrap: nowrap;
    align-self: auto;
    padding-top: 58px;
  }

  .text-block-23 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-74 {
    flex-direction: column;
  }

  .electronics-text {
    align-items: center;
    padding-left: 0;
  }

  .atlas-v1-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .atlas-v1-stand {
    height: auto;
  }

  .div-block-80 {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .pricing-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-3 {
    width: 100%;
  }

  .tab-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-menu-2 {
    width: 100%;
  }

  .scrubber-image {
    padding-bottom: 10px;
  }

  .electronics-image {
    padding-bottom: 20px;
  }

  ._360-view {
    margin-left: 59px;
  }

  .text-block-40, .text-block-41, .text-block-42, .text-block-43 {
    font-size: 10px;
  }

  .the-tabs-div {
    padding-left: 0;
    padding-right: 0;
  }

  .the-tabs-div.mobile {
    width: 80%;
  }

  .text-holder-1 {
    align-items: center;
  }

  .container-43 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-44 {
    padding-bottom: 40px;
  }

  .body-6 {
    background-color: #fff;
  }

  .support-wrapper {
    background-position: 0 100%;
  }

  .text-block-48 {
    letter-spacing: 10px;
    font-size: 50px;
  }

  .video-wrapper {
    height: 40vh;
    padding-left: 22px;
  }

  .background-video-2 {
    flex-flow: column wrap;
    align-content: center;
    align-items: center;
    width: 100%;
    margin-left: 14px;
    padding-left: 0;
    display: flex;
  }

  .column.left {
    width: 80%;
  }

  .div-block-117 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .part-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .spline-scene {
    width: 100%;
    height: 500px;
    margin-right: 0;
    padding-right: 0;
  }
}