@charset "utf-8";

#topimg{
	background-image: url(/flow/img/topimg.jpg);
}
.step{
	position: relative;
	width:100%;
	padding: 10px 30px;
	margin-top: 50px;
	text-align: center;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.step:after{
	content: "";
	position: relative;
	width: 0;
	height: 0;
	bottom: -60px;
	left: 0;
	border-style: solid;
	border-width: 30px 100px 0 100px;
	z-index: 1;
}
.step h3{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
	color: #FF542C;
}
.step p{
	text-align: left;
}
.step h3 span{
	font-size: 140%;
}
#step1{
	background-color: #D8EDFB;
	background-image: url(/flow/img/f01.png);
}
#step1:after{
	border-color: #D8EDFB transparent transparent transparent;
}
#step2{
	background-color: #DCF0F4;
	background-image: url(/flow/img/f02.png);
}
#step2:after{
	border-color: #DCF0F4 transparent transparent transparent;
}
#step3{
	background-color: #E2F3EF;
	background-image: url(/flow/img/f03.png);
}
#step3:after{
	border-color: #E2F3EF transparent transparent transparent;
}
#step4{
	background-color: #E6F6E8;
	background-image: url(/flow/img/f04.png);
}
#step4:after{
	border-color: #E6F6E8 transparent transparent transparent;
}
#step5{
	background-color: #EAF9E2;
	background-image: url(/flow/img/f05.png);
}
#step5:after{
	border-color: #EAF9E2 transparent transparent transparent;
}
#step6{
	background-color: #EFFCDB;
	background-image: url(/flow/img/f06.png);
}
#step6:after{
	border-color: #EFFCDB transparent transparent transparent;
}
#step7{
	padding-bottom: 30px;
	background-color: #F3FFD5;
	background-image: url(/flow/img/f07.png);
}
#step7:after{
	border-style: none;
}
#step1, #step3, #step5, #step7{
	background-position: left 0;
	background-repeat: no-repeat;
}
#step2, #step4, #step6{
	background-position: right 0;
	background-repeat: no-repeat;
}
#step1 h3, #step3 h3, #step5 h3, #step7 h3,
#step1 p, #step3 p, #step5 p, #step7 p{
	padding-left: 250px;
}
#step2 h3, #step4 h3, #step6 h3,
#step2 p, #step4 p, #step6 p{
	padding-right: 250px;
}
@media (max-width: 991.98px){
#step1, #step2, #step3, #step4, #step5, #step6, #step7{
	background-position: center 0;
}
#step1 h3, #step3 h3, #step5 h3, #step7 h3,
#step1 p, #step3 p, #step5 p, #step7 p{
	padding-left: 0;
}
#step2 h3, #step4 h3, #step6 h3,
#step2 p, #step4 p, #step6 p{
	padding-right: 0;
}
#step1 h3, #step2 h3, #step3 h3, #step4 h3, #step5 h3, #step6 h3, #step7 h3{
	padding-top: 160px;
}
}