body, html {
	height: 100%;
	width: 100%
}
.navbar-custom, body {
	background-color: #000000;
}
@media (max-width: 750px) {
	.navbar-hidden-ss {
		display: none;
	}
}
.intro, body, html {
	width: 100%
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	webkit-tap-highlight-color: rgba(255, 255, 255, .2)
}
.btn, .navbar-custom, h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
	text-shadow: "0px 0px 2px #000000, 0px 0px 5px #000000, 0px 0px 20px #000000, 0px 0px 50px #000000";
	font-family: Montserrat, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 10 0 35px;
	padding-bottom: 15;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.h1-1 {
	margin-top: 30px;
	letter-spacing: 0.08em;
	font-size: 26px;
	font-size: min(max(6vh, 26px), min(clamp(26px, 4.5vw, 50px), 50px));
}
.h3-1 {
	letter-spacing: 0.15em;
	font-size: min(max(3vh, 12px), clamp(12px, 2.5vw, 24px));
	margin-top: 0;
}
h1 {
	letter-spacing: 0.08em;
	font-size: 26px;
	font-size: min(max(7vh, 26px), min(clamp(26px, 3.5vw, 50px), 50px));
}
h2 {
	color: #FF1D21;
	font-family: 'Space Grotesk';
	margin-top: 10px;
	font-size: 24px;
	font-size: min(clamp(24px, 2.8vw, 32px), 32px);
	text-shadow: 0px 0px 2px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000;
}
h3 {
	font-family: 'Space Grotesk';
	margin-top: 10px;
	font-size: 18px;
	font-size: min(clamp(18px, 2vw, 24px), 24px);
	text-shadow: 0px 0px 2px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000;
}
p {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 1.5;
}
.txt {
	font-size: 17px;
	font-size: clamp(16px, 2.3vw, 17px);
	line-height: 1.6
}
@-moz-document url-prefix() {
	.lix {
		left: 5px;
	}
}
@media (max-width:815px) {
	.secpluscol {
		margin-top: 50px;
	}
}
@media (max-width: 750px) {
	.h1-1 {
		font-size: 30px;
		font-size: clamp(24px, 4vw, 30px);
		margin-top: 20px;
	}
	.h3-1 {
		letter-spacing: 0.15em;
		font-size: min(max(3.5vh, 12px), clamp(12px, 1.5vw, 24px));
		margin-top: -10px;
	}
	h1 {
		font-size: 30px;
		font-size: clamp(24px, 4vw, 30px);
	}
	h2 {
		font-size: 22px;
		font-size: clamp(22px, 3.2vw, 26px);
	}
	h3 {
		font-size: 20px;
		font-size: clamp(20px, 2.8vw, 24px);
	}
	h4 {
		font-size: 16px;
		font-size: clamp(16px, 2.3vw, 20px);
	}
	.txt {
		font-size: 16px;
		font-size: clamp(16px, 2vw, 18px);
	}
	p {
		font-size: 18px;
		font-size: clamp(16px, 1vw, 20px);
	}
}
.p-shadow {
	text-shadow: 0px 0px 2px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000;
}
.title-shadow {
	text-shadow: 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
a {
	color: #FF1D21;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
a:focus, a:hover {
	text-decoration: none;
	color: #ffffff
}
hr {
	width: 50%;
	height: 1px;
	background-color: #888888;
	border: none;
}
.visual-section {
	width: 100%;
	color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 600px;
}
.pixel-drivers-pic {
	display: inline-block;
	background-image: url("../img/pixel-drivers.png");
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.pwm-drivers-pic {
	display: inline-block;
	background-image: url("../img/pwm-drivers.png");
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.pwm-driver-system-pic .pwm-tape-pic .pixel-tape-pic .wands-pic .custom-pic .studio-pic .location-pic .install-pic .performance-pic .pixel-driver-system-pic {
	display: inline-block;
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.scale-section {
	width: 100%;
	color: #fff;
	background: linear-gradient(to top, transparent 85%, black 100%), linear-gradient(to bottom, transparent 85%, black 100%), url(../img/scale.png) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 725px;
}
.design-pic {
	display: inline-block;
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.manufacturing-pic {
	display: inline-block;
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.integrate-pic {
	display: inline-block;
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.technical-pic {
	display: inline-block;
	width: 358px;
	height: 188px;
	margin-left: -15px;
}
.light {
	font-weight: 400
}
.navbar-custom {
	display: none;
	margin-bottom: 0;
	border-bottom: 3px solid rgba(255, 255, 255, .2);
	text-shadow: 0px 0px 1px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, -2px -2px 5px black, 2px 2px 5px black, 2px -2px 5px black, -2px 2px 5px black, 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 20px black, 0px 0px 20px black, 0px 0px 20px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 50px black, 0px 0px 50px black, 0px 0px 50px black, 0px 0px 50px black, 0px 0px 50px black, 0px 0px 50px black;
}
.navbar-custom .navbar-toggle {
	color: #fff;
	background-color: rgba(255, 255, 255, .2);
	font-size: 18px;
}
.navbar-custom .nav li a:active, .navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	background-color: transparent;
	outline: 0
}
.navbar-custom .navbar-toggle:active, .navbar-custom .navbar-toggle:focus {
	outline: 0
}
.navbar-custom .navbar-brand {
	font-weight: 700
}
.navbar-custom .navbar-brand:focus {
	outline: 0
}
.navbar-custom a {
	color: #fff
}
.navbar-custom .nav li a {}
.navbar-custom .nav li a:hover {
	color: rgba(255, 255, 255, .8)
}
.navbar-custom .nav li.active {
	outline: 0
}
.navbar-custom .nav li.active a {
	background-color: rgba(255, 255, 255, .3)
}
.navbar-custom .nav li.active a:hover {
	color: #fff
}
.home-logo {
	background-image: url(../img/CTJ-LED.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 15px;
	width: 140px;
	height: 33.5px;
	display: inline-block;
	margin-top: 6px;
	-webkit-filter: drop-shadow(-2 -2 2px #000000) drop-shadow(2 2 2px #000000) drop-shadow(2 -2 2px #000000) drop-shadow(2 -2 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
	filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 5px #000000) drop-shadow(10px 0px 10px #000000);
}
.main-logo {
	display: inline-block;
	height: auto;
	-webkit-filter: drop-shadow(0 0 10px #000000);
	filter: drop-shadow(0 0 10px #000000);
}
.svlogo {
	width: min(max(calc(100px+ 18vh), 100px), min(calc(100px + 15vw), 350px));
	width: clamp(100px, calc(15vh + 10vw), 350px);
	height: auto;
}
@media (max-width: 750px) {
	.home-logo {
		margin-top: 9px;
		margin-left: 15px;
	}
	.svlogo {
		width: 75%;
		height: 75%;
		max-width: max(30vw, 70px);
	}
}
@media (min-width: 750px) {
	.navbar-custom {
		padding: max(5px, min(50px, calc(0.7vw))) 0;
		border-bottom: none;
		letter-spacing: 1px;
		background: 0 0;
		-webkit-transition: background .3s ease-in-out, padding .3s ease-in-out;
		-moz-transition: background .3s ease-in-out, padding .3s ease-in-out;
		transition: background .3s ease-in-out, padding .3s ease-in-out
	}
	.navbar-custom.top-nav-collapse {
		padding: 0;
		padding-top: 3px;
		background: #000;
		border-bottom: 3px solid rgba(255, 255, 255, .2);
	}
}
.intro {
	margin-top: -20px;
	display: table;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background: linear-gradient(to top, transparent calc(80%), black 100%), linear-gradient(to bottom, transparent calc(80%), black 100%), url(../img/box-bg.png) center no-repeat #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover
}
.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
	text-shadow: 0px 0px 10px black, 0px 0px 30px #0F0000;
}
.intro .intro-body .brand-heading {
	font-size: 40px
}
@media (min-width: 750px) {
	.intro {
		height: 100%;
		padding: 0
	}
	.intro .intro-body .brand-heading {
		font-size: 100px
	}
	p {
		margin: 0 0 35px;
		font-size: 20px;
		line-height: 1.4
	}
}
.btn-circle {
	padding-bottom: 10px;
	font-size: 30px;
	color: #fff;
	background: 0 0;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out
}
.btn-circle:focus, .btn-circle:hover {
	outline: 0;
	color: #fff;
	background: rgba(255, 255, 255, .1)
}
.btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-sduration: 1s
}
.btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear
}
@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}
@-moz-keyframes pulse {
	0%, 100% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2)
	}
}
.content-section {
	padding-top: 40px;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
#footer {
	margin-top: 20px;
	margin-bottom: 20px;
}
#linkswide {
	margin-top: 60px;
	background-color: #171717;
}
#links {
	margin-bottom: 0px;
}
.statement-container {
	padding-top: 35px;
	padding-right: 50px;
	padding-left: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 120px;
}
@media (min-width:751px) {
	.content-section {
		padding-top: 60px;
	}
}
.btn {
	font-family: Montserrat, 'Space Grotesk', Arial;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 0;
	font-weight: 600;
}
.btn-default {
	border: 1px solid;
	border-color: #FF1D21;
	color: #FF1D21;
	background-color: transparent
}
.btn-default:focus, .btn-default:hover {
	border: 1px solid;
	outline: 0;
	color: #000;
	background-color: #FF1D21;
}
ul.banner-social-buttons {
	margin-top: 0
}
@media (max-width:750px) {
	.scale-section {
		height: 375px;
	}
	#scaled {
		background: linear-gradient(to top, transparent 50%, black 80%);
	}
	.intro {
		margin-top: min(calc(50vh - 230px), 50px);
	}
	ul.banner-social-buttons li {
		display: block;
		margin-top: 10px;
		padding: 0
	}
	ul.banner-social-buttons li:last-child {
		margin-bottom: 0
	}
}
footer {
	padding: 20px 0
}
footer p {
	margin: 0
}
::-moz-selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}
::selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}
img::selection {
	background: 0 0
}
img::-moz-selection {
	background: 0 0
}
video, picture {
	margin-left: -15px;
	display: inline-block;
	vertical-align: middle;
	padding-left: auto;
	padding-right: auto;
}
