.mega-ui-bannerbg{min-height:700px;width:100%;background-position:0 50%;background-repeat:no-repeat;animation:zoomin 40s infinite forwards;overflow:hidden;}

.mega-ui-banner{min-height:300px;width:100%;background-position:0 50%;background-repeat:no-repeat;background-size1:cover;animation:rota 15s infinite linear;overflow:hidden;}

@-webkit-keyframes rota{0%{transform:scale(1)}50%{transform: rotate(-15deg)}100%{transform:scale(1)}}
@keyframes rota{0%{transform:scale(1)}50%{transform: rotate(-15deg)}100%{transform:scale(1)}}

@-webkit-keyframes zoomin{0%{transform:scale(1.5)}50%{transform:scale(1);}100%{transform:scale(1.5)}}
@keyframes zoomin{0%{transform:scale(1.5)}50%{transform:scale(1);}100%{transform:scale(1.5)}}

@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInLeft{0%{-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}

.mega-ui-back {
    overflow: hidden;
    position: relative;
}

.mega-ui-back .banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.hero {
    position: relative;
    width: 100%;
    min-height: 700px;
    background-size: cover;
    background-position: center;
}
.hero-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background1: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	
}
.hero-content {color: rgb(52, 28, 8);}
h1 {
    font-size: 55px;
    line-height: 70px;
}
.btn-outline{text-transform: uppercase;border-radius: 0;letter-spacing: 0.2em;}
.btn{border-radius: 0;}
.h1,h1,h2,h3{font-family: 'Alegreya', serif;font-weight: 700;}
.special-heading-letter::first-letter {
color: #fff;
border: 1px solid #90d59f;
    margin-right: -1.5rem;
    font-size: 1.9em;
    padding: 0 30px;
}
.text-warning{color:#e1d42a;}
.text-shadow{text-shadow: 0 .25rem 0.25rem rgba(0,0,0,.5)}

#fragment .card{border:0;border-left: 1px solid rgba(0,0,0,.125);border-right: 1px solid rgba(0,0,0,.125);}
#fragment .card a{
text-shadow: 0 .25rem 0.25rem rgba(0,0,0,.5);
transition: all 1.5s ease 0s;
color: #fff !important;
display: block;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5;
}
#fragment .card a.collapsed .card-header{height:8rem;opacity: 0.7;}
#fragment .card a.collapsed:hover .card-header{height:12rem;opacity:1 !important;}
#fragment .card a .card-header{height:20rem;opacity:1;transition: all 1.5s ease 0s;display: -ms-flexbox !important;display: flex !important;-ms-flex-align: center !important;align-items: center !important;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#fragment1 .card a .card-header span{padding:1rem 5rem 1rem 1rem;background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)}

#fragment .acolllink{background:linear-gradient(to right, rgb(52, 28, 8) 0%, rgba(0, 0, 0, 0) 100%);}

.counters{white-space: nowrap !important;border-bottom: 2px solid #BC926C;margin: 0;font-family: 'Alegreya', serif;font-weight: 700;padding-bottom: 1rem !important;font-size: 4rem;}
.counterdelim{height: 5px;width: 63px;background: #BC926C;margin: 0 auto 1rem auto;}


a.bg-secondary.active {background-color: #545b62 !important;}

@media (max-width:576px){
.hero{min-height: 850px;}
}
@media (max-width:992px){
#navbarNavDropdown .nav-link{padding-right: .25rem;padding-left: .25rem;}
.mega-ui-banner {min-height: 250px; width:250px; background-image: url('../aircraft-245x300.png') !important; margin-left: auto !important; margin-right: auto !important;}
}