/* css arrow*/
.arrow-up, .arrow-right, .arrow-down, .arrow-left, .icon-cross, .icon-check{
	margin: auto; background-image: none; color:currentColor; display: inline-block; position: relative; width: 1em; height: 1em; vertical-align: middle; text-align: center;
}

.arrow-up:before, .arrow-right:before, .arrow-down:before, .arrow-left:before, .icon-cross:before, .arrow-up:after, .arrow-right:after, .arrow-down:after, .arrow-left:after, .icon-cross:after,
.icon-check:before, .icon-check:after{
	content: ""; display:inline-block;
	position: absolute;
	width: 4%;
	min-width: 2px;
	background-color: currentColor;
	pointer-events: none;
	border-radius: 16px;
}


.arrow-up:before, .arrow-up:after{
	height: 70.71%; top: 15%; left: 50%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.arrow-up:before{
-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.arrow-up:after{
	-webkit-transform: translateX(-70.71%) rotate(315deg);
	transform: translateX(-70.71%) rotate(315deg);
}

.arrow-down:before, .arrow-down:after{
	height: 70.71%; bottom: 15%; left: 50%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.arrow-down:before{
-webkit-transform:translateY(70.71%) rotate(135deg);
	transform:translateY(70.71%) rotate(135deg);
}

.arrow-down:after{
	-webkit-transform:translateY(70.71%) translateX(-70.71%) rotate(-135deg);
	transform:translateY(70.71%) translateX(-70.71%) rotate(-135deg);
}



.arrow-left:before, .arrow-left:after{
	height: 70.71%; top: 50%; left: 15%;
	background-color: currentColor;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.arrow-left:before{
	-webkit-transform:translateY(-2%) rotate(-45deg);
	transform:translateY(-2%) rotate(-45deg);
}
.arrow-left:after{
	-webkit-transform: translateY(2%) rotate(-135deg);
	transform: translateY(2%) rotate(-135deg);
}

.arrow-right:before, .arrow-right:after{
	height: 70.71%;top: 50%;right: 15%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.arrow-right:before{
	-webkit-transform:translateY(-2%) rotate(45deg);
	transform:translateY(-2%) rotate(45deg);
}

.arrow-right:after{
	-webkit-transform:translateY(2%) rotate(135deg);
	transform:translateY(2%) rotate(135deg);
}


.icon-cross:before, .icon-cross:after{	
	height: 100%; top: 0; left:46%;
}

.icon-cross:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.icon-cross:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.icon-check:before, .icon-check:after{
	height: 70.71%; bottom: 15%; left: 20%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.icon-check:before{
	height:40%;
-webkit-transform:translateY(82%) rotate(135deg);
	transform:translateY(82%) rotate(135deg);
}

.icon-check:after{
	-webkit-transform:translateY(90%) translateX(-70.71%) rotate(-135deg);
	transform:translateY(90%) translateX(-70.71%) rotate(-135deg);
}