.flowAkcii{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	max-width: 305px;
	padding: 24px;
	display: none;
}
.flowAkcii a img{
	width: 88px;
}
.flowAkcii .describe span{
	font-size: 12px;
	line-height: 14px;
	color: #6798CA;
	border-bottom: 0.5px solid #6798CA;
	padding-top: 10px;
	font-family: 'Gotham Pro';
	font-weight: bold;
	padding-bottom: 3px;
}
.flowAkcii .describe{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;    
	align-items: flex-end;
	width: 150px;
	margin-left: 17px;
}
.flowAkcii strong{
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}

.flowAkcii .allAkc{
	height: 38px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 12px;
	line-height: 14px;
	font-family: 'Gotham Pro';
	color: #FFFFFF;
	background: #6798CA;
	margin-bottom: 0;
}
.flowAkcii a:hover{

	text-decoration: none;
}
.flowAkcii a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 19px;
	text-decoration: none;
}
.flowAkcii .allAkc:hover{
	opacity: .6;
}
.leftAkcii img{
	margin-right: 10px;
}
.leftAkcii span{
	font-family: Days;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}
.leftAkcii{	
	position: absolute;
	left: calc(100% - 43px);
	top: 42px;
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	background: #E7372D;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	padding: 10px;
	transform: rotate(270deg);
	display: flex;
}
.flowContainer{
	position: fixed;
	left: 0;
	top: 184px;
	z-index: 10000000000;
}
.closerAkc {
	position: absolute;
	left: calc(100% + 38px);
	top: -30px;
	z-index: 1;
	padding: 10px;
	cursor: pointer;
	display: none;
}
@media (max-width: 500px) {
	.flowContainer{
		position: fixed;
		left: 0;
		top: inherit;
		z-index: 10000000000;
		bottom: 0;
		right: 0;
	}
	.leftAkcii {
		position: absolute;
		left: 0;
		cursor: pointer;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		background: #E7372D;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		padding: 10px;
		transform: rotate(0deg);
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		top: inherit;
		bottom: 100%;
	}
	.closerAkc {
		position: absolute;
		left: 90%;
		top: inherit;
		z-index: 1;
		padding: 10px;
		cursor: pointer;

		bottom: calc(100% + 2px);
	}
	.flowAkcii {		
		max-width: 100%;
	}
	/*.bottom0 .leftAkcii{
		top: -46px;
	}
	.bottom0 .closerAkc{
		top: -44px;
		}*/
		.bottom0{
			bottom: 0;
		}
		.flowAkcii .describe{
			width: 100%;
		}
		.flowAkcii strong{
			width: 100%
		}
		.flowAkcii a img{
			flex: none;
			height: 88px;
		}
		.flowAkcii a{
			flex: none;		
		}
		.closerAkc{
			display: block;
		}
	}