*{box-sizing: border-box;
	margin: 0; padding: 0;
}
a{
	text-decoration: none;
	transition: all 0.4s ease-in-out;


}
a:hover{
	color: var(--main-color);
}
ul{
	padding: 0;
	list-style: none;
	margin: 0;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-nowrap{
	display: flex;
	flex-wrap: nowrap;
}
.flex-center{
	align-items: center;
}
.flex-justify-center{
	justify-content: center;
}
.flex-justify-between{
	justify-content: space-between;
}
.flex-justify-around{
	justify-content: space-around;
}
.flex-justify-end{
	justify-content: end;
}
.p-0-10{
	padding: 0 10px;
}
.pd-15{
	padding: 15px;
}
.pd-l-15{
	padding-left: 15px;
}
.pd-0-15{
	padding: 0 15px;
}
.mg-15{
	margin: 15px;
}
.mg-0-15{
	margin: 0 15px;
}
.mg-l-20{
	margin-left: 20px;
}
.flex-col-1{
	width: calc(100% - 15px);
}
.flex-col-2{
	width: calc(100% / 2 - 15px);
}
.flex-col-3{
	width: calc(100%/3 - 15px);
}
.flex-col-4{
	width: calc(100%/ 4 - 15px);
}
.flex-col-5{
	width: calc(100%/5 - 15px);
}
.flex-col-6{
	width: calc(100% /6 - 15px);
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.no-padding{
	padding: 0 !important;
}
.no-pading-lr{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.no-gutters {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.a-center{
	text-align: center;
}
.a-left{
	text-align: left;
}
.a-justify{
	text-align: justify;
}

.center-block{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#loading {display: block; text-align: center;background:  url('./images/ajax-loader1.gif') no-repeat 50% 30%; color: #FFF; height: 200px; text-shadow: none; padding: 1em 1.2em; }