/*======== Icons ========*/
.y-arrow {
	width: 23px;
	height: 17px;
	background:url(../images/arrow.svg) no-repeat center;
	background-size: contain;
	display: inline-block;
	transform: translateX(-100%);
	opacity: 0;
	margin-top: 4px;
	transition: all 0.4s cubic-bezier(.23,1,.32,1), transform 0.4s cubic-bezier(.23,1,.32,1);
}

.y-arrow-element {
	transform: translateY(-23px);
	
}

.has-y-arrow:hover .y-arrow {
	transform: translateX(0);
	opacity: 1;
	height: 17px;
	transition-delay: 0s;
}

.has-y-arrow:hover .y-arrow {
	transform: translateX(0);
	opacity: 1;
	height: 17px;
}


.has-y-arrow-element {
	margin-bottom: -27px;
	transition: all 0.25s cubic-bezier(.23,1,.32,1);
}

.has-y-arrow:hover .has-y-arrow-element {
	transform: translateY(0);
	margin-bottom: 0px;
}