@charset "utf-8";
/* CSS Document */
body
{
	overflow-x:hidden;
	font-size:1rem !important;
	background-color:rgba(0,0,0,1);
}
p, span
{
	line-height:1.5 !important;
}
.bgcolo2
{
	background-color:#340024;
	/*height:0;*/
}
.bld td
{
	font-weight:600 !important;
}
.a_color a
{
	color:#340024 !important;
}
.a_color2 a
{
	color:#ffffff !important;
}
.p1
{
	-webkit-transform:translateX(100px);
	-ms-transform:translateX(100px);
	transform:translateX(100px);
	opacity:0;
}
.p2
{
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	transform:translateY(-100px);
	opacity:0;
}
.p3, .p6
{
	-webkit-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	transform:translateX(-100px);
	opacity:0;
}
.p7
{
	-webkit-transform:translateY(100px);
	-ms-transform:translateY(100px);
	transform:translateY(100px);
}
ul
{
	list-style-type:none !important;
}
.no_leftmarg
{
	margin-left:0px !important;
}
.full_ht
{
	height:100% !important;
}
.hrW
{
	position:relative;
}
.hrW::before {

    margin-bottom: 20px;
    display: inline-block;
    content: "";
    width: 50px;
    height: 15px;
    border-bottom: 8px solid #FFF;
    position: absolute;
    top: -30px;
    left: 0px;
}
.hrR
{
	position:relative;
}
.hrR::before {

    margin-bottom: 20px;
    display: inline-block;
    content: "";
    width: 50px;
    height: 15px;
    border-bottom: 8px solid #440024;
    position: absolute;
    top: -30px;
    left: 0px;
}
.liW
 {
    list-style-position: inside;
    list-style-image: url(../images/bullet.png);
}
.liW li
{
	line-height:2 !important;
}
.liR
 {
    list-style-position: inside;
    list-style-image: url(../images/bullet.png);
}
.liR li
{
	line-height:2 !important;
}
#loadingDv
{
   background-image:url(../images/logo_animated.gif);
   background-color:#fff;
   background-repeat:no-repeat;
   background-position:center;
   /*background-size:cover;*/
   height: 100%;
   width: 80%;
   position: fixed;
   z-index: 1000;
   right:0;
   /*left: -20%;*/
   top: 0;
   /*margin: -25px 0 0 -25px;*/
}
.bannerTxtPad
{
	padding-top:120px;
}
.padleft1
{
	padding-left:2.5rem !important;
}
.padleft2
{
	padding-left:4.0rem !important;
}
.margtop1
{
	margin-top:3.5rem !important;
}
.padbutt1
{
	padding-bottom:40px !important;
}
.ht600
{
	height:600px !important;
}
.ht500
{
	height:500px !important;
}
.ht300
{
	height:300px !important;
}
.posi
{
	position:absolute !important;
}
.my_trans
{
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition:all 0.8s;
}
.myrotate360{
	animation: rotate360 15s linear 0s infinite normal;
	-webkit-animation: rotate360 15s linear 0s infinite normal;
	/*transform:rotate(45deg);
	transform-origin:20% 40%;*/
}
@keyframes rotate360 {
    0%   {transform:rotateY(0);-webkit-transform:rotateY(0);-ms-transform:rotateY(0);}
	10%   {transform:rotateY(50deg);-webkit-transform:rotateY(50deg);-ms-transform:rotateY(50deg);}
	20%   {transform:rotateY(100deg);-webkit-transform:rotateY(100deg);-ms-transform:rotateY(100deg);}
    30%  {transform:rotateY(150deg);-webkit-transform:rotateY(150deg);-ms-transform:rotateY(150deg);}
	40%  {transform:rotateY(200deg);-webkit-transform:rotateY(200deg);-ms-transform:rotateY(200deg);}
	50%  {transform:rotateY(250deg);-webkit-transform:rotateY(250deg);-ms-transform:rotateY(250deg);}
	60%  {transform:rotateY(300deg);-webkit-transform:rotateY(300deg);-ms-transform:rotateY(300deg);}
	70%  {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
    100% {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
}
@-webkit-keyframes rotate360 {
    0%   {transform:rotateY(0);-webkit-transform:rotateY(0);-ms-transform:rotateY(0);}
	10%   {transform:rotateY(50deg);-webkit-transform:rotateY(50deg);-ms-transform:rotateY(50deg);}
	20%   {transform:rotateY(100deg);-webkit-transform:rotateY(100deg);-ms-transform:rotateY(100deg);}
    30%  {transform:rotateY(150deg);-webkit-transform:rotateY(150deg);-ms-transform:rotateY(150deg);}
	40%  {transform:rotateY(200deg);-webkit-transform:rotateY(200deg);-ms-transform:rotateY(200deg);}
	50%  {transform:rotateY(250deg);-webkit-transform:rotateY(250deg);-ms-transform:rotateY(250deg);}
	60%  {transform:rotateY(300deg);-webkit-transform:rotateY(300deg);-ms-transform:rotateY(300deg);}
	70%  {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
    100% {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
}
.sidenav
{
	float:right;
	right:-200px;
	/*left:-200px;*/
	position:fixed;
	width:200px;
	/*width:200px;*/
	height:calc(100%);
	top:0;
	padding-top:5.5rem;
	z-index:1000;
	overflow:hidden;
}
.sidenav:hover
{
	overflow-y:auto;
}
.sidenav ul
{
	/*height:90%;*/
	padding-left:0;
	margin-left:0;
	margin-top:0;
}
.sidenav li
{
	height:3rem;
	/*padding:0px;	*/
	/*padding-top:10%;*/
	/*padding-bottom:5%;*/
	text-indent:20px;
	border-left: thick none #000;
	border-bottom: thin solid #700000;
	transition:border-left 500ms;
}
.sidenav li:hover
{
	/*font-weight:400;
	color:#FFF;*/
	border-left: 10px solid #700000 !important;

}
.sidenav li a
{
	color:#CCC;
}
.content1
{
	width:100%;
}
.show_mobile_only
{
	display:none !important;
}
.absolute_pos
{
	position:absolute;
}
#intro {
	background-color:#000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 0;
	/*overflow-x:hidden;*/
}
#intro ul{
	width:100%;
	height:100%;

	}
#intro ul li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	animation: imageAnimation 32s linear infinite 0s;
	-webkit-animation: imageAnimation 32s linear infinite 0s;
	-ms-animation: imageAnimation 32s linear infinite 0s;
	-moz-animation: imageAnimation 32s linear infinite 0s;
	-o-animation: imageAnimation 32s linear infinite 0s;
}
#intro li div {
	text-shadow:2px 2px 2px #000;
	padding:20px;
    z-index: 1000;
    position: absolute;
    top: 40%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 32s linear infinite 0s;
	-webkit-animation: titleAnimation 32s linear infinite 0s;
	-moz-animation: titleAnimation 32s linear infinite 0s;
	-ms-animation: titleAnimation 32s linear infinite 0s;
	-o-animation: titleAnimation 32s linear infinite 0s;
}
#intro li div h3 {
    padding: 0;
    line-height: 40px;
	/*font-size:30px;*/
}

#intro ul li:nth-child(1) span{
	}
#intro ul li:nth-child(2) span{
	animation-delay: 8s;
	-webkit-animation-delay: 8s;
	}
#intro ul li:nth-child(3) span{
	animation-delay: 16s;
	-webkit-animation-delay: 16s;
	}
#intro ul li:nth-child(4) span{
	animation-delay: 24s;
	-webkit-animation-delay: 24s;
	}
#intro li:nth-child(2) div {
    animation-delay: 8s;
}
#intro li:nth-child(3) div {
    animation-delay: 16s;
}
#intro li:nth-child(4) div {
    animation-delay: 24s;
}

@-webkit-keyframes imageAnimation {
	0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    10% { opacity: 1; -webkit-transform: scale(1.1) rotate(3deg); -webkit-animation-timing-function: ease-out; }
    20% { opacity: 1; -webkit-transform: scale(1.2) rotate(0deg); }
    30% { opacity: 0; -webkit-transform: scale(1.1) rotate(-3deg);}
    100% { opacity: 0; }
}
@keyframes imageAnimation {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    10% { opacity: 1; -webkit-transform: scale(1.1) rotate(3deg); -webkit-animation-timing-function: ease-out; transform: scale(1.1) rotate(3deg); animation-timing-function: ease-out; }
    20% { opacity: 1; -webkit-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg); }
    30% { opacity: 0; -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}
    100% { opacity: 0; }
}
@-moz-keyframes imageAnimation {
	0% { opacity: 0; -moz-animation-timing-function: ease-in; }
    10% { opacity: 1; -moz-transform: scale(1.1) rotate(3deg); -webkit-moz-timing-function: ease-out; }
    20% { opacity: 1; -moz-transform: scale(1.2) rotate(0deg); }
    30% { opacity: 0; -moz-transform: scale(1.1) rotate(-3deg);}
    100% { opacity: 0; }
}
@-ms-keyframes imageAnimation {
	0% { opacity: 0; -ms-animation-timing-function: ease-in; }
    10% { opacity: 1; -ms-transform: scale(1.1) rotate(3deg); -ms-animation-timing-function: ease-out; }
    20% { opacity: 1; -ms-transform: scale(1.2) rotate(0deg); }
    30% { opacity: 0; -ms-transform: scale(1.1) rotate(-3deg);}
    100% { opacity: 0; }
}
@-o-keyframes imageAnimation {
	0% { opacity: 0; -o-animation-timing-function: ease-in; }
    10% { opacity: 1; -o-transform: scale(1.1) rotate(3deg); -o-animation-timing-function: ease-out; }
    20% { opacity: 1; -o-transform: scale(1.2) rotate(0deg); }
    30% { opacity: 0; -o-transform: scale(1.1) rotate(-3deg);}
    100% { opacity: 0; }
}



@-webkit-keyframes titleAnimation {
    0% { opacity: 0; -webkit-transform:translateY(200px); transform:translateY(200px); }
    8% { opacity: 1; -webkit-transform:translateY(0px); transform:translateY(0px); }
    17% { opacity: 1; -webkit-transform:translateY(0px); transform:translateY(0px); }
    19% { opacity: 0; -webkit-transform:scale(4,4); transform:scale(4,4); }
    100% { opacity: 0 }
}
@keyframes titleAnimation {
    0% { opacity: 0; transform:translateY(200px); }
    8% { opacity: 1; transform:translateY(0px); }
    17% { opacity: 1; transform:translateY(0px); }
    19% { opacity: 0; transform:scale(4,4); }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
    0% { opacity: 0; transform:translateY(200px); }
    8% { opacity: 1; transform:translateY(0px); }
    17% { opacity: 1; transform:translateY(0px); }
    19% { opacity: 0; transform:scale(4,4); }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
    0% { opacity: 0; transform:translateY(200px); }
    8% { opacity: 1; transform:translateY(0px); }
    17% { opacity: 1; transform:translateY(0px); }
    19% { opacity: 0; transform:scale(4,4); }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
    0% { opacity: 0; transform:translateY(200px); }
    8% { opacity: 1; transform:translateY(0px); }
    17% { opacity: 1; transform:translateY(0px); }
    19% { opacity: 0; transform:scale(4,4); }
    100% { opacity: 0 }
}
.logo_circle
{
	/*border-radius:50%;*/
	height:100%;
	opacity:0.7;
	margin:0.8rem;
}
.logo_event
{
	/*border-radius:50%;*/
	height:100%;
	opacity:0.7;
	margin:0.8rem;
}
.app-bar
{
	height:14% !important;
	background-color:transparent;
}
.app-bar-element:hover
{
	background-color:transparent !important;
}
.app-bar a
{
	height:100% !important;
	padding:0 !important;
}
.crump2
{
	font-size:1.5rem !important;
	font-weight:600;
	line-height:2.2 !important;
	cursor:pointer;
}
.app-bar button
{
	margin-top:0.8rem !important;
	margin-right:1.2rem !important;
}
.my_menu
{
	margin-right:20px  !important;
	line-height:1.3 !important;
	cursor:pointer;
}
.below_banner
{
	position:absolute;
	top:100%;
	z-index:10;
	width:100%;
	background-color:#fff;
	color:#222;
}
.skewCancel
{
	-ms-transform:skewY(0deg) !important;
	-webkit-transform:skewY(0deg) !important;
	transform:skewY(0deg) !important;
}
.skewCancel div
{
	-ms-transform:skewY(0deg) !important;
	-webkit-transform:skewY(0deg) !important;
	transform:skewY(0deg) !important;
}
.skew
{
	width:100%;
	-ms-transform:skewY(8deg);
	-webkit-transform:skewY(8deg);
	transform:skewY(8deg);
	height:400px;
}
.skew div
{
	position:absolute;
	-ms-transform:skewY(-8deg);
	-webkit-transform:skewY(-8deg);
	transform:skewY(-8deg);
	top:20%;
	left:20%;
	width:60%;
	/*padding:20px;*/
}
.skew2
{
	width:100%;
	-ms-transform:skewY(-8deg);
	-webkit-transform:skewY(-8deg);
	transform:skewY(-8deg);
	height:400px;
}
.skew2 div
{
	position:absolute;
	-ms-transform:skewY(8deg);
	-webkit-transform:skewY(8deg);
	transform:skewY(8deg);
	top:20%;
	left:20%;
	width:60%;
	/*padding:20px;*/
}
.skew2a
{
	width:100%;
	-ms-transform:skewY(-4deg);
	-webkit-transform:skewY(-4deg);
	transform:skewY(-4deg);
	height:400px;
}
.skew2a div
{
	position:absolute;
	-ms-transform:skewY(4deg);
	-webkit-transform:skewY(4deg);
	transform:skewY(4deg);
	top:20%;
	left:20%;
	width:60%;
	/*padding:20px;*/
}
.ev_lg
{
	position:fixed;
	top:11%;
	height:80px;
	z-index:1000;
}
.sp_im
{
	height:80px !important;
}
.spnsr1 img
{
	height:80px;
}
.spnsr1 div
{
	float:left;
	padding:1.5rem;
}
.spnsr img
{
	height:50px;
}

.spnsr div
{
	float:left;
	padding:1.5rem;
}
.spo::before
{
	position:absolute;
	content:"Sponsors |" !important;
	left:2.5rem;
	top:12.85rem;
	font-size:2.2rem;
	text-align:right;
	width:13rem;
	-ms-transform:rotate(-90deg);
	-ms-transform-origin:0px 100% 0px;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:0px 100% 0px;
	transform:rotate(-90deg);
	transform-origin:0px 100% 0px;
	color:#640024;
}
.spo:before
{
	position:absolute;
	content:"Sponsors |" !important;
	left:2.5rem;
	top:12.85rem;
	font-size:2.2rem;
	text-align:right;
	width:13rem;
	-ms-transform:rotate(-90deg);
	-ms-transform-origin:0px 100% 0px;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:0px 100% 0px;
	transform:rotate(-90deg);
	transform-origin:0px 100% 0px;
	color:#640024;
}
.catal::before
{
	position:absolute;
	content:"Catalogues |" !important;
	left:2.5rem;
	top:10.85rem;
	font-size:2.2rem;
	text-align:right;
	width:13rem;
	-ms-transform:rotate(-90deg);
	-ms-transform-origin:0px 100% 0px;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:0px 100% 0px;
	transform:rotate(-90deg);
	transform-origin:0px 100% 0px;
	color:#640024;
}
.catal:before
{
	position:absolute;
	content:"Catalogues |" !important;
	left:2.5rem;
	top:10.85rem;
	font-size:2.2rem;
	text-align:right;
	width:13rem;
	-ms-transform:rotate(-90deg);
	-ms-transform-origin:0px 100% 0px;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:0px 100% 0px;
	transform:rotate(-90deg);
	transform-origin:0px 100% 0px;
	color:#640024;
}
.catalogbg
{
	position:absolute;
	text-align:center;
	padding:0.5rem;
	top:40%;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	color:wheat;
	z-index:20;
}
.catal .cell
{
	position:relative !important;
}
.winner2010
{
	height:150px;
	background-size:cover;
	background-position:center;
	background-image:url(../images/2010winner.jpg);
	background-repeat:no-repeat;
	width:100%;
}
.slider_grad {
 background: ; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
}
.abt_bg
{
	height:400px;
	background-size:cover;
	background-position:center;
	background-image:url(../images/limcaf_members_with_governor_enugu_state.JPG);
	background-repeat:no-repeat;
	text-align:center;
	margin-top:5rem;
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
.competition_bg
{
	height:400px;
	background-size:cover;
	background-position:50% 25%;
	background-image:url(../images/2015winner.JPG);
	background-repeat:no-repeat;
	text-align:center;
	margin-top:5rem;
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
.news_bg
{
	height:400px;
	background-size:cover;
	background-position:50% 25%;
	background-image:url(../images/ilori_samuel.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-top:5rem;
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
.pa_bg
{
	height:400px;
	background-size:cover;
	background-position:50% 20%;
	background-image:url(../images/Ibrahim_Rashidat_Folashade.JPG);
	background-repeat:no-repeat;
	text-align:center;
	margin-top:5rem;
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
