/* http://www.cssarrowplease.com*/
.arrow-box {
	position: absolute;
	background: none;
	height: 120px;
	width: 0px;
	top:-30px;
	border: 0px;
	border-left: dashed 2px #88b7d5;
	border-bottom-color: #999999;
	opacity: 0.85;
}
.arrow-box-up{
    -moz-transform:    rotate(55deg);
    -webkit-transform: rotate(55deg);
    -ms-transform:     rotate(55deg);
    -o-transform:      rotate(55deg);
	border-left-color: #45818E;
}
.arrow-box-down{
    -moz-transform:    rotate(125deg);
    -webkit-transform: rotate(125deg);
    -ms-transform:     rotate(125deg);
    -o-transform:      rotate(125deg);
	border-left-color: #CF4625;
}

.arrow-box-up:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #45818E;
	border-width: 7px;
	margin-left: -7px;
	opacity: 0.85;
}

.arrow-box-down:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #CF4625;
	border-width: 7px;
	margin-left: -7px;
	opacity: 0.85;
}