/* separatori */

.decorated{position: relative;}
.decorated .deco{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -40px;
	height: 80px;
	width: 80px;
	margin-left: -40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-color: #fff;
	z-index: 10;
}

.arr-left.decorated .deco{left: 0;}
.arr-right.decorated .deco{left: auto; right: 0;}

.arr-white.decorated .deco{background-color: #fff;}
.arr-gray.decorated .deco{background-color: #f1f1f1;}
.arr-black.decorated .deco{background-color: #000;}
.arr-dark.decorated .deco{background-color: #333;}
.arr-sdark.decorated .deco{background-color: #202020;}
.arr-trans-dark.decorated .deco{background-color: rgba(0,0,0,0.6);}

.b-white.decorated .deco{background-color: #fff;}
.b-gray.decorated .deco{background-color: #f1f1f1;}
.b-black.decorated .deco{background-color: #000;}
.b-dark.decorated .deco{background-color: #333;}
.b-sdark.decorated .deco{background-color: #202020;}
.b-trans-dark.decorated .deco{background-color: rgba(0,0,0,0.6);}

/* Revarrow */

.revarrow{
	margin: -40px auto 0;
	height: 40px;
	width: 80px;
	position: relative;
}

.revarrow:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -40px;
	height: 80px;
	width: 80px;
	margin-left: -40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	z-index: 1;
}
.revarrow .right,
.revarrow .left{
	position: absolute;
	content: "";
	top: 0;
	height: 100%;
	width: 0;
	background-color: #fff;
}
.revarrow .right{left: 100%;}
.revarrow .left{right: 100%;}
.r-white.revarrow .left,
.r-white.revarrow .right,
.r-white.revarrow:before{background-color: #fff}
.r-gray.revarrow .left,
.r-gray.revarrow .right,
.r-gray.revarrow:before{background-color: #f1f1f1}
.r-black.revarrow .left,
.r-black.revarrow .right,
.r-black.revarrow:before{background-color: #000}
.r-dark.revarrow .left,
.r-dark.revarrow .right,
.r-dark.revarrow:before{background-color: #333}
.r-sdark.revarrow .left,
.r-sdark.revarrow .right,
.r-sdark.revarrow:before{background-color: #020202}