.font_size_xl3{
	font-size: calc(var(--font_size_xl) + 9px);
}
.font_size_xl2{
	font-size: calc(var(--font_size_xl) + 6px);
}
.font_size_xl1{
	font-size: calc(var(--font_size_xl) + 3px);
}
.font_size_xl{
	font-size: var(--font_size_xl);
}
.font_size_lg{
	font-size: var(--font_size_lg);
}
.font_size_md{
	font-size: var(--font_size_md);
}
.font_size_sm{
	font-size: var(--font_size_sm);
}
.font_size{
	font-size: var(--font_size);
}

.pointer{
	cursor: pointer;
}


.radius_3{
	border-radius: 3px;
}
.radius_5{
	border-radius: 5px;
}
.radius_10{
	border-radius: 10px;
}

.radius_30{
	border-radius: 30px;
}
.shadow{
	box-shadow: 0px 0px 3px #CCC;
}
.input_dark{
	background: rgba(255, 255, 255, 00.5);
	color: #FFF;
	border-radius: 30px !important;
	border: solid 1px #FFF;
	outline: none !important;
}
.input_dark:focus-visible{
	border-radius: 30px !important;
}
.bg_red{
	background-color: var(--red_color);
	color: #FFF;
}
.bg_red .text-white *{
	color: #FFF !important;
}
.bg_red.btn:hover{
	background-color: var(--red_color);
	color: #333;
}
.text_red{
	color: var(--red_color);
}

.text_2l {
  display: -webkit-box;             
  -webkit-line-clamp: 2;           
  -webkit-box-orient: vertical;     
  overflow: hidden;           
}

.text_3l {
  display: -webkit-box;             
  -webkit-line-clamp: 3;           
  -webkit-box-orient: vertical;     
  overflow: hidden;           
}

.text_4l {
  display: -webkit-box;             
  -webkit-line-clamp: 4;           
  -webkit-box-orient: vertical;     
  overflow: hidden;           
}

.text_5l {
  display: -webkit-box;             
  -webkit-line-clamp: 5;           
  -webkit-box-orient: vertical;     
  overflow: hidden;           
}

.list_none li{
	list-style: none;
}

.border_1{
    border: solid 1px #CCC !important;
}

.a_fix, .a_fix a{
	text-decoration: none;
	color: #000;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}