/**handles:bootstrap**/
/* custom bootstrap */
.custom-btn-icon {
	margin-left: 7.5px;
}

.border-bottom {
	border-bottom: 1px solid rgba(128, 128, 128, .3);
}

.dark-background {
	background: #1E1E1E !important;
}

.grey-background {
	background: #d9d9d9 !important;
}

.text-light {
	color: #fff !important;
}

.text-dark {
	color: #000 !important;
}

.d-flex {
	display: flex;
	width: 100%;
}

.d-block {
	display: block;
}

.flex-col {
	flex-direction: column !important;
}

.flex-row {
	flex-direction: row !important;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

.display-flex {
	display: flex;
	flex-wrap: nowrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.big-container {
	display: block;
	max-width: 90rem;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.custom-container {
	display: block;
	max-width: 60%;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
}

.justify-content-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.w-25 {
	width: 25%;
}

.w-50 {
	width: 50%;
}

.w-75 {
	width: 75%;
}

.w-100 {
	width: 100%;
}

.mw-25 {
	max-width: 25%;
}

.mw-50 {
	max-width: 50%;
}

.mw-75 {
	max-width: 75%;
}

.mw-100 {
	max-width: 100%;
}

.h-25 {
	height: 25%;
}

.h-50 {
	height: 50%;
}

.h-75 {
	height: 75%;
}

.h-100 {
	height: 100%;
}

.mh-25 {
	max-height: 25%;
}

.mh-50 {
	max-height: 50%;
}

.mh-75 {
	max-height: 75%;
}

.mh-100 {
	max-height: 100%;
}

.m-1 {
	margin: .25rem;
}

.m-2 {
	margin: .5rem;
}

.m-3 {
	margin: .75rem;
}

.m-4 {
	margin: 1.5rem;
}

.m-5 {
	margin: 3rem;
}

.p-1 {
	padding: .25rem;
}

.p-2 {
	padding: .5rem;
}

.p-3 {
	padding: 1rem;
}

.p-4 {
	padding: 1.5rem;
}

.p-5 {
	padding: 3rem;
}

.py-5 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.mx-auto {
	margin: 0 auto;
}

.my-auto {
	margin: auto 0;
}

.mt-auto {
	margin-top: auto;
}

.mb-auto {
	margin-bottom: auto;
}

.ml-auto {
	margin-left: auto;
}

.mr-auto {
	margin-right: auto;
}

.m-auto {
	margin: auto;
}

.mt-0 {
	margin-top: 0;
}

.mt-1 {
	margin-top: .25rem;
}

.mt-2 {
	margin-top: .5rem;
}

.mt-3 {
	margin-top: .75rem;
}

.mt-4 {
	margin-top: 1.5rem;
}

.mt-5 {
	margin-top: 3rem;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-1 {
	margin-bottom: .25rem;
}

.mb-2 {
	margin-bottom: .5rem;
}

.mb-3 {
	margin-bottom: .75rem;
}

.mb-4 {
	margin-bottom: 1.5rem;
}

.mb-5 {
	margin-bottom: 3rem;
}

.px-3 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.col-md-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-md-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-md-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-md-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-md-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.my-5 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.my-4 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

@media (max-width: 998px) {
	.flex-nowrap {
		flex-wrap: wrap;
	}
	.big-container {
		width: 95%;
		margin: auto;
	}
	.custom-container {
		width: 95%;
		margin: auto;
	}
	.col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* end custom bootstrap */