/* ---------- LAST UPDATE : 03/03/2021 ----------*/
/* ------------------UTILITY-------------------- */
.u-none {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ul-d {
	list-style-type:none;
	margin:0px;
	padding: 0px;
}

.ul-h {
	display: inline-block;
	list-style-type:none;
	margin:0px;
	padding: 0px;
}
.ul-h li {
	display:inline-block;
}

.shadow-box-t-1 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shadow-box-t-1:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.shadow-box-t-2 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shadow-box-t-2:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.13);
}

.col-20 {
	width:20%;
}
.col-25 {
	width:25%;
}
.col-30 {
	width:30%;
}
.col-30-h {
	width:30%;
}
.col-33 {
	width:33.3333333%;
}
.col-33-h {
	width:33.3333333%;
}
.col-35 {
	width:35%;
}
.col-40 {
	width:40%;
}
.col-45 {
	width:45%;
}
.col-50 {
	width:50%;
}
.col-55 {
	width:55%;
}
.col-60 {
	width:60%;
}
.col-65 {
	width:65%;
}
.col-70 {
	width:70%;
}
.col-75 {
	width:75%;
}
.col-80 {
	width:80%;
}
.col-85 {
	width:85%;
}
.col-90 {
	width:90%;
}
.col-95 {
	width:95%;
}
.f-l-b {
	float:left;
}
.f-r-b {
	float:right;
}
.a-768 {
	display: inherit;
}
.b-768 {
	display: none !important;
}
.c-flex {
	display: flex;
}

.no-outline:focus {
	outline: none;
}
@media (max-width: 768px) {
	.c-flex {
		display: inherit;
	}
	.a-768 {
		display: none !important;
	}
	.b-768 {
		display: inherit !important;
	}
	.f-l-b {
		float:none;
	}
	.f-r-b {
		float:none;
	}
	.col-x-h {
		margin:0px !important;
	}
	.col-x {
		width:100% !important;
		margin:0px !important;
	}
	.col-20 {
		width:50%;
		margin:0px !important;
	}
	.col-25 {
		width:50%;
		margin:0px !important;
	}
	.col-30 {
		width:100%;
		margin:0px !important;
	}
	.col-30-h {
		width:50%;
		margin:0px !important;
	}
	.col-33 {
		width:100%;
		margin:0px !important;
	}
	.col-33-h {
		width:50%;
		margin:0px !important;
	}
	.col-35 {
		width:100%;
		margin:0px !important;
	}
	.col-40 {
		width:100%;
		margin:0px !important;
	}
	.col-45 {
		width:100%;
		margin:0px !important;
	}
	.col-50 {
		width:100%;
		margin:0px !important;
	}
	.col-55 {
		width:100%;
		margin:0px !important;
	}
	.col-60 {
		width:100%;
		margin:0px !important;
	}
	.col-65 {
		width:100%;
		margin:0px !important;
	}
	.col-70 {
		width:100%;
		margin:0px !important;
	}
	.col-75 {
		width:100%;
		margin:0px !important;
	}
	.col-80 {
		width:100%;
		margin:0px !important;
	}
	.col-85 {
		width:100%;
		margin:0px !important;
	}
	.col-95 {
		width:100%;
		margin:0px !important;
	}
}