/*FONT SIZE*/
.text-xxs {font-size: 1rem} /*16px*/
.text-md {font-size: 1.25rem;} /*24px*/
.text-xxl {font-size: 2.5rem;} /*40px*/

/*HEADLINE SIZE*/
.headline-2 {font-size:  4rem} /*64px*/
.headline-4 {font-size:  1.5rem} /*24px*/
.headline-5 {font-size:  1.25rem} /*20px*/

/*FONT WEIGHT*/
.text-100 {font-weight: 100}
.text-200 {font-weight: 200}
.text-300 {font-weight: 300}
.text-400 {font-weight: 400}
.text-500 {font-weight: 500}
.text-600 {font-weight: 600}
.text-700 {font-weight: 700}
.text-800 {font-weight: 800}
.text-900 {font-weight: 900}

/*LINE HEIHGHT*/
/*.lh-1 { line-height: 1}*/
.lh-md { line-height: 1.4}

/*TEXT COLOR*/
.text-primary {color: #FF7109!important;}

/*BACKGROUND COLOR*/
.bg-primary {background-color: #FF7109!important;}
.bg-dark {background-color: #26262D!important;}



/*SIZING - PADDING*/
.pe-1_25 {
	padding-right: 1.25rem;
}


/*BUTTON*/
.btn {	
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	display: flex;
	border-radius: 3px;
	padding: 1.325rem 1.5rem;
	text-transform: uppercase;
}
.btn-sm {	
	padding: 1rem 1.5rem;
}
.btn-lg {	
	padding: 1.638rem 1.5rem;
}

.btn:focus,
.btn:active {
	box-shadow: none!important;
	outline: none!important;	
}
.btn-text {
	margin-right: auto;
}

.btn-primary {
	color: #ffffff;
	background-color: #FF7109!important;
	border-color: #FF7109!important;
}
.btn-outline-primary  {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #FF7109!important;
}
.btn-link-primary  {
	color: #FF7109;
	text-underline-offset: 3px;
	background-color: transparent;
	border-color: transparent;
}
.btn-link-primary .btn-text {
	text-decoration: underline;
}
.btn:after {
	content: "\2023";
	font-size: 1.6rem;
}

/*BUTTON HOVER*/
.btn-primary:hover {
	background-color: #FF3509!important;
	border-color: #FF3509!important;
}
.btn-outline-primary:hover  {
	color: #ffffff;
	background-color: #FF7109;
	border: 2px solid #FF7109!important;
}
.btn-link-primary:hover  {
	color: #FF3509;
	background-color: transparent;
	border-color: transparent;
}









/*INPUT STYLE*/
.form-control {	
	color: #ffffff!important;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5rem!important;
	background-color: #1B1D1E!important;
	border: 2px solid #8C8C8C!important;
	padding: 0.625rem 1.25rem;	
}
.form-control::placeholder {
 	color: #ffffff!important;
}
.form-control:focus {	
	box-shadow: none;
	outline: none;
	border-color: #FF7109;
}

.form-control-sm {
	padding: 0.313rem 1.25rem;
}

/*Z-INDEX*/

.z-index_-3 {
	z-index: -3;
}
.z-index_0 {
	z-index: 0;
}
.z-index_3 {
	z-index: 3;
}