body {
	background-color: #313455 !important;
	color: #e1e1e1 !important;
	background-image: url(../img/bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.navbar-toggler-icon {
	width: 15px !important;
	height: 25px !important;
}

.text-bg-dark {
  background-color: #252846 !important;
}

.card-text {
	color: #447794;
}

a {
	color: #4bbbdd !important;
}

.btn {
	color: #fff !important;
}

.pointer {
	cursor: pointer;
}

.btn.btn-sm.btn-outline-secondary {
	color: #497a96 !important;
}

header .bg-dark {
	background-color: #252846 !important;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media ( min-width : 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em
		rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

/*********button*********/
*:focus {
	outline: 0;
}

.b3d-wrapper {
	text-align: center;
}

a.b3d {
	margin: 5px;
}

a.b3d {
	background: rgb(238, 238, 238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(170, 170, 170, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(170, 170, 170, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,
		rgba(170, 170, 170, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',
		endColorstr='#aaaaaa', GradientType=0); /* IE6-9 */
	padding: 10px 40px;
	border: none;
	color: white;
	border-radius: 10px;
	border-bottom: 3px solid #777;
	color: #fff !important;
}

a.b3d:active {
	border-bottom: none;
	position: relative;
	top: 3px;
}

a.b3d:hover {
	filter: brightness(90%);
}

a.b3d.cyan {
	background: rgb(0, 188, 212); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 188, 212, 1) 0%,
		rgba(0, 151, 167, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 188, 212, 1) 0%,
		rgba(0, 151, 167, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 188, 212, 1) 0%,
		rgba(0, 151, 167, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcd4',
		endColorstr='#0097a7', GradientType=0); /* IE6-9 */
	border-color: #006064;
}

a.b3d.indigo {
	background: rgb(63, 81, 181); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(63, 81, 181, 1) 0%,
		rgba(48, 63, 159, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(63, 81, 181, 1) 0%,
		rgba(48, 63, 159, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(63, 81, 181, 1) 0%,
		rgba(48, 63, 159, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f51b5',
		endColorstr='#303f9f', GradientType=0); /* IE6-9 */
	border-color: #1A237E;
}