@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

body {
	font-family: 'Abel', sans-serif;
}

#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: #fff;
}

#loading-animation {
      top: 50%;
      left: 50%;
      width: 200px;
      height: 200px;
      position: absolute;
      margin: -100px 0 0 -100px;
      background: url('loading-animation.gif') center center no-repeat;
}

/* Navbar Logo */
.navbar-brand {
	padding: 0px;
}
.navbar-brand>img {
	height: 100%;
	padding: 15px;
	width: auto;
}

/* Navbar */ 
.navbar-custom { 
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
.nav-item {
 	padding: 8px;
	margin: 0px;
}
.nav-link {
	color: #FFFFFF;
}
a.nav-link:hover {
	color: yellow;
}
li.nav-item:hover {
	border-bottom: 3px solid #CA0010;
	padding-bottom: 3px; 
}

.navbar-toggler-icon {
	background-image: url(../img/menu2.svg);

}






/* FEATURES */
.features {
	background-color: #000000;
}


.features h2 {
	color: #FFFF55;
	font-size: 3rem;
}
.features p {
	color: #FFFFFF;
	font-size: 1rem;
}

/* .feat_desc {
	color: #FFFF55;
	font-size: 3rem;
} */

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #FFFFFF;
	opacity: 0.5;
}

.swiper-pagination-bullet-active {
	width: 15px;
	height: 15px;
	background: #CA0010;
	opacity: 1;
	border: 1px solid #FFFFFF;
}

/* mega */
@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{
		left:0;
		right:0;
		width:100%;
		padding-left:10px;
		padding-right:10px;
		background-color: rgba(0,0,0,0.9);
		border-bottom: 1px solid #CA0010;
	}
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

small {
	font-size:xx-small;
	
}







.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: left;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.red {
	background-color: red;

}

.green {
	background-color: green;
	align: left;
}