/*FONT SIZE*/
.text-xxxs {font-size: 0.875rem} /*14px*/
.text-xxs {font-size: 1rem} /*16px*/
.text-xs {font-size: 1.25rem;} /*20px*/
.text-md {font-size: 1.5rem;} /*24px*/
.text-lg {font-size: 2rem;} /*32px*/
.text-xl {font-size: 2.5rem;} /*40px*/
.text-xxl {font-size: 4rem;} /*64px*/

/*HEADLINE SIZE*/
.headline-1 {font-size:  8rem} /*128px*/
.headline-2 {font-size:  4rem} /*64px*/
.headline-3 {font-size:  2.5rem} /*40px*/
.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_1 { line-height: 1.1}
.lh-md { line-height: 1.4}

/*TEXT COLOR*/
.text-primary {color: #FF7109!important;}
.text-success {color: #00CD08!important;}
.text-danger {color: #D70C0C!important;}
.text-light-gray {color: #C0C0C0!important;}
.text-gray {color: #8c8c8c!important;}
.text-dark {color: #26262D!important;}
.text-black-pearl {color: #1B1D1E!important;}

/*BACKGROUND COLOR*/
.bg-primary {background-color: #FF7109!important;}
.bg-light-gray {background-color: #d9d9d9!important;}
.bg-gray {background-color: #d1d1d1!important;}
.bg-dark-gray {background-color: #5c5c5c!important;}
.bg-dark {background-color: #26262D!important;}
.bg-black-pearl {background-color: #1B1D1E!important;}

/*BORDER*/

/*color*/
.border-primary {border-color: #FF7109!important;}
.border-extra-light-gray {border-color: #D1D1D1!important;}
.border-light-gray {border-color: #8C8C8C!important;}
.border-gray {border-color: #656565!important;}
.border-extra-dark {border-color: #131313!important;}


/*size*/
.border-7 {border-width: 7px;}

/*radius*/
.rounded-3 {border-radius: 0.625rem!important;} /*10px*/
.rounded-5 {border-radius: 1.25rem!important;} /*20px*/

/*radius-none*/
.rounded-top-5 {border-radius: 1.25rem 1.25rem 0 0;}
.rounded-bottom-right-5 {border-radius: 1.25rem 1.25rem 0 1.25rem;}
.rounded-bottom-left-5 {border-radius: 1.25rem 1.25rem 1.25rem 0;}

/*opacity*/
.border-opacity-0 {
	--bs-border-opacity: 0;
}
.border-opacity-30 {
	--bs-border-opacity: 0.3;
}
.border-light-gray-opacity-20 {
	border: 1px solid rgba(140, 140, 140, 0.2);
}


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

.p-4_5 {padding: 2rem;}

/*SIZING - MARGIN*/
.my-4_5 {margin: 2rem 0;}


/*BUTTON*/
.btn {	
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	display: flex;
	border-radius: 0.188rem; /*3px*/
	padding: 1.325rem 1.5rem;
	text-transform: uppercase;
}
button {
	background-color: transparent;
	border: none;
}
/*button size*/
.btn-xs {	
	padding: 0.765rem 1.5rem; /*50px*/
	font-size: 1.25rem; /*20px*/
}
.btn-sm {	
	padding: 1rem 1.5rem;
}

.btn-xl {	
	padding: 1.638rem 1.5rem!important; /*80px*/
}
.btn-text-sm {	
	font-size: 1rem;
}

.btn:focus,
.btn:active {
	background-color: inherit!important;
	box-shadow: none!important;
	outline: none!important;	
	border: 1px solid transparent;
}
.btn-text {
	margin-right: auto;
	align-self: center;
}

/*button type*/
.btn-primary {
	color: #ffffff;
	background-color: #FF7109!important;
	border-color: #FF7109!important;
	box-shadow: 0px 8px 24px rgba(255, 113, 9, 0.15);
}
.btn-gray {
	color: #ffffff;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%), #8C8C8C!important;
	background-blend-mode: overlay, normal;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.btn-dark-gray {
	color: #ffffff;	
	background-color: #202020!important;
	border-color: #202020!important;
}
.btn-black {
	color: #ffffff;	
	background-color: #000000!important;
	border-color: #000000!important;
}
.btn-black-gradient {
	color: #ffffff;
	background: linear-gradient(90.99deg, rgba(23, 23, 24, 0.6) 0.07%, rgba(36, 38, 38, 0.6) 100%), rgba(11, 11, 11, 0.6);
	border-color: #656565!important;
}
.btn-outline-primary  {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #FF7109!important;
}
.btn-outline-black  {
	color: #000;
	background-color: transparent;
	border: 2px solid #000!important;
}
.btn-link-primary  {
	color: #FF7109;
	text-underline-offset: 3px;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}
.btn-link-white  {
	color: #fff;
	text-underline-offset: 3px;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}
.btn-link .btn-text {
	text-decoration: underline;
}
.btn-center {
	text-align: center;
	display: inline-block;
}
.btn:after {
	content: "\2023";
	font-size: 1.6rem;
}
.btn-center:after {
	display: none;
}

/*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-outline-black:hover {
	color: #ffffff;
	background-color: #000;
	border: 2px solid #000!important;
}
.btn-link:hover  {
	background-color: transparent;
	border-color: transparent;
}
.btn-link-primary:hover  {
	color: #FF3509;
}
.btn-link-white:hover  {
	color: #FF3509;
}
.btn-dark-gray:hover,
.btn-black:hover,
.btn-black-gradient:hover,
#myGarage .boxSize-md:hover {
	color: #ffffff;
	background-color: #171718!important;
	border-color: #171718!important;
}

/*INPUT STYLE*/
.form-control {	
	color: #ffffff!important;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5rem!important;
	background-color: rgba(0, 0, 0, 0.3)!important;
	border: 1px solid #8C8C8C!important;
	padding: 1.126rem 1.25rem 1.0rem;
}
.form-control.form-select {
	background-color: #1B1D1E!important;
}
.form-control::placeholder {
 	color: #fff!important;
}	
.form-control-gray::placeholder {
	color: #8c8c8c!important;
}
.form-control:focus {	
	box-shadow: none;
	outline: none;
	background-color: transparent;
	border-color: #FF7109;	
}
.form-control:focus::placeholder {	
	color: #8C8C8C!important;
}
.form-control-xl {
	padding: 1.47rem 1rem 1.281rem;
}
.form-control-lg {
	padding: 1.115rem 1.25rem 0.885rem;
}
.form-control-sm {
	padding: 0.4255rem 1.25rem 0.3255rem;
}
.form-control-xs {
	padding: 0.126rem 1.25rem 0;
}
.form-control-xxs {
	padding: 0.126rem 1rem 0;
}




.ts-control {
	color: #ffffff!important;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5rem!important;
	background-color: rgba(0, 0, 0, 0.3)!important;
	border: 1px solid #8C8C8C!important;
	padding: 0.976rem 1.25rem 0.9rem;
	width: 100%;
}

.select-beast-sm .ts-control {
	padding: 0.65rem 1rem 0.6rem; /*40px*/
}
.select-beast-lg .ts-control { 
	padding: 1.57rem 1rem 1.55rem; /*70px*/
}
.select-beast-text-gray .ts-control {
	color: #8c8c8c!important;
}
.ts-dropdown {
	color: #ffffff!important;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5rem!important;
	background-color: rgba(0, 0, 0, 0.8)!important;
	border: 1px solid #8C8C8C!important;
}
.ts-dropdown .active {
    background-color: #FF7109;
    color: #FFF;
}
.ts-dropdown .option {
	padding: 0.976rem 1.25rem 0.9rem;
}
.select-beast-sm .ts-dropdown .option  {
	padding: 0.65rem 1rem 0.6rem;
}
.ts-wrapper {
	position: relative;
}

.ts-wrapper:before {
	content: url('../../assets/images/Icon/arrows/dropdown-arrow-white.svg');
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1rem;	
	display: flex;
	height: 100%;
	align-items: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ts-wrapper.dropdown-active:before {
	transform: scaleY(-1);
}

.ts-control input {
	color: #FFF!important;
	max-height: 20px!important;
}

.select-beast-choose .ts-control {
	padding: 1rem 1rem 0.75rem;
}
.select-beast-choose .ts-control input {
	font-size: 1.5rem;
}
.ts-wrapper .ts-control > * {
	display: flex;
	align-items: center;
}

.select-beast-choose.select-beast-sm .ts-control > div {
	padding: 0.41rem 0;
}






/*select-flag*/
.select-flag .ts-control {
	border-right: none!important;
	padding: 0.7rem 1.125rem;
	border-radius: 4px 0 0 4px;
}
.select-flag.ts-wrapper:before {
	padding: 0.65rem 0px;
	height: auto;
}
.select-flag.ts-wrapper.single .ts-control input{
	display: none!important;	
}

/*Z-INDEX*/

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