/*Global*/

html {scroll-padding-top: 70px;}

body {font-family: 'Open Sans'; font-size:18px; font-weight:400; color:#231f20; overflow-x: hidden;}

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

.theme-sec {padding: 25px 0 30px; background-size: cover; background-blend-mode: overlay; background-position: center; background-repeat: no-repeat;}

.main {width: 100%; display: inline-block; margin: -7px 0 0;}

.h2, h2 {font-size: 2.5rem;}

.theme-heading {padding: 10px 0 20px; color: #3b4754; font-weight: bold;}

.sub-heading {padding: 15px 0 25px; font-weight: bold; color: #3b4754;}

#btn-back-to-top {position: fixed; bottom: 20px; right: 20px; display: none;}

/*Header*/

.header-main, .footer-main {background-color: #1b2121; display: inline-block; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}

.header-main{background-image: url(../images/header.png);}

.footer-main{background-image: url(../images/footer.jpg);}

.logo{max-width: 240px;}

.nav-link {padding: 1.4rem 1.4rem !important; color: white !important; font-size: 18px !important; font-weight: 700;}

.nav-link:focus, .nav-link:hover {color: #f1f1f1;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: transparent;}

.header-main .navbar-collapse{flex-grow:initial;}

.navbar-toggler:focus {box-shadow: none !important;}

/*slider*/

.hero-slider {display: inline-block; width: 100%;}

.carousel .carousel-item {height: 600px;}

.carousel-item img {position: absolute; top: -110px; left: 0; min-height: 600px;}

.carousel-indicators button {height: 22px !important; border: 2px solid #fff !important; border-radius: 50%; width: 22px !important; background: transparent !important; opacity: 1 !important;}

.carousel-indicators button.active {background: #989898 !important;}

.carousel-item.c3 img {top: 0;}



/*vision*/

.vision.theme-sec {padding: 0; background-position: top; padding-top: 25px;}



/*mission*/

.mission.theme-sec {padding: 0; padding-top: 25px;}

.about .right p {font-size: 20px; color: #798da3; font-style: italic;}

/*Form - future*/

.form-label {width: 230px; font-weight: 600;}

form .mb-3 {display: flex;}

.name-wrap {display: inline-block; width: 100%;}

.future-travel-wrap .row {align-items: center;}

.future-travel-wrap .theme-heading {padding-bottom: 0px;}

.future-travel-wrap .sign-up {padding: 90px 0 0;}

.contact-text {padding: 0px 0 40px;}

.footer-main .fa-brands {font-size: 24px;}

.form-control:focus {color: #fff; background-color: #fff; border-color: #f4f4f4; outline: 0; box-shadow: 0 0 1rem 0.25rem rgb(0 0 0 / 25%);}

.footer-main .nav {align-items: center;}



/*Emetrio CSS*/
/* Video BG*/
.intro-video {
    position: relative;
    height: 56.25vw;
    overflow: hidden;
}
.intro-video iframe {
    width: 100vw;
    height: 100%;
    min-height: 100px;
    min-width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}
.intro-video .trans-bg {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  bottom: 0;
  left: 0%;
  opacity: 1;
  /* background: rgb(0,0,0); */
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 95%);
}


/*Large Screen*/

@media only screen and (min-width: 1200px) {

    .carousel-indicators {bottom: 20px;}

    .future-travel.theme-sec {padding: 25px 0 60px;}

    .future-travel-wrap .sign-up {position: relative; top: 100px;}

    .mission img {margin: -178px 0 -48px 0;}

    .concept-wrap .row {padding: 20px 0 108px;}

    .future-travel.theme-sec,.vision.theme-sec, .concept.theme-sec {background-size: 100% 100%;}

}



/*Resposive*/

@media screen and (max-width: 1024px) {

    .carousel .carousel-item {height: 50vw;}

    .carousel-item img {min-height: unset; top: unset;}
    /*.carousel-item img {min-height: 100vw; top: -30px;}*/
.intro-video iframe { min-height: 100px; min-width: 100%;}
}



@media screen and (max-width: 600px) {

.footer-main .justify-content-between {justify-content: center; flex-wrap: wrap !important; flex-direction: column; text-align: center; align-items: center;}

.footer-main ul.nav {padding: 15px 0 15px;}

.nav-link {padding: 1rem 1rem !important;}

.logo{max-width: 180px;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {width: 95%;}

.contact-text h3 {font-weight: bold;}

}

.d-none {
  display: none;
}