@import url(https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&display=swap);

body {
	font-family: Merriweather, serif !important;
	font-size: 14px!important
}


.head {
	color: #fff;
	font-size: 40px;
	font-weight: bolder;
	display: block;
	padding: 15px 10px
}



.h1,

h1 {
	font-size: 24px
}



.h2,

h2 {

	font-size: 22px;

	color: #eb8500

}



.h3,

h3 {

	font-size: 20px;

}



.h4,
h4 {
	font-size: 18px;
	color:#b11587;
}



.imgD {

	width: 100%;

	max-height: 291px!important;

	min-height: 290px!important

}



.carousel-inner iframe,

.carousel-inner img {

	width: 100%;

	max-height: 251px;

	min-height: 250px;

	margin: 5px auto;

	border: 5px solid #80808080

}



.slider-background {

	background-image: url(https://bu.edu.eg/en/Responsive/img/BU.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	background-position: center

}



.carousel-indicators li {

	border-radius: 50%;

	width: 12px;

	height: 12px

}



.menu-justify {

	justify-content: center

}



@media (max-width:600px) {

	.min-text {

		min-height: 100px

	}

	.slider-dir {

		flex-direction: column-reverse!important

	}

	.carousel-inner p,

	.carousel-inner ul {

		visibility: hidden;

		display: none

	}

	.imgD {

		width: 100%;

		max-height: 251px!important;

		min-height: 250px!important

	}

	.menu-justify {

		justify-content: start!important

	}

}



@media (max-width:992px) {

	.min-text {

		min-height: 100px

	}

	.slider-dir {

		flex-direction: column-reverse!important

	}

	.carousel-inner p,

	.carousel-inner ul {

		visibility: hidden;

		display: none

	}

	.imgD {

		width: 100%;

		max-height: 251px!important;

		min-height: 250px!important

	}

	.slider-background {

		background-size: auto

	}

	.menu-justify {

		justify-content: start!important

	}

	#page h1 {

		font-size: 22px!important

	}

}



.carousel-inner p {

	padding-top: 10px;

	color: #fff;

	font-weight: 400;

	text-align: justify

}



.carousel-inner ul {

	color: #fff;

	font-weight: 400;

	text-align: justify

}



.carousel-inner h4 {

	font-size: 18px

}



.card {

	border: 0

}



.head:hover {

	color: #fff

}



.block-title-4 {

	position: relative;

	margin-bottom: 1.5rem;

	border-bottom: 2px solid #dee2e6

}



.block-footer-4 {

	position: relative

}



.gold {

	color: #bfae81

}



.separator {

	border-bottom: solid 5px #0c3f77

}



.btn {

	cursor: pointer

}



.h-500 {

	min-height: 500px

}



.bgDark {

	background-color: #0c3f77

}



.bgDarkT {

	background-color: rgba(0, 0, 0, .2)

}



.bgLight {

	background-color: #c9c9c9

}



.bgLightT {

	background-color: #c9c9c954

}



.btn-social {

	font-size: 15px;

	width: 30px;

	height: 30px;

	text-align: center;

	text-decoration: none;

	margin: 5px 3px;

	vertical-align: middle;

	padding: 5px;

	display: inline-block!important;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%

}



.btn-social:hover {

	text-decoration: none

}



.facebook {

	background: #496bb2;

	color: #fff;

	border: solid 2px #496bb2;

	padding-left: 10px;

	padding-right: 10px

}



.facebook:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #496bb2

}



.twitter {

	background: #55acee;

	color: #fff;

	border: solid 2px #55acee

}



.twitter:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #55acee

}



.google {

	background: #eb5e4c;

	color: #fff;

	border: solid 2px #eb5e4c

}



.google:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #eb5e4c

}



.youtube {

	background: #b00;

	color: #fff;

	border: solid 2px #b00

}



.youtube:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #b00

}



.instagram {

	background: #dd2a7b;

	color: #fff;

	border: solid 2px #dd2a7b

}



.instagram:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #dd2a7b

}



.rss {

	background: #f60;

	color: #fff;

	border: solid 2px #f60

}



.rss:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #f60

}



.linkedin {

	background: #007bb5;

	color: #fff;

	border: solid 2px #007bb5

}



.linkedin:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #007bb5

}



.android {

	background: #15aabf;

	color: #fff;

	border: solid 2px #15aabf

}



.android:hover {

	background: 0 0;

	color: #fff;

	border: solid 2px #15aabf

}



.langAr,

.langFr {

	background: #fff;

	color: #0c3f77;

	border-radius: 2px;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

}



.langAr:hover,

.langFr:hover {

	background: 0 0;

	color: #fff;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

}



.mail {

	background: url(https://bu.edu.eg/BlueImages/Outlook365.png);

	display: flex;

	width: 113px;

	height: 27px

}



.mail:hover {

	background: url(https://bu.edu.eg/BlueImages/Outlook365_2.png)

}



.dropdown-menu ul {

	padding-left: 5px

}



.dropdown-menu ul li {

	list-style: none;

	font-size: .8rem;

	padding: 3px 0

}



.dropdown-menu ul li a {

	color: #212529

}



.dropdown-menu ul li a:hover {

	color: #0056b3;

	text-decoration: none

}



.dropdown-item:hover {

	color: #0056b3

}



.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .show>.nav-link {

	color: #0056b3

}



.navbar-light .navbar-nav .nav-link {

	color: #000

}



.mega-menu {

	width: 800px;

	overflow: hidden;

	padding: 5px;

	left: auto!important;

	right: -250%

}



.mega-menu ul {

	padding-left: 5px

}



.mega-menu ul li {

	list-style: none;

	font-size: .8rem;

	padding: 3px 0

}



@media (max-width:500px) {

	.mega-menu {

		width: 270px

	}

}



.mega-menu-2 {

	width: 550px;

	overflow: hidden;

	padding: 5px;

	left: auto!important;

	right: -150%

}



.mega-menu-2 ul {

	padding-left: 5px

}



.mega-menu-2 ul li {

	list-style: none;

	font-size: .8rem;

	padding: 3px 0

}



@media (max-width:500px) {

	.mega-menu-2 {

		width: 270px

	}

}



.menulogo {

	width: 32px;

	height: 30px;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px

}



.dropdown-submenu {

	position: relative

}



.dropdown-submenu>.dropdown-menu {

	top: 0;

	left: 100%;

	margin-top: -6px;

	margin-left: -1px;

	-webkit-border-radius: 0 6px 6px 6px;

	-moz-border-radius: 0 6px 6px;

	border-radius: 0 6px 6px 6px

}



.dropdown-submenu:hover>.dropdown-menu {

	display: block

}



.dropdown-submenu>a:after {

	display: block;

	content: " ";

	float: right;

	width: 0;

	height: 0;

	border-color: transparent;

	border-style: solid;

	border-width: 5px 0 5px 5px;

	border-left-color: #ccc;

	margin-top: 5px;

	margin-right: -10px

}



.dropdown-submenu:hover>a:after {

	border-left-color: #000

}



.dropdown-submenu.pull-left {

	float: none

}



.dropdown-submenu.pull-left>.dropdown-menu {

	left: -100%;

	margin-left: 10px;

	-webkit-border-radius: 6px 0 6px 6px;

	-moz-border-radius: 6px 0 6px 6px;

	border-radius: 6px 0 6px 6px

}



.sf {

	font-size: .8rem

}



.borderli {

	border: 1px solid #e9ecef;

	border-radius: 5px

}



.borderli:hover {

	background: #e9ecef;

	border-radius: 5px;

	color: #0056b3

}



.table td,

.table th {

	vertical-align: middle

}



.table-bordered thead td,

.table-bordered thead th {

	vertical-align: middle

}



.svg-inline--fa.fa-w-14,

.svg-inline--fa.fa-w-16,

.svg-inline--fa.fa-w-18,

.svg-inline--fa.fa-w-9 {

	width: inherit

}



.nav-pills>li>a {

	border-radius: 4px

}



.nav-stacked>li>a {

	padding-bottom: 5px;

	padding-top: 5px;

	color: #0c3f77;

	border-bottom: #fff solid 1px;

	font-size: 14px;

	font-weight: 400

}



.nav-stacked>li>a:hover {

	background-color: #0c3f77;

	color: #fff;

	text-decoration: none

}



.nav>li>a {

	position: relative;

	display: block;

	padding: 10px 5px

}



#page h1 {

	font-size: 24px;

	font-weight: 700;

	text-align: justify;

	color: #0c3f77;

	margin-bottom: 15px;

	padding-bottom: 10px;

	padding-top: 15px;

	border-bottom: double #c90

}



#page p {

	text-align: justify

}



.footers h4 {

	color: #bfae81;

	font-weight: 700;

	font-size: 16px

}



.text-white,

.text-white a {

	color: #fff

}



#summary p.collapse:not(.show) {

	height: 45px!important;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}



#summary p.collapsing {

	min-height: 50px!important

}



#summary span.collapsed:after {

	content: 'More'

}



#summary span:not(.collapsed):after {

	content: '... Less'

}



.more {

	color: #007bff;

	font-weight: 700;

	cursor: pointer

}



.statical {

	font-size: 36px;

	line-height: 37px;

	color: #fff

}



.right {

	border: #fff6a0 solid 2px;

	height: 120px;

	width: 120px;

	border-radius: 120px;

	border-top-color: transparent;

	border-left-color: transparent;

	position: absolute;

	transform: rotate(-45deg);

	animation: rota2 1s linear;

	-moz-animation: rota2 1s linear;

	-o-animation: rota2 1s linear;

	-webkit-animation: rota2 1s linear

}



@keyframes rota2 {

	from {

		transform: rotate(-225deg)

	}

	to {

		transform: rotate(-45deg)

	}

}



@-o-keyframes rota2 {

	from {

		transform: rotate(-225deg)

	}

	to {

		transform: rotate(-45deg)

	}

}



@-moz-keyframes rota2 {

	from {

		transform: rotate(-225deg)

	}

	to {

		transform: rotate(-45deg)

	}

}



@-webkit-keyframes rota2 {

	from {

		transform: rotate(-225deg)

	}

	to {

		transform: rotate(-45deg)

	}

}



.left {

	border: #fff6a0 solid 2px;

	height: 120px;

	width: 120px;

	border-radius: 120px;

	border-bottom-color: transparent;

	border-right-color: transparent;

	position: absolute;

	transform: rotate(315deg);

	animation: rota 2s linear;

	-o-animation: rota 2s linear;

	-moz-animation: rota 2s linear;

	-webkit-animation: rota 2s linear

}



@keyframes rota {

	from {

		transform: rotate(-45deg)

	}

	to {

		transform: rotate(315deg)

	}

}



@-o-keyframes rota {

	from {

		transform: rotate(-45deg)

	}

	to {

		transform: rotate(315deg)

	}

}



to {

	transform: rotate(315deg)

}



to {

	transform: rotate(315deg)

}



.middle {

    color: #0987bc;

    font-size: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 130px;

    height: 130px;

    /*left: 15px;

    top: 15px;

    border-radius: 150px;*/

    position: relative;

    z-index: 4;

  }



.count {

	font-size: 18px;

	font-weight: 700;

	color: #fff6a0

}



.date-wrapper {

	color: #fff;

	text-align: center;

	margin: 20px 0;

	border-bottom: 2px solid #0c3f77;

	width: 50px;

	font-size: 16px;

	display: block;

	align-items: center

}



.date-wrapper .date-m {

	border-radius: 5px 5px 0 0;

	padding: 5px 5px;

	text-transform: uppercase;

	font-weight: 700;

	background: #0c3f77;

	font-size: 12px;

	line-height: 1;

	display: block

}



.date-wrapper .date-d {

	font-size: 16px;

	line-height: 1;

	padding: 4px 0;

	background: #fff;

	color: #343331;

	display: block

}



.tag-title {

	font-size: 14px

}



.s-title {

	background-color: #0c3f77;

	padding: 10px 1px;

	color: #fff;

	text-align: center;

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	margin-bottom: 2px;

	font-size: 16px

}



.dropdown-item {

	font-size: 13px

}



ul.social-networks {

	list-style: none

}



ul.social-networks li {

	margin: 0 5px

}



.social-squre li a {

	text-align: center;

	vertical-align: middle;

	width: 40px;

	font-size: 14px;

	font-weight: 700;

	margin-bottom: 5px;

	border-radius: 0

}



.social-networks a.icoRss {

	background-color: #f56505;

	color: #fff

}



.social-networks a.icoFacebook {

	background-color: #3b5998;

	color: #fff

}



.social-networks a.icoTwitter {

	background-color: #3cf;

	color: #fff

}



.social-networks a.icoGoogle {

	background-color: #bd3518;

	color: #fff

}



.social-networks a.icoVimeo {

	background-color: #0590b8;

	color: #fff

}



.social-networks a.icoPrint {

	background-color: #0c3f77;

	color: #fff

}



.social-networks a.icoLinkedin {

	background-color: #007bb7;

	color: #fff

}



.social-networks a.icoFacebook:hover,

.social-networks a.icoGoogle:hover,

.social-networks a.icoLinkedin:hover,

.social-networks a.icoPrint:hover,

.social-networks a.icoRss:hover,

.social-networks a.icoTwitter:hover,

.social-networks a.icoVimeo:hover {

	background-color: #c9c9c9

}



.social-networks a.icoFacebook:hover i,

.social-networks a.icoGoogle:hover i,

.social-networks a.icoLinkedin:hover i,

.social-networks a.icoPrint:hover i,

.social-networks a.icoRss:hover i,

.social-networks a.icoTwitter:hover i,

.social-networks a.icoVimeo:hover i {

	color: #0c3f77

}



ul.social-network {

	list-style: none;

	display: inline;

	margin-left: 0!important;

	padding: 0

}



ul.social-network li {

	display: inline;

	margin: 0 5px

}



.social-network a.icoRss {

	background-color: #f56505;

	color: #fff

}



.social-network a.icoFacebook {

	background-color: #3b5998;

	color: #fff

}



.social-network a.icoTwitter {

	background-color: #3cf;

	color: #fff

}



.social-network a.icoGoogle {

	background-color: #bd3518;

	color: #fff

}



.social-network a.icoVimeo {

	background-color: #0590b8;

	color: #fff

}



.social-network a.icoPrint {

	background-color: #0c3f77;

	color: #fff

}



.social-network a.icoLinkedin {

	background-color: #007bb7;

	color: #fff

}



.social-network a.icoFacebook:hover,

.social-network a.icoGoogle:hover,

.social-network a.icoPrint:hover,

.social-network a.icoRss:hover,

.social-network a.icoTwitter:hover,

.social-network a.icoVimeo:hover,

.social-networks a.icoLinkedin:hover {

	background-color: #c9c9c9

}



.like {

	padding-top: 1px;

	padding-bottom: 1px;

	padding-left: 3px;

	padding-right: 3px

}



.social-network a.icoFacebook:hover i,

.social-network a.icoGoogle:hover i,

.social-network a.icoLinkedin:hover i,

.social-network a.icoPrint:hover i,

.social-network a.icoRss:hover i,

.social-network a.icoTwitter:hover i,

.social-network a.icoVimeo:hover i {

	color: #0c3f77

}



.socialHoverClass,

a.socialIcon:hover {

	color: #44bcdd

}



.social-circle li a {

	display: inline-block;

	position: relative;

	margin: 0 auto 0 auto;

	text-align: center;

	width: auto;

	font-size: 12px;

	background-color: #c9c9c9;

	font-weight: 700;

	margin-bottom: 10px

}



.social-circle i {

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	-o-transition: all .8s;

	-ms-transition: all .8s;

	transition: all .8s

}



.hints {

	font-weight: 700;

	color: #104178

}



.news-title {

	line-height: 1.8;

	color: #0c3f77;

	font-size: 24px;

	font-weight: 700;

	border-bottom: medium double #c90

}



.text-bold {

	font-weight: 700

}



.slider_text {

	font-size: 14px!important

}



.tags a {

	background-color: #dfdbdb;

	padding: 5px 10px;

	margin: 5px;

	border-radius: 5px;

	display: inline-block

}



.tags a:hover {

	background-color: #0c3f77;

	color: #fff;

	text-decoration: none

}



.table .thead-dark th {

	background: #0c3f77;

	/*border-color: #0c3f77*/

}



.small>li>a {

	font-size: 13px;

	padding-right: 0;

	padding-left: 0

}



.clear {

	clear: both

}



.news-card

{

	border:1px solid rgba(0,0,0,.125);

}

.btn-darkblue

{

	color:#fff;

	background-color:#0c3f77;

	border-color:#0c3f77;

}



.card-title
{
	font-weight: bold;
	color:#0c3f77;
	font-size: 16px;
}



.media img {
	max-height: 150px;
}