/**** GLOBALS ****/
.float-right{float:right !important;}
.pt-0,.p-0,.py-0 {padding-top: 0 !important;}
.pb-0,.p-0,.py-0 {padding-bottom: 0 !important;}
.pl-0,.p-0,.px-0 {padding-left: 0 !important;}
.pr-0,.p-0,.px-0 {padding-right: 0 !important;}
.pt-1,.p-1,.py-1 {padding-top: 0.25em !important;}
.pb-1,.p-1,.py-1 {padding-bottom: 0.25em !important;}
.pl-1,.p-1,.px-1 {padding-left: 0.25em !important;}
.pr-1,.p-1,.px-1 {padding-right: 0.25em !important;}
.pt-2,.p-2,.py-2 {padding-top: 0.5em !important;}
.pb-2,.p-2,.py-2 {padding-bottom: 0.5em !important;}
.pl-2,.p-2,.px-2 {padding-left: 0.5em !important;}
.pr-2,.p-2,.px-2 {padding-right: 0.5em !important;}
.pt-3,.p-3,.py-3 {padding-top: 1em !important;}
.pb-3,.p-3,.py-3 {padding-bottom: 1em !important;}
.pl-3,.p-3,.px-3 {padding-left: 1em !important;}
.pr-3,.p-3,.px-3 {padding-right: 1em !important;}
.pt-4,.p-4,.py-4 {padding-top: 1.5em !important;}
.pb-4,.p-4,.py-4 {padding-bottom: 1.5em !important;}
.pl-4,.p-4,.px-4 {padding-left: 1.5em !important;}
.pr-4,.p-4,.px-4 {padding-right: 1.5em !important;}
.pt-5,.p-5,.py-5 {padding-top: 3em !important;}
.pb-5,.p-5,.py-5 {padding-bottom: 3em !important;}
.pl-5,.p-5,.px-5 {padding-left: 3em !important;}
.pr-5,.p-5,.px-5 {padding-right: 3em !important;}
.mt-0,.m-0,.my-0 {margin-top: 0 !important;}
.mb-0,.m-0,.my-0 {margin-bottom: 0 !important;}
.ml-0,.m-0,.mx-0 {margin-left: 0 !important;}
.mr-0,.m-0,.mx-0 {margin-right: 0 !important;}
.mt-1,.m-1,.my-1 {margin-top: 0.25em !important;}
.mb-1,.m-1,.my-1 {margin-bottom: 0.25em !important;}
.ml-1,.m-1,.mx-1 {margin-left: 0.25em !important;}
.mr-1,.m-1,.mx-1 {margin-right: 0.25em !important;}
.mt-2,.m-2,.my-2 {margin-top: 0.5em !important;}
.mb-2,.m-2,.my-2 {margin-bottom: 0.5em !important;}
.ml-2,.m-2,.mx-2 {margin-left: 0.5em !important;}
.mr-2,.m-2,.mx-2 {margin-right: 0.5em !important;}
.mt-3,.m-3,.my-3 {margin-top: 1em !important;}
.mb-3,.m-3,.my-3 {margin-bottom: 1em !important;}
.ml-3,.m-3,.mx-3 {margin-left: 1em !important;}
.mr-3,.m-3,.mx-3 {margin-right: 1em !important;}
.mt-4,.m-4,.my-4 {margin-top: 1.5em !important;}
.mb-4,.m-4,.my-4 {margin-bottom: 1.5em !important;}
.ml-4,.m-4,.mx-4 {margin-left: 1.5em !important;}
.mr-4,.m-4,.mx-4 {margin-right: 1.5em !important;}
.mt-5,.m-5,.my-5 {margin-top: 3em !important;}
.mb-5,.m-5,.my-5 {margin-bottom: 3em !important;}
.ml-5,.m-5,.mx-5 {margin-left: 3em !important;}
.mr-5,.m-5,.mx-5 {margin-right: 3em !important;}
.d-block {display: block !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-none {display: none !important;}
.align-left {text-align: left !important;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-justify {text-align: justify !important;}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(96 49 146), rgba(0, 0, 0, 0));
}

.a3d-user-list {
	/* display:grid;
	grid-gap: 50px;
	grid-template-columns: 25% 25% 25% 25%;
	justify-content: space-evenly;
	align-content: start; */
	max-width: calc(300px * 4) !important;
	margin: 0 auto !important;
}
.a3d-user-list > div:not(.a3d-user) {
	display: none !important;
}
.a3d-user {
	/* display:block; */
	position:relative;
	overflow:hidden;
	width: 290px !important;
	height: 290px !important;
	margin: 5px;
}

.a3d-user-img-wrapper {
	overflow:hidden;
}
.a3d-user-img {
	width: 600px;
	transition: all .4s ease-in-out;
}
.a3d-user-content-wrapper {
	position:absolute;
	bottom:0;
	display: block;
	width: 100%;
	height: 3.5em;
	background-color: #16003f;
	padding: 0 .5em;
	box-sizing: border-box;
	transition: all .4s ease-in-out;
	box-shadow: 0px 0px 25px 25px #16003f;
}
.a3d-user-heading {
	position: relative;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.a3d-user-heading h3 {
	margin: 0;
	position: absolute;
	bottom: .4em;
	color:#fff !important;
}
.a3d-user-details {
	opacity:0;
	position: absolute;
    top: 0;
    color: #fff;
    line-height: 1;
    padding-top: .5em;
	transition: all .4s ease-in-out;
}
.a3d-user-details a {
	color: #ee3d96;
}
/** HOVER **/
.a3d-user:hover {
	cursor: pointer;
}
.a3d-user:hover .a3d-user-img {
	transform: scale(1.1);
}
/* .a3d-user:hover .a3d-user-content-wrapper {
	height: 50%;
} */
.a3d-user:hover .a3d-user-details {
	opacity: 1;
}
/*AJAX LOADER*/
#ajax-loader {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:block;
	background-color: rgba(96, 49, 146,0.5);
	z-index: 1000;
}
#ajax-loader i {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}

@media (max-width: 1259px) { /* LARGE - LG */
	.d-lg-none {display:none !important;}
	.d-lg-block {display:block !important;}
	.d-lg-inline {display:inline !important;}
	.d-lg-inline-block {display:inline-block !important;}

	.a3d-user-list {
		max-width: calc(300px * 3) !important;
	}
	
}

@media (max-width: 992px) { /* MEDIUM - MD */
	.d-md-none {display:none !important;}
	.d-md-block {display:block !important;}
	.d-md-inline {display:inline !important;}
	.d-md-inline-block {display:inline-block !important;}

	.a3d-user-list {
		max-width: calc(300px * 2) !important;
	}
}

@media (max-width: 800px) { /* SMALL - SM */
	.d-sm-none {display:none !important;}
	.d-sm-block {display:block !important;}
	.d-sm-inline {display:inline !important;}
	.d-sm-inline-block {display:inline-block !important;}

	.a3d-user-list {
		max-width: calc(300px * 1) !important;
	}
}

@media (max-width: 576px) { /* X-SMALL - XS */
	.d-xs-none {display:none !important;}
	.d-xs-block {display:block !important;}
	.d-xs-inline {display:inline !important;}
	.d-xs-inline-block {display:inline-block !important;}

	.a3d-user-list {
		max-width: calc(300px * 1) !important;
	}
}