/* 
font-family: 'Dancing Script', cursive;
font-family: 'Oswald', sans-serif;
font-family: 'Poppins', sans-serif;
*/

body {font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; color: #767676;}
.spacer { 
	padding-top: 50px; 
	padding-bottom: 50px; 
}
.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl { 
	padding-right: calc(var(--bs-gutter-x) * 1);
	padding-left: calc(var(--bs-gutter-x) * 1); 
}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}
a { text-decoration: none; transition: all ease .5s;}
.greyBg { background-color: #efefef; }
.link { color: #ffffff; border-bottom: 2px dotted #fecd56; }
.link::after { content: '\f101'; font-family: 'FontAwesome'; font-size: 12px; margin-left: 5px;}
.link.blue {color: #003366;}
.link:hover { letter-spacing: 1px; transition: all ease .5s; padding-left: 5px; }
/* topbar
-------------------------------------------------- */
.topBar { background-color: #003366; color: #ffffff; font-size: 14px; padding: 5px 0; }
.logo { display: inline-block; float: left; margin-right: 15px; }
.logo img{height:110px; margin-top:20px;}
.sitename { float: left; position: relative; }
.sitename h3 { margin: 15px 0 0; color: #fecd56; }
.sitename p { color: #efefef; margin: 3px 0 0; }
@media (max-width: 1199px){
	#topNavWrap { overflow: hidden; transition: all ease .3s; position: fixed; right: 0; top: 0; width: 0; height: 100vh; background-color: #000000; z-index: 99999; overflow-x: hidden; overflow-y: auto; }
	#topNavWrap.open { width: 250px; transition: all ease .3s;}
	.topNav {width: 250px; }
	.topNav > li{ display: block; width: 100%; padding: 0 15px; }
	.topNav li { display: block; width: 100%; border-top:1px dashed #797979; }
	.topNav li a { display: block; padding: 5px 0;font-size: 14px; color: #fecd56; }
	.topNav li:hover > a { color: #ffffff; }
	.topNav ul { display: block; position: relative; background: none; text-align: right; font-size: 14px;padding: 0 10px 0 0; }
	#topNav2 {border-bottom:1px dashed #797979;}
	#topNavIcon {color: #fecd56; font-size: 20px;}
	#close { padding: 5px 15px; display: inline-block;color: #000;font-weight: 700;background: #fecd56; }
}
@media (min-width: 1200px){
	#close { display: none; }
	.topNav { position: relative; }
	.topNav > li { display: inline-block; padding: 0 0 0 3px; position: relative;}
	.topNav > li > a { display: block; padding: 3px 10px; color: #ffffff; }
	.topNav ul {border-radius: 0; padding: 0; box-shadow: 0 0 3px #888; background: #fefefe; }
	.topNav ul.last{ left: auto; right: 0; top: 100%; }
	.topNav ul.last ul.last{ right: 100%; top: 0; }
	.topNav li:hover > ul { display: block;}
	.topNav ul li { display: block; border-top: 1px dashed #888; }
	.topNav ul li:first-child { border-top: 0; }
	.topNav ul li a { display: block; padding: 0 10px; font-size: 14px; color: #000000; }
	.topNav ul li:hover a { background-color: #000; color: #ffffff; }
	#topNav1 { margin-bottom: 15px; }
	#topNav1 > li::before { content: ''; width: 1px; height: 14px; background: #fecd56cf;position: absolute;
	left: 0; top: 50%; margin-top: -7px;}
	#topNav1 > li:first-child::before,
	#topNav1 > li:nth-child(2)::before { display: none; }
	#topNav1 > li:first-child > a { background: #d9534f; }
	#topNav1 > li:first-child:hover > a { background: #fecd56; color: #003366;}
	#topNav1 > li:hover > a {color: #fecd56;}
	#topNav2 > li > a { background: #fecd56; color: #003366;}
	#topNav2 > li:hover > a { background: #e8e7e7; color: #000000;}
}

/* latest news
-------------------------------------------------- */
.latest-updates-wrap { padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.latest-updates{ position: relative; padding: 5px 15px 5px 150px; background: #fff; line-height: 26px; color: #004d4d; font-weight: 500;}
.latest-updates > .title{ font-size: 12px; background: #003366; color: #fff; position: absolute; left: 0; top: 0; display: block; bottom: 0; width: 110px; text-align: center; padding: 5px 5px 5px 15px; font-weight: 400; letter-spacing: 0;}
.latest-updates > .title::after{ content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 18px 0 19px 24px; border-color: transparent transparent transparent #003366; position: absolute; right: -24px; top: 0; bottom: 0;}
.latest-updates marquee{ width: 100%; float: left; color: #003366;  }
.latest-updates marquee > a{ color: #003366; }
@media (max-width: 767px){
	.latest-updates{ padding-left: 100px; }
	.latest-updates > .title{ width: 80px; padding-left: 0; padding-right: 0; font-size: 14px; }
	.latest-updates > .title::after{border-width: 18px 0 18px 12px; right: -12px;}
	.latest-updates marquee > a { font-size: 14px; }
}
@media (min-width: 768px){
	.latest-updates{ letter-spacing: 1px; }
}
/* NAVBAR STYLING
-------------------------------------------------- */
.navbar{ background: #003366; border-radius: 0; border: 0; padding: 0; margin: 0; }
.navbar a{ color: #fff; }
ul.mainNav{ padding: 0; margin: 0; list-style: none;}
ul.mainNav li{ display: block; position: relative; }
ul.mainNav li.submenu > a::after{ content: '\f107'; font-family: 'FontAwesome'; margin-left: 5px; float: right; }
ul.mainNav li a{ display: block; padding: 5px 15px; display: block; color: #fff; font-weight: 300; }
ul.mainNav li.active > a,
ul.mainNav li:hover > a{ color: #fecd56; }
ul.mainNav li a .fa{ font-size: 16px; margin-right: 5px; }
@media (max-width: 1199px){
	#mobNav { padding: 5px 0; color: #ffffff;}
	ul.mainNav { display: none; width: 100%;  }
	ul.mainNav li { display: block; width: 100%; border-top:1px dashed #797979; }
	ul.mainNav li a { display: block; padding: 5px 0;font-size: 14px; }
	ul.dropdownMenu { display: none; position: relative; background: none; border: 0; padding: 0;}
	ul.dropdownMenu > li {background: rgba(0,0,0,.2);}
	ul.dropdownMenu > li > a { padding: 3px 10px; }
}

@media (min-width: 1200px){
	ul.mainNav{ border-right: 1px solid #0452a0; border-left: 1px solid #041221; }
	ul.mainNav > li{ display: inline-block; border-left: 1px solid #0452a0; border-right: 1px solid #041221; float: left; }
	ul.mainNav > li > a{ padding: 10px 4px; font-size: 14px;}
	ul.mainNav ul { padding: 0; margin: 0;font-size: 14px; line-height: 20px;
		display: none; width: 220px; position: absolute; left: 0; top: 100%; z-index: 999; 
		background: #000000; display: block; 
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		overflow: hidden;
		max-height: 0px;
		max-width: 0px;
		opacity: 0;
		-webkit-transform: scale( 0 );
		-moz-transform: scale( 0 );
		-ms-transform: scale( 0 );
		-o-transform: scale( 0 );
		transform: scale( 0 );
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
		-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
		transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; 
	}
	ul.mainNav li.last ul { 
		left: auto; right: 0; text-align: left;
		-webkit-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
	}
	ul.mainNav ul ul { left: 100%; top: 0; }
	ul.mainNav li.last ul ul { right: 100%; }
	ul.mainNav ul li { border-bottom: 1px dotted #a29c9c; }
	ul.mainNav ul li.submenu > a::after { content: '\f105'; }
	ul.mainNav ul li.submenu.last > a::after { content: '\f104'; float: left; }
	ul.mainNav ul li:hover, 
	ul.mainNav ul li:hover > a { background: #fecd56; color: #000000; }
	ul.mainNav li:hover > ul {
		display: block; overflow: visible;
		max-height: 1000px;
		max-width: 1000px;
		opacity: 1;
		-webkit-transform: scale( 1 );
		-moz-transform: scale( 1 );
		-ms-transform: scale( 1 );
		-o-transform: scale( 1 );
		transform: scale( 1 );
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
		-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
		transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
	}
	ul.mainNav ul li a{ color: #ddd; }
}
@media (min-width: 1300px){
	ul.mainNav > li > a { padding:  10px 5px; font-size: 15px;}
}
/*  banner styling
-------------------------------------------------- */
.carousel-caption { background-color: rgba(0,0,0,.5);bottom: 2rem; }
.carousel-caption h5{  font-weight: 300; color: #fecd56; }
.carousel-caption p{ color: #dddddd; }
.carousel-indicators { margin-bottom: 10px; }
@media (max-width: 576px){
	.carousel-caption {position: relative;width: 100%;left: auto;right: auto;bottom: auto; background-color: #000000; padding:15px 30px;}
}
@media (min-width: 768px){
	.carousel-caption h5{ font-size: 34px;} 
}
/* CONTENT AREA STYLING
-------------------------------------------------- */
.titleWrap{ margin: 0 0 30px 0; }
.pageTitle, .secTitle{display: inline-block; margin-top: 0; font-weight: 500; border-bottom: 3px solid #f5bd41; color: #003366; text-transform: uppercase; padding-bottom: 5px;}
#secTitle2{ margin-top: 0; font-weight: 500; border-bottom: 5px solid #092044; color: #ffffff; display: inline-block; text-transform: uppercase;}
.titleWrap .secTitle { display: inline-block; }
.blue-bg .secTitle { color: #ffffff; }
/*  simply scroll styling
-------------------------------------------------- */
.simply-scroll,
.simply-scroll .simply-scroll-clip { width: 100%; }
.simply-scroll .simply-scroll-list li {
	height: auto;
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
	width: 100%;
}

.card { background-color: #efefef; border-radius: 0; }
.card-header { background-color: #003366; border-radius: 0 !important; color: #fecd56; }
.card-header > h4 { font-weight: 300; margin:0 0 2px 0;}
.card-header > h4 > i { color: #dddddd; margin-right: 10px;font-size: 20px;line-height: 20px;display: inline-block;}
.card-footer { border-radius: 0 !important;background: #fdb70e;color: #000000;text-align: center; }
.card-footer:hover { background-color: #000000; color: #ffffff; }
.card .simply-scroll { margin-bottom: 0; }
.card .simply-scroll .simply-scroll-list li { padding: 0 0 0 80px; min-height: 52px; font-size: 14px; line-height: 18px; }
.card .simply-scroll .simply-scroll-list li > span { position: absolute; left: 0; top: 0; width: 70px; padding: 10px 5px; font-size: 12px; line-height: 14px; background: #000000; color: #dddddd; text-align: center; border-top: 3px solid #fecd56; border-left: 3px solid #fecd56;}
.card .simply-scroll .simply-scroll-list li > a { color: #003366; }
.card .simply-scroll .simply-scroll-list li:hover > a { color: #000000; }
/* principal desk styling
-------------------------------------------------- */
.principalDesk { background: #003366; color: #dddddd; position: relative; padding: 30px 30px 30px 0;}
.principalDesk::before { content: ''; width: 30px;height: 100%; background: #efefef; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; }
.principalDesk .imgBox { width: 270px; overflow: hidden; border: 5px solid #efefef; position: relative; z-index: 2;}
.principalDesk .textBox { width: 100%; padding: 20px 0 0 60px; }
.principalDesk .textBox p { margin: 0 0 15px 0; font-size: 14px; font-style: italic; line-height: 18px; margin: 0;  }
.principalDesk .textBox h5 { margin: 10px 0 5px 0; font-weight: 300; color: #fecd56;}
.principalDesk .textBox h6 { margin: 0 0 15px 0; color: #092044; }
@media (min-width: 768px){
	.principalDesk .imgBox { width: 300px;}
	.principalDesk .imgBox img { width: 100%;}
	.principalDesk .textBox { width: calc(100% - 300px); padding: 0 0 0 20px; }
}

/* featured events styling
-------------------------------------------------- */
#featuredCarousel .item {color: #000000; position: relative; }
#featuredCarousel .textBox { background-color: rgba(254,205,86,0.8);  padding: 10px 15px; display: block;position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1;  }
#featuredCarousel .textBox h4 { margin: 0; font-weight:400; letter-spacing: 0.5px; }
#featuredCarousel .owl-nav{ position: absolute;top: -25px;right: 0; color: #ffffff; font-size: 20px; }
#featuredCarousel .owl-nav button.owl-next, 
#featuredCarousel .owl-nav button.owl-prev { width: 25px; margin-left: 1px;background: #000; }
#featuredCarousel .owl-nav button:hover { background-color: #f5bd41; color: #000000; }
/* COUNTER BOX STYLING
-------------------------------------------------- */
.countBoxWrap { background: url('images/join-us-bg.jpg') #003366; }
.countBox { padding: 30px 15px; text-align: center; min-width: 200px; font-family: 'Dancing Script', cursive; color: #ffffff;}
.countBox .icon { font-size: 80px; display: block; margin:  0 0 30px 0; color: #f5bd41; }
.countBox .countNumber { font-size: 50px; line-height: 50px; text-transform: uppercase;}
.countBox .title { display: block; margin: 15px 0 0; color: #f5bd41; font-size: 30px; }

/* founder STYLING
-------------------------------------------------- */
.founderWrap { position: relative;}
.founderWrap .imgBox { float: left; border-color: #003366; }
.founderWrap .imgBox2 { float: left; border-color: #003366; }
.founderWrap .textBox {  background-color: #efefef; padding: 15px 30px; border-left: 5px solid #036;}
.founderWrap .textBox2 {  background-color: #efefef; padding: 15px 30px; border-right: 5px solid #036;}
.founderWrap h4 { color: #003366; }
.founderWrap h6 { font-weight: 400; color: #000000; margin:0 0 15px 0;}
.founderWrap p { font-style: italic; font-size: 14px; }
@media (min-width: 768px){
	.founderWrap .imgBox { width: 290px; border-style: double; border-width: 10px 0 10px 10px; }
	.founderWrap .imgBox img { width: 100%; }
	.founderWrap .imgBox2 { width: 290px; border-style: double; border-width: 10px 10px 10px 0; }
	.founderWrap .imgBox2 img { width: 100%; }
	.founderWrap .textBox  { width: calc(100% - 220px); min-height: 265px; float: left;}
	.founderWrap .textBox2  { width: calc(100% - 220px); min-height: 265px; float: left;}
}

/* FOOTER STYLING
-------------------------------------------------- */
.footer { background: rgb(37, 39, 46) url('images/footer-bg.png') no-repeat right top; 
font-size: 13px; font-weight: 300; color: #adacac; }
.footer a { color: #adacac; }
.footer a:hover { color: #f5bd41; }
.footer p { margin: 0 0 5px 0; }
.footer .footCol { margin-bottom: 30px; overflow: hidden; }
.footer .title { color: #ffffff; letter-spacing: 1px; font-weight: 300; }
.footer .title::after { content: ''; width: 60px; height: 2px; display: block; background: #f5bd41; margin: 10px 0 0 0; }
.footNav { padding: 0; margin: 0; list-style: none; }
.footNav li { position: relative; border-bottom: 1px dashed #5b5b5b; transition: all ease-in-out .5s; }
.footNav li:hover { border-bottom-color: #f5bd41; }
.footNav a { padding: 2px 0; display: block; }
.footNav a:hover { padding-left: 5px; }
.footer .conInfo { font-size: 14px; }
.footer .conInfo .faWrap { position: relative; padding: 0 0 0 25px; }
.footer .conInfo .faWrap > i { color: #f5bd41; position: absolute; left: 0; top: 3px; line-height: 20px; }
.footer .conInfo .fa-envelope-o { font-size: 12px; }
.footer .social a { font-size: 18px; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.2); text-align: center; line-height: 50px; margin: 5px; color: #adacac;}
.footer .social a:hover { border-color: #f5bd41; }
.copyRight { border-top: 1px solid rgba(255, 255, 255, .1); padding: 20px 0 5px 0; background: rgba(0,0,0,.2); margin-top: 30px; }


.navigation {
	display: block;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0px;
	/* font-weight: 600; */
	/* font-style: italic; */
	font-size: 14px;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
	display: block;
	border-top: 1px solid #ddd;
	padding: 0.5rem 1rem;
	color: #fff;
	background: #003366;
	background: -moz-linear-gradient(top, #003366 0%, #003366 100%);
	background: -webkit-linear-gradient(top, #003366 0%,#003366 100%);
}
/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	
}
/* add hover behaviour */
.mainmenu a:hover {
	background: #fff;
	color: #000;
}

.mainmenu .item-menu a {
	padding: 0.5rem 1rem;
}

.mainmenu .active-menu a {
	padding: 0.5rem 1rem;
	border-top: 1px solid #ddd;
	color: #000;
	font-weight: bold;
	background: -moz-linear-gradient(top, #b3913e 0%, #b3913e 100%);
	background: -webkit-linear-gradient(top, #b3913e 0%,#b3913e 100%);
	background: #b3913e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a55765', endColorstr='#F9F9F9',GradientType=0 );
}

.submenu2 {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: all ease-in-out .5s;
}

.mainmenu li:hover .submenu2 {
	display: block;
	max-height: 100%;
}
.submenu2 a {
	background: #f5bd41;
	color: #000;
}

.submenu2 a:hover {
	color: #fff;
	background: #113b73;
}


.tabWrap { background-color: #efefef; border-radius: 0; border: 1px solid #ddd; }
.tabWrap .nav { background-color: #003366; border-radius: 0 !important; color: #fecd56; }
.tabWrap .nav .nav-item { padding-left: 1px;}
.tabWrap .nav .nav-item:first-child { padding-left: 0;}
.tabWrap .nav .nav-link { border-radius: 0; color: #fff; }
.tabWrap .nav .nav-link.active { background: #fecd56; color: #003366; }
.tabWrap .simply-scroll { margin-bottom: 0; }
.tabWrap .simply-scroll .simply-scroll-list li { padding: 0 0 0 80px; min-height: 52px; font-size: 14px; line-height: 18px; }
.tabWrap .simply-scroll .simply-scroll-list li > span { position: absolute; left: 0; top: 0; width: 70px; padding: 10px 5px; font-size: 12px;
	line-height: 14px; background: #003366; color: #dddddd; text-align: center; border-top: 3px solid #fecd56; border-left: 3px solid #fecd56;}
	.tabWrap .simply-scroll .simply-scroll-list li > a { color: #003366; }
	.tabWrap .simply-scroll .simply-scroll-list li:hover > a { color: #000000; }
	.tabWrap .tab-content { padding: 0 15px; }
	.tabWrap .btn { border-radius: 0 !important;background: #fdb70e; color: #000000; border-color: #888; text-align: center; }
	.tabWrap .btn:hover { background-color: #000000; color: #ffffff; }

	/*---------- Photo Gallery -----------------*/
	.overlay {
		visibility: hidden;
		position: absolute;
		transition:0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	}

	.galleryWrap:hover .overlay {
		visibility: visible;
		position: absolute;
		top: 0;
		/* right: 14px; */
		text-align: center;
		/* line-height: 93px; */
		/* font-weight: 600; */
		color: #fdff8c;
		text-shadow: 3px 5px 5px black;
		background-color: #00000078;
		/* padding: 53px; */
		width: 100%;
		font-size: 30px;
		height: 200px;

	}

	.galleryWrap p {
		position: absolute;
		/* top: 0; */
		left: 0%;
		bottom: 0px;
		color: #092044;
		z-index: 1;
		background-color: #f5bd41;
		padding: 5px 0px;
		/* font-size: 13px; */
		width: 100%;
		text-align: center;
	}
	
	.galleryWrap .caption{
		position: relative;
		left: 0%;
		bottom: 0px;
		color: #092044;
		z-index: 1;
		background-color: #f5bd41;
		padding: 5px 0px;
		width: 100%;
		text-align: center;
		border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;
        cursor: pointer;
	}
    .galleryWrap .caption:hover {
		background-color: #036;
	}
	.galleryWrap .caption:hover .fig-title{
		color: #fff !important;
	}
	.galleryWrap > .caption > a {
		color: #036;
	}
	
	

	.feed-button a:hover{
		background-color: #123c74 !important;
		transition: all 0.3s ease-in;
	}

	.feed-button a:hover span{
		transition: all 0.3s ease-in;
		color: #fff !important;
	}

	@media only screen and (max-width: 767px){

		.carousel-item img{
			height: 250px !important;
		}
	}

/* galleryWrap STYLING
-------------------------------------------------- */
.galleryWrap { }
.galleryWrap .fancybox { width: 100%; height: 208px; display: none; position: relative; }
.galleryWrap .fancybox:first-child { display: block; }
.galleryWrap .fancybox .overlay { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(247, 147, 29, .8); opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.galleryWrap .fancybox .overlay .fa { display: block; text-align: center; text-transform: uppercase; color: #fff; /* position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ font-size: 16px; }
.galleryWrap .fancybox .overlay p { color: #fff; font-size: 14px; line-height: 18px; font-weight: 600; margin: 10px 0 0; }
.galleryWrap .fancybox .overlay > div { padding: 15px; }
.galleryWrap .fancybox .overlay::after { content: ""; position: absolute; border: 1px solid #fff; left: 10px; right: 10px; top: 10px; bottom: 10px; }
.galleryWrap .fancybox:hover > .overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.galleryWrap .fancybox img { width: 100%; height: 208px; max-width: inherit; }
.fancybox-caption { }
.fancybox-caption::after { display: none; }
.fancybox-caption .fancybox-caption__body { font-size: 24px; line-height: 28px; font-weight: 300; text-align: center; }

/* NEWSBOX STYLING
-------------------------------------------------- */
.newsBox-wrap { margin: 0; display: block; position: static; }
.newsBox-wrap .newsBox { margin-bottom: 26px; min-height: 82px; margin-top: 2px; }
.newsBox-wrap .newsBox.active { background: rgba(255, 255, 255, .3); }
.newsBox-wrap .newsBox.active h5 { color: #ffc107; }
.newsBox .newsContent { margin-top: 25px; position: relative; margin-top: 0; padding-left: 100px; }
.newsBox .date { position: absolute; background: #202020; text-align: center; font-size: 14px; color: #ffffff; padding: 10px 5px; line-height: 26px; z-index: 3; width: 80px; height: 80px; left: 0; bottom: auto; top: 0; }
.newsBox .date::before { content: ''; position: absolute; left: 0; top: 0; -webkit-clip-path: polygon(100% 0, 0% 100%, 0 0); clip-path: polygon(100% 0, 0% 100%, 0 0); background: #ffba00; width: 100%; height: 100%; z-index: -1; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; }
.newsBox:hover .date::before, .newsBox.active .date::before { -webkit-clip-path: polygon(100% 6%, 0% 100%, 100% 100%); clip-path: polygon(100% 6%, 0% 100%, 100% 100%); }
.newsBox .date span { display: block; font-size: 26px; font-weight: 700; }
.newsBox .newsContent h3 { margin: 0 0 10px; }
.newsBox .newsContent p { margin: 0; }


.bx-wrapper .bxslider > a::before { content: '\f16a'; position: absolute; left: 50%; top: 50%; color: #ff0000; background: #fff; font-size: 60px; z-index: 1; display: initial; font-family: 'fontAwesome'; margin-top: -10px; margin-left: -30px;}