.home-page .fixed-top{
	background: rgba(00, 00, 00, 0.2) !important;
	position: fixed !important;
}
.fixed-top{
	background: rgb(0 0 0) !important;
	position: relative !important;
}
.home-page #header{ margin-bottom: 0 !important; }
#header{
	overflow: hidden;
	margin-bottom: 50px;
}
#logo{ transition: ease all .3s; }
.hero-video{
	width:100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.hero-video video{
	width: 100%;
	height:auto;
	
}
.hero-video .overlay{
	background-color: rgba(00, 00, 00, .5);
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
}
.hero-video .fa{
	position: absolute;
	color: #fff;
	font-size: 20px;
	z-index: 19;
	left: 49.5%;
	bottom: 10px;
	z-index: 1;
	border: 1px solid;
	padding: 5px 6px;
	border-radius: 100px;
	opacity: .3 !important;
	transition: .3s;
}
.hero-video .fa:hover{
	opacity: 1 !important;
	transition: .3s;
	bottom: 2px;
}
.navbar-toggler{ color: #fff !important; border-color: #fff !important; }
.navbar-toggler:focus{ box-shadow: none !important;}
.offcanvas{
	background: #2f2424 !important;
}
.offcanvas-title{ color: #fff; }
.hero-video .caption{
	text-align: center;
	position: absolute;
	left: 0;
	top: 40%;
	z-index:1;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	right: 0;
}
.hero-video .caption h1{
	color: #fff;
	font-size: 30px;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #f25e28;
	margin: 0 auto;
	padding-bottom: 30px;
}
.hero-video .caption h1 span{
	display: block;
	font-size: 50px;
	font-weight: bold;
}
#wrapper .container-global p{ text-align:justify; }
#wrapper .heading-global{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#alumni-memories{
	overflow: hidden;
	padding: 50px 0;
	background: #f1f1f1;
}
#alumni-memories .image-box{
	width: 100%;
	height: 160px;
	overflow: hidden;
}
#alumni-memories .carousel-control-prev {
	left: -30px !important;
	width: 20px;
	border-radius: 50px;
	background-color: #000 !important;
}
#alumni-memories .carousel-control-next {
	right: -30px !important;
	width: 20px;
	border-radius: 50px;
	background-color: #000 !important;
}
#alumni-memories  h3 {
	margin-bottom: 15px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 40px;
}
#alumni-services{
	overflow: hidden;
	padding: 50px 0;
}
#alumni-services  h3 {
	margin-bottom: 15px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 40px;
}

#alumni-services .col-lg-4 .box{
	overflow: hidden;
	border-radius: 4px;
	transition: ease all .3s;
	width: 100%;
	background: #2f2424;
	min-height: 150px;
	display: table;
	font-size: 20px;
}
#alumni-services .col-lg-4 a{
	text-decoration: none;
	color: #fff;
	width: 100%;
	vertical-align: middle;
	transition: ease all .3s;
	padding: 20px;
	display: table-cell;
	
}
#alumni-services .col-lg-4 img{
	width: 50px;
	height: auto;
	margin: 0 auto 10px;
	display: inline-block;
}
#alumni-services .col-lg-4 strong{ display: block; }
#alumni-services .col-lg-4 .box:hover{
	transition: ease all .3s;
}
#alumni-services .col-lg-4 .box:hover a{ color: #fff; }
#alumni-services .col-lg-4 .box:hover a{ background: #700f1a; }
#alumni-services .get-your-alumni-card{
	background:url(../images-2024/thumb-alumni-card.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#alumni-services .give-back-to-iba{
	background:url(../images-2024/thumb-give-back.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#alumni-services .alumni-emagazine{
	background:url(../images-2024/thumb-alumni-magazine.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#alumni-services .alumni-newsletter{
	background:url(../images-2024/thumb-newsletter.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#alumni-services .alumni-directory{
	background:url(../images-2024/thumb-alumni-directory.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#alumni-services .alumni-deals-discounts{
	background:url(../images-2024/thumb-deals-discounts.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
#reunions {
	overflow: hidden;
	margin-bottom: 50px;
}
#reunions .col-lg-12{ margin-bottom: 14px; }
#reunions .wrap{ padding: 0; }
#reunions h3{
	margin-bottom: 15px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 5px;
	font-weight: bold;
}
#reunions .wrap{ position: relative; }
#reunions .wrap strong{
	color: #fff;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.22) 17%,rgba(0,0,0,0.75) 57%,rgba(0,0,0,0.75) 88%,rgba(0,0,0,0.75) 100%);
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	padding: 70px 20px 20px 20px;
	min-height: 125px;
	font-size: 20px;
	width: 100%;
	text-align: center;
}
#reunions .wrap .border-line{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height:5px;
	background: #ccc;
	z-index:1;
	transition: all 0.3s;
	margin: 0 auto;
}
#reunions .wrap:hover .border-line{
	width: 100%;
	transition: all 0.3s;
}
#upcoming-events{
	/*background-color: #2f2424;*/
	/*padding: 70px 0 50px;*/
}
.alumni-upcoming-events{
	background-color: #f1f1f1 !important;
}
#upcoming-events h3{
	margin-bottom: 15px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 5px;
	color: #000;
	font-weight: bold;
}
.alumni-upcoming-events h3{
	margin-bottom: 15px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 5px;
	color: #000 !important;
	font-weight: bold;
}
.btn-primary{
	border-color: #000 !important;
	background-color: #000 !important;
}
.btn-primary a{
	text-decoration: none;
	color: #fff;
}
#upcoming-events .event-details{
	background: #fff;
	position: relative;
	padding-top: 40px;
	min-height: 125px;
	transition: all 0.3s;
	border-bottom: 3px solid #fff;
}
#upcoming-events .wrap em{
	position: absolute;
	top: -30px;
	left: 5px;
	padding: 5px;
	width: 70px;
	height: 60px;
	background-color: #2f2424;
	color: #fff;
	text-align: center;
	font-style: normal;
}
#upcoming-events .wrap em span{
	display: block;
	font-weight: bold;
	text-transform:uppercase;
}
#upcoming-events .wrap strong{
	display: block;
	padding: 5px;
	text-align: center;
}
#upcoming-events .wrap a{
	text-decoration: none;
	color: #000;
}
#upcoming-events .wrap:hover .event-details{
	background-color: #2f2424;
	transition: all 0.3s;
	color: #fff;
	border-bottom: 3px solid #fff;
}
#prominant-alumni{
	overflow: hidden;
	/*background-color: #2f2424;*/
	padding: 5px 0;
	margin-bottom: 5px; 
}
#prominant-alumni h3 {
	margin-bottom: 15px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 5px;
	font-weight: bold;
	color: #000;
}
#prominant-alumni .col-lg-3{
	position: relative;
	overflow: hidden;
	height: 400px;
}
#prominant-alumni .col-lg-3 .alumni-details{
	background-color: #fff;
	border-bottom: 2px solid #c1c1c1;
	padding: 5px;
}
#prominant-alumni .col-lg-3 .alumni-details .overlay{
	width: 92%;
	height: 100%;
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: table;
	background-color: rgba(00, 00, 00, .8);
	z-index: 1;
	opacity: 0;
	transition: all 0.6s;
	
}
#prominant-alumni .col-lg-3 .alumni-details .overlay span{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	
}
#prominant-alumni .col-lg-3:hover .alumni-details .overlay{
	opacity: 1;
	transition: all 0.6s;
	cursor: pointer;
	top: 0;
	cursor: auto;
}
#chapters{
	overflow: hidden;
	position: relative;
}
.chapters-intro{ margin-bottom: 30px; }
.chapters-intro h3 {
	margin-bottom: 15px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 5px;
	font-weight: bold;
}
.chapters-intro p{ text-align: justify; }
#chapters .overlay-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	display: table;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all 0.8s;
	text-decoration: none;
	z-index: 1;
}
#chapters .overlay-wrap span{
	display: table-cell;
	vertical-align: middle;
	font-size: 60px;
}
#chapters h3{
	margin-bottom: 15px;
	border-bottom: 3px solid #700f1a;
	padding-bottom: 5px;
	color: #000;
	font-weight: bold;
}
#chapters .container-fluid{ padding: 0; }
#chapters .container-fluid .col-lg-2{ padding: 0; }
.btn-primary a{ color:}
#chapters .col-lg-2{ position: relative; }
#chapters .col-lg-2 .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	display: table;
	top: -100%;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.8s;
	opacity: 0;
	text-decoration: none;
}
#chapters .col-lg-2 .overlay span{
	display: table-cell;
	vertical-align: middle;
	text-shadow: 0 0 2px #000;
}
#chapters:hover .col-lg-2 .overlay{
	top: 0;
	transition: all 0.8s;
	opacity: 1;
}
#chapters .col-lg-2 .overlay:hover{ background-color: rgba(0, 0, 0, 0.0); }
#chapters:hover .overlay-wrap{
	top: -100%;
	opacity: 0;
}
.block-sign-in{
	background: #f1f1f1;
	border-radius: 5px;
}
#form-login{ text-align: left; }
#form-login .form-group{ margin-bottom: 10px; }
body.home-page #footer { margin-top: 0 !important; }
#myBtn {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #700f1a;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}
#myBtn:hover { background-color: #2f2424; }
#award-recipients .col-lg-3{
	overflow: hidden;
	background: #f1f1f1;
	padding: 0;
}
#award-recipients .col-lg-3 p{ text-align: left; }
#award-recipients .wrap{ padding: 20px;}
.chapter-profiles{
	margin-top: 100px !important;
	margin-bottom: 50px;
}
.chapter-profiles .col-lg-3:hover .wrap-chapter{
	background-color: #2f2424;
	color: #fff;
	transition: .3s;
}
.wrap-chapter{
	position: relative;
	border: 1px solid #ccc;
	width: 100%;
	min-height: 200px;
	text-align: center;
	background-color: #f1f1f1;
	transition: .3s;
	border-bottom: 3px solid #2f2424;
}
.wrap-chapter .img-holder{
	width: 180px;
	height:180px;
	display: inline-block;
	overflow: hidden;
	border-radius: 100%;
	margin-top: -90px;
	box-shadow: 0 0 1px #000;
}
.wrap-chapter .img-holder img{
	width: 100%;
	height: auto;
	display: block;
	cursor: pointer;
}
.wrap-chapter strong{ display: block; }
.wrap-chapter .fa{ font-size: 30px; }
body.australia-chapter-page{
	background:url(../images-2024/thumb-australia.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.karachi-chapter-page{
	background:url(../images-2024/thumb-karachi.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.islamabad-chapter-page{
	background:url(../images-2024/thumb-islamabad.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.lahore-chapter-page{
	background:url(../images-2024/thumb-lahore.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.usa-chapter-page{
	background:url(../images-2024/thumb-usa.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.canada-chapter-page{
	background:url(../images-2024/thumb-canada.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.uk-chapter-page{
	background:url(../images-2024/thumb-uk.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.ksa-chapter-page{
	background:url(../images-2024/thumb-ksa.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.uae-chapter-page{
	background:url(../images-2024/thumb-uae.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.qatar-chapter-page{
	background:url(../images-2024/thumb-qatar.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.singapore-chapter-page{
	background:url(../images-2024/thumb-singapore.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.germany-chapter-page{
	background:url(../images-2024/thumb-germany.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
body.chapters-page-overlay:after{
	content: '';
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	z-index: -1;
}
body.chapters-page-overlay .modal-header{
	background-color: #2f2424;
	color: #fff;
}
body.chapters-page-overlay .modal-content img{
	display: inline-block;
	max-width: 150px;
	float: right;
}
body.page-newsletter .col-lg-3 a{
	background-color: #2f2424; 
	text-decoration: none;
	color: #fff;
	display: block;
	transition: .3s;
}
body.page-newsletter .col-lg-3 a strong{
	padding: 10px;
	display: block;
	transition: .3s;
}
body.page-newsletter .col-lg-3 a:hover{ background-color: #700f1a; }
.other-chapters ul {
	text-transform: uppercase;
	font-size: 25px;
}
.other-chapters ul li{
	display: inline-block;
	margin: 10px;
}
.other-chapters ul li a{
	text-decoration: none;
	background-color: #2f2424;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	transition: .3s
}
.other-chapters ul li a:hover{
	background-color: #700f1a;
	transition: .3s
}
body.singapore-chapter-page .other-chapters ul li.singapore{ display: none; }
body.karachi-chapter-page .other-chapters ul li.karachi{ display: none; }
body.islamabad-chapter-page .other-chapters ul li.islamabad{ display: none; }
body.lahore-chapter-page .other-chapters ul li.lahore{ display: none; }
body.turkey-chapter-page .other-chapters ul li.turkey{ display: none; }
body.usa-chapter-page .other-chapters ul li.usa{ display: none; }
body.ksa-chapter-page .other-chapters ul li.ksa{ display: none; }
body.uae-chapter-page .other-chapters ul li.uae{ display: none; }
body.qatar-chapter-page .other-chapters ul li.qatar{ display: none; }
body.germany-chapter-page .other-chapters ul li.germany{ display: none; }
body.canada-chapter-page .other-chapters ul li.canada{ display: none; }
body.australia-chapter-page .other-chapters ul li.australia{ display: none; }
body.uk-chapter-page .other-chapters ul li.uk{ display: none; }
body.alumni-memory .row{
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
body.alumni-memory .col-lg-4{
	background-color: #f1f1f1;
	color: #000;
}
body.alumni-memory strong{
	display: block;
	background-color: #2f2424;
	color: #fff;
	padding: 5px;
	border-radius: 4px;
}
#footer {
	background-color: #000;
	color: #fff;
	margin-top: 50px;
}
#footer p{ margin-bottom: 0; }
@media screen and (max-width: 991px) {
	.col-sm-6, .col-sm-3, .col-sm-4{ margin-bottom: 30px !important; }
	.block-sign-in{ margin-top: 30px; }
	#footer > .col-sm-4{ margin-bottom: 0 !important; }
	.chapter-profiles .col-md-6{ margin-bottom: 120px !important; }
	#wrapper .heading-global{
		text-align: center;
		color: #fff;
		background-color: #2f2424;
		padding: 10px 5px;
	}
}
@media screen and (max-width: 768px) {
	#wrapper { padding: 0 10px; }
}
@media screen and (max-width: 600px) {
	.home-page .fixed-top{
		position: relative !important;
		background: #2f2424 !important;
	}
	.hero-video .caption h1{ font-size: 17px; }
	.hero-video{ height: 210px !important; overflow: hidden; margin-bottom: 2px !important;  }
	.hero-video .caption{ top: 15% !important; }
	#chapters .overlay-wrap{ display: none; }
	#chapters .col-lg-2 .overlay{
		top: 0 !important;
		opacity: 1 !important;
	}
	#chapters .col-lg-2 .overlay span{ font-size: 30px; }
	.wrap-chapter{
		background-color: #2f2424;
		color: #fff;
	}
	body.alumni-memory .img-thumbnail{
		width: 50% !important;
		margin: 0 auto 20px !important; 
	}
	body.alumni-memory strong{
		display: block;
		margin-bottom: 10px;
	}
}