.activity_tag .arrow{
	top: -11px
}
/**
* Icons 
*/
.btn_seq.close, .btn_seq {
	background: url("../img/deploy_button.png") no-repeat; 
	position: absolute;
	bottom: -5px;
	right: 0px;
	display: block;
	width: 46px;
	height: 47px;
}
div[data-sg-id=btn-sequence][data-sg-status=open] .btn_seq {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

/**
* Element elem-sequence
*/
div[data-sg-id=elem-sequence] {
	color: white;
	position: relative;
	top: 66px;
	left: 30px;
}

/**
* Items and Buttons
*/

div[data-sg-id=item-sequence] {
	position: relative;
	top: -50px;
	z-index: 1;	
	margin-bottom: -70px;
}

.item_seq.sec2{
	font-size: 1em;
	margin-left: 30px;
}
.item_seq span{
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	background: #199BD8;
	border-radius: 40px;
	padding: 10px 45px 10px 70px;
}
.item_seq.sec2 span{
	background: #3DB9EA;
}

.arrow {
	position: relative;
	margin-top: 11px;
	margin-bottom: -2px;
}

div[data-sg-id=btn-sequence] {
	position: relative;
	z-index: 2;
}

/* icons  and items adapter */
div[data-sg-id=btn-sequence]:nth-of-type(1){
	top: 1px;
	left: 57px;
}
div[data-sg-id=btn-sequence][data-sg-status=open] {
	top: -1px !important;
}

div.item_seq.sec2:nth-of-type(2){
	margin-top: 75px;
}
div.item_seq.sec2:nth-of-type(3){
	margin-top: 200px;
}
div.item_seq.sec2:nth-of-type(3) span{
	padding: 13px 45px 13px 70px;
}

div.item_seq.sec2 div[data-sg-id=elem-sequence]:nth-of-type(1){
	top: 55px;
}
div[data-sg-id=btn-sequence].top{
	top: 17px;
	left: 57px;
}
div[data-sg-id=btn-sequence][data-sg-status=open].top{
	top: 14px !important;
}
div[data-sg-id=btn-sequence].bottom{
	top: 4px;
}
div[data-sg-id=btn-sequence][data-sg-status=open].bottom{
	top: 2px !important;
}


/* finals levels */
div[data-sg-id=item-sequence].final{
	position: absolute;
}
.final .item_seq {
	display: inline-block;
	position: absolute;
	background: #F5F5F5;
	border: 2px dashed #69C4DA;
	border-radius: 40px;
	padding: 10px 20px;
	text-align: center;
	top: 150px;
}
.final .item_seq span{
	background: none;
	color: #69C4DA;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: -1px;
	padding: 0;
}
.final.dos div:nth-child(2){
	width: 195px;
	left: 17px;
}
.final.dos div:nth-child(3){
	left: 250px;
	width: 280px;
}
.final.dos div:nth-child(4){
	left: 560px;
	width: 260px;
}

div.item_seq.sec2:nth-of-type(3) .final.tres span{
	padding: 0;
	line-height: 1.1em;
}
.final.tres .item_seq {
	top: 145px;
	padding: 15px 20px;
}
.final.tres div:nth-child(2){
	width: 198px;
	left: 12px;
}
.final.tres div:nth-child(3){
	left: 230px;
	width: 255px;
}
.final.tres div:nth-child(4){
	left: 515px;
	width: 310px;
}
.final.tres div:nth-child(5){
	left: 850px;
	width: 205px;
}


/* arrows */
.arrow, .arrow1{
	position: absolute;
}
.arrow1{
	background: url(../img/arrow_4.png) no-repeat;
	width: 35px;
	height: 302px;
	left: 20px;
}
.dos .arrow{
	background: url(../img/arrow_6.png) no-repeat;
	width: 562px;
	height: 81px;
	left: 110px;
	top: 53px;
}
.tres .arrow{
	background: url(../img/arrow_5.png) no-repeat;
	width: 841px;
	height: 55px;
	top: 70px;
	left: 100px;
}

