@media (min-width: 992px) {
	.mainContent, .menuFooter {
		border-right: solid 1px #BFC3C5;
		border-left: solid 1px #BFC3C5;	
	}
	.rel_thumb IMG   {
		width: 100%;
		margin-bottom: 1em;
	}
	.getArea {
		background-color: #045B8E;
	}
	.banner {
		border-right: solid 1px #BFC3C5;
		border-left: solid 1px #BFC3C5;
	}
	a, a:hover {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-weight: 400;
		text-decoration: none;
		font-size: 14px;
		color: #3C3C3C;
	}
	.top-darkbar> nav a {
		border: 1px solid #c5c5c5;
		color: #c5c5c5;
		line-height: 28px;
		height: 2.1em;
		width: 2.1em;
	}
	.header .navbar-default .navbar-nav li.apply_now a, .banner .banner_caption .caption_inner a, .post_bottom ul li a span {
		background: #af7e3b;
		overflow: hidden;
		margin-left: 2px;
		text-shadow: #0775B5 1px 1px,
	 #0775B5 2px 2px,
	 #0775B5 3px 3px,
	 #0775B5 4px 4px,
	 #0775B5 5px 5px,
	 #0775B5 6px 6px,
	 #0775B5 7px 7px,
	 #0775B5 8px 8px,
	 #0775B5 9px 9px,
	 #0775B5 10px 10px,
	 #0775B5 11px 11px,
	 #0775B5 12px 12px,
	 #0775B5 13px 13px,
	 #0775B5 14px 14px,
	 #0775B5 15px 15px,
	 #0775B5 16px 16px,
	 #0775B5 17px 17px,
	 #0775B5 18px 18px,
	 #0775B5 19px 19px,
	 #0775B5 20px 20px,
	 #0775B5 21px 21px,
	 #0775B5 22px 22px,
	 #0775B5 23px 23px,
	 #0775B5 24px 24px,
	 #0775B5 25px 25px,
	 #0775B5 26px 26px,
	 #0775B5 27px 27px,
	 #0775B5 28px 28px,
	 #0775B5 29px 29px,
	 #0775B5 30px 30px,
	 #0775B5 31px 31px,
	 #0775B5 32px 32px,
	 #0775B5 33px 33px,
	 #0775B5 34px 34px,
	 #0775B5 35px 35px,
	 #0775B5 36px 36px,
	 #0775B5 37px 37px,
	 #0775B5 38px 38px,
	 #0775B5 39px 39px,
	 #0775B5 40px 40px,
	 #0775B5 41px 41px,
	 #0775B5 42px 42px,
	 #0775B5 43px 43px,
	 #0775B5 44px 44px,
	 #0775B5 45px 45px,
	 #0775B5 46px 46px,
	 #0775B5 47px 47px,
	 #0775B5 48px 48px,
	 #0775B5 49px 49px,
	 #0775B5 50px 50px,
	 #0775B5 51px 51px,
	 #0775B5 52px 52px,
	 #0775B5 53px 53px,
	 #0775B5 54px 54px,
	 #0775B5 55px 55px,
	 #0775B5 56px 56px,
	 #0775B5 57px 57px,
	 #0775B5 58px 58px,
	 #0775B5 59px 59px,
	 #0775B5 60px 60px,
	 #0775B5 61px 61px,
	 #0775B5 62px 62px,
	 #0775B5 63px 63px,
	 #0775B5 64px 64px,
	 #0775B5 65px 65px,
	 #0775B5 66px 66px,
	 #0775B5 67px 67px,
	 #0775B5 68px 68px,
	 #0775B5 69px 69px,
	 #0775B5 70px 70px,
	 #0775B5 71px 71px,
	 #0775B5 72px 72px,
	 #0775B5 73px 73px,
	 #0775B5 74px 74px,
	 #0775B5 75px 75px,
	 #0775B5 76px 76px,
	 #0775B5 77px 77px,
	 #0775B5 78px 78px,
	 #0775B5 79px 79px,
	 #0775B5 80px 80px,
	 #0775B5 81px 81px,
	 #0775B5 82px 82px,
	 #0775B5 83px 83px,
	 #0775B5 84px 84px,
	 #0775B5 85px 85px,
	 #0775B5 86px 86px,
	 #0775B5 87px 87px,
	 #0775B5 88px 88px,
	 #0775B5 89px 89px,
	 #0775B5 90px 90px,
	 #0775B5 91px 91px,
	 #0775B5 92px 92px,
	 #0775B5 93px 93px,
	 #0775B5 94px 94px,
	 #0775B5 95px 95px,
	 #0775B5 96px 96px,
	 #0775B5 97px 97px,
	 #0775B5 98px 98px,
	 #0775B5 99px 99px,
	 #0775B5 100px 100px;
	}
	.cbp-hrmenu > ul > li > a {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		letter-spacing: 0;
		font-size: 1.1em;
	}
	.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		float: left;
		direction: rtl;
		max-width: none;
		border-right: solid 1px #af7e3b;
	}
	.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		letter-spacing: 0;
	}
	.cbp-hrmenu > ul > li {
		display: inline-block;
		border-left: 1px solid #af7e3b;
	}
	.cbp-hrsub-inner > div > ul > li {
		margin-bottom: .5em;
	}
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 33%;
		float: right;
		padding: 1em 2em 1em 1em;
		border-right: 1px solid #1E93C8;
		margin-top: .5em;
		min-height: 300px;
	}
	.cd-slider h2 {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		line-height: 1.8em;
		background-image: url(img/main-news-arrow.png);
		background-position: 370px 9px;
		padding-right: 40px;
		padding-left: 0;
		direction: rtl;
	}
	.cd-slider-navigation a, .cd-slider-navigation li.selected a {
		font-family: ar;
	}
	.event-list > li > time > .day {
		font-size: 20pt;
		font-family: ar;
		margin-top: .5em;
	}
	.find_three_inner {
		width: 100%;
		float: right;
		height: auto;
		padding-right: 30px;
		border-right: 1px solid #dce4ea;
		border-left: none;
		padding-left: 0;
	}
	.col-sm-3.findThree {
		float: left;
	}
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: right;
	}

	.event-list > li > time, .event-list > li > img {
		float: right;
		margin-right: .5em;
	}
	.event-list > li > .info > .title, .event-list > li > .info > .desc {
		font-family: master-ar-reg !important;
		text-align: right;
		direction: rtl;
		line-height: 1.4em;
	}
	.copyRight {
		color: #fff;
		text-align: left;
		width: 100%;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-size: .9em;
		margin-right: 30em;
		float: right;
	}
	.mainContent {
		padding-bottom: 1em;
	}
	.socialArea h5, .contactNo h5{
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		direction: rtl;
		color: #616161;
		padding: 0;
		margin-bottom: 0; 
	}
	.socialArea > .list-inline {
		direction: rtl;
		float: right;
        text-align: center;
	}
	.contactNo > h3 {
		font-family: inherit;
		font-weight: 600;
		color: #13A8EA;
		text-align: center;
		font-size: 1.4em;
		padding: 0;
		margin-top: 16px;
		display: block;
		width: 100%;
	}

    .contactNo > h3 .fa.fa-phone {
		vertical-align: middle;
	}

	.menuFooter .fa {
			background: #13A8EA;
			text-shadow: 
			#0073c6 1px 1px,
			#0073c6 2px 2px,
			#0073c6 3px 3px,
			#0073c6 4px 4px,
			#0073c6 5px 5px,
			#0073c6 6px 6px,
			#0073c6 7px 7px,
			#0073c6 8px 8px,
			#0073c6 9px 9px,
			#0073c6 10px 10px,
			#0073c6 11px 11px,
			#0073c6 12px 12px,
			#0073c6 13px 13px,
			#0073c6 14px 14px,
			#0073c6 15px 15px,
			#0073c6 16px 16px,
			#0073c6 17px 17px,
			#0073c6 18px 18px,
			#0073c6 19px 19px,
			#0073c6 20px 20px,
			#0073c6 21px 21px,
			#0073c6 22px 22px,
			#0073c6 23px 23px,
			#0073c6 24px 24px,
			#0073c6 25px 25px,
			#0073c6 26px 26px,
			#0073c6 27px 27px,
			#0073c6 28px 28px,
			#0073c6 29px 29px,
			#0073c6 30px 30px,
			#0073c6 31px 31px,
			#0073c6 32px 32px,
			#0073c6 33px 33px,
			#0073c6 34px 34px,
			#0073c6 35px 35px,
			#0073c6 36px 36px,
			#0073c6 37px 37px,
			#0073c6 38px 38px,
			#0073c6 39px 39px,
			#0073c6 40px 40px,
			#0073c6 41px 41px,
			#0073c6 42px 42px,
			#0073c6 43px 43px,
			#0073c6 44px 44px,
			#0073c6 45px 45px,
			#0073c6 46px 46px,
			#0073c6 47px 47px,
			#0073c6 48px 48px,
			#0073c6 49px 49px,
			#0073c6 50px 50px,
			#0073c6 51px 51px,
			#0073c6 52px 52px,
			#0073c6 53px 53px,
			#0073c6 54px 54px,
			#0073c6 55px 55px,
			#0073c6 56px 56px,
			#0073c6 57px 57px,
			#0073c6 58px 58px,
			#0073c6 59px 59px,
			#0073c6 60px 60px,
			#0073c6 61px 61px,
			#0073c6 62px 62px,
			#0073c6 63px 63px,
			#0073c6 64px 64px,
			#0073c6 65px 65px,
			#0073c6 66px 66px,
			#0073c6 67px 67px,
			#0073c6 68px 68px,
			#0073c6 69px 69px,
			#0073c6 70px 70px,
			#0073c6 71px 71px,
			#0073c6 72px 72px,
			#0073c6 73px 73px,
			#0073c6 74px 74px,
			#0073c6 75px 75px,
			#0073c6 76px 76px,
			#0073c6 77px 77px,
			#0073c6 78px 78px,
			#0073c6 79px 79px,
			#0073c6 80px 80px,
			#0073c6 81px 81px,
			#0073c6 82px 82px,
			#0073c6 83px 83px,
			#0073c6 84px 84px,
			#0073c6 85px 85px,
			#0073c6 86px 86px,
			#0073c6 87px 87px,
			#0073c6 88px 88px,
			#0073c6 89px 89px,
			#0073c6 90px 90px,
			#0073c6 91px 91px,
			#0073c6 92px 92px,
			#0073c6 93px 93px,
			#0073c6 94px 94px,
			#0073c6 95px 95px,
			#0073c6 96px 96px,
			#0073c6 97px 97px,
			#0073c6 98px 98px,
			#0073c6 99px 99px,
			#0073c6 100px 100px;
	}
	.menuLink > li >a {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
	}
	.col-sm-3{
		direction: rtl;
	}
	.borderLeft {
		border-right: 1px solid #dce4ea;
		border-left: none;
	}
	.menuFooter {
		padding: 07px 0 15px;
	}
	.event-list > li {
		background-color: #FFFFFF;
	}
	.cbp-hrmenu > ul > li > a {
		padding: 1em 1em 1em 2em;
		letter-spacing: 0;
		text-align: right;
		background-image: url(../img/arrow-drop.png);
		background-repeat: no-repeat;
		background-position: 5px center;
	}
	.cbp-hrmenu > ul > li(even)> a{
	color: #333;		
	}
	.cbp-hrmenu > ul > li > a:hover {
		background-image: url(../img/arrow-drop.png);
		background-repeat: no-repeat;
		background-position: 5px center;
	}
	.videoArea, .tint{
		height: 325px;
	}
	.mainevents ul {
		margin-top: 150px;
	}
	.mainevents ul p a {
		color: #fff;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-weight: 100;
		font-size: 1.2em;
		line-height: 1.5em;
		display: block;
		max-width: 100%;
		max-height: 4em;
		overflow: hidden;
		padding: 10px 10px 10px 10px;
		text-align: right;
		font-size: 1.1em;

	}
	.navbar-header {
		float: right;
		padding-right: .5em;
		padding-left: .5em;
	}
	.header .navbar-collapse {
		float: left;
	}
	.navbar-nav>li {
		float: right;
		border-left: 1px solid #DEDEDE;
		background-color: #af7e3b;
	}
	.header .navbar-default .navbar-nav > li > a {
		color: #FFFFFF;
	}
	.nav.navbar-nav.navbar-right {
		float: left !important;
		margin-right: .5em;
	}
	.header .navbar-default .navbar-nav > li > a {
		padding: 10px 15px 10px 15px !important;
	}
	.videoLeft {
		width: 299px;
		margin-top: 0;
	}
	.videoRight {
		width: 455px;
	}
	.videoArea {
		background-image: none;
	}
	#kfuTodDT_lblDay{
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		color: #1D8ABD;
	}
	.top-darkbar {
		padding: .5em 0 .122em 0;
		height: 3.0em;
	}
	#kfuTodDT_lblDateWord {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-size: .7em;
		color: #b5b5b5;
	}
	#kfuTodDT_lblHijriDate, #kfuTodDT_lblGreDate {
		font-family: ar;
		direction: rtl;
		font-size: .9em;
		color: #b5b5b5;
	}
	.cbp-hrmenu > ul > li > a {
		font-weight: 700;
		padding: 1em 1em 1em 2em;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		word-spacing: 0;
		letter-spacing: 0;
		font-size: 1em;
	}
	.cd-tab-filter h3 {
		margin-bottom: 15px;
		margin-top: 15px;
		color: #696969;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		margin-right: 10px;
		margin-left: 0;
		border-right: #13A7E9 solid 3px;
		border-left: none;
		padding-right: 10px;
		padding-left: 0;
		font-size: 18px;
	}
	.commonBtn, .commonBtn:hover {
		padding: 0;
		background-color: #0881C7;
		text-transform: uppercase;
		color: #fff;
		border-color: #0775B5;
		height: 42px;
		line-height: 42px;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		font-weight: 700;
		cursor: pointer;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	#LBtnLang{
		
		
	}
	.videoArea > h3 {
		margin-bottom: 15px;
		margin-top: 15px;
		color: #696969;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		margin-right: 10px;
		border-right: #13A7E9 solid 3px;
		padding-right: 10px;
		border-left: none;
		text-align: right;
		width: 33%;
		float: right;
	}
	.videoLeft img {
		margin-top: 0;
	}
	.learnBtn {
		width: 57%;
	}
	.videoRight > p {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		direction: rtl;
		height: 135px;
		font-size: 15px;
		color: #424242;
	}
	.header {
		float: left;
		height: auto;
		background: #fff;
		padding: 25px 5px 25px 5px;
		background-color: #ffffff;
		border-right: solid 8px #1E93C8;
		border-left: solid 1px #BFC3C5;
		border-top: solid 1px #BFC3C5;
		margin-top: 1em;
	}
	.header .navbar-brand img {
		width: 347px;
		margin-top: -20px;
	}
	.cd-tab-filter ul {
		margin-top: 0;
		direction: rtl;
	}
	.cd-tab-filter h3 {
		right: 0;
		position: absolute;
		text-align: right;
	}
	.cd-tab-filter a {
		display: inline-block;
		padding: .3em .3em .5em 1.3em;
		width: auto;
		color: #6F6F6F;
		font-weight: 100;
		font-size: 1.6rem;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		letter-spacing: 0;
	}
	.cd-tab-filter a.selected {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		letter-spacing: 0;
	}
	.cd-gallery {
		border-bottom: 1px solid  #dce4ea;
		border-right: 1px solid  #dce4ea;
		border-left: 1px solid  #dce4ea;
	}
	.cd-main-content {
		border-top: 3px solid #29AFEA;
	}
	.cd-main-content.is-fixed .cd-gallery {
		padding-top: 10px !important;
	}
	.cd-tab-filter ul {
		width: 70%;
		letter-spacing: 0;
	}
	.SeeAlso li a i {
		line-height: 1.2em;
		font-size: 110px;
	}
	.SeeAlso li a {
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
	}
	.cd-slider-navigation {
		direction: rtl;
	}
	.mainevents {
		max-height: 297px !important;
		overflow: hidden;
	}
	.tint {
		height: 300px;
		overflow: hidden;
		padding-bottom: 10px;
	}
	.mainevents IMG {
		float: right;
	}
	.mainevents ul {
		margin-top: 257px;
	}
	.mainevents ul {
		background-color: #006B9C;
		/* position: absolute; */
		z-index: 100;
		width: 100%;
		max-height: 8em;
		right: 0;
		overflow: hidden;
	}
	.mainevents ul span h5 {
		color: #fff;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
	}
	.rel_right h4 {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		font-family: 'Cairo', Helvetica, Arial, sans-serif;
		color: #fff;
		padding: 1em;
		display: none;
	}

	/* Box colors */
	.bg-1 {
		background: #ECEFF1;
		color: #37474f;
	}
	.bg-2 {
		background: #7986cb;
		color: #ECEFF1;
	}
	.bg-3 {
		background: #37474f;
		color: #fff;
	}

	/* Common button styles */
	.button {
		float: left;
		min-width: 150px;
		max-width: 250px;
		display: block;
		margin: 1em;
		padding: 1em 2em;
		border: none;
		background: none;
		color: inherit;
		vertical-align: middle;
		position: relative;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
	}
	.button:focus {
		outline: none;
	}
	.button > span {
		vertical-align: middle;
	}

	/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
	.bg-1 .button {
		color: #37474f;
		border-color: #37474f;
	}
	.bg-2 .button {
		color: #ECEFF1;
		border-color: #ECEFF1;
	}
	.bg-3 .button {
		color: #fff;
		border-color: #fff;
	}

	/* Sizes */
	.button--size-s {
		font-size: 14px;
	}
	.button--size-m {
		font-size: 16px;
	}
	.button--size-l {
		font-size: 18px;
	}

	/* Typography and Roundedness */
	.button--text-upper {
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.button--text-thin {
		font-weight: 300;
	}
	.button--text-medium {
		font-weight: 500;
	}
	.button--text-thick {
		font-weight: 600;
	}
	.button--round-s {
		border-radius: 5px;
	}
	.button--round-m {
		border-radius: 15px;
	}
	.button--round-l {
		border-radius: 40px;
	}

	/* Borders */
	.button--border-thin {
		border: 1px solid;
	}
	.button--border-medium {
		border: 2px solid;
	}
	.button--border-thick {
		border: 3px solid;
	}

	/* Individual button styles */

	/* Winona */
	.button--winona {
		overflow: hidden;
		padding: 0;
		-webkit-transition: border-color 0.3s, background-color 0.3s;
		transition: border-color 0.3s, background-color 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.button--winona::after {
		content: attr(data-text);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		color: #3f51b5;
		-webkit-transform: translate3d(0, 25%, 0);
		transform: translate3d(0, 25%, 0);
	}
	.button--winona > span {
		display: block;
	}
	.button--winona.button--inverted {
		color: #7986cb;
	}
	.button--winona.button--inverted:after {
		color: #fff;
	}
	.button--winona::after,
	.button--winona > span {
		padding: 1em 2em;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.button--winona:hover {
		border-color: #3f51b5;
		background-color: rgba(63, 81, 181, 0.1);
	}
	.button--winona.button--inverted:hover {
		border-color: #21333C;
		background-color: #21333C;
	}
	.button--winona:hover::after {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.button--winona:hover > span {
		opacity: 0;
		-webkit-transform: translate3d(0, -25%, 0);
		transform: translate3d(0, -25%, 0);
	}

	/* Ujarak */
	.button--ujarak {
		-webkit-transition: border-color 0.4s, color 0.4s;
		transition: border-color 0.4s, color 0.4s;
	}
	.button--ujarak::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #37474f;
		z-index: -1;
		opacity: 0;
		-webkit-transform: scale3d(0.7, 1, 1);
		transform: scale3d(0.7, 1, 1);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
		transition: transform 0.4s, opacity 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.button--ujarak.button--round-s::before {
		border-radius: 2px;
	}
	.button--ujarak.button--inverted::before {
		background: #7986CB;
	}
	.button--ujarak,
	.button--ujarak::before {
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.button--ujarak:hover {
		color: #fff;
		border-color: #37474f;
	}
	.button--ujarak.button--inverted:hover {
		color: #37474F;
		border-color: #fff;
	}
	.button--ujarak:hover::before {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}



	/* Naira */
	.button--naira {
		padding: 0;
		overflow: hidden;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	.button--naira::before {
		content: '';
		position: absolute;
		left: -50%;
		width: 200%;
		height: 200%;
		background: #37474f;
		top: -50%;
		z-index: -1;
		-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
	}
	.button--naira.button--inverted::before {
		background: #7986cb;
	}
	.button--naira-up::before {
		-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
	}
	.button--naira > span {
		display: block;
	}
	.button--naira .button__icon {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		color: #fff;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	.button--naira-up .button__icon {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	.button--naira > span,
	.button--naira .button__icon {
		padding: 1em 2em;
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
		transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	}
	.button--naira:hover::before {
		-webkit-animation: anim-naira-1 0.3s forwards ease-in;
		animation: anim-naira-1 0.3s forwards ease-in;
	}
	.button--naira-up:hover::before {
		-webkit-animation: anim-naira-2 0.3s forwards ease-in;
		animation: anim-naira-2 0.3s forwards ease-in;
	}
	@-webkit-keyframes anim-naira-1 {
		50% {
			-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
			transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		100% {
			-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
			transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		}
	}
	@keyframes anim-naira-1 {
		50% {
			-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
			transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		100% {
			-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
			transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		}
	}
	@-webkit-keyframes anim-naira-2 {
		50% {
			-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
			transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		100% {
			-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
			transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		}
	}
	@keyframes anim-naira-2 {
		50% {
			-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
			transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		100% {
			-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
			transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		}
	}
	.button--naira:hover {
		background-color: #37474f;
		-webkit-transition: background-color 0s 0.3s;
		transition: background-color 0s 0.3s;
	}
	.button--naira.button--inverted:hover {
		background-color: #7986cb;
	}
	.button--naira:hover .button__icon {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.button--naira:hover > span {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	.button--naira-up:hover > span {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	.newbanners{
	
    }
	.newbanners IMG {
		margin-bottom: 1em;
		border: solid 1px #af7e3b;
	}

}



@media screen and (max-width: 43em) {
.mainevents ul {
    background-color: rgba(0, 75, 109, 0.66);
    position: absolute;
    z-index: 100;
    max-width: 100%;
    max-height: 7.7em;
    left: 1em;
}
.event-list > li > time > .day {
    font-family: ar;
}
.mainevents ul p {
    color: #fff;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 1em;
    line-height: 1.5em;
    display: block;
    max-width: 100%;
    max-height: 4em;
    overflow: hidden;
    padding: 0 10px;
    text-align: justify;
    direction: rtl;
    margin-top: .5em;
}
.videoArea{
	background-image: none;	
}
.learnBtn, .related_post_sec a.more_post {
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
}
.cd-tab-filter a.selected {
    background: #046EB2;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
}
.cd-tab-filter a {
    color: #046EB2;
	font-family: 'Cairo', Helvetica, Arial, sans-serif;
	text-align: center;
}
.SeeAlso li {
    width: 100%;
	margin-bottom: .5em;
}
.cd-gallery img {
    width: 100%;
    height: 188px;
}
.cd-main-content.is-fixed .cd-gallery {
    margin-bottom: 30px;
}
.cd-tab-filter h3 {
    margin-bottom: 15px;
    margin-top: 15px;
    color: #13A6E8;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    margin-left: 10px;
    border-left: #13A7E9 solid 3px;
    padding-left: 10px;
}
#holder {
    height: auto !important;
}
#topSocial{
	display: none;
}
.header {
    float: none;
}
.nav>li {
    text-align: right;
    font-family: master-ar-bold !important;
    width: 80%;
}
.header .navbar-default .navbar-nav > li > a {
    font-family: master-ar-reg;
}
.header .navbar-brand {
    width: 80%;
    float: center;
}
.navbar-default .navbar-toggle {
    border: 1px solid #CECECE;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #CECECE;
	margin-right: 1em;
}
.cbp-hrmenu > ul > li > a {
	font-family: 'Cairo', Helvetica, Arial, sans-serif;
	text-align: right;
	letter-spacing: 0;
	padding: .5em 1em .5em 1em;
	word-spacing: 0em;
}
.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover, .cbp-hrmenu .cbp-hrsub-inner > div a{
	font-family: 'Cairo', Helvetica, Arial, sans-serif;
	text-align: right;	
}
#recommended-item-carousel .recommended-item-control.right, #recommended-item-carousel .recommended-item-control.left{
display: none;	
}
.cd-slider h2, .cd-slider p {
    line-height: 1.8;
    text-align: justify;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    direction: rtl;
}
.cd-slider h2 {
    background-image: url(../img/icons/main-news-arrow.png);
    background-repeat: no-repeat;
    background-position: 50px 9px;
    padding-right: 10px;
	padding-left: 0;
}
#LBtnLang{
	color: #FFF !important;
	background-color: #337ab7 !important;
	padding-right: 1em !important;
	width: 60% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;	
}
.videoArea > h3 {
    margin-bottom: 15px;
    margin-top: 15px;
    color: #13A6E8;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    margin-right: 10px;
    border-right: #13A7E9 solid 3px;
    padding-right: 10px;
    border-left: none;
    text-align: right;
	font-size: 1.5em;
    width: 100%;
    float: right;
}
.videoRight > p {
	font-family: master-ar-reg;
	text-align: justify;
	direction: rtl;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 1em;
	height: 100px;
	overflow: none;
}
.cd-tab-filter h3, .rel_right h4 {
    display: none;
}
.rel_thumb IMG   {
    width: 100%;
}
.getArea {
    background-color: #045B8E;
}
.commonBtn, .commonBtn:hover {
    background-color: #0EA2F7;
    border-color: #0EA2F7;
	font-family: 'Cairo', Helvetica, Arial, sans-serif;
}
.menuFooter{
text-align: right;	
}
.menuLink > li >a {
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
}

}












.halfarea {
    width: 49%;
    float: left;
}

.halfarea2 {
    margin-left: 1em;
}
.e-learningbg{
    background-image: url(../../img/e-learningbg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.e-learning {
    width: 100%;
    height: auto;
    padding: 0;
    float: left;
    /* margin-left: -20px; */
    border-top: solid #696969 1px;
    padding-top: 5px;
}
.e-learning li {
    float: right;
    display: block;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 131px;
    width: 25%;
    margin-left: 0;
    margin-top: 10px;
}
.e-learning li a {
    float: right;
    width: 100%;
    min-height: 128px;
    font-weight: 100;
    font-size: 1em;
    text-align: center;
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    color: #676767;
    text-decoration: none;
    overflow: hidden;
}
.e-learning-purple{
	background-color: #7417a4 !important;
}
.e-learning-purple i{
}
.e-learning-green{
	background-color:#69a418 !important;
}
a.e-learning-green:hover{
	background-color: #56910D !important;
}
.e-learning-blue{
	background-color:#0073c6 !important;
}
a.e-learning-blue:hover {
	background-color: #005DA2 !important;
}
.e-learning-blue:hover{
	background-color:#174B7B;
}
.e-learning-blue i{
}
.e-learning-orange i{
}
.e-learning li a:hover{
	background-color:#F7F7F7;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	height: 20px;
	float: right;
}
.e-learning li a i {
    /*float: right;
    margin-top: 0px;*/
    /* margin-right: auto; */
    font-size: 55px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    width: 100%;
    margin-left: auto;
    line-height: 1.5em;
    background-color: #30BB9D;
    border-radius: 120px;
    width: 80px;
    height: 80px;
    /* margin-left: auto; */
    margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
    overflow: hidden;
}

.e-learning li a span {
    position: relative;
    display: block;
    width: 100%;
}



















































/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * 
 **/
 
 /** Important  **/
/*body
{background-color:#c3c3c3 !important;
}

.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
    width: 95%;
    float: left;
    direction: rtl;
    max-width: none;
    border-right: solid 25px #0080BB !important;
}

.rel_thumb img {
    width: 58% !important;
}*/

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

body
{
	margin: 0px;
    overflow-x: hidden;
}
	
.main_wrapper .container-fluid 
{
    width: 100% !important;
}


.e-learning li a i {
    float: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto !important;
    line-height: 1;
}

.e-learning li a span {
    display: block;
}

.halfarea {
    width: 100% !important;
    float: none !important;
    margin: 0 auto 10px auto !important;
}

.halfarea2 {
    margin-left: 0em !important;
    padding-right: 0px;
    width: 100% !important;
}

.halfarea2 img
{
	width:100%
}

#demo .span12 {
    width: 89%;
    margin: 0 auto;
}

.owl-carousel .owl-item {
    float: left;
    /*width: 3% !important;*/
}

#divFooter {
    width: 100% !important;
}

.copyRight {
    color: #fff;
    text-align: center !important;
    /* width: 100%; */
    font-family: 'Cairo', Helvetica, Arial, sans-serif;
    font-size: .9em;
    /*margin: 0 auto !important;*/
    float: none !important;
}

.footer .col-sm-5 {
    text-align: center !important;
    float: none;
    width: 100%;
}

.newbanners {
    text-align: center;
}

.cd-gallery li {
    width: 33% !important;
}

.cd-slider .content > div {
    width: 100% !important;
    height: 50px !important;
    overflow: hidden;
    text-align: right;
}

.cd-slider li.is-visible .cd-half-block.content {
    width: 100% !important;
    position: absolute;
    z-index: 10000;
    height: 50px !important;
    overflow: hidden;
    right: 0;
    bottom: 0;
    padding: 0px 10px;
}

.cd-slider-navigation {
    right: 68% !important;
    left: 0% !important;
    bottom: 0;
    margin: 0 auto !important;
    background-color: transparent !important;
    padding: 0.5em 1em;
    width: 18% !important;
    height: 47px;
    padding-left: 1.9em !important;
    text-align: left;
}

.menuFooter .col-xs-12
{
	text-align:right;
}

#LBtnLang {
    color: #FFF !important;
    background-color: #337ab7 !important;
    padding-right: 0em !important;
    width: 106% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.cd-half-block img
{
	width:100%
}

.cd-slider-wrapper {
    position: relative;
    height: 175px !important;
}

.newbanners
{
	text-align:center;	
}

}




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


.cd-slider-navigation {
    right: -44% !important;
    left: 0% !important;
    bottom: 0;
    margin: 14px auto !important;
    background-color: transparent !important;
    padding: 0em 0em;
    width: 54% !important;
    height: 38px;
    padding-left: 1.9em !important;
    text-align: left;
}


.resultPart .cd-gallery li {
    width: 100% !important;
}

.cd-tab-filter {
    position: relative;
    height: auto !important;
    width: 100% !important;
    margin: 0 auto;
    z-index: 1;
}

.cd-tab-filter h3, .rel_right h4 {
    display: block;
}

.cd-main-content.is-fixed .cd-gallery {
    padding-top: 9px;
}

.cd-tab-filter a {
    display: block;
    height: 39px;
    width: 182px;
    line-height: 23px;
    padding-left: 14px;
    float: right;
    right: 0px;
}

.halfarea2 {
    margin-left: 0em !important;
    padding-right: 0px;
    padding-left: 0px;
    width: 100% !important;
}

.owl-carousel .owl-item {
    float: left;
    /*width: auto !important;*/
}

.newbanners a
{
	margin-bottom:10px;
}

.newbanners a img {
    margin-bottom: 8px;
}

}

/************* Top Menu Part Style **************/


.vision2030
{
    padding:0px;
    margin:0px;
}

.vision2030 img.logo1{
    width:23%;
}

.vision2030 img.logo2{
    width:39%;
}

.cbp-hrmenu > ul > li > a {
    padding: 1.5em 1.4em 1.5em 2.4em !important;
}


 .col-sm-4.vision2030 {
     float:left;
}


@media only screen and (min-width:768px) and (max-width:992px) {

.cbp-hrmenu > ul > li > a {
    padding: 1.8em 1em 1.8em 1.5em !important;
    font-size: 1em !important;
}

.vision2030 img.logo1{
    width:18%;
}

.vision2030 img.logo2{
    width: 26%;
    padding: 0px;
    margin: 0px;
    top: 6px;
    position: absolute;
}
}




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

.vision2030 img.logo1{
       width: 20%;
}

.vision2030 img.logo2{
    width: 29%;
    padding: 0px;
    margin: 0px;
    top: 16px;
    position: absolute;
}
}


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


.vision2030{
    display:none;
}

.col-xs-7.menupart {
    width: 100%;
}
    .cd-gallery li {
        width: 49% !important;
    }
}