.references{
	position:relative;
}

.references .reference{
	margin-bottom: 30px;
}

.su-sh-btn.reference-ajax{
	margin-top: 0;
}

.reference-info a{
	position:absolute;
	left:15px;
	right:15px;
	top:15px;
	bottom:15px;
}

.reference-info{
	position:absolute;
	left:15px;
	top:100%;
	right:15px;
	height:100%;
	background:rgba(235, 92, 46, 0.8);
	text-align: center;
	padding-top: 30%;
	opacity:0;
	transition:all 0.3s;
}

.reference-info h4{
	color:#FFF;
}

/*.reference a{
	position:absolute;
	left:15px;
	top:15px;
	bottom:15px;
	right:15px;
}*/

.reference:hover .reference-info{
	top:0;
	opacity:1;
	transition:all 0.3s;
} 

.references-list{
	margin-bottom: 10px;
}

.references h3.h2{
	margin-bottom: 20px;
}

.references-list .list-inline-item:not(:last-child){
	margin-right: 20px;
}
.references-list a{
	color:#4c4c4c;
	font-style:italic;
	text-decoration: none;
}
.references-list a:hover, .references-list a.active{
	color:#eb5c2e;
	text-decoration: none;
}



.text-black .reference-info h4{
	color:#FFF;
	font-size: 1.4rem;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:1px solid #FFF;
	display: inline-block;
}
.text-black .reference_small .reference-info h4{
	color:#FFF;
	font-size: 1.2rem;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:1px solid #FFF;
	display: inline-block;
}
.text-black .reference_small .reference-info p{
	font-size: 0.9rem;
}
.reference_small .reference-info{
	padding-top: 24%;
}

.reference .reference-info .fa{
	position:absolute;
	right:20px;
	bottom:20px;
	font-size: 24px;
	color:#FFF;
}

.reference_big{

}
.reference_small{

}

.references .next{
	margin: 0 0 30px 0;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.references .next a{
    text-align: center;
    color:#eb5c2e;
    text-decoration: none;
    position:relative;
    top:0;
    right:0;
    left:0;
    bottom:0;
}

.references .next a{
	display:inline-block;
	padding:10px;
	border-bottom:1px solid #CCC;
}

.reference{
	visibility: hidden;
	overflow:hidden;
}
.reference.visible{
	visibility: visible;
}

@media (max-width:992px){
	.reference_small .reference-info {
	    padding-top: 16%;
	}
	.reference .reference-info .fa{
		display:none;
	}
	.references-list{
		text-align: right;
	}
}
@media (max-width:767px){
	.reference .reference-info .fa{
		display:block;
	}
}
@media (max-width:576px){
	.reference-info, .reference_small .reference-info {
	    padding-top: 25%;
	}
	.references .reference {
	    margin-bottom: 18px;
	}
}

/* ---------------------------------------------------------//
//----------------------------------------------------------//
//------------------------AJAX LOADER-----------------------//
//----------------------------------------------------------//
//----------------------------------------------------------*/
.ajax-loader{
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-22px;
  margin-top:-22px;
  z-index:666;
}

.ajax-bkg{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:660;
  background:rgba(255,255,255,0.6);
  transition:all 0.3s;
  animation-duration: 0.3s;
}