:root {
	--primary:#2A2E2F;
	--secondary:#7F8181;
	--know-speed:100ms;
	--port-speed:200ms;
}


.nav-link{
  color: #343a40 !important;
}
.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

.section{
  min-height: 80vh;
  display: grid;
  place-items: center;
}

.section.main{
  min-height: 90vh;
  position: relative;

}
.small-section{
  min-height: 60vh;
}

.main{
  background-size: cover !important;
  background-position: center !important;
  animation: main-animation 20s ease-in infinite ;
  animation-play-state: running;
}
.video-wrapper{
  position: relative;
  overflow: hidden;
}
#background-video, #sky-video {
  width: 100%;
  height: 100%;
  object-fit: cover;

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
}
.oppacity-box{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.contact-wrapper{
  background: rgba(255, 255, 255, .5);
  border-radius: 16px;
}
.op-main{
  background: rgba(255, 255, 255, .2);

}
.op-about{
  background: rgba(0, 0, 0, .7);

}
.centered{
  display: grid;
  place-content: center;
}
.centered-main{
  display: grid;
  place-content: center;
  border-radius: 8px;
  height: fit-content;
}


.img-custom{
  width: 80%;
  max-width: 400px;
  height: 400px;
  object-fit: cover;
  object-position: top;
}

.right-center{
  object-position: right !important;
}
.bg-primary{
  background-color: var(--primary) !important;
}

.bg-secondary{
  background-color: var(--secondary) !important;
}

.btn-primary{
  background-color:var(--primary);
}

.h2-title{
  font-weight: 700;
  font-size: 3rem;
}
/* @keyframes main-animation {
  0% {
      background-image: url('https://images.unsplash.com/photo-1619659085779-29fcc0e41110?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80');
      background-position: bottom !important;
  }
  33% {
      background-image: url('https://images.unsplash.com/photo-1566212775038-532d06eda485?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1176&q=80');
      background-position: center !important;

    }
  66% {
      background-image: url('https://images.unsplash.com/photo-1625513123245-fcb02d69ad12?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80');
  }
  100% {
      background-image: url('https://images.unsplash.com/photo-1619659085779-29fcc0e41110?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80');
  }
} */

.img-plane{
  width: 100%;
  max-width: 358px;
  height: 226px;
  object-fit: cover;
  object-position: center;
}
.icon-wrapper{
  display: flex;
  align-items: center;
}

.icon{
  width: 24px;
  height: 24px;
  background-color: black;
}
.icon.from{
  background: url('icons/from.svg');
}

.icon.to{
  background: url('icons/to.svg');
}

.icon.phone{
  background: url('icons/phone.svg');
}

.icon.email{
  background: url('icons/email.svg');
}

.icon.date{
  background: url('icons/date.svg');
}

.contact-btn{
  font-size: 16px;
  height: 60px;
  width: 60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0 !important;
}


.contact-btn.linkedin{
  background-image: url('icons/linkedin.svg');
  background-color: var(--secondary)  #2867B2;
}
.contact-btn.facebook{
  background-image: url('icons/facebook.svg');
  background-color: var(--secondary) #4267B2 ;
}
/* .contact-btn.twitter{
  background-image: url('icons/twitter.svg');
  background-color: var(--secondary) #1DA1F2;
} */
.contact-btn.instagram{
  background-image: url('icons/instagram.svg');
  background-color: var(--secondary) #C13584 ;
}

.contact-btn.email{
  background-image: url('icons/email.svg');
  background-color: var(--secondary) #4267B2 ;
}



.wrapper-flight{
  display: inline-flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
}
.wrapper-flight .option{
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
}
.wrapper-flight .option .dot{
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
}
.wrapper-flight .option .dot::before{
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: var(--primary);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
input[type="radio"]{
  display: none;
}
.wrapper-flight .option-2 {
  margin-left: 0px ;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3,
#option-4:checked:checked ~ .option-4{
  border-color: var(--primary);
  background: var(--primary);
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot,
#option-4:checked:checked ~ .option-4 .dot{
  background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before,
#option-4:checked:checked ~ .option-4 .dot::before{
  opacity: 1;
  transform: scale(1);
}
.wrapper-flight .option span{
  color: #808080;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span,
#option-4:checked:checked ~ .option-4 span{
  color: #fff;
}

.dynamic-form{
  overflow-y: auto;
}

#round-trip-date{
  display: none;
}

.multi-leg-row{
  display: none;
}

@media (max-width:1140px) {
  .centered-main{
      width: 100%;
  }
  
  
}

@media (max-width: 768px){
  .centered-image{
    margin-bottom: 1rem !important;
  }
  .wrapper-flight .option span{
    font-size: 0.7rem;
  }
}