:root {
  --light-grey-1: #f1f1f1;
  --brand-color-1: #007cac;
  --font-color-dark: #333;
  --brand-color-3: white;
  --font-color-light: #aaa;
  --brand-color-2: #ccc;
  --brand-color-4: #111;
  --dark-grey-3: #5b5b5b;
  --dark-grey-4: #333;
  --red: #b8022eed;
  --black: black;
  --highlight-color: #ffa462;
}

body {
  color: #333;
  background-image: url('../images/concrete_wall_3.png');
  background-position: 0 0;
  background-size: 200px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 44px;
}

h2 {
  color: var(--light-grey-1);
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 38px;
}

h3 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 36px;
}

h4 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 28px;
  font-weight: 100;
  line-height: 30px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

p {
  color: var(--light-grey-1);
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

a {
  color: var(--brand-color-1);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5em;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.nav-menu {
  display: flex;
}

.nav-container {
  float: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.heading {
  color: var(--font-color-dark);
  text-align: center;
}

.fleet-header {
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: var(--brand-color-3);
  border-bottom: 3px solid #b8022eed;
  width: 100%;
  position: fixed;
  top: 0;
}

.fleet-div {
  text-align: center;
  flex: 0 auto;
  width: 40%;
  height: 40%;
  margin-top: 50px;
  transition: transform .5s ease-in-out;
}

.fleet-div:hover {
  transform: translate(0, -10px);
}

.whitespace {
  width: 100%;
  height: 100px;
}

.whitespace.dividing-line {
  background-color: #000;
  height: 1px;
  margin-top: 49px;
  margin-bottom: 50px;
}

.whitespace.dividing-line.short {
  background-color: var(--font-color-light);
  width: 70%;
  margin: 50px auto;
}

.whitespace.small {
  height: 50px;
}

.applications-container {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.applications-wrapper {
  text-align: center;
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  transition: transform .5s ease-in-out;
}

.applications-wrapper:hover {
  transform: translate(0, -10px);
}

.subpage-header {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.subpage-header.restoom-shower-header {
  background-image: url('../images/full-fleet-header.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.subpage-header.contact-background {
  background-image: url('../images/F1-Double-Decker-Tent---First-Level--COTA---033.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.gallery-background {
  background-image: url('../images/F1-Double-Decker-Tent---First-Level--COTA---009.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.subpage-header.about-banner {
  background-image: url('../images/F1-Double-Decker-Tent---Second-Level--COTA---027.jpg');
  background-position: 50% 41%;
  background-size: cover;
  height: 50vh;
  position: relative;
}

.subpage-header.about-banner.responsibility {
  background-image: url('../images/Team-940.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.about-banner.responsibility.response {
  background-position: 50% 41%;
  height: 70vh;
}

.subpage-header.about-banner.job {
  background-image: url('../images/F1-Double-Decker-Tent---Second-Level--COTA---033.jpg');
  background-position: 40% 30%;
  position: relative;
}

.subpage-header.water-rig-header {
  background-image: url('../images/Water-Rig-Header.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.mobile-power-background {
  background-image: url('../images/Mobile-Power-Header.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.subpage-header.mobile-kitchen-background-2 {
  background-color: #0000;
  background-image: url('../images/Mobile-Kitchen-Header-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.mobile-dishwashing-background {
  background-image: url('../images/mobile-dishwasher-header.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.subpage-header.mobile-restroom-background {
  background-image: url('../images/Mobile-Restroom-Dashboard.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.subpage-header.virtual-tour-background {
  background-image: url('../images/360-header.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header._44-mobile-kitchen-header {
  background-image: url('../images/44-Truck-Kitchen.jpg');
  background-position: 50% -111px;
  background-size: cover;
}

.subpage-header.in-the-news-background {
  background-image: url('../images/rk-in-the-news.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.vip-experience-header {
  background-image: url('../images/Banner2.jpg');
  background-position: 50%;
  background-size: cover;
}

.subpage-header.tenting-structures-header {
  background-image: url('../images/F1-T12-Skybox-Stand-Alone-Tent--COTA---010.jpg');
  background-position: 50% -128px;
  background-repeat: no-repeat;
  background-size: cover;
}

.subpage-header.event-service-header {
  background-image: url('../images/F1-Double-Decker-Tent---First-Level--COTA---015-web.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.subpage-header.brand-marketing-header {
  background-image: url('../images/F1-Double-Decker-Tent---First-Level--COTA---043--banner.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.subpage-header.ice-sculpture-header {
  background-image: url('../images/F12014-99.jpg');
  background-position: 50% 54%;
  background-size: cover;
}

.subpage-header.event-catering-header {
  background-image: url('../images/F1-Experiences-Champions-Club--COTA---033.jpg');
  background-position: 50%;
  background-size: cover;
}

.full-width {
  text-align: center;
  width: 100%;
}

.full-width.round {
  background-color: #0000;
  border-radius: 50%;
  height: auto;
  box-shadow: 1px 1px #000;
}

.full-width.round.rise-on-hover {
  box-shadow: none;
  border-radius: 0%;
  transition: box-shadow .5s ease-in-out;
}

.full-width.round.rise-on-hover:hover {
  box-shadow: none;
  border-style: none;
}

.full-width.round.rise-on-hover.bottom-padding {
  padding-bottom: 42px;
}

.full-width.margin-bottom {
  margin-bottom: 30px;
}

.vehicle-header {
  color: var(--brand-color-1);
  text-align: left;
}

.vehicle-header.no-top-margin {
  margin-top: 0;
  font-family: Ropa Sans, sans-serif;
}

.vehicle-header.right-align {
  text-align: right;
}

.application-detail {
  margin-top: 50px;
}

.resource-wrapper {
  text-align: center;
  align-items: flex-end;
  width: 25%;
  margin-bottom: 50px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.resource-wrapper.fleet {
  width: 100%;
}

.resource-container {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spec-category {
  margin-top: 30px;
}

.spec-category.blue {
  color: var(--brand-color-1);
}

.underlined-li {
  border-bottom: 1px solid #000;
}

.float-left {
  float: left;
  margin-right: 30px;
}

.float-left._200px {
  width: 200px;
}

.float-left._200px.margin-bottom {
  float: left;
  margin-right: 30px;
}

.float-left._200px.margin-bottom.more-margin {
  margin-bottom: 25px;
}

.float-left.mobile-center.margin-bottom {
  padding-right: 20px;
}

.clear-float {
  clear: both;
}

.style-guide-wrap {
  background-color: var(--light-grey-1);
  padding-top: 1px;
  padding-bottom: 20px;
}

.style-guide-section {
  background-color: #fff;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.style-guide-title {
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 5px;
  padding-left: 18px;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.style-guide-content {
  padding-top: 50px;
}

.style-guide-divider {
  background-color: var(--light-grey-1);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.style-guide-label {
  float: left;
  color: var(--font-color-light);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 11px;
  line-height: 11px;
}

.style-guide-label.float-right {
  float: right;
  color: var(--font-color-light);
}

.style-guide-block {
  margin-bottom: 50px;
}

.color-block {
  width: 100%;
  height: 100px;
  margin-top: 20px;
}

.color-block.font-color-dark {
  background-color: var(--font-color-dark);
}

.color-block.font-color-light {
  background-color: var(--font-color-light);
}

.color-block.brand-color-1 {
  background-color: var(--brand-color-1);
}

.color-block.brand-color-2 {
  background-color: var(--brand-color-2);
}

.color-block.brand-color-3 {
  background-color: var(--brand-color-3);
}

.color-block.brand-color-4 {
  background-color: var(--brand-color-4);
}

.color-block.light-grey-1 {
  background-color: var(--light-grey-1);
}

.color-block.light-grey-2 {
  background-color: #a7a7a7;
}

.color-block.dark-grey-3 {
  background-color: var(--dark-grey-3);
}

.color-block.dark-grey-4 {
  background-color: var(--dark-grey-4);
}

.float-right {
  float: right;
  text-align: right;
  display: inline-block;
}

.float-right._20-padding, .float-right.mobile-center.left-padded {
  padding-left: 20px;
}

.component-block {
  margin-bottom: 50px;
}

.title-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 75px;
  display: flex;
}

.title-block.less-bottom-margin {
  margin-bottom: 25px;
}

.title-block.no-bottom-margin {
  margin-bottom: 0;
}

.title-block-image {
  flex: 0 auto;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 22px;
}

.title-block-image.call-to-action {
  background-color: #fff;
}

.title-block-subtitle {
  background-color: var(--dark-grey-4);
  color: var(--brand-color-2);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 300;
  position: relative;
  bottom: 20px;
}

.title-block-subtitle.call-to-action {
  top: auto;
  bottom: 17px;
}

.title-block-title {
  min-width: 600px;
  color: var(--light-grey-1);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-bottom: 3px solid #b8022eed;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 50px;
  font-family: Permanent Marker, sans-serif;
  font-weight: 400;
}

.title-block-title.diversity {
  min-width: 450px;
}

.block-quote {
  font-family: Droid Sans, sans-serif;
}

.hero-container {
  border-top: 50px solid var(--brand-color-4);
  border-bottom: 10px solid var(--brand-color-4);
}

.hero-image {
  width: 100%;
  height: 500px;
}

.image-break-container {
  border-bottom: 10px solid var(--brand-color-4);
  width: 100%;
  height: 410px;
}

.image-break-image {
  width: 100%;
  height: 400px;
}

.nav-link {
  color: var(--font-color-dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Oswald, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.nav-link.w--current {
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

.header-image {
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.right-align {
  text-align: right;
}

.list-item, .list-item-2, .list-item-3 {
  direction: rtl;
}

.footer {
  z-index: 100;
  background-color: var(--brand-color-4);
  color: var(--font-color-light);
  background-image: url('../images/subtle_carbon_2X.png');
  background-position: 0 0;
  background-size: 18px;
  border-top: 5px solid #b8022eed;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.footer-header {
  color: var(--brand-color-3);
  text-align: left;
  text-shadow: 0 -1px #ffffffad, 0 1px #000;
  border-bottom: 1px solid #b8022eed;
  padding-bottom: 5px;
  font-size: 18px;
}

.footer-header.company-list-header {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
}

.footer-link {
  color: var(--font-color-light);
  font-size: 12px;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--brand-color-2);
}

.button {
  color: var(--brand-color-3);
  background-color: #b8022eed;
  padding-top: 10px;
  padding-bottom: 11px;
  font-family: Permanent Marker, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.button.built {
  align-items: center;
  width: 220px;
  margin: 20px auto 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.button.built:hover {
  background-color: #38afdd;
}

.gallery-hover {
  position: relative;
}

.gallery-header {
  z-index: 1;
  width: 100%;
  color: var(--brand-color-3);
  position: absolute;
  top: 35%;
}

.gallery-image {
  z-index: 2;
  opacity: .8;
  width: 100%;
  transition: all .5s ease-in-out;
  position: relative;
  inset: 0;
}

.gallery-image:hover {
  opacity: .42;
}

.lightbox-gallery {
  background-image: none;
  width: 100%;
}

.full-screen {
  width: 100%;
  height: 100vh;
}

.absolute-header-container {
  width: 100%;
  position: absolute;
  top: 0;
}

.div-block {
  border: 1px solid #000;
  border-top-width: 4px;
}

.no-underline-link {
  color: var(--brand-color-3);
  text-decoration: none;
}

.no-underline-link.white {
  color: var(--font-color-dark);
  font-size: 31px;
}

.no-underline-link.grey {
  color: var(--font-color-light);
}

.no-underline-link.grey.footer-phone {
  font-size: 22px;
}

.no-underline-link.grey.design-link {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-family: Oswald, sans-serif;
  font-size: 11px;
  display: block;
}

.logo-header {
  margin-top: 0;
}

.main-header {
  letter-spacing: 5px;
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: 200;
}

.center {
  text-align: center;
}

.center.margin-bottom {
  margin-bottom: 30px;
}

.center.margin-bottom.more {
  margin-bottom: 75px;
}

.center.info-header {
  font-family: Oswald, sans-serif;
  font-size: 24px;
}

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

.full-width-header {
  width: 100%;
}

.dropdown-link {
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.dropdown-link:hover {
  background-color: var(--dark-grey-3);
  color: var(--brand-color-2);
}

.dropdown-link.w--current {
  color: #b8022eed;
}

.field {
  border: 2px solid #000;
  font-family: Oswald, sans-serif;
}

.field-label {
  clear: both;
  color: var(--brand-color-3);
  text-transform: uppercase;
  margin-top: 20px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.checkbox {
  background-color: var(--brand-color-3);
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.vtour-image {
  height: 300px;
}

.text-block {
  color: var(--brand-color-3);
}

.text-block.small-text {
  font-size: 11px;
  line-height: 1.3em;
}

.footer-li {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

.right-margin {
  margin-right: 10px;
}

.body {
  transition: background-color .3s;
}

.round {
  border-radius: 50%;
}

.round.rise-on-hover {
  transition: box-shadow .3s ease-in-out, transform .3s ease-in-out;
  box-shadow: 4px 4px 14px #000;
}

.round.rise-on-hover:hover {
  transform: translate(0, -5px);
  box-shadow: 8px 8px 30px #000;
}

.application-title {
  font-size: 28px;
}

.mobile-padded {
  color: var(--brand-color-2);
  text-align: left;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
}

.mobile-padded.margin-bottom {
  text-align: left;
  margin-bottom: 75px;
}

.mobile-padded.margin-bottom.text {
  margin-top: 62px;
  padding-left: 20px;
  padding-right: 20px;
}

.mobile-padded.margin-bottom.job {
  text-align: center;
  margin-top: 61px;
}

.title-paragraph {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
}

.background-video {
  background-image: url('../images/black_diagonal-line.png');
  background-position: 0 0;
  background-size: 2px;
}

.line {
  border-top: 6px solid #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.photo-line {
  border-top: 6px solid #000;
}

.image, .image-2, .image-3 {
  margin-bottom: -1px;
}

.image-5 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  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;
}

.available-for-rent {
  text-align: center;
  font-size: 19px;
  line-height: 1.5em;
}

.header-paragraph {
  text-align: center;
  font-family: Oswald, sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.5em;
}

.call-us-bar {
  z-index: 99;
  background-color: var(--light-grey-1);
  border-bottom: 3px solid #b8022eed;
  width: 355px;
  height: 50px;
  position: fixed;
  bottom: 10px;
  right: 0;
}

.call-us-icon {
  background-color: #b8022eed;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: -10px;
}

.image-6 {
  filter: invert();
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.call-us-heading {
  color: var(--brand-color-3);
  text-align: right;
  margin-top: 6px;
  margin-right: 5px;
  font-weight: 400;
}

.company-list {
  justify-content: space-around;
  display: flex;
}

.toggle-button {
  background-color: var(--brand-color-1);
  text-align: center;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.toggle-button.toggle-selected {
  background-color: #003a51;
}

.body-2 {
  font-size: 17px;
}

.flexbox-container {
  display: flex;
}

.press-block {
  margin-bottom: 20px;
}

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

.flex-row {
  display: flex;
}

.heading-2 {
  font-size: 25px;
}

.press-image {
  border: 1px solid var(--brand-color-2);
}

.text-section {
  color: var(--brand-color-3);
}

.superimposed-header {
  color: #fff;
  background-color: #b8022eed;
  padding: 10px 30px;
  font-family: Permanent Marker, sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1em;
  position: static;
  bottom: -31px;
  left: 5px;
  transform: rotate(-3deg);
}

.superimposed-header.home {
  background-color: #333333e6;
  font-family: Permanent Marker, sans-serif;
  font-size: 77px;
  font-weight: 400;
  line-height: 1em;
  position: static;
  bottom: -18px;
  transform: rotate(-3deg);
}

.superimposed-header.small {
  font-size: 70px;
}

.superimposed-header.response {
  margin-top: 85px;
}

.superimposed-header.response.headline {
  font-size: 62px;
}

.superimposed-header.response.headline.diversity {
  font-size: 75px;
}

.superimposed-header.response.headline.sustentability {
  font-size: 95px;
}

.superimposed-header.tittle {
  margin-top: 96px;
  padding-top: 10px;
  font-size: 60px;
}

.paragraph {
  color: var(--brand-color-3);
  font-family: Mada, sans-serif;
  font-weight: 400;
}

.paragraph.text {
  color: var(--brand-color-3);
  text-align: left;
}

.paragraph-2 {
  font-family: Lato, sans-serif;
}

.top-margin {
  margin-top: 50px;
}

.body-3 {
  background-color: var(--font-color-dark);
  background-image: none;
  background-size: auto;
  border-radius: 11px;
}

.main-logo {
  z-index: 10;
  float: none;
  background-color: #0000;
  flex: 1;
  max-width: 41%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.gallery-image-container {
  float: left;
  width: 33.33%;
}

.gallery-image-container.float-right {
  float: right;
}

.gallery-image-container.big {
  width: 66.66%;
  height: 417px;
}

.margin-bottom {
  text-align: center;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.body-4 {
  background-color: var(--font-color-dark);
  background-image: none;
  background-size: auto;
}

.body-5 {
  background-color: var(--font-color-dark);
  text-align: center;
  background-image: none;
}

.body-6 {
  background-color: var(--font-color-dark);
  background-image: none;
  background-size: auto;
}

.paragraph-3 {
  color: var(--brand-color-3);
  padding-left: 10px;
}

.container {
  color: var(--brand-color-3);
}

.paragraph-4 {
  padding-left: 10px;
}

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

.important-text-2 {
  color: var(--brand-color-3);
  text-transform: uppercase;
  border-bottom: 2px solid #b8022eed;
  margin-bottom: 10px;
  margin-left: -10px;
  padding-bottom: 0;
  font-size: 20px;
  display: inline-block;
}

.paragraph-5 {
  color: var(--brand-color-2);
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.5em;
}

.paragraph-5.margin-bottom {
  text-align: left;
  margin-bottom: 50px;
}

.container-2 {
  display: inline-block;
}

.unordered-list {
  text-align: left;
}

.unordered-list.inline {
  text-align: center;
  line-height: 2em;
  display: inline-block;
}

.body-7, .body-8 {
  background-color: var(--font-color-dark);
  background-image: none;
  background-size: auto;
}

.text-block-2, .heading-3 {
  color: var(--brand-color-3);
}

.image-breaker {
  background-image: url('../images/black_diagonal-line.png'), url('../images/F1-Double-Decker-Tent---Second-Level--COTA---002.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: 2px, cover;
  background-attachment: scroll, fixed;
  border-bottom: 3px solid #b8022eed;
  height: 400px;
}

.image-breaker.about {
  background-image: url('../images/black_diagonal-line.png'), url('../images/untitled-45.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: 2px, cover;
  background-attachment: scroll, fixed;
}

.image-breaker.about.responsability {
  background-image: url('../images/black_diagonal-line.png'), url('../images/Diversity1.jpg');
  background-position: 0 0, 50%;
}

.image-breaker.about.responsability.diversity {
  background-image: url('../images/black_diagonal-line.png'), url('../images/Sustainability1.jpg');
  background-position: 0 0, 50% 0;
}

.image-breaker.tenting {
  background-image: url('../images/black_diagonal-line.png'), url('../images/racingView.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 2px, cover;
  background-attachment: scroll, fixed;
  margin-bottom: 50px;
}

.image-breaker.event-concession-breaker {
  background-image: url('../images/black_diagonal-line.png'), url('../images/Cutting-Board-Meat-Square.jpg');
}

.footer-logo {
  width: 100%;
}

._1500-max-width {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.item-wrapper {
  margin-bottom: 50px;
}

.spec-sheet-button {
  color: var(--brand-color-3);
  background-color: #b8022e;
  font-family: Permanent Marker, sans-serif;
}

.spec-sheet-button.margin {
  margin: 10px;
}

.html-embed {
  opacity: 1;
}

.text-newsletter {
  background-color: var(--font-color-dark);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-top: 3px solid #b8022eed;
  width: 100%;
  height: 43px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.newsletter-wrapper {
  z-index: 1000;
  background-color: #0000;
  width: 350px;
  height: 40px;
  margin-top: 50px;
  padding-top: 0;
  position: fixed;
  bottom: 0;
  right: 0;
}

.footer-wrapper {
  text-align: left;
}

.backgroundhtml {
  background-color: var(--brand-color-2);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.slide {
  background-image: url('../images/Pro-Football-HOF.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slider {
  height: 100vh;
}

.slide-2 {
  background-image: url('../images/Culinary-Station.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/QE11.15.13-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3 {
  z-index: 4;
  background-image: url('../images/black_diagonal-line.png');
  background-position: 0 0;
  background-size: 2px;
  width: 100%;
  height: 100vh;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.slide-4 {
  background-image: url('../images/QE11.14.13-57_edit.jpg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5 {
  background-image: url('../images/untitled-55.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/F1-Double-Decker-Tent---First-Level--COTA---015.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsletter-icon {
  background-color: #b8022eed;
  background-image: url('../images/envelope.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -13px;
  left: -15px;
}

.contact-button {
  width: 65%;
  color: var(--brand-color-3);
  text-align: center;
  background-color: #0000;
  border: 1px solid #fff;
  margin-bottom: 10px;
  font-size: 17px;
}

.contact-button:hover {
  background-color: #f1f1f11a;
}

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

.more-info-button {
  background-color: #b8022eed;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.subtitle {
  color: var(--font-color-light);
  font-size: 22px;
  font-weight: 200;
}

.heading-4 {
  margin-bottom: 0;
}

.heading-5 {
  margin-bottom: 100px;
  font-size: 90px;
  font-weight: 100;
}

.button-2 {
  background-color: var(--red);
  text-align: center;
  width: 100px;
  margin: -38px auto 22px;
  display: block;
}

.list {
  margin-top: -51px;
  margin-left: 21px;
  padding-left: 60px;
}

.spacer {
  height: 150px;
}

.link {
  color: var(--red);
  text-decoration: none;
}

html.w-mod-js [data-ix="newsletter"] {
  transform: translate(0, -3px);
}

html.w-mod-js [data-ix="divblock2"] {
  transform: translate(0, 91%);
}

@media screen and (min-width: 1440px) {
  .button-2 {
    margin-bottom: 105px;
  }
}

@media screen and (min-width: 1920px) {
  .button-2 {
    margin-bottom: 121px;
  }
}

@media screen and (max-width: 991px) {
  .nav-container {
    display: flex;
  }

  .applications-container {
    place-content: flex-start center;
    align-items: flex-start;
  }

  .applications-wrapper {
    flex: 1;
    max-width: 250px;
  }

  .subpage-header.about-banner {
    background-position: 50% 0;
  }

  .subpage-header.tenting-structures-header {
    background-position: 50%;
  }

  .vehicle-header.no-top-margin {
    text-align: center;
  }

  .vehicle-container.image-left, .vehicle-container.image-right {
    background-color: #f1f1f1;
    padding: 10px;
  }

  .float-left._200px.margin-bottom.more-margin {
    margin-bottom: auto;
  }

  .title-block-title.call-to-action {
    text-align: center;
  }

  .right-align.info-column {
    margin-bottom: 20px;
  }

  .gallery-image, .lightbox-gallery {
    width: 100%;
  }

  .spec-header {
    font-size: 20px;
  }

  .footer-li {
    line-height: 1em;
  }

  .info-column {
    text-align: center;
    margin-top: 20px;
  }

  .mobile-menu-icon {
    color: var(--brand-color-3);
  }

  .flexbox-container {
    flex-wrap: wrap;
    place-content: center flex-start;
  }

  .text-section.margin-padding {
    margin-left: 20px;
    margin-right: 20px;
  }

  .superimposed-header.response.headline {
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 30px;
    font-size: 45px;
  }

  .superimposed-header.response.headline.diversity {
    font-size: 50px;
  }

  .superimposed-header.response.headline.sustentability.ipad {
    font-size: 80px;
  }

  .gallery-image-container {
    width: 33.33%;
  }

  .gallery-image-container.big {
    width: 66.66%;
    height: 323px;
  }

  .image-7 {
    height: 323px;
  }

  .important-text-2 {
    display: inline;
  }

  .heading-5 {
    line-height: 1em;
  }

  .mobile-centered {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .nav-container {
    display: block;
  }

  .applications-wrapper {
    flex: 0 auto;
  }

  .subpage-header {
    top: 60px;
  }

  .float-left.mobile-center {
    direction: ltr;
    width: 100%;
    margin-bottom: 20px;
  }

  .float-right.mobile-center {
    width: 100%;
  }

  .float-right.mobile-center.left-padded.margin-bottom {
    padding-left: 0;
  }

  .title-block, .title-block.less-bottom-margin {
    margin-top: 100px;
  }

  .title-block-title {
    min-width: auto;
  }

  .title-block-title.diversity {
    min-width: 500px;
    font-size: 30px;
  }

  .header-image {
    height: 50vh;
  }

  .footer {
    text-align: center;
  }

  .footer-link {
    line-height: 1em;
  }

  .text-block.small-text {
    font-size: 14px;
  }

  .footer-li {
    text-align: center;
  }

  .mobile-menu-icon {
    color: #b8022e;
  }

  .application-title {
    font-size: 24px;
    line-height: 28px;
  }

  .mobile-padded {
    color: var(--brand-color-3);
    padding-left: 20px;
    padding-right: 20px;
    font-family: Lato, sans-serif;
  }

  .mobile-padded.margin-bottom.job {
    margin-top: 92px;
  }

  .superimposed-header.response.headline {
    font-size: 32px;
  }

  .superimposed-header.response.headline.sustentability.ipad.telefono {
    font-size: 57px;
  }

  .superimposed-header.response.headline.ipad {
    font-size: 55px;
  }

  .main-logo {
    height: auto;
    top: 40vh;
  }

  .gallery-image-container {
    width: 33.33%;
  }

  .gallery-image-container.float-right.cell-half-width {
    width: 50%;
  }

  .gallery-image-container.big {
    width: 100%;
    height: auto;
  }

  .gallery-image-container.mobile-two-col {
    width: 50%;
  }

  .important-text-2.mobile-shrunk {
    font-size: 18px;
  }

  .mobile-centered {
    text-align: center;
  }

  .heading-5 {
    font-size: 15vw;
  }

  .button-2 {
    margin-top: -29px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .applications-wrapper {
    max-width: 60%;
  }

  .subpage-header.about-banner {
    background-position: 50% 0;
  }

  .resource-wrapper {
    width: 35%;
  }

  .float-left._200px {
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }

  .title-block-title {
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    line-height: 1.2em;
  }

  .title-block-title.diversity {
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px;
  }

  .no-underline-link {
    text-align: center;
    padding-left: 0;
  }

  .no-underline-link.grey {
    font-size: 18px;
  }

  .spec-header {
    font-size: 12px;
  }

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

  .contact-form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .call-us-bar {
    width: 100%;
  }

  .call-us-icon {
    margin-left: -33px;
    bottom: 42px;
    left: 50%;
  }

  .call-us-heading {
    text-align: center;
  }

  .company-list {
    flex-wrap: wrap;
    place-content: stretch center;
    align-items: center;
  }

  .superimposed-header {
    font-size: 50px;
  }

  .superimposed-header.small {
    font-size: 44px;
  }

  .superimposed-header.response.headline {
    font-size: 29px;
  }

  .superimposed-header.response.headline.diversity {
    font-size: 35px;
  }

  .superimposed-header.response.headline.sustentability.ipad.telefono, .superimposed-header.response.headline.ipad.cell, .superimposed-header.tittle {
    font-size: 30px;
  }

  .main-logo {
    width: 100%;
    position: absolute;
    top: 43vh;
  }

  .unordered-list {
    font-size: 16px;
  }

  .unordered-list.inline {
    text-align: left;
    margin-left: 19px;
  }

  .contact-button {
    width: 90%;
  }

  .button-2 {
    margin-bottom: 24px;
  }

  .list {
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 10px;
  }
}