/**
 * This is an imagecrophero of an additional stylesheet that can be 
 * enqueued using the add_css module method. The files settings.css,
 * frontend.css and frontend.responsive.css don't need to be 
 * enqueued and will be included for you automatically.
 */

.fl-imagecrophero {
  position: relative;
  color: #fff;
  margin-bottom: 100px;
  overflow: hidden;
}

.fl-imagecrophero .fl-imagecrophero-content {
  background: #003287;
  min-height: 400px;
  /* margin-bottom: 200px; */
  margin-bottom: 12.5vw;

  position: relative;
}

.fl-imagecrophero .fl-imagecrophero-content-text,
.fl-imagecrophero  .fl-imagecrophero-content-b {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}



.fl-imagecrophero .imagecrophero-img {
  position: absolute;
  z-index: 2;
  max-width: 55%;
  width: 100%;
  clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 0 100%);
  background-size: 150%;
  background-position: center 40%;
  /* height: 400px;
  bottom: -200px; */
  height: 25vw;
  bottom: -12.5vw;
}

.fl-imagecrophero .imagecrophero-bg {
  position: absolute;
  z-index: 0;
  right: 5%;
  top: 10%;
  bottom: auto;
  width: 30vw;
  opacity: 0.5;
}

.fl-imagecrophero .blob {
  filter: blur(40vw);
  position: absolute;
  z-index: 0;
  top: 0;
  opacity: 0;
  left: 0;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  background: rgb(255, 255, 255, 0.5);
  transition: all 300ms ease-in-out;
}

.fl-imagecrophero .fakeblob {
  display: hidden;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
}

.fl-imagecrophero h1 {
  font-style: normal;
  font-weight: 500;
  letter-spacing: -1.125px;
}

.fl-imagecrophero .herocontenttop {
  min-height: 500px;
  align-items: center;
}

.fl-imagecrophero .herocontentbottom {
  margin-bottom: 100px;
}

#airportsfly {
  color: #003287;
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: center;
  margin: 50px 0 0 0 ;
  height: 50px;
  bottom: 0;
}

#aflyleft,
#aflyright {
  width: 20%;
  text-align: center;
}

#afly {
  width: 80%;
  position: relative;
  top: 5px;
}

#afly #air {
  /* background-color: #fff; */
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
  left: -20px;
  width: fit-content;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 1) 80%,
    rgba(255, 255, 255, 0) 100%
  );
}

#aflyline {
  border: none;
  border-top: 3px dashed #003287;
  position: absolute;
  width: 100%;
  height: 3px;
  top: calc(50% - 4px);
  z-index: 0;
}

@media screen and (min-width: 1800px) {
  .fl-imagecrophero .imagecrophero-img {
    height: 500px;
    bottom: -250px;
        background-size: 120%;
  }
}