/**************LEVIOOSA AVIATION****************/
body{
margin:0;
overflow-x:hidden;
font-family: 'Oswald', sans-serif;
}
:root{
scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
scrollbar-width: thin !important;
}


/*DEFAULT*/
#logo{
font-family: 'Monoton', cursive;
font-size:2em;
float:left;
}
.title{
font-size:2em;
display:block;
font-family: 'Rajdhani', sans-serif;
}
.sub-title{
font-size:1em;
display:block;
}
a,li,.btn1,.btn2,i{
transition:0.5s;
}
a{
text-decoration:none;
}
li{
list-style:none;
}
.btn1{
background: #05314d;
outline:none;
border:1px solid #05314d;
padding:10px 20px;
text-align:center;
color:#fff;
display:block;
margin:10px 0px;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
}
.btn1:hover{
background:#fff;
color:#05314d;
}
.btn2{
background:transparent;
border:2px solid #fff;
color:#fff;
padding:10px 20px;
text-align:center;
outline:none;
display:block;
}
.btn2:hover{
background:#fff;
color:#000;
}
svg {
fill:#fff;
min-width:100%;
}
table{
width:100%;
}
table td{
width:50%;
padding:10px;
}
@media (max-width:900px){
table td{
width:97%;
display:block;
}
#logo{
float:none;
text-align:left;
}
}



/*ANIMATION*/
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)} 
to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
from {transform: scale(0)} 
to {transform: scale(1)}
}
.inline-photo {
opacity: 0;
transform: translateY(4em) rotateZ(-0deg);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;
will-change: transform, opacity;
}
.inline-photo.is-visible {
opacity: 1;
transform: rotateZ(-0deg);
}
.inline-photo2 {
opacity: 0;
transform: translateX(-15em) rotateZ(-0deg);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;
will-change: transform, opacity;
}
.inline-photo2.is-visible2 {
opacity: 1;
transform: rotateZ(-0deg);
}
.inline-photo3 {
opacity: 0;
transform: translateX(15em) rotateZ(-0deg);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;
will-change: transform, opacity;
}
.inline-photo3.is-visible3 {
opacity: 1;
transform: rotateZ(-0deg);
}



/*TEXT ANIMATE*/
.ml12 {
font-weight: 200;
font-size: 1.8em;
text-transform: uppercase;
letter-spacing: 0.5em;
}

.ml12 .letter {
display: inline-block;
line-height: 1em;
}



/*SNACKBAR*/
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-family: 'Oswald', sans-serif;
font-size: 17px;
}

#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;} 
to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;} 
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}



/*NAVIGATION*/
.nav{
position:fixed;
top:0;
width:100%;
z-index:999;
}

.topnav {
overflow: hidden;
background-color: transparent;
}

.topnav a {
float:right;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
margin:0px 10px;
text-decoration: none;
font-size: 17px;
}

.topnav .icon {
display: none;
}

.dropdown {
float: right;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 17px;    
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #555;
color: white;
}

.dropdown-content a:hover {
background-color: #ddd;
color: black;
}

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

@media screen and (max-width: 900px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
position:absolute;
top:10px;
right:10px;
}
}

@media screen and (max-width: 900px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav {
overflow: hidden;
background-color:#1e1e1e;
}
.topnav a {
float:left;
}
.dropdown {
float: left;
}
.dropbtn{
padding-left:20px;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
#navbar {
background-color: #333;
position: fixed;
top: -80px;
width: 100%;
display: block;
transition: top 0.3s;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#navbar a {
float: right;
display: block;
color: #f2f2f2;
text-align: center;
padding: 15px;
text-decoration: none;
font-size: 17px;
}

#navbar .dropdown-content a{
color:#000;
}

#navbar a:hover {
background-color: #ddd;
color: black;
}
@media (max-width:600px){
#navbar{
display:none;
}
}



/*CONTAINER*/
.video_container{
width:100%;
height:90vh;
}

.image_container{
width:100%;
height:90vh;
background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://images.unsplash.com/photo-1564517498422-341b40090912?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
background-size:cover;
background-repeat:no-repeat;
}



#myVideo {
object-fit: cover;
width: 100%;
height: 90vh;  
top: 0;left: 0;
background-attachment:fixed;
pointer-events:none;

}
.bg_overlay{
position:absolute;
width:100%;
height:90vh;
background-color:#000;
opacity:0.3;
}



/*FORM*/
.form{
background:rgba(1,1,1,0.6);
padding:10px 30px;
border-radius:5px;
box-shadow:0px 6px 16px -6px rgab(1,1,1,0.5);
position:absolute;
right:20px;
top:15vh;
width:20%;
text-align:center;
color:#fff;
border-top:3px solid #3399ff;
}

.form .fa-plane{
float:left;
position:relative;
left:-40px;
top:-30px;
padding:10px;
height:15px;
width:15px;
background:#fff;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
border-radius:50%;
color:#05314d;
}

.form:hover > .fa-plane{
background:#05314d;
color:#fff;
}

.form input{
width:100%;
height:30px;
padding:5px 0px;
border:0;
outline:none;
display:block;
margin:10px 0px;
border-left:3px solid #3399ff;
}

.form textarea{
resize:none;
width:90%;
padding:14px;
outline:none;
border:0;
display:block;
margin:10px 0px;
border-left:3px solid #3399ff;
}

.header_mssg{
position:absolute;
left:20px;
top:30vh;
width:40%;
color:#fff;
}

@media (max-width:900px){
.form{
position:absolute;
left:5px;
margin:auto;
width:80%;
padding:10px;
}
.form textarea{
width:96%;
}
.header_mssg{
display:none;
}
}

@media (max-width:600px){
.form{
position:absolute;
left:5px;
margin:auto;
width:80%;
padding:10px;
}
.form textarea{
width:92%;
}
.header_mssg{
display:none;
}
}




/*INFO CARD*/
.info_card{
width:50%;
border-radius:3px;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
background:#fff;
position:relative;
top:-15vh;
left:20px;
}

.info_card table{
width:100%;
border-collapse:collapse;
}

.info_card .title{
font-size:1.5em;
}

.info_card a:after{
content:"\f0da";
font-family:"FontAwesome";
margin:0px 10px;
color:#3399ff;
}

.info_card table td:nth-child(1){
background-image:url("https://i.ibb.co/5BbhnSQ/01.jpg");
background-size:cover;
padding:0px;
position:relative;
text-align:center;
}

.info_card table td:nth-child(1) i{
background:#fff;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
width:15px;
height:15px;
padding:15px;
border-radius:50%;
transition:0.5s;
}

.info_card table td:nth-child(1) i:hover{
background:#3399ff;
color:#fff;
}

.info_card table td:nth-child(2){
padding:30px;
}

@media (max-width:900px){
.info_card table td:nth-child(1){
height:100px;
}
.info_card{
width:95%;
position:relative;
top:1vh;
left:10px;
background:#f7f7f7;
}
}




/*SECTION1*/
.section1{
width:100%;
}

.section1 .btn1{
width:150px;
}

.section1 table td img{
width:90%;
}

.section1 table td .title{
border-left:3px solid #3399ff;
padding:0px 30px;
}





/*SECTION2*/
.flight{
height:200px;
width:50%;
position:relative;
top:25vh;
}

.section2{
width:100%;
padding-bottom:5vh;
background:#05314d;
}

.section2 table{
margin:20vh auto;
width:95%;
}

.section2 table td{
width:30%;
padding:2%;
margin:1%;
color:#fff;
}

.section2 table td i{
padding:10px;
width:25px;
height:25px;
border:1px dotted;
border-radius:50%;
font-size:2em;
}

@media (max-width:900px){
.section2 table td{
width:97%;
}
}







/*SECTION3*/
.section3{
padding:10vh 0; 
}
.slick{
width:90%;
margin-left:auto;
margin-right:auto;
}

.slick table{
width:100%;
margin-left:auto;
margin-right:auto;
}

.slick table td{
width:30%;
padding:1%;
}

.slick table td img{
width:100%;
height:100%;
}

.slick table td ul li{
list-style:none;
padding:10px 0px;
}

.slick table td ul li a{
text-decoration:none;
transition:0.5s;
}

.slick table td ul li a:hover{
color:#8798bd;
}

.slick table td ul li h3{
color:#05314d;
}

.slick table td ul li p{
color:rgba(1,1,1,0.7);
}

.slick table td:nth-child(1) ul{
text-align:right;
}

.slick table td:nth-child(3) ul{
text-align:left;
}

.slick table td:nth-child(2) .card{
margin-left:auto;
margin-right:auto;
text-align:left;
}

@media (max-width:900px){
.slick table td{
width:30%;
display:inline-block;
} 
}

@media (max-width:600px){
.slick table td{
width:100%;
display:block;
}
.slick table td:nth-child(1) ul{
text-align:left;
}
}

@media (max-width:500px){
.slick table td{
width:100%;
display:block;
}
.slick table td:nth-child(1) ul{
text-align:left;
}
.title{
font-size:1.3em;
}
.sub-title{
font-size:0.6em;
}
.slick table td ul li{
padding:5px 0px;
}
}






/*SECTION4*/
.section4{
width:100%;
overflow-x:auto;
white-space: nowrap;
overflow-y:hidden;
scrollbar-width:none;
scroll-behavior: smooth;
transition:0.5s;
padding:10vh 0;
background:#05314d;
background-image:url("../images/01.jpg");
background-size:100% 70%;
background-repeat:no-repeat;
}
.section4 #img-card{
width:300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display:inline-block;
margin:16px;
overflow-x:hidden;
padding:20px;
background:#fff;
word-break: break-word;
white-space: pre-wrap;
-moz-white-space: pre-wrap;      
}
.section4 #img-card b{
color:gray;
font-size:0.8em;
}
.section4 #img-card #currency{
position:relative;
top:-20px;
}
.section4 #img-card strong{
font-size:2.4em;
color:#000;
font-weight:bold;
}
.section4 #img-card img{
width:100%;
height:200px;
}
.section4 #img-card table{
width:100%;
padding:5px;
}
.section4 #img-card table td{
padding:5px;
width:50%;
font-size:0.9em;
}
.section4 #img-card h3{
text-align:left;
padding-left:10px;
}
.section4 #img-card p{
color:gray;
padding-left:10px;
text-align:left;
font-size:1.3em;
line-height:1.3em;
}
.section4 button{
margin-top:5%;
border-radius:20px;
}
.section4 .fa-angle-double-right{
position:absolute;
margin-top:-1%;
left:80px;
background:#000;
padding:15px;
z-index:111;
border-radius:50%;
color:#fff;
}
.section4 .fa-angle-double-left{
position:absolute;
margin-top:-1%;
left:30px;
z-index:111;
background:#000;
padding:15px;
border-radius:50%;
color:#fff;
}
.section4 .angles{
opacity:0.7;
transition:0.5s;
}
.section4 .angles:hover{
opacity:1;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.section4 section{
background:#3399ff;
color:#fff;
float:right;
font-size:0.8em;
position:relative;
top:-24px;
padding:5px 20px;
border-radius:20px;
}
@media (max-width:600px){
.section4 #img-card{
width:85%;

}
.section4 #img-card img{
width:100%;
}

}







/*SECTION5*/
.section5 {
width: 100%;
overflow-x:hidden;
color: #525252;
background:#05314d;
font-size: 14px;
font-family: 'Lato', Arial, sans-serif;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

.Testimonial{
width:100%;
overflow:hidden;
padding-bottom:30px;
}
.Testimonial input {
display: none;
}

.Testimonial #dot_buttons_1:checked ~ .Testimonial_Content { margin-left:0; }
.Testimonial #dot_buttons_2:checked ~ .Testimonial_Content { margin-left:-100%; }
.Testimonial #dot_buttons_3:checked ~ .Testimonial_Content { margin-left:-200%; }
.Testimonial #dot_buttons_4:checked ~ .Testimonial_Content { margin-left:-300%; }
.Testimonial .Testimonial_Content {
width:400%;
-webkit-transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.Testimonial .slide_content{
width:25%;
float:left;
}
.Testimonial #controls {
text-align:center;
}
.Testimonial #controls label{
width:15px;
height:15px;
margin:0 2px;
display:inline-block;
background:#999; /* Change controls background color */
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.Testimonial #dot_buttons_1:checked ~ #controls label:nth-child(1), 
.Testimonial #dot_buttons_2:checked ~ #controls label:nth-child(2), 
.Testimonial #dot_buttons_3:checked ~ #controls label:nth-child(3), 
.Testimonial #dot_buttons_4:checked ~ #controls label:nth-child(4){
background:#000; /* Change controls background color when mouse click */
}
.testimonial_2 {
font-size: 16px !important;
color: #333; /* Change testimonial paragraph text color */
padding: 30px 30px 23px;
}
.content_2 {
position: relative;
padding-left: 30px;
margin-bottom: 30px;
}
.content_2:before,
.content_2:after {
content: "";
height: 15px;
width: 19px;
position: absolute;
}
.content_2:before {
background: url(icon_testimonial_2_before.png) 0 0 no-repeat;
left: 0;
}
.content_2:after {
background: url(icon_testimonial_2_after.png) 0 0 no-repeat;
margin: 5px 10px;
}
.testimonial_2 p {
display: inline;
}
.Testimonial_Author {
margin-left: 30px;
text-align:right;
}
.Testimonial_Author h3 {
color: #333; /* Change author text color */
font-size: 13px;
font-weight: 600px;
padding: 0 0 5px;
}
.Testimonial_Author h4 {
color: #333; /* Change author text color */
font-size: 12px;
font-weight: 400;
padding: 0 0 5px;
}
.Testimonial_Author h4 a {
color: #999; /* Change company text link color */
text-decoration: none;
position: relative;
padding-bottom: 1px;
overflow: hidden;
border-bottom: 1px solid;
}
.Testimonial_Author h4 a:after {
background: #999; /* Change company border link background color */
height: 1px;
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
-o-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
.Testimonial_Author h4 a:hover {
color: #000; /* Change company text link color when mouse over */
border: none;
}
.Testimonial_Author h4 a:hover:after {
border-color: #000;
width: 100%;
}	

.Testimonial_Content .Testimonial_Card{
width:95%;
padding:20px;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url("https://i.ibb.co/n3z3kr6/right-quote-1.png");
background-size:8% 40%;
background-position:top right;
background-repeat:no-repeat;
background-color:#fff;
position:relative;
padding-top:80px;
}
.Testimonial_Content .Testimonial_Card .author_icon{
position:absolute;
left:-20px;
top:-30px;
width:70px;height:80px;
display:block;
}
@media (max-width:900px){
.Testimonial_Content .Testimonial_Card{
width:90%;
background-size:15% 40%;
}
}
@media (max-width:500px){
.Testimonial_Content .Testimonial_Card{
width:85%;
background-size:15% 40%;
}
}





/*CONTACT FORM*/
.contact{
width:100%;
padding:10vh 0;
}

.contact table td{
text-align:center;
}

.contact table td ul{
width:100%;
}

.contact table td ul li{
display:inline-block;
width:30%;
padding:40px;
}

.contact table td ul li .title{
font-size:1.4em;
}

.contact table td ul li i{
color:#3399ff;
font-size:3em;
}

@media (max-width:600px){

.contact table td ul li{
display:inline-block;
width:50%;
padding:0px;
text-align:left;
}
}




/*FOOTER*/
.footer{
background-color:#000;
background: linear-gradient(rgba(1,1,1,0.9), rgba(1,1,1,0.9)), url("https://i.ibb.co/Lgrx0zk/footer.png");
background-size:100% 100%;
background-repeat:no-repeat;
background-position:bottom;
padding:30px 0px;
font-family: 'Play', sans-serif;
text-align:center;
}

.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:gray;
font-size:0.8em;
}

.footer .row a{
text-decoration:none;
color:gray;
transition:0.5s;
}

.footer .row a:hover{
color:#fff;
}

.footer .row ul{
width:100%;
}

.footer .row ul li{
display:inline-block;
margin:0px 30px;
}

.footer .row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .row a i{
margin:0% 3%;
}
}







/*ADDITIONAL*/
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
position: relative;
margin: auto;
padding: 0;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

/* The Close Button */
.close {
color: red;
float: right;
position:absolute;
right:-15px;
top:-45px;
font-size: 3em;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}





/*LOADER*/
#loader {
width:100vw;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
z-index: 1;
background:#36c3e5;

}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}

@-webkit-keyframes animatebottom {
from { bottom:0px; opacity:0 } 
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
from{ bottom:0px; opacity:0 } 
to{ bottom:0; opacity:1 }
}

#myDiv {
display: none;
}


.credits{
  background:#1e1e1e;
  color:gray;
  font-size:13px;
  padding:10px;
  position:fixed;
  right:0;
  bottom:20px;
}