body {background: #0d175a; color: #fff}
body .wrapper{ background-image:url(../img/banner1.jpg)}

.section{padding: 1.5em 0}
.section .title{ font-size:2em; text-align: center; color: #0ee894; padding-bottom: .7em; background: url(../img/down.png) no-repeat bottom center; background-size:auto .45em; font-weight: bold; margin-bottom: 1em}
.section .content{ padding: 2em 2.4em; background: #172285; border-radius:.8em; margin-bottom: 1em}
.section .subtitle{ padding: 1em; text-align: center; font-size: 1.2em; color: #fece10}
.section .content .inset{ padding-left: 2em}
.section .content .inset ul{ color: #a2a6ff}
.section .content-normal{ text-align: center; margin-bottom: 1em}

.footer{ color: #a2a6ff}

.process-wrap{ width: 100%;padding-bottom: 2em}
.process-wrap ul{display:flex; text-align: center; width: 100%;background: url(../img/progress.png) no-repeat center center;background-size: 100% auto;}
.process-wrap ul li{ position:relative;  text-align: center; flex: 1}
.process-wrap ul u{ position:absolute; width: 100%; color: #ffd800; text-decoration: none;}
.process-wrap ul li:before{content: "";width: .8em; height: .8em; display: block; position:absolute; border-radius: 10em; border: #4652bf .3em solid; background: #0d175a; }
.process-wrap ul li p,
.process-wrap ul li span{ display: block; height: 1.8em;}
.process-wrap ul li p{ color:#0ee894; font-size: 1.5em;padding:.6em 0 1.4em}
.process-wrap ul li span{vertical-align:bottom;padding-top: 2em; }
.process-wrap ul u{}

@media screen and (max-width:767px){
	.wrapper .header {padding: 1.2em 0 2em}
	.wrapper .section .content{padding: 1.6em; margin: 0 1em .5em}
	.wrapper .section .title{ font-size:1.4em; padding-bottom: .5em; }
	
.process-wrap{ width: 96%; margin: 0 auto}
.process-wrap ul{background-image: url(../img/progress2.png);background-size:auto 100%; flex-direction:column; padding: 1em 0 2em}
.process-wrap ul li{ width: 50%; margin-bottom: .6em}
.process-wrap ul u{width: 40%; height: 1.7em;  top: 0em;border: #ffd800 2px solid; text-align: center; background: #0d175a}
.process-wrap ul li:before{width: .8em; height: .8em;  border-radius: 10em; border: #4652bf .3em solid; top: 0 }
.process-wrap ul li:nth-child(odd){ text-align: right; margin-right: 50%;}
.process-wrap ul li:nth-child(odd):before{right:-.72em;}
.process-wrap ul li:nth-child(even){ text-align: left; margin-left: 50%}
.process-wrap ul li:nth-child(even):before{left:-.65em;}

.process-wrap ul li p,
.process-wrap ul li span{height: 1.2em; }
.process-wrap ul li p{ font-size: 1.4em;padding:0}
.process-wrap ul li span{vertical-align:bottom;padding-top:0}
.process-wrap ul li:nth-child(odd) p,.process-wrap ul li:nth-child(odd) span{ padding-right:13%}
.process-wrap ul li:nth-child(even) p,.process-wrap ul li:nth-child(even) span{ padding-left:13%}
.process-wrap ul li:nth-child(1) {  margin-top: 3em}
.process-wrap ul li:nth-child(4) {  margin-top: 5em}
.process-wrap ul li:nth-child(1) u{ right: -20%; margin-right: -1px; top: -4em}
.process-wrap ul li:nth-child(4) u{ left: -20%; margin-left: -1px; top: -4em}
}
@media screen and (min-width:768px) and (max-width:1024px){
.wrapper .section .title{ font-size:1.4em; padding-bottom: .5em; }
.process-wrap ul li:before{ margin-left: -.5em; left:50%; margin-top: -.3em;top: 46%; width: .6em; height: .6em }
.process-wrap ul u{  left: 0; bottom: 1.5em; font-size: .8em}
.process-wrap ul li p{ font-size: 1.1em;padding:.6em 0 1.4em}
.process-wrap ul li span{padding-top: 2em; font-size:.8em; width: 80%;line-height: 1.4em}

}
@media screen and (min-width:1025px){.header .logos,.container{ width: 960px}
.process-wrap ul li:before{ margin-left: -.5em; left:50%; margin-top: -.3em;top: 46%; }
.process-wrap ul u{  left: 0; bottom: 1.4em}
}
@media screen and (min-width:1600px){.header .logos,.container{ width: 1080px}}
@media screen and (min-width:1920px){
	.wrapper{ width: 1920px;background-size:1920px auto;}
	.header .logos,.container{ width: 1200px}
}
@media screen and (min-width:2560px){
	.wrapper{width: 2560px;background-size:2560px auto;}
	.header .logos,.container{ width: 1320px}
}
