/***** BEGIN RESET *****/
@import url("https://use.typekit.net/jmd6bus.css");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

html {scroll-behavior:smooth;}

button,a {cursor:pointer;}

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- TYPE STYLES --------*/

h2 {font-size: clamp(1.75rem, 1.4415rem + 1.5426vw, 3.5625rem);font-weight:300;font-family:"ivymode", sans-serif;}

.large-script {font-family:"ivymode", sans-serif;font-size: clamp(1.25rem, 1.1223rem + 0.6383vw, 2rem);line-height: 1.4;}

p {font-family: "realistwide", sans-serif;font-size: clamp(1rem, 0.9787rem + 0.1064vw, 1.125rem);}

p.final-last-fadein.small-text {font-family:"realist", sans-serif;font-size: clamp(1.25rem, 1.1862rem + 0.3191vw, 1.625rem);}

.small-title,.small-title h2 {font-size: clamp(1.25rem, 1.1223rem + 0.6383vw, 2rem);line-height:1.3;}

/*-------- BUTTON STYLES --------*/

.link-button {width:100%;}

.link-button button{margin-top: 12px;background: unset;padding: unset;border: unset;font-weight: 700;font-size: 15px;display: flex;align-items: center;gap: 10px;text-align: left;}

.circle-button {color: #fff;background: #8C8070;border-radius: 100%;padding: 9px 12px;}


a.border-button {width:100%;}
a.border-button button {background:unset;border:2px solid #8c8070;color:#8c8070;border-radius:50px;width:100%;transition:.3s;}
a.border-button button:hover {background:#8c8070;border:2px solid #8c8070;color:#fff;}

a.white-button {width:100%;}
a.white-button button:hover {background:#34109b;color:#fff;}
a.white-button button {background:#fff;color:#34109b;border-radius:50px;width:100%;transition:.3s;border:unset;}
/*-------- BODY STYLES --------*/

body {
position:relative;
box-sizing:border-box;
line-height:1.5;
font-family: "realist", sans-serif !important;
background:#F8F8F8;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}



.intro p.final-last-fadein.small-text {text-align:left !important;}

.border .flex div {width:100%;max-width:50%;}
.border .flex div:nth-child(1),#about .flex div:nth-child(1) {padding-right:3%;}
.border .flex div:nth-child(2),#about .flex div:nth-child(2) {padding-left:3%;}
#about .sky-content {padding-left:unset !important;}

/*--- HEADER STYLES ---------------------*/
header {}

/* The wrapper that contains the hero section */
.hero-container {
  position: relative;
  width: 100%;
  height: 680px;
  overflow: hidden; /* Crucial: hides the image edges when zoomed in */
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-content .wrap {width: 100%;}

.intro {position: absolute;left:0;right:0;display: flex;justify-content: center;align-items:center;gap: 11px;}

/* The actual image background */
.hero-image {
  position: absolute;
  top: 0;
  left: 0; 
  transform: scale(1.2); 
  width: 100%;
  height: 100%;
  /* Replace the URL below with your own image */
  background-image: url("../siteart/sky-background.webp");
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  /* Trigger the zoom animation on load */
  animation: zoomOut 10s ease-in forwards;
  animation-delay:8s;
}

/* Optional text overlay styling */
.hero-content {
	width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
    color:#000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-content p {
font-family: "ivymode", sans-serif;
font-size: clamp(1.875rem, -0.3468rem + 3.4749vw, 3.5625rem);
line-height: 1.2;
}


.fadein {
	opacity:0;
 animation:fadeIn .3s ease-in forwards,fadeOut .3s ease-in forwards;
animation-delay:2s,12s;
}

.last-fadein {
	opacity:0;
animation:fadeIn .3s ease-in forwards,fadeOut .3s ease-in forwards;
animation-delay:4s,12s;
width: 100%;
max-width: 20%;	
text-align:left;
}


.final {
    opacity: 0;
    animation: fadeIn .3s ease-in forwards,Fade;
    animation-delay: 13s;
    display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}

.final-last-fadein {
    opacity: 0;
    animation: fadeIn .3s ease-in forwards,Fade;
    animation-delay: 14s;
}



@keyframes zoomOut {
 from  {
    transform: scale(1.2); 
  }
    to  {
    transform: scale(1);
  }
}

@keyframes fadeIn {
 from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
 from {
   opacity: 1;
  }
  to {
     opacity: 0;
  }
}
.last-fadein.container-animation {width: 100%;max-width: 26%;}

.flip-text {
          position: relative;
    font-family: "ivymode", sans-serif;
    font-size: clamp(1.875rem, -0.3468rem + 3.4749vw, 3.5625rem);
    display: flex;
    min-width: 500px;
    color: #000;
    border-radius: 8px;
    height:2em;
    font-weight: 700;
    text-align: left !important;
    align-items: center;
    }

    .flip-text span {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) translateY(40px);
      opacity: 0;
      white-space: nowrap;
      transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      filter: blur(3px);
    }

    .flip-text span.active {
      opacity: 1;
      transform: translate(-50%, -50%) translateY(0);
      filter: blur(0);
      transition-delay: 0.1s;width: 100%;
    }

    .flip-text span.exit {
      opacity: 0;
      transform: translate(-50%, -50%) translateY(-40px);
      filter: blur(3px);
      transition-duration: 0.6s;width: 100%;
    }

.black {background:#262626;color:#fff;}
.black.start-conversation h2 {color:#6f91a6;}
/*---ABOUT--------------------------------*/
#about .header {background:#DBD7D2;}

#about .flex div {width:100%;line-height: 1.5;}

.about-image {width: 100%;max-width: 100%;margin: 0 auto;height: 100%;}

.about-image img {width: 100%;height: 100%;object-fit: cover;}

#about h1 {font-family: "ivymode", sans-serif;font-weight: 100;font-size: clamp(2.1875rem, 1.9215rem + 1.3298vw, 3.75rem);line-height: 1.2;margin-bottom: 13px;}

#about .wrapper {padding: 10% 0 1%;width: 100%;max-width: 100%;margin: 0 auto;display: flex;flex-direction: column;gap: 50px;align-items: center;overflow:hidden;height: 745px;}
.content p {font-size: clamp(1rem, 0.9574rem + 0.2128vw, 1.25rem);}

.content {width: 100%;max-width: 43%;}

#about .white-section img {width:100%;max-width:80%;margin:0 auto;text-align:center;}

#about .black h2 {color:#6f91a6;}

.white-section h2 {color:#8c8070;font-weight:200;}
.white-section.bright {background:#fff;}
.white-section.bright h2{font-size: clamp(1.75rem, 1.7105rem + 0.2105vw, 2rem) !important;}


.white-section.bright p {margin-top:30px}
.black .wrap, .white-section .wrap,.gray-background .wrap {width:100%;max-width:50% ;height:unset !important;margin: 0 auto;padding: 6% 0;}

.flex {justify-content: space-between;gap: 30px;}

.gray-background {background:#f8f8f8;}
.gray-background h2 {color: #6f91a6;}
.gray-background .border {border-top: 1px solid #6f91a6;border-bottom: 1px solid #6f91a6;padding: 4% 0;margin: 2% 0;}

section.white-section.small-title p {margin-top:30px;color:#8f8f8f;}
.white-section.bright .border-button button{background: unset;border: 2px solid #8c8070;color: #8c8070;border-radius: 50px;width: 100%;max-width: 26%;padding: 1% 0;font-size: 18px;font-weight: 500;text-transform: uppercase;margin: 4% 0 0;}

#services .border-button button {max-width: 240px;}



/*---JOURNEY SECTION--------------------------------*/

 
section.white-section.small-title {width:100%;max-width:100%;}
section.white-section.small-title .wrap{max-width: 50%;}

hr {border:1px solid #6f91a6;}
.white-section.center .flex div:nth-child(1) {border-right:solid 1px #6f91a6;}
section.white-section.center h2 {text-align:center;}

.white-section .large-script {color:#262626}

section.white-section.center .flex {max-width: 100%;}
section.white-section.center div img {max-width: 100% !important;margin-bottom: 40px;}


/*---SKY SECTION--------------------------------*/

.sky-section img {width: 100%;max-width: 100%;object-fit: cover;height: 690px;}

.sky-section .flex {flex-direction: column;width: 100%;max-width: 60%;margin: 0 auto;}
section.sky-section {line-height: 0;}

 div.sky-content{width:100%;max-width:100% !important;padding: 5% 0;}
.sky-content .flex {flex-direction: row;}

#about .flex div.sky-content .flex {max-width: 100%;gap: 5%;padding: 4% 0 5%;border-bottom: 1px solid #dbdbdb;margin-bottom: 12%;}


.sky-section img:nth-child(2) {height: 760px;}

.small-content {width:100%;max-width: 30% !important;}
div.small-title {max-width: 70% !important;}

.black.service .wrap h2 {font-size: clamp(1.5rem, 1.4043rem + 0.4787vw, 2.0625rem);margin-top:19px;}

/*---STAFF PAGE --------------------*/

#team section > .wrapper {padding: 6% 0;width:100%;max-width:61%;margin:0 auto;position: relative;}

.open_popup{
  background:unset;
  border:none;
  color:#000;
  width: 100%;
}
.popup_body{
  display:none;
  position:fixed;z-index: 900;
  top:0;left:0;right:0;bottom:0;
  -webkit-transition: 1800ms;
    -moz-transition: 1800ms;
    -o-transition: 1800ms;
    -ms-transition: 1800ms;
    transition: 1800ms ease-in;
}
.popup_body_show{
    display: flex;
    justify-content: center;
    align-items:center;
    overflow-y: auto;
    padding: 20px 0;
}
.popup_back{
 background: rgba(0,0,0,0.7);
  position: fixed;
  left:0;right:0;top:0;bottom:0;
	box-sizing: border-box;
   height: 100%;
}
.popup_contain{
    position: relative;
    background: #fff;
    width: 100%;
    max-width: 930px;
    max-height: 100%;
    margin: 0 auto;

}

.popup_contain .flex {background: #fff;}

.popup_close{
    background: linear-gradient(rgba(30, 30, 30, 0.9), rgb(0, 0, 0) 1810%);
    padding: 11px 14px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 25px;
	cursor:pointer;
}

.popup_main {width: 100%;max-width: 263px;}
.popup_main img {width:100%;border-radius:100%;margin-bottom:3%;transition:.3s;}
.content-image {width: 100%;
    max-width: 310px;
    position: relative;
    overflow: hidden;
    line-height: 0;}

.popup_contain .wrapper,.popup_contain .heading {width:100%;margin:0 auto;}

.content-image img{border-radius: unset !important;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.category-sales .popup_main .open_popup{text-align:left;}
.category-sales .popup_main img{width: 100%;height: 280px;border-radius: unset !important;margin-bottom: 3%;object-fit: cover;object-position:unset;transition:.3s;}
.category-sales .popup_main .content-image img{border-radius: unset !important;width: 100%;height: 100%;object-fit: cover;object-position: center;}


.popup_main .small-text {font-size: 15px;text-transform:none;font-weight:300;color:#787672;}

.popup_main img:hover {opacity:.8;}

.popup_contain .content {max-width:60%;margin:0 auto;padding: 3% 0;}
.popup_contain .heading {line-height: 1.3;margin-bottom: 20px;}
.popup_contain .content .wrapper p {padding-bottom: 20px;font-weight:100;font-size: 15px;}

.border.flex h2{font-size: 40px;}
.border.flex {align-items: center;padding: 6% 0 5%;}
.line {width: 16%;}

.popup_contain h2 {font-size: 31px;}
.category-sales.flex {flex-wrap: wrap;justify-content: center;gap: 50px;font-weight: lighter;}

.content .heading p {color:#787672;font-style: italic;font-size:16px;}
.content .wrapper p {font-family: "realistwide", sans-serif;}
.category.flex {gap: 20px;justify-content: center;flex-wrap: wrap;}
.category-sales.flex  .popup_main {width:unset;}
.category-sales.flex  .popup_main .open_popup {max-width: 100%;}

.category-sales.flex .popup_main {width: 100%;height: 100%;max-width: 226px;}

i.fa-brands.fa-linkedin {color:#0a66c2 !important;}

 .content .wrapper ul li  {padding-bottom: 4px;}
 .content .wrapper ul li a {color:#262626;}
 .content .wrapper ul li a i{color:#787672;}

#team h1, #team h2 {font-family: "realistwide", sans-serif;font-size: clamp(1rem, 0.8511rem + 0.7447vw, 1.875rem);text-transform:uppercase;font-weight:600;}


#team .content h2 {font-family: "ivymode", sans-serif;font-weight: 100;text-transform:none;}

/*---START THE CONVERSATION SECTION --------------------*/

.black.start-conversation .wrap.flex {flex-direction: column;align-items: center;justify-content: center;gap:0;}

.black.start-conversation .wrap.flex  div{text-align: center;}

.black.start-conversation .wrap.flex .heading {max-width: 61%;}

.black.start-conversation .wrap.flex .heading p {font-size:20px;margin-top:30px;}

section.black.start-conversation p {text-align:left;}

.black.start-conversation .wrap.flex div{max-width: 100%;}

.black.start-conversation .wrap.flex h3 {text-align:center;text-transform:uppercase;color: #8c8070;}

.black.start-conversation .border {padding:unset;}

.border .flex div:nth-child(1) {border-right: solid  #dbdbdb 1px;}
#about .flex div {width: 100%;line-height: 1.5;}

a.border-button button,a.white-button button {font-family: realistwide, sans-serif;max-width: 54%;padding: 3% 0;text-transform:uppercase;font-size: 16px;font-weight:700;}

section.black.start-conversation a.border-button button {border:#c3b6a5 solid 2px;}

#about .flex > div {padding: 4% 0;}

.black.start-conversation .wrap.flex h3 {font-size: clamp(1.125rem, 0.9973rem + 0.6383vw, 1.875rem);font-family: realistwide, sans-serif;font-weight:300;}

.black.start-conversation .flex div:nth-child(2) {padding-left:unset !important;}

.black.start-conversation .border .flex div:nth-child(1) {border-right:solid #4b4b4b 1px}
.black.start-conversation .border{border-top: 1px solid  #4b4b4b;border-bottom: 1px solid #4b4b4b;}
/*---BODY--------------------------------*/

.flex {display:flex;}

.inventory-hover {background: #DBD7D2;padding: 2% 0;}

.inventory-hover .wrapper.flex {flex-direction:column;width:100%;max-width:90%;margin:0 auto;gap: 40px;position: relative;}
.cabin.flex {justify-content: space-between;gap: 20px;padding-top: 8px;}

.cabin-cat {display: flex;background: #BFB8AE;padding: 2% 0;width: 100%;justify-content: center;}

.cabin-cat .large {font-size: clamp(1.25rem, 0.4352rem + 1.2744vw, 2.1875rem);color:#000;}
.cabin-cat p {color:#53504B;}

.cabin-cat .wrap {display:flex;justify-content: space-between;width: 100%;max-width: 90%;align-items: center;}
.cabin-cat .wrap > div {width:100%;max-width: 70%;}
.plane-icon {max-width: 36% !important;}
.plane-icon img {width:100%;}

span.title {text-transform: uppercase;font-size: 33px;font-family: "realistwide", sans-serif;}

.inventory-hover input {padding: 2% 3%!important;width:100% !important;border:unset;position:relative;}

button#Submit {position: absolute;left: 1%;top: 6%;font-size: 19px;background: transparent;}

input#keyword {font-size:20px;}

.white-section .border {border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:4% 0;margin: 2% 0 6%;}

.black .border {border-top:1px solid #6f91a6;border-bottom:1px solid #6f91a6;padding:4% 0;margin: 2% 0;}

.white-section hr {border: 1px solid #dbdbdb;margin: 4% auto;}



/*--------SERVICES STYLES--------------------*/
#services h1 {font-size: clamp(2.5rem, 2.3026rem + 1.0526vw, 3.75rem);font-family:"ivymode", sans-serif;font-weight:100;}
#services .wrapper .heading {margin-bottom: 8%;}
#services .heading p {font-size: clamp(1.25rem, 1.1711rem + 0.4211vw, 1.75rem);}

.stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  /* font matters a good deal here, esp the width of the numerals */
}

#services {background: url("../siteart/service-header.webp");background-size: cover;width:100%;height: 1100px;
background-position: 0 50%;background-color:#000;}

#services .wrapper {color: #fff;margin: 0 auto;position: relative;width: 100%;max-width: 61%;top: 20%;}

.graph {position: relative;}
.graph-content {position: absolute;top: 0;width: 100%;height: 100%;flex-direction: column;display: flex;justify-content: space-between;}

.graph-photo {width: 100%;max-width: 82%;margin: 0 auto;display: flex;}

.graph-photo img.desktop-hidden {display:none;}

.graph-cat {display: flex;justify-content: space-between;width: 100%;}

.graph-cat div {width:100%;max-width: 27%;}

.graph-cat p {font-size: clamp(0.875rem, 0.8324rem + 0.2128vw, 1.125rem);line-height:1.3;}

span.odometer,.large-text {font-family:"ivymode", sans-serif;font-size: clamp(2.125rem, 1.7846rem + 1.7021vw, 4.125rem);font-weight:800;}
.thin-text {font-family:"ivymode", sans-serif;font-size: clamp(2.125rem, 1.6356rem + 2.4468vw, 5rem);font-weight:100;}

.graph-cat div:nth-child(2) {text-align:right;}

.map {position: absolute;top: 120px;width: 100%;height: 61%;box-sizing: border-box;}

.map img {width: 100%;}

.map-section h3{color: rgb(111, 145, 166);line-height: 1;margin: 0px 0px 16px;font-family:"ivymode", sans-serif;font-weight:100;font-size: clamp(2rem, 1.7128rem + 1.4362vw, 3.6875rem);}
.map-section {position:relative;padding-bottom: 5%;}
.map-content {position: relative;top: 0;width: 100%;height: 100%;}
.map-content .wrap {max-width: 80%;padding: 4% 0;}

.map-content {width: 100%;}

.map-content .wrapper.flex {display: flex;flex-direction: column;width: 100%;max-width: 41%;margin: 0 auto;}

.arrow-image {width:100%;}
.arrow-image img {width:100%;height:100%;}

#section-categories p{margin-bottom: 20px;}

.border-box .border-cat p {margin-bottom:unset !important;}

#section-categories .white-section h2{color:#6f91a6;font-size: clamp(2rem, 1.7533rem + 1.3158vw, 3.5625rem);margin-bottom: 20px;}
span.small-text {color:#8c8070;text-transform:uppercase;font-weight:800;}
.border-cat span.small-text{font-size: 16px;}
.border-box {border:solid #dbdbdb 2px;margin: 3% 0 5%;}
.border-cat {padding: 20px;border-bottom:solid #dbdbdb 2px;display:flex;flex-direction: column;}
.border-cat.no-border {border-bottom:unset;}


/*--------CONTACT STYLES--------------------*/

.contact-image {background: url("../siteart/contact-hero.webp");
   aspect-ratio: 13/3;
	background-color:#000;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px;
    display: flex;
    align-items: center;}
.overlay {width: 100%;max-width: 50%;margin: 9% auto 5%;}

#contact h1 {font-family: ivymode, sans-serif;font-size: clamp(2rem, 1.8085rem + 0.9574vw, 3.125rem);color: black;font-weight: 200;letter-spacing: 0.4px;margin: 39px 0px;}

#contact h2 {font-size: clamp(1.4375rem, 1.3418rem + 0.4787vw, 2rem);line-height:1.2}
#contact .flex.wrap {flex-direction:column;gap:30px;}
#contact a {font-size: clamp(1.0625rem, 1.0306rem + 0.1596vw, 1.25rem);color:#34109b;}
.contact-categories {display:flex;flex-direction:column;gap:30px;}


/*-------- FOOTER STYLES ----------------*/
footer{padding: 90px 0;background:#fff;}

.footer-categories {display: flex;justify-content: center;gap: 4%;width: 100%;}

.footer-cat {width:100%;max-width: 200px;display: flex;flex-direction: column;}

.footer-cat .border {border-top:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;}
.footer-cat .no-padding {padding:unset;gap: 40px;}
.footer-cat div {padding: 19px 0;display: flex;justify-content: space-between;}
.footer-cat .border {padding: 19px 0;}
.footer-cat.long-cat {width: 100%;max-width: 30%;display: flex;flex-direction: column;}

.footer-cat.long {width: 100%;max-width: 740px;display: flex;flex-direction: column;}

.footer .border p {line-height: 1.3;color:#8c8070;}

.long-cat img {width:100%;max-width:60px;height:100%;}
.footer-logo img {width:100%;max-width: 65%;}
.long-cat.border p {color:#000;}
.footer a {color:#8c8070;}

.footer-cat:nth-child(1) p {line-height: 1.3;color: #8c8070;text-transform: uppercase;font-size: 14px;font-weight: 700;}

.company-logo {width: 100%;max-width: 40%;}
.company-logo img {width: 100%;max-width: 100%;height: 100%;object-fit: contain;}

.company-logo {padding: unset !important;}
.footer-logo {padding: 14px 0 !important;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


.list-top-section .list-bcrumbs-and-title .ground-bcrumbs,.breadcrumbs__list {padding-top: 20px;}
.list-container-flexrow .view-listing-details-link {background:#34109b !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1680px) {
	.line {width: 10%;}
	#team section > .wrapper {padding: 16% 0;}
}

@media only screen and (max-width: 1300px) {
	.popup_contain .content .wrapper p {padding-bottom: 14px;}
/*	.popup_contain {margin-top: calc(26% - 40px);}*/
	.popup_main {max-width: 213px;}
	.category-sales.flex .popup_main {max-width: 216px;}
}

@media only screen and (max-width: 1200px) {
#services .wrapper {max-width: 81%;}	
	.black .wrap, .white-section .wrap, .gray-background .wrap {    width: 100%;
    max-width: 80%;
    height: unset !important;
    margin: 0 auto;
    padding: 6% 0;}
	.map-content .wrap {max-width: 100%;padding: 4% 0;}
	.map-content .wrapper.flex {max-width: 90%;margin: 0 auto;}
	.map-content .wrapper.flex {gap: 0;}
	.cabin-cat .wrap {display: flex;justify-content: space-between;width: 100%;max-width: 90%;align-items: center;flex-direction: column-reverse;}
	.cabin-cat .wrap > div {width: 100%;max-width: 100%;}
	
}

@media only screen and (max-width: 1023px) {
	.footer-categories {flex-direction: column;gap: 30px;align-items: center;}
	.footer-cat .mobile-hidden {flex-direction:column;}
	.sky-section .flex {max-width: 100%;}
	.footer-logo img {max-width: 160px;}
	.black.start-conversation .wrap.flex .heading{padding-right:unset !important;}
	.footer-cat,.footer-cat.long,.popup_contain,#team section > .wrapper,#about .flex div.sky-content .flex,.black.start-conversation .wrap.flex,.sky-content .sky-content {max-width: 90% !important;}
	.sky-section img,.sky-section img:nth-child(2) {height: 360px;}
	.sky-content .sky-content {margin:0 auto;}
	.footer-cat .no-padding {gap: 15px;}	
	.black .wrap, .white-section .wrap, .gray-background .wrap,.map-content .wrapper.flex,section.white-section.small-title .wrap,.content{max-width: 80% !important;}	
	.map-content .wrap {padding: 0 0 3%;}
	div.small-title,.small-content  {max-width:100% !important;}
	#about .wrapper {padding: 30% 0 0;height: 440px;}
	.white-section .border {margin: 2% 0 4%;}
	.cabin-class-categories {display:none;}
	.inventory-hover .wrapper.flex {max-width: 100%;}
	.inventory-hover {padding:unset;background:transparent;}
	input#keyword {box-shadow: 0 5px 8px #0003;border: unset !important;}
	button#Submit {top: 37%;}
	.inventory-hover input {padding: 40px 50px!important;}
	.flip-text {width: 100%;min-width: 390px;overflow: unset;}
	.popup_body_show {overflow-y: auto;}
	.popup_contain {top: 50px;position: absolute;left: 0;right: 0;margin-top:unset;}
	.popup_close {top: 50px;
    z-index: 300;right: 5%;}
	.popup_contain .content .wrapper p {padding-bottom: 19px;}
	.popup_contain .content .wrapper,.popup_contain .heading{max-width: 90%;margin: 20px auto 0;}
	.popup_contain .flex {gap:0;}
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 767px) {
#services {aspect-ratio: 20/26;}
	.white-section.center .flex div:nth-child(1) {border-right:unset;}
	#services .wrapper .heading {margin-bottom: 24%;}
	.black .wrap, .white-section .wrap, .gray-background .wrap {width: 100%; height: unset !important;margin: 0 auto;padding: 11% 0;}
	.black.service .wrap {padding: 5% 0 !important;}
	#services .wrapper {max-width: 90%;}
	.graph-cat div {max-width: 32%;}
.graph-photo img.desktop-hidden {display: block;margin: 42px auto 0;width: 100%;max-width: 90%;}
	.border .flex div:nth-child(1) {border-right:unset;border-bottom:solid #8c8070 1px;}
	.graph-content {gap: 52%;top: -50px;}
.graph-photo img.mobile-hidden {display:none;}
#about .flex {flex-direction:column;gap:0;}
#about .flex div{max-width: 100%;}
	section.white-section.center .flex {gap: 0;}
	a.border-button button, a.white-button button {max-width:90%;}
	span.active,span.exit {text-align:center;}
	.intro {flex-direction:column;align-items: center;text-align:center;gap: 0;}
	.last-fadein.container-animation {max-width: 100%;}
	.flip-text {height: 1em;}
	.popup_contain .flex{flex-direction:column;}
	.content-image {max-width: 100%;}
	.pop_contain {padding-top: 210px;}
	.border .flex div:nth-child(2), #about .flex div:nth-child(2) {padding-left:unset;}
	section.white-section.categories .flex {flex-direction:column;}
	section.white-section.categories .flex div{max-width: 100%;}
	#section-categories .white-section h2 {margin-bottom: 13px;line-height: 1.3;}
	section.black.start-conversation .border div:nth-child(1) {border-right:unset !important;}
	 
}

@media only screen and (max-width: 700px) {
	.footer-cat div {flex-direction: column;padding: 7px 0;}
	#team .border.flex {padding: 13% 0 5%;}
	.category-sales.flex {gap: 27px;}
	.white-section.bright .border-button button {max-width: 66%;padding: 2% 0;}
	.footer-cat .border {border-top:unset;border-bottom:unset;}
	.company-logo {max-width: 18%;}
	.mobile-hidden {display:none !important;}
	.footer-categories {gap: 10px;}
}

@media only screen and (max-width: 600px) {
	.contact-categories .flex {flex-direction:column;gap: 30px;}
	.hero-content .wrap {width: 100%;max-width: 90%;margin: 0 auto;}
	.final {gap: 10px;}
	.hero-container {height: 520px;}
	.line {width: 3%;}
	#services h1 {line-height: 1;}
	#services {aspect-ratio: 18/26;height: 770px;}
	.about-image img {height: 200px;}
}


@media only screen and (max-width: 500px) {
	.line {display:none;}
	#team .border.flex {justify-content: center;text-align: center;}
	.category-sales.flex {margin-bottom: 30px;}
    .border {padding: 10% 0 !important;}
	section.black.start-conversation .border {padding:unset !important;}
	.graph-photo img.desktop-hidden {margin: 72px auto;}
	.contact-image {padding: 70px 0 35px;background-size:cover;}
}



@media only screen and (max-width: 400px) {
	#contact h1 {margin:unset;}
	#contact .overlay {max-width: 60%;}
	.contact-image {aspect-ratio: 14/7;}
}