.arrow_cta
{
	backface-visibility: visible;
	transition: padding 0.25s ease;

	color: #e5e5e5;
	font: normal 600 17px/2.17 "Barlow Condensed", sans-serif;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: uppercase;
	vertical-align: middle;

	box-sizing: border-box;
	display: inline-block;
	margin-right: 50px;
	padding-right: 0;
	position: relative;
	 z-index: 2;
}

.arrow_cta:after
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateY(-50%);
	transition: right .25s ease;

	color: #f8be21;
	font: normal 400 46px/1 "USPIS UI", sans-serif !important;
	font-variant: normal !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none !important;
	text-transform: none !important;
	speak: none;
	vertical-align: middle;

	display: inline-block;
	position: absolute;
	 top: 50%;
	 right: -50px;

	content: "k";
	pointer-events: none;
}

.arrow_cta:after
{
}

@media (hover: hover), all and (-ms-high-contrast: none)
{
	.arrow_cta:hover
	{
		cursor: pointer;
	}

	.arrow_cta:active,
	.arrow_cta:focus
	{
		color: #f8be21;
	}

	.arrow_cta:hover:after,
	.arrow_cta:focus:after
	{
		right: -60px;
	}
}

.arrow_cta[download]:after,
.arrow_cta.download:after
{
	content: "\68";
}

.arrow_cta.external:after
{
	content: "\67";
}

.arrow_cta.social
{
	padding-left: 50px;
}

.arrow_cta.social:before
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateY(-50%);

	color: inherit;
	font: normal 400 175% "USPIS UI", sans-serif !important;
	font-variant: normal !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none !important;
	text-transform: none !important;
	line-height: inherit;
	speak: none;
	vertical-align: middle;

	position: absolute;
	top: 50%;
	left: 10px;
}

.arrow_cta.social.twitter:before
{
	content: "\23";
}

.arrow_cta.social.twitter:after
{
    content: "k";
}

.arrow_cta.social.facebook:before
{
	content: "\25";
}

.arrow_cta.social.youtube:before
{
	content: "\26";
}

.arrow_cta.social.instagram:before
{
	content: "\5e";
}

@media only screen and (max-width: 1176px)
{
.story .arrow_cta {
	margin-bottom:20px;
}
}