#ref-act-footer.needs-slider img 
{
    transform: scale(.93) skew(0deg, -3deg);
}

#ref-act-footer:not(.needs-slider) > div 
{
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% / 3 - 2em);
    width: 100%;
    text-align: center;
	margin: 1em;
	position: relative;
}

.ref-act-footer-item > a 
{
    display: block;
    width: 100%;
    height: 100%;
}

#ref-act-footer img { transform: skew(0deg, -3deg); }

.ref-act-footer-inner 
{
    background: rgba(2, 46, 89, .8);
    position: absolute;
    bottom: calc(0.35em + -0.5px);
    padding: 2em 1em;
    transform: skew(0deg, -3deg);
	opacity: 0;
	width: 100%;
}

#ref-act-footer.needs-slider .ref-act-footer-item:hover .ref-act-footer-inner,
#ref-act-footer:not(.needs-slider) > div:hover .ref-act-footer-inner 
{ 
	opacity: 1; 
}

.ref-act-footer-inner > * 
{
    display: block;
    color: white;
    font-size: 14px;
    line-height: 17px;
	transform: skew(0deg, 3deg);
}


.ref-act-footer-item.ref-act-footer-type-post .ref-act-footer-title 
{
    text-transform: uppercase;
    margin-bottom: 1em;
}

.ref-act-footer-c-1,
.ref-act-footer-c-2 
{ 
	text-align: center; 
}

.owl-prev, 
.owl-next
{
    position: absolute;
    top: 50%;
}

.owl-prev 
{
    left: -3.5em;
}

.owl-next 
{
    right: -3.5em;
}

.owl-prev > span, 
.owl-next > span 
{
    font-size: 3em;
    color: white;
}

#ref-act-footer.needs-slider .ref-act-footer-inner 
{
    bottom: calc(0.75em - 1px);
    /* max-width: calc(100% - 2em); */
    max-width: 93%;
    margin-left: 1em;
    text-align: center;
}

#ref-act-footer {
    margin-bottom: 5em;
    padding-top: 2em;
}


@media screen and (max-width: 1239px)
{
	#ref-act-footer:not(.needs-slider) > div { max-width: calc(50% - 2em); }
}



@media screen and (max-width: 959px)
{
	.ref-act-footer-inner
	{ 
		opacity: 1; 
	}
	
	#ref-act-footer.needs-slider .ref-act-footer-inner {
		bottom: calc(0.75em - 2px);
		max-width: calc(100% - 1.5em - 1px);
		margin-left: 0.75em;
	}
}


@media screen and (max-width: 767px)
{
	.owl-prev { left: -2em; }
	.owl-prev { left: -2em; }
}


@media screen and (max-width: 479px)
{
	#ref-act-footer:not(.needs-slider) > div { max-width: calc(100% - 2em); }
	
	#ref-act-footer.needs-slider .ref-act-footer-inner 
	{
		bottom: calc(0.75em - 0px);
		max-width: calc(100% - 2em);
		margin-left: 1em;
	}
}


@media screen and (max-width: 420px)
{
	#ref-act-footer.needs-slider .ref-act-footer-inner 
	{
		bottom: calc(0.7em - 1px);
		max-width: calc(94% - 3px);
		margin-left: calc(0.75em + 2px);
	}
}