@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width:1200px
  }
}


body {
    font-family: 'DM Sans', sans-serif;
    color: #747579;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #222;
}


h1,
.h1 {
  font-size:calc(1.475rem + 2.0vw)
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size:2.2rem
  }
}
h2,
.h2 {
  font-size:calc(1.425rem + 2.1vw)
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size:1.9rem
  }
}
h3,
.h3 {
  font-size:calc(1.0rem + 1.0vw)
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size:1.3rem
  }
}
h4,
.h4 {
  font-size:calc(1.3rem + .6vw)
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size:1.75rem
  }
}
h5,
.h5 {
  font-size:calc(1.255rem + .06vw)
}
@media (min-width: 1200px) {
  h5,
  .h5 {
    font-size:1.3rem
  }
}
h6,
.h6 {
  font-size:1rem
}
p {
  margin-top:0;
  margin-bottom:1rem
}



img {
  max-width:100%;
  height:auto
}

a {    
    text-decoration: none;
    transition:all .3s ease-in-out;
}

a:hover, a:focus {    
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important;
}

h5 > a {
    color: #222;
}

section {
    padding: 3rem 0 2rem 0;
}

.btn-white, .btn-white:hover, .btn-white:focus {
    background-color: #fff;
    color: #222;
    border: 1px solid #ddd;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
    color: #eee !important;
}

.h-item
{
  background-color: #fff;
  margin-bottom: 10px;
}

.h-detail
{
  padding: 15px 15px 15px 0;
}

.h-detail h3
{
  font-size: 1.2rem;
  font-weight: 500;
  color: #222;
}

.h-detail p
{
  margin-bottom: 0px;
}

.h-info
{
  padding: 10px;
}

.f-item
{
  background-color: #fff;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.f-logo
{
  width: 40px;
  height: 40px;
  margin-left: 10px !important;
}

.f-name-label
{
  color: #222;
}

.f-time
{
  font-size: 1.2rem;
  font-weight: bold;
  color: #222;
}

.f-location, .f-duration-label, .f-price-detail, .f-name-detail
{
  font-size: 0.8rem;
}

.f-price
{
  margin-right: 5px;
}

.f-price-value
{
  font-size: 1.2rem;
  font-weight: bold;
  color: #222;
}

footer {
    color: #fff !important;
}
footer h5 {
    padding-bottom: 0.5rem;
    color: #fff !important;
}

footer a {
    color: #fff !important;        
    text-decoration: none;
}

.quicklinks {
    list-style: none;
    padding: 0;
}

.slick-prev:before, .slick-next:before
{
  color: #222 !important;
}

 @media (min-width: 576px) {
    
    .dropdown > .dropdown-toggle:active {
    pointer-events: none;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        animation: .2s slideup;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border: none;
        right: 0;
    }

    @keyframes slideup {
        from {
            transform: translateY(3px);
        }
        to {
            transform: translateY(0px);
        }
    }
 }

 
.icon-sm {
  width:1.5rem;
  height:1.5rem;
  line-height:1.5rem;
  text-align:center;
  font-size:75%
}
.icon-md {
  width:2.6rem;
  height:2.6rem;
  line-height:2.6rem;
  text-align:center;
  font-size:.8rem
}
.icon-lg {
  width:3.5rem;
  height:3.5rem;
  line-height:3.5rem;
  text-align:center;
  font-size:1.2rem
}
.icon-xl {
  width:5rem;
  height:5rem;
  line-height:5rem;
  text-align:center;
  font-size:1.9rem
}
.icon-xxl {
  width:7rem;
  height:7rem;
  line-height:7rem;
  text-align:center;
  font-size:2.5rem
}


.bg-transparent {
  --bs-bg-opacity: 1;
  background-color:transparent!important
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-opacity-10 {
  --bs-bg-opacity: .1
}
.bg-opacity-25 {
  --bs-bg-opacity: .25
}
.bg-opacity-50 {
  --bs-bg-opacity: .5
}
.bg-opacity-75 {
  --bs-bg-opacity: .75
}
.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.text-secondary
{
    color: #c5c5c7 !important;
}

.text-orange {
   color:rgba(253,126,20,1)!important
}

.bg-orange {
  background-color:rgba(253,126,30,.1)!important
}

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

 .fill-primary {
  fill:#5143d9!important
}
.opacity-2 {
  opacity:.2!important
}
.mb-n5 {
  margin-bottom:-3rem!important;
}

.me-n4 {
  margin-right:-1.6rem!important;
}
 
footer .nav-link {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

 .mt-xl-n9 {
    margin-top:-11rem!important
  }

 .mt-xl-n10 {
    margin-top:-14rem!important
  }

  
.display-1 {
  font-size:calc(1.725rem + 5.7vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-1 {
    font-size:6rem
  }
}
.display-2 {
  font-size:calc(1.675rem + 5.1vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-2 {
    font-size:5.5rem
  }
}
.display-3 {
  font-size:calc(1.625rem + 4.5vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-3 {
    font-size:5rem
  }
}
.display-4 {
  font-size:calc(1.575rem + 3.9vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-4 {
    font-size:4.5rem
  }
}
.display-5 {
  font-size:calc(1.525rem + 3.3vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-5 {
    font-size:4rem
  }
}
.display-6 {
  font-size:calc(1.475rem + 2.7vw);
  font-weight:700;
  line-height:1.25
}
@media (min-width: 1200px) {
  .display-6 {
    font-size:3.5rem
  }
}

#nav-sort-flights
{
  font-size: 1.3rem;
}

#nav-sort-flights .nav-link
{
  padding-top: 10px;
  padding-bottom: 10px;
  color: #222;
}

.v-line
{
    width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-right: 1px solid rgba(200, 200, 200, 0.6);
}

#sidebar
{
  padding-right: 10px;
}

#sidebar h3
{
    margin-top: 30px;;
    font-size: 1.1rem;
    font-weight: 500;
    color: #222;
}

#sidebar .nav-link
{
    padding: 3px 5px;
}

.bg-light-blue
{
    background-color: rgba(173, 216, 230, 0.2) !important;
}

.errormsg ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.readonly-forms .form-control-plaintext
{
    font-weight: bold !important;
    padding-top: 0 !important;    
} 



.slick-list{padding:0 5% 0 0 !important;}

.slick-prev:before, .slick-next:before
{
  color: black !important;
}


@media (min-width: 768px) {
  .slick-list{padding:0 !important;}
}


.btn-file, .btn-file-mul {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file], .btn-file-mul input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}



.btn-onimage {
  background-color: #ccc;
  border-color: #ccc;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0.8;
}

.btn-onimage:active, .btn-onimage:focus, .btn-onimage:hover {
  background-color: #666 !important;
  border-color: #666 !important;
  color: white;
}


.btn-upload {
  background-color: #ccc;
  border-color: #ccc;
	position: absolute !important;
	top: 20px;
	right: 10px;
	opacity: 0.8;
}

.btn-upload:active, .btn-upload:focus, .btn-upload:hover {
  background-color: #666 !important;
  border-color: #666 !important;
  color: white;
}


.whitebox
{
  background-color: #ffffff;
  border-radius: .25rem;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.whitebox .box-header
{
  padding: 0px;
}

.whitebox .box-menu
{
  padding: 0px;
}

.whitebox .box-body
{
  padding: 0px;
}


  
@media (min-width: 768px) {
  .whitebox .box-header
  {
    padding: 0px;
    margin-bottom: 1rem;
  }

  .whitebox .box-menu
  {
    padding: 0px;
  }

  .whitebox .box-body
  {
    padding: 0px;
  }
}