/* tags */

* {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	overflow-x: hidden;
	position: relative;
	letter-spacing: 1px;
	line-height: 1.5;
	background-color: #fff;
}

h6,.h6,h5,.h5,h4,.h4,h3,
.h3,h2,.h2,h1,.h1 {
	font-weight: 300;
}

/* theme */

.bg-transparent {
	background-color: transparent;
}

.bg-navigation {
	background-color: #B3C8D0;
}

.bg-black {
	background-color: #080705;
}

.bg-violet {
	background-color: #736372;
}

.bg-blue {
	background-color: #D9E4E8;
}

.bg-smoke {
	background-color: #F3F6F4;
}

.bg-white {
	background-color: #FFFFFF;
}

.bg-metal {
	background-color: #283B3E;
}

.bg-steel {
	background-color: #87969d;
}

.bg-light-steel {
	background-color: #d9dde5;
}

.bg-mint {
	background-color: #eceef2;
}

.btn-smoke {
	background-color: #424649;
}

.text-black {
	color: #080705;
}

.text-violet {
	color: #736372;
}

.text-blue {
	color: #D9E4E8;
}

.text-smoke {
	color: #F3F6F4;
}

.text-dark {
	color: #212529;
}

.text-white {
	border: 1px solid #FFFFFF;
}

.text-metal {
	color: #283B3E;
}

.border-black {
	border: 1px solid #080705;
}

.border-violet {
	border: 1px solid #736372;
}

.border-blue {
	border: 1px solid #D9E4E8;
}

.border-smoke {
	border: 1px solid #212529;
}

.border-white {
	border: 1px solid #FFFFFF;
}

.border-metal {
	border: 1px solid #283B3E;
}

.border-bottom {
	border-bottom: 1px solid #222;
}

.border-bottom-smoke {
	border-bottom: 1px solid #212529;
}

.border-right-smoke {
	border-right: 1px solid #212529;
}

.border-left-smoke {
	border-left: 1px solid #212529;
}

.border-custom-smoke-bottom {
	border-bottom: 1px solid #212529;
	border-right: 1px solid #212529;
	padding-bottom: 48px;
}

.border-custom-smoke-top {
	border-right: 1px solid #212529;
	border-top: 1px solid #212529;
	padding-top: 48px;
}

.border-custom-smoke-side {
	border-left: 1px solid #212529;
	border-right: 1px solid #212529;
}

.border-custom-smoke-header {
	padding: 12px;
	border-top: 1px solid #212529;
	border-right: 1px solid #212529;
}

/* custom */

.table-transparent {
	background: transparent;
	border: 1px solid #212529;
	color: #212529;
}

.table-transparent th {
	background: #212529;
	color: #212529;
}

.table-transparent td {
	background: transparent;
	color: #212529;
}

.section {
	padding: 96px 0px;
}

.section-spacer {
	padding: 192px 0px;
}

.footer {
	padding: 0px 0px 48px 0px;
	border-top: 1px solid #ddd;
}

.main {
	overflow-x: hidden;
}

#hero {
	padding: 192px 0px;
}

/* bootstrap */

.custom-navbar-toggle {
	border-color: #212529;
}

.navbar-nav .nav-link.active {
	color: #212529;
	border-bottom: 1px solid #212529;
}

.nav-link {
	color: #212529;
	border: 1px solid transparent;
	padding: 8px;
	margin: 0px 12px;
}

.nav-link:hover {
	color: #212529;
	border-top: 1px solid #212529;
}

.nav-link:focus {
	color: #212529;
}

.navbar-override {
	padding: 12px 0px;
}

.list-group-item {
	background: transparent;
	color: #212529;
	padding: 12px;
}

.card {
	border-radius: 0;
	margin-bottom: 12px;
	border: none !important;
}

.card-title {
	margin: 0px;
}

.card-body {
	padding: 12px;
}

.row-widget-box {
	background-color: #e0e3ea;
	padding: 18px;
	border: 1px solid #eee;
}

.column-widget-box {
	border: 1px solid #dee2e6;
	padding: 36px;
	margin: 0px;
	text-align: center;
	background-color: #eceef2;
}

.btn {
	border-radius: 0;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5;
	padding: 12px 48px;
}

.card-header {
	background: transparent;
	padding: 12px;
	border-bottom: none;
}

/* custom */

.half-line {
	margin-top: 0px;
	width: 50%;
	opacity: 1;
	border-color: #212529;
}

.decode-text {
	width: 100%;
}

.space {
	display: inline-block;
	width: 10px;
}

.text-animation {
	display: inline-block;
	position: relative;
	color: transparent;

	&:before {
		content: "";
		color: #212529;
		position: absolute;
		top: 50%;
		left: 50%;
		background: #212529;
		width: 0;
		height: 1.2em;
		-webkit-transform: translate(-50%, -55%);
		-ms-transform: translate(-50%, -55%);
		transform: translate(-50%, -55%);
	}

	&.state-1 {
		&:before {
			width: 1px;
		}
	}

	&.state-2 {
		&:before {
			width: 0.9em;
		}
	}

	&.state-3 {
		color: #212529;

		&:before {
			width: 0;
		}
	}
}

#matrix {
	overflow: hidden;
	position: fixed;
	z-index: -1;
	height: 100vh;
	width: 100vw;
	opacity: 1;
}

#btn_navbar_toggle {
	padding: 8px 20px 11px 20px;
	border-radius: 0px;
}

@media all and (max-width: 998px) {

	.border-custom-smoke-bottom {
		border-bottom: none;
		border-right: none;
		padding-bottom: 0px;
	}

	.border-custom-smoke-top {
		border-right: none;
		border-top: none;
		padding-top: 0px
	}

	.border-custom-smoke-side {
		border-left: none;
		border-right: none;
	}

	.border-custom-smoke-header {
		border-top: none;
		border-right: none;
	}

	.card-header {
		border: none;
	}

	.card {
		border: none !important;
	}

	.list-group-custom{
		list-style: none;
	}

}

@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);