MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/imyrqtmy/public_html/ziontechaviation/css/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/ziontechaviation/css/style.css
body{
overflow-x: hidden;
font-family: 'Noto Sans', sans-serif;
background:rgba(0,0,0,0.9);
color:white;
}

 :root{--main-color:#b18250;}
.hcolor{color:var(--main-color);}
.my-btn{color:black; background-color: var(--main-color); border-radius:10px; font-weight:500;transition:0.2s;}
.my-btn:hover{box-shadow:10px 10px 5px 0px rgba(63, 63, 63, 0.75);
}

.social a{color:white !important ;}
.top-header a{color:white;}
.top-header a:hover{color:var(--main-color);}
/*navbar*/
.navbar-nav {column-gap: 28px;}
.bg-nav {background:rgba(0, 0, 0, 0.711); color:white;}
.navbar-dark .navbar-nav .nav-link {color: rgb(255 255 255);}
/*banner*/
.banner{margin-top:-80px;}

@-webkit-keyframes zoom{
  from{
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
.carousel-item img {height:730px;}

.carousel-caption{top:25%; /*background-color: rgba(0,       0, 0, 0.384);*/ bottom:auto; color:black;}
.carousel-caption h1 { text-shadow:2px 2px var(--main-color);}
.carousel-caption h4 {text-shadow:2px 2px var(--main-color);}
/* about */

.about{background:url('../images/left-1.png')75% 75% no-repeat; }

/*.about{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.9)),url('../images/sky.jpg') center center no-repeat fixed; background-size: cover;}*/

 .why-choose{background:linear-gradient(rgba(0, 0, 0, 0.81),rgba(0, 0, 0, 0.9)),url('../images/sky.jpg') center center no-repeat fixed; background-size: cover;}

 /*
  .btn-new:active, .btn-new:hover, .btn-new:focus {
	outline: 0!important;
	outline-offset: 0;
  }
  .btn-new::before,
  .btn-new::after {
	position: absolute;
	content: "";
  } 
  
    .btn-new {
	position: relative;
	display: inline-block;
	width: auto; height: auto;
	background-color: transparent;
	border: none;
	cursor: pointer;
	/* margin: 0px 25px 15px;
	min-width: 150px; 
  }
	.btn-new span {         
	  position: relative;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  letter-spacing: 2px;
	  text-transform: uppercase;
	  top: 0; left: 0;
	  width: 100%;
	  padding: 15px 20px;
	  transition: 0.3s;
	  
	}
  
  
/*--- btn-2 ---
.btn-2::before {
	background-color: rgb(28, 31, 30);
	transition: 0.3s ease-out;
  }
  .btn-2 span {
	color: rgb(28, 31, 30);
	border: 1px solid rgb(28, 31, 30);
	transition: 0.2s;
  }  
  .btn-2 span:hover {
	color: rgb(255,255,255);
	transition: 0.2s 0.1s;
	
  }
  
  
  /* 9. hover-slide-right 
  .btn-new.hover-slide-right::before {
	top: 0; bottom: 0; left: 0; 
	height: 100%; width: 0%;
  }
  .btn-new.hover-slide-right:hover::before {
	width: 100%;
  }

*/
/*********/

 .navbar {
	 background-color: rgba(0, 0, 0, 0.711);
	 border: none;
	 color: white;
	 z-index: 100;
	 transition: background-color 1s ease 0s;
}
 .navbar-default .navbar-brand {
	 margin-top: 10px;
	 color: white;
}
 .navbar-default .navbar-brand:hover {
	 color: #c57ed3;
	 border: 1px solid #c57ed3;
}
 .navbar-default .navbar-nav > li > a {
	 color: white;
	 margin: 10px 5px 5px 5px;
}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {
	 color: #c57ed3;
	 border: 1px solid #c57ed3;
}
 .navbar-default .navbar-nav > li > a:visited {
	 color: #c57ed3;
	 text-decoration: none;
}
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	 background-color: transparent;
	 color: #c57ed3;
}
 .navbar-default .navbar-toggle {
	 border-color: #c57ed3;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	 background-color: #490d40;
}
 .navbar-default .navbar-toggle .icon-bar {
	 color: #c57ed3;
	 background-color: #c57ed3;
}
 .navbar-default .navbar-collapse.collapse.in ul {
	 background-color: #490d40;
}
/* Solid class attached on scroll past first section */
 .navbar.solid {
	 background-color: black;
	 transition: background-color 1s ease 0s;
	 box-shadow: 0 0 4px grey;
}
 .navbar.solid .navbar-brand {
	 color: #c57ed3;
	 transition: color 1s ease 0s;
}
 .navbar.solid .navbar-nav > li > a {
	 color: white;
	 transition: color 1s ease 0s;
}

.navbar .nav-link:hover{color:var(--main-color)!important;}

 /*************/
 footer{background:#000;}
footer a{text-decoration:none; color:white;}
footer a:hover{ color:var(--main-color);}

/*************/
.charters .carousel-wrap {
  margin: 40px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

 .carousel-wrap {
  margin: 40px auto;
  padding: 0 3% ;
  width: 90%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 32px;
}

.charters .owl-nav .owl-prev {
  left: -30px;
  display:none;
}

.charters .owl-nav .owl-next {
  right: -30px;
  display:none;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

.charters .owl-carousel .owl-item img {
  
  width: auto !important;}
  
  
  /*************/
  
  /*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/

.services{background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.8)),url('../images/banner1 (2).jpg')center center fixed no-repeat; background-size:cover;}

.services .img {
  border-radius: 8px;
  overflow: hidden;
}

.services .img img {
  transition: 0.6s;
}

.services .details {
  padding: 50px 30px;
  margin: -34px 30px 0 30px;
  transition: all ease-in-out 0.3s;
  /*background: white;*/
  position: relative;
  background: rgba(70, 69, 69, 0.89);
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0 25px rgba(0,0,0, 0.1);
}

.services .details .icon {
  margin: 0;
  width: 72px;
  height: 72px;
  background: var(--main-color);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: black;
  font-size: 28px;
  transition: ease-in-out 0.3s;
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  border: 6px solid black;
}

.services a{text-decoration:none;}

.services .details h3 {
  color: #fff;/*var(--color-default);*/
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
  transition: ease-in-out 0.3s;
}

.services .details p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .service-item:hover .details h3 {
  color: #fff;
}

.services .service-item:hover .details .icon {
  background: black;
  border: 2px solid var(--main-color);
}

.services .service-item:hover .details .icon i {
  color: var(--main-color);
}

.services .service-item:hover .img img {
  transform: scale(1.2);
}

/*************************/
.heli-tours .img{
  height:150px;
  width:100%;
}

.heli-tours .card{
  transition:0.5s;
  cursor:pointer;
  background: rgba(70, 69, 69, 0.89) !important;
  padding:10px;
}

.heli-tours .card-title{  
  /*font-size:15px;*/
  transition:1s;
  cursor:pointer;
}

.heli-tours .card-title i{  
  font-size:15px;
  transition:1s;
  cursor:pointer;
  color:#ffa710
}

.heli-tours .card-title i:hover{
  transform: scale(1.25) rotate(100deg); 
  color:#18d4ca;
  
}

.heli-tours .card:hover{
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
}

/*.heli-tours .card-text{*/
/*  height:80px;  */
/*}*/

.heli-tours .card::before, .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform .3s ease-out 0s;
  background: rgba(0, 0, 0, 0.1);
  content: '';
  pointer-events: none;
 
}

.heli-tours .card::before {
  transform-origin: left top;
}

.heli-tours .card::after {
  transform-origin: right bottom;
}

.heli-tours .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
  transform: scale3d(1, 1, 1);
}

/***********************/
.charter-services {
    text-align: center;
}

/*.charter-services h1 {*/
/*    font-size: 3em;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*}*/

.charter-img img{height:250px;}

.charter-services .charter-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5em 2em;
    position: relative;
    z-index: +1;
}

.charter-services .charter-item {
    width: 400px;
    transition: 1s ease-in-out;
}

.charter-services .charter-info h3 {
    color: #242424;
    text-transform: uppercase;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--block-height); 
    font-family: 'Archivo', sans-serif;
    
}

.charter-services .charter-info p {
    color: #fff;
    /* font-size: 1em; */
    visibility: hidden; 
    text-align: left;
    line-height: 26px;
}

.charter-services .charter-info-container {
    display: flex;
    justify-content: center;
    transition: 1s ease-in-out;
    position: relative;
}

.charter-services .charter-info {
    position: absolute;
    width: 330px;
    margin: -32px auto;
    height: var(--block-height); 
    border-radius: 10px;
    background: #b18250;
    cursor: pointer;
    z-index: +1;
    padding: 0px 20px;
    transition: 0.3s ease-in-out;
}


.charter-services .charter-info .charter-hide{
    visibility: hidden;
}
 
.charter-services .charter-info .charter-info-btn {
    display: flex;
    justify-content: right;
    padding: 2px 15px 15px 15px;
}

.charter-services .charter-info-container:hover .charter-info {
    height: auto;
    transition: 0.2s ease-in-out;
}
 
.charter-services .charter-info-container:hover .charter-info::after {
    content: " ";
    position: absolute;
    background-image: url(../../img/home/ticket-cut.svg);
    width:100%;
    height: 15px;
    left:0;
    top:-7px; 
}
/*.charter-services .charter-img:hover .charter-hide {visibility:visible;}*/
.charter-services .charter-info-container:hover .charter-hide {
   visibility: visible;
}
.charter-services .charter-info-container:hover h3 {
    padding: 15px 0px 0px 0px;
    color:#fff;
    height: auto;
}

.charter-services .charter-info-container:hover .charter-info p {
    visibility: visible;
    margin-bottom: -1px;
}
 
 .charter-services {
                        --block-height: 58px;
                   }
 
@media(max-width:1400px) {
    .charter-services .charter-info{
        width: 330px;
    }
    .charter-services .charter-item{
        width: 370px;
    }
    .charter-services .charter-items{
        gap: 5em 0em;
    }
}
@media(max-width:768px) {
	.charter-services .charter-hide{
        visibility: visible!important;
    }
    .charter-services .charter-info{
        position: relative!important;
        height: auto!important;
    }
    .charter-services .charter-info h3 {
        color: #fff; 
        height: auto;
    }
     
    .charter-services .charter-info::after {
        content: " ";
        position: absolute;
        background-image: url(../../img/home/ticket-cut.svg);
        width:100%;
        height: 15px;
        left:0;
        top:-7px; 
    }
    .charter-services .charter-info-container h3 {
        padding: 15px 0px 0px 0px;
    }
    
    .charter-img img{height:auto;}

}
/************/

 .charters-airocraft{background:linear-gradient(rgba(0, 0, 0, 0.81),rgba(0, 0, 0, 0.9)),url('../images/sky.jpg') center center no-repeat fixed; background-size: cover;}

.charters-airocraft .card{background:transparent;}

.charters-airocraft .card-body a:hover{color:white;}
/***********************/
#demo{
    
    background: linear-gradient(112deg, #363636b5 50%, #73624b82 50%);
    max-width: 900px;
    margin: auto;
}
#demo .carousel-caption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color: rgba(255, 255, 255, 0.856);
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
    line-height: 2rem;
}
@media(max-width:767px){
    #demo .carousel-caption {
        position: initial;
        z-index: 10;
        padding: 3rem 2rem;
        color: rgba(255, 255, 255, 0.856);
        text-align: center;
        font-size: 0.7rem;
        font-style: italic;
        font-weight: bold;
        line-height: 1.5rem;
    }
}
#demo .carousel-caption img{
    width: 6rem;
    border-radius: 5rem;
    margin-top: 2rem;
    margin:0 auto;
}
@media(max-width:767px){
   #demo .carousel-caption img{
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem;
    }
}
#image-caption{
    font-style: normal;
    font-size: 1rem;
    margin-top: 0.5rem;
}
@media(max-width:767px){
    #image-caption{
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem;
    }
}
#demo i{
    background-color: rgb(162, 18, 25);
    padding: 1.4rem;
}
@media(max-width:767px){
   #demo i{
        padding: 0.8rem;
    }
}
#demo .carousel-control-prev{
    justify-content: flex-start;
}

#demo .carousel-control-next {
    justify-content: flex-end;
}
#demo .carousel-control-prev,.carousel-control-next{
    transition: none;
    opacity: unset;
}

/**********/
.abt-banner{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)),url('../images/PAGE BACKGROUND PHOTO.jpg') center center no-repeat fixed; background-size:cover; padding:80px 0; text-align:center; text-transform:uppercase;}


/*.bg-heading {background:rgba(0,0,0,0.6); padding:10px;}*/


/*****************/

 .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
   .animated {
    -webkit-animation: none;
    animation: none;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

/**********/

.abt-info{background:url('../images/left-1.png')75% 75% no-repeat; }

/***********/

.contact-banner{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)),url('../images/PAGE BACKGROUND PHOTO.jpg') center center no-repeat fixed; background-size:cover; padding:80px 0; text-align:center; text-transform:uppercase;}

.contact-info a{color:white;}
.contact-info a:hover{color:var(--main-color);}
.set-bg{background:#2e2e2e;}

.my-style{background:var(--main-color);}

/*********/


/*  return to top */
#btnreturntotop {
	display: none; 
	position: fixed; 
	bottom: 40px; 
	right: 21px; 
	z-index: 9999; 
	border: none; 
	outline: none; 
	background-color: rgb(162, 18, 25);
	color: white; 
	cursor: pointer; 
	border-radius: 50%; 
	font-size: 18px;
	height:40px;
	width:40px;
}
/******/
#btnreturntotop  i{margin:5px 3px;}

/************/
.hover-rotate {
  overflow: hidden;
  width: 100%;
}

.hover-rotate img {
  transition: all 0.4s;
  box-sizing: border-box;
  max-width: 100%;
}

.my-cards:hover img {
  transform: scale(1.3) rotate(5deg);
  filter: hue-rotate(180deg);
}
/*******/

aside.fixed {position: fixed; width:26.39%;}
 
 .video-gal img{height:250px;}

@media (max-width: 991px){
    aside.fixed {position: static; width:100%;}}

/*************/
@media (max-width: 991px) {
.carousel-item img {height:auto;}}

/**********/

.copyright a{color:white;}
.copyright a{color:--var(main-color);}

/**********/

.banner-section{background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('../images/PAGE BACKGROUND PHOTO.jpg') fixed center center no-repeat; background-size:cover; padding:100px 0; margin-top:-80px;}

.banner-section p{letter-spacing:2px; line-height:30px;}

.form-select {color:gray;}

/***********/

.heli-tours .card img{height:250px; object-fit:cover;}

.box{border:4px dotted gray;}

/***************/

.charters-airocraft img {height:250px; object-fit:cover;}

/***************/

.gallery img{height:300px; object-fit:cover;}

.service-info img{height:300px; object-fit:cover;} 

.my-box{ border:1px solid #e7e7e736;}

MMCT - 2023