.modal .list-inline::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.modal .list-inline::-webkit-scrollbar-track {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: inset 0 0 6px #555;
}

.modal .list-inline::-webkit-scrollbar-thumb {
	background-color: #e6e6e6;
	border-radius: 8px;
}

#about-us {
	background-attachment: fixed;
	background-image: url(../img/about-us-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#about-us .panel-body {
	min-height: 260px;
}

#about-us .panel-body img {
	width: 150px;
}

#about-us .panel-default > .panel-heading {
	background-color: #e6dddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

#about-us .panel-heading h3 {
	font-size: 15px;
}

#about-us header h3, #about-us header .h3 {
	font-size: 18px;
	color: #ffffff;
}

#clientele {
	background-attachment: fixed;
	background-image: url(../img/clientele-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: space-around;
}

#clientele .container-fluid {
	background: #ffffff;
	margin: 30px 0 0;
	padding: 25px 0;
}

#clientele .container-fluid > .panel {
	border-bottom: 0;
	margin-bottom: 0;
}

#clientele p {
	color: #ffffff;
	font-size: 18px;
}

#contact-us {
	background-attachment: fixed;
	background-image: url(../img/contact-us-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#contact-us a {
	color: #ffffff;
}

#contact-us address {
	color: #ffffff;
	font-size: 20px;
}

#contact-us h2 {
	color: #ffffff;
}

#contact-us label {
	color: #ffffff;
	font-size: 20px;
}

#contact-us textarea {
	resize: none;
}

#contact-us #confirmation {
	color: #fff;
}

#copyright-strip {
	display: flex;
	align-items: center;
	background-color: #e32a27;
	color: #ffffff;
	height: 50px;
}

#copyright-strip .row {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

#copyright-strip .row a {
	color: #ffffff;
}

#email-confirmation-box  .modal-dialog {
	width: 50%
}

#email-confirmation-box .modal-content {
	background-color: #fff
}

#email-confirmation-box h1 {
	color: #000;
	font-size: 16px;
}

#email-confirmation-box .close {
	color: #000;
}

#home {
	background-color: #fece0a;
	background-attachment: fixed;
	background-image: url(../img/home-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#home h1, #home h2 {
	font-size: 20px;
	text-shadow: 2px 2px #000000;
}

#home .hot-link-img {
	width: 275px;
}

#our-domain {
	background-attachment: fixed;
	background-image: url(../img/our-domain-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#our-domain p {
	color: #ffffff;
	font-size: 18px;
	margin-top: 60px;
}

#photo-gallery {
	background-attachment: fixed;
	background-image: url(../img/photo-gallery-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: space-around;
}

#photo-gallery .modal-header .close:hover {
	cursor: pointer;
}

#photo-gallery .panel-body {
	background: rgba(0,0,0,0.6);
	height: 100%;
}

#photo-gallery .panel[data-target="#activation"] {
	background-image: url(../img/photo-gallery/activation/image-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#branding"] {
	background-image: url(../img/photo-gallery/branding/image-12.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#corporate-event"] {
	background-image: url(../img/photo-gallery/corporate-events/9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#sports"] {
	background-image: url(../img/photo-gallery/sports/image-9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#social-event"] {
	background-image: url(../img/photo-gallery/social-event/47.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#wbascon-2018"] {
	background-image: url(../img/photo-gallery/medical-conference/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#wbascon-2016"] {
	background-image: url(../img/photo-gallery/medical-conference/40.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#krd-2019"] {
	background-image: url(../img/photo-gallery/krd-2019/28.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#wbascon-2019"] {
	background-image: url(../img/photo-gallery/wbascon-2019/5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .panel[data-target="#cnmc"] {
	background-image: url(../img/photo-gallery/cnmc/26.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#photo-gallery .row .panel {
	border: 1px solid #ffffff;
	height: 250px;
	width: 440px;
}

#photo-gallery .row .panel:hover {
	cursor: pointer;
}

#photo-gallery div.container {
	align-items: center;
	display: flex;
	flex-direction: column;
}

#photo-gallery h2.text-center {
	color: #ffffff;
	text-transform: uppercase;
}

.thumbnail {
	display: inline-block;
	height: 105px;
	width: 180px;
	margin-bottom: 0;
}

.modal-header .close {
	color: #ffffff;
	opacity: 1;
}

.modal-header .close:hover {
	opacity: 1;
}

.modal ul {
	align-items: center;
	display: flex;
	margin-top: 10px;
	overflow-x: auto;
	padding-bottom: 10px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.modal ul img {
	cursor: pointer;
	height: 60px;
	width: 80px
}

.modal ul li {
	flex-shrink: 0;
}

.modal-body {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.modal-body .row {
	margin-bottom: 10px;
}

.modal-content {
	background-color: #000000;
}

.modal-dialog {
	width: 95%;
}

.modal-title {
	color: #ffffff;
}

.navbar {
	border: 0;
}

#navbar .active a {
	//background-color: #203b96;
  background-color: #e32a27;
	color: #ffffff;
}

.nav.navbar-nav.navbar-right li a:hover, .nav.navbar-nav.navbar-right li a:active, .nav.navbar-nav.navbar-right li a:focus {
	cursor: pointer;
}

.navbar-brand {
	display: flex;
	margin: 0;
	padding: 0;
}

.navbar-brand img {
	height: 40px;
	margin-left: 10px;
	margin-top: 5px;
}

.control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 5%;
	height: 100%;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	color: #ffffff;
}

.control:hover {
	color: #e5e5e5;
	text-decoration: none;
	outline: 0;
	opacity: .9;
}

.control span {
	position: absolute;
	top: 40%;
}

.control.left-control {

}

.control.right-control {
	right: 0;
	left: auto;
}

.img-thumbnail {
	padding: 1px;
}

.modal-header h3 {
	font-size: 16px;
}

body {
	font-family: "Century Gothic", Helvetica, sans-serif;
}

body.modal-open {
	overflow: auto;
}

nav {
	text-transform: uppercase;
}

section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 50px);
}

section header h1, section header h2, section header h3 {
	color: #ffffff;
}

section header p {
	color: #ffffff;
	font-size: 20px;
	text-align: justify;
}



.blinking{
    animation:blinkingText 2s infinite;
}

@keyframes blinkingText {
    10%{    opacity: 0; }
}



@media(max-width: 991px) {
	#about-us div.col-md-4, #about-us div.col-md-8 {
		text-align: center;
	}

	.modal-body {
		height: 60%;
		justify-content: space-between;
	}

	section {
		min-height: calc(100vh - 50px);
	}

	.modal #enlarged-image {
		width: 100%;
	}

	#photo-gallery .row .panel {
		width: 250px;
	}

	.control.right-control {
		right: 14px;
	}
}

@media(min-width: 992px) {
	#about-us .panel-body .col-md-8 {
		height: 250px;
		overflow-y: auto;
	}

	#about-us .panel-body img {
		width: 100%;
	}

	#clientele .container-fluid .row {
		display: flex;
		justify-content: center;
	}

	#clientele .row .col-xs-3 {
		width: inherit;
	}

	#contact-us .row {
		display: flex;
		justify-content: space-between;
	}

	/* .navbar {
		height: 50px;
	} */

	/* .navbar .container-fluid {
		padding-right: 50px;
		padding-top: 12px;
	} */

	.modal #enlarged-image {
		width: 640px;
		height: 480px;
	}
}
