/*=====================================================================================  
                      HEADER CSS  START 
===================================================================================== */
    .site-header {
        position: relative;
        z-index: 99999; 
    }
    
    .site-header ul {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        list-style: none;
        margin: 0;
        padding: 0;
        background: transparent;
        flex-direction: row;
    }
    .site-header ul a {
        font-size: 15px;
        color: var(--gray);
        font-weight: 500;
        padding: 10px 0;
        letter-spacing: 0;
        line-height: 1.4;
        text-decoration: none;
        display: block;
        font-family: 'poppins';
    }
    .site-header ul a:hover {
        color: var(--orange);
    } 
     
    .header-top {
        padding: 0px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .header-top  .header-top-left ul.contact-info  li  a {
        padding: 0 30px 0 0;
    }
    .header-top  .header-top-left ul.contact-info  li + li {
        border-left: 1px solid #dddddd;
    }
    .header-top  .header-top-left ul.contact-info  li + li a{
        padding: 0 30px 0 30px;
    }
         

    .header-top-right{
        display: flex;
        flex-wrap: wrap;
    }
    .header-top-right ul.social-links {
        margin-right: 0;
    }       
    .header-top-right ul.social-links li {
        margin: 0 2px;
    }
    .header-top-right ul.social-links li i {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #606060;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 12px;
        margin: 0;
    }
    .header-top-right ul.social-links li i:hover{
        background: var(--orange);
    } 

        /* ul.loginWrap  li {
            display: flex;
            align-items: center;
            border-left: 1px solid #dddddd;
        }
        ul.loginWrap  li a {
            padding: 0 30px;
        }
        ul.loginWrap  li:nth-last-child(1)  a {
            padding: 0 0 0 30px;
        }  */
     


/*===================================================================================== 
                    02 
=====================================================================================*/
    .header-nav{ 
        width: 100%;
        padding: 0px 0 0;
        background-color: #09243a80;
        background: #09243a;
    }
    .header-nav .nav-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between; 
    } 
    .header-nav .nav-wrapper .main-navigation ul  li {
        position: relative;
        padding: 0px 20px;
    }
    .header-nav .nav-wrapper .main-navigation ul  li  a {
        display: block;
        color: var(--lGgray);
        padding: 25px 0px;
        text-transform: capitalize;
        position: relative;
    }
    .header-nav .nav-wrapper .main-navigation ul  li  a:after{
        right: 0;
        bottom: 0; 
        position: absolute;
        content: attr(data-hover);
        color: #ffffff;
        white-space: nowrap;
        width: 0%;
        overflow: hidden;
        background: #fff;
        height: 2px;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    .header-nav .nav-wrapper .main-navigation ul  li  a:nth-last-child(1) {
        padding-right: 0;
    }  
    .header-nav .nav-wrapper .main-navigation ul li a:hover:after,
    .header-nav .nav-wrapper .main-navigation ul li.active a::after{
        left: 0;
        width: 100%;
    }

    .header-nav .nav-wrapper .main-navigation ul li.subchild ul.submenu{
        display: none;  
        width: 200px;
        opacity: 0;
        position: absolute;
        background: #09243a;
        border-radius: 0 0 10px 10px; 
    }
    .header-nav .nav-wrapper .main-navigation ul li.subchild ul.submenu li{
        padding: 0;
    }
    .header-nav .nav-wrapper .main-navigation ul li.subchild ul.submenu li a{ 
        padding: 15px 20px;
    }   
    .header-nav .nav-wrapper .main-navigation ul li.subchild ul.submenu li:hover a{
        background-color: #007bc1;
    } 
    .header-nav .nav-wrapper .main-navigation ul li.subchild ul.submenu li:hover ul.submenu{ 
        opacity: 1;
        display: block; 
    }  

@media (min-width: 768px) {
    .header-nav .nav-wrapper .mobile-nav-toggle{
        display: none;
    }
}
/*=====================================================================================  
                      HEADER CSS  END
===================================================================================== */

/*=====================================================================================  
                        FOOTER CSS  START 
===================================================================================== */
.trip-ocean{
  height: 450px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: var(--bgDarkThree);
}
.trip-ocean .trip-image {
    display: block;
    margin: 0 0 80px;
}
.trip-social{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  background: var(--white);
  border-radius: 10px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 0 35px;
  position: absolute;
  z-index: 99;
  bottom: -95px;
  box-shadow: 0px 27px 20px -15px #000000;
}
.trip-social ul{
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trip-social ul li{
  margin: 0 5px;
}
.trip-social ul li a{
  display: block;
}
.trip-social ul li a i{
  color: var(--white);
  font-size: 18px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: var(--grayFive);
  border-radius: 50%;
  text-align: center;
}



/*  */
.site-footer {
  background-color: var(--bgDarkOne);
  position: relative;
  padding: 130px 0 0;
}
.site-footer::after {
  display: block;
  content: '';
  width: 100%;
  height: 97px;
  position: absolute;
  z-index: 0;
  top: -97px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.site-footer ul {
  text-decoration: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-top { 
  padding: 0;
  position: relative;
  z-index: 9;
}
.site-footer .footer-top .footer-grid {
  max-width: 1650px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.site-footer .footer-top .footer-grid h3 {
  color: var(--white);
  text-align: left;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  margin: 25px 0 5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.site-footer .footer-top .footer-grid .footer-column {
  flex: 1;
}
.site-footer .footer-top .footer-grid .footer-column ul.footer-links {
  margin: 0px 0 25px;
}
.site-footer .footer-top .footer-grid .footer-column ul.footer-links li {
  padding: 5px 0;
}
.site-footer .footer-top .footer-grid .footer-column ul.footer-links li, 
.site-footer .footer-top .footer-grid .footer-column ul.footer-links a {
  color: var(--white);
  font-size: 14px;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.5px;
  text-decoration: none;
  font-weight: 400;
  opacity: 0.9;
}
.site-footer .footer-top .footer-grid .footer-column ul.footer-links li:hover, 
.site-footer .footer-top .footer-grid .footer-column ul.footer-links a:hover {
  opacity: 1;
}

.site-footer .footer-top .footer-grid .footer-address {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
}
.site-footer .footer-top .footer-grid .footer-address address,
.site-footer .footer-top .footer-grid .footer-address ul li {
  text-align: left;
  font-size: 14px;
  line-height: 1.1;
  color: var(--white);
  letter-spacing: 0.5px;
  text-decoration: none;
  font-weight: 500;
  font-family: 'Jost', sans-serif;
}

/* Payment / Options */
.site-footer .footer-middle {
  padding: 20px 0;
  background-color: var(--bgDark);
}
.site-footer .footer-middle .footer-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.site-footer .footer-middle .footer-options span.footer-note {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: var(--yellowOne);
  letter-spacing: 0.25px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.site-footer .footer-middle .footer-options ul.payment-methods li {
  position: relative;
}



/* Copyright */
.site-footer .footer-bottom {
  background-color: var(--black);
}
.site-footer .footer-bottom p {
  padding: 15px 0;
  color: var(--grayFour);
  letter-spacing: 0.25px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
.site-footer .footer-bottom span {
  color: var(--grayFour);
  letter-spacing: 0.25px;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
}

/*=====================================================================================  
                        FOOTER CSS  END
===================================================================================== */