body{margin:0;padding:0;border:0;font-family: 'Roboto', sans-serif;width:100%;background-color:#cef2f4;overflow-x:hidden}

a{text-decoration:none}
p{color:#555;font-size:16px}
h1{color:#c60c0c;text-align:center;font-weight:bold;font-size:36px;letter-spacing: 2px;}
h2{color:#c60c0c;text-align:center;font-size:22px;padding:15px;font-weight:bold}
h3{color:#fff;text-align:center;font-size:22px;padding:15px}
h4{color:#555;text-align:center;padding-top:0px;margin-top:0px;font-size:16px;padding-bottom:20px;font-weight:bold}
button{padding:0;margin:0;border:0;outline:none}
button:focus{padding:0;margin:0;border:0;outline:none}
button:visited{padding:0;margin:0;border:0;outline:none}

.aedlink{
	padding:10px;
	margin:5px;
	background-color: #000;
	color:#fff;
}
.aedlink:hover, .aedlink:active {
	background-color: #1799a1;
	text-decoration: none;
	color:#fff;
}
.aedlink:focus{
	background-color: #1799a1;
	text-decoration: none;
	color:#fff;
}
.aedicon{
	max-height:30px;
	max-width:30px;
}

nav a#pull {
	display: none;
}

.counters{margin-top:12px}
.counters h2{font-weight:normal}

@media only screen and (max-width : 400px) {
.aedlink{
	line-height:30px;
}
}

.h0,.cover-section-content{display:none}
.hidden2{display:none}
.anchor{display:inline-block;visibility:hidden;position:relative}

#what{top:-80px}
#guide{top:-80px}
#how{top:-70px}
.home:hover,.home:visited,.home:focus{background:none}



.continer{display:block;max-width:1000px;width:100%;margin:0 auto;}
.spaceholder{display:table;width:100%;height:60px;}
.cover-section{
	width:100%;
	height:100%;
	background: url('../img/cover.jpg');
	background-repeat:no-repeat;
	/*background-size:contain;*/
	background-size:cover;
	background-position:center top;
	background-color:#cef2f4;
}
.cover-section img{visibility:hidden;overflow:hidden;width:100%;height:auto}
.cover-section .content{position:absolute;z-index:3;top:90px}
.cover-section .content img{visibility:visible}
.cover-section .content .logo-icon{width:220px;height:220px;position:relative;left:50%;margin-left:-110px}
.cover-section .content h1{padding-bottom:10px;margin-bottom:0px;}
.cover-section .content .stores1{display:block;width:380px;height:60px;margin:0 auto}
.cover-section .content .stores1 img{width:180px;float:left;}
.cover-section .content .stores1 .as1 {margin-left:20px}

/*.cover-section-content .content{position:absolute;z-index:3;top:90px}*/
.cover-section-content .content img{visibility:visible}
.cover-section-content .content .logo-icon{width:220px;height:220px;position:relative;left:50%;margin-left:-110px}
.cover-section .content h1{padding-bottom:10px;margin-bottom:0px;}
.cover-section-content .content .stores3{display:block;width:380px;height:60px;margin:0 auto;margin-bottom:20px}
.cover-section-content .content .stores3 img{width:180px;float:left;}
.cover-section-content .content .stores3 .as3 {margin-left:20px}

.what-section, .guide-section{display:table;width:100%;background-color:#cef2f4;}
.what-section .continer p{text-align:justify}
.what-section .continer h2{margin:0px;padding-top:0px}
/*.what-section .continer*/ .line0{display:inline-block;position:relative;background:#fff;width:300px;height:1px;margin:20px auto;left:50%;margin-left:-150px}

.illus0{padding:0;margin:0}
.illus0 img{width:100%;height:auto}
.illus0 .illus-text{width:100%;height:70px}
.illus0 .illus-text p{color: #0bc0c8; text-align:center;padding:0px 40px}
.illus0 .dec{width:100%;height:40px;position:relative}
.illus0 .dec .circle{position:absolute;width:28px;height:28px;border-radius:19px;border: 3px solid #fff;background:#cef2f4;left: 50%;margin-left:-14px;z-index:3}
.illus0 .dec .circle p{color:#0bc0c8;text-align:center;font-weight:bold;}

#illus1 .dec .line,#illus4 .dec .line,#illus7 .dec .line{position:relative;width:50%;height:5px;top:12px;background:#fff;left:50%}
#illus2 .dec .line,#illus5 .dec .line,#illus8 .dec .line{position:relative;width:100%;height:5px;top:12px;background:#fff;}
#illus3 .dec .line,#illus6 .dec .line,#illus9 .dec .line{position:relative;width:50%;height:5px;top:12px;background:#fff;right:0}

.how-section{display:table;width:100%;background-color:#58d6dd;border-top: 1px solid #099299;border-bottom: 1px solid #099299}
.illus0 .dec2 .circle{background:#fff}
.illus0 .dec2 .circle p{color:#58d6dd}
.illus0 .illus-text2 p{color:#fff}

.how-section .stores2{display:block;width:340px;height:60px;margin:0 auto}
.how-section .stores2 img{width:160px;float:left;}
.how-section .stores2 #as2 {margin-left:10px}

.how-section button{display:block;width:220px;height:40px;background:#c60c0c;margin:0 auto; margin-bottom:30px;}
.how-section button .dwl{position:relative;float:left;width:24px;height:24px;top:8px;left:5px;background:url('../img/download-icon.png') no-repeat;background-size:contain;}
.how-section button p{color:#fff;float:left;padding-top:10px;text-align:left;padding-left:10px}
.how-section button:hover{background:#fff}
.how-section button:hover .dwl{background:url('../img/download-icon-r.png') no-repeat;background-size:contain}
.how-section button:hover p{color:#c60c0c}

.creators-section{display:table;width:100%;background-color:#fff;}
.creators-section img{display: block;margin:25px auto}

.contact-section{display:table;width:100%;background-color:#cef2f4;border-top: 1px solid #099299;border-bottom: 1px solid #099299}
.contact-section .cont .contact img{width:18px;height:18px}
.contact-section .cont1 .contact {float:right;width:100%}
.contact-section .cont1 .contact img{float:right;}
.contact-section .cont1 .contact p{float:right;padding-right:5px;padding-left:5px}

.contact-section .cont2 .contact {float:left;width:100%}
.contact-section .cont2 .contact img{float:left;}
.contact-section .cont2 .contact a{float:left;padding-left:5px}
.contact-section .cont2 .contact a:hover{color:#0bc0c8;text-decoration:none;}

.contact-section .continer .social #fb{width:64px;height:64px;display: block;margin:25px auto;background: url('../img/fb-icon.png') no-repeat;background-size:contain;}
.contact-section .continer .social #fb:hover{background: url('../img/fb-icon-r.png') no-repeat;background-size:contain;}

.contact-section .continer .social #insta{width:64px;height:64px;display: block;margin:25px auto;background: url('../img/instagram-icon.png') no-repeat;background-size:contain;}
.contact-section .continer .social #insta:hover{background: url('../img/instagram-icon-r.png') no-repeat;background-size:contain;}

footer{display:table;width:100%;background-color:#555;}
footer .continer .cont1 p{text-align:left;color:#fff;padding-top:3px;float:left;padding-left:8px}
footer .continer .cont2 p{text-align:right;color:#fff}
footer .continer .cont1 a, footer .continer .cont2 a{color:#fff}
footer .continer .cont1 a:hover, footer .continer .cont2 a:hover{color:#0bc0c8;text-decoration:none;}
footer .continer .cont1 a:active, footer .continer .cont2 a:active{color:#fff}
footer .continer .cont1 a:visited, footer .continer .cont2 a:visited{color:#fff}


@media (max-width : 991px) {
	#illus1 .dec .line,#illus3 .dec .line,#illus5 .dec .line,#illus7 .dec .line{position:relative;width:50%;height:5px;top:12px;background:#fff;left:50%}
	#illus2 .dec .line,#illus4 .dec .line,#illus6 .dec .line,#illus8 .dec .line{position:relative;width:50%;height:5px;top:12px;background:#fff;right:0;left:0}
	#illus9 .dec .line{position:relative;width:100%;height:5px;top:12px;background:#fff;}
	.h0{display:block}
}
@media (max-width : 767px){
	.continer{width:100%}
	.content{width:100%}
	.cover-section .content .stores1,.how-section .stores2{position:relative;width:100%;height:100px}
	.cover-section .content .stores1 img{position:absolute;left:50%;right:0;margin-left:-90px}
	.cover-section .content .stores1 .as1{margin:0;top:50px;margin-left:-90px}
	.how-section .stores2 img{position:absolute;left:50%;right:0;margin-left:-80px}
	.how-section .stores2 #as2{margin:0;top:50px;margin-left:-80px}
	
	.illus0 .illus-text{width:100%}
	.illus0 .illus-text p{padding:0px 5px;width:100%}
	
	#illus1 .dec .line,#illus3 .dec .line,#illus5 .dec .line,#illus7 .dec .line,#illus2 .dec .line,#illus4 .dec .line,#illus6 .dec .line,#illus8 .dec .line{width:100%;right:0;left:0}
	.h0{display:none}
	footer .continer .cont1 p,footer .continer .cont2 p{text-align:center}
	footer .continer .cont1 p{float:none;padding: 2px;margin:0}
	footer .continer .cont2 p{padding-top:5px}
	.line0{width:200px;margin-left:-100px}
	
	.creators-section img{width:136px;margin: 0 auto}
	.logos{margin:10px 0}
	
	.hidden1{display:none}
	.hidden2{display:block}
	.contact-section .cont1 .contact,.contact-section .cont2 .contact{width:140px;margin: 0 auto;float:none}
	.contact-section .cont1 .contact img, .contact-section .cont2 .contact img{float:left; padding:0px}
	.contact-section .cont1 .contact p{float:left}
}

/*Header mediaq*/
@media (min-width : 1601px){
	.cover-section .content{top:150px}
	.cover-section{position:relative;top:-100px}
	.what-section{position:relative;top:-100px}
	.guide-section{position:relative;top:-80px}
	.cover-section .content .stores1{padding-top:50px;width:460px}
	.cover-section .content .stores1 img{width:220px}
}
@media (max-width : 1600px){
	.cover-section .content{top:90px}
	.cover-section{top:0px}
	.what-section{top:0px}
	.guide-section{top:0px}
	.cover-section .content .stores1{padding-top:0px;width:380px}
	
	.cover-section .content .stores1 img{width:180px;}
}

@media (max-width : 1000px){
	.cover-section-content{display:table;width:100%}
	.cover-section .content h1, .cover-section .content h4,.cover-section .content .stores1,.cover-section .content stores1,.cover-section .content .stores1 img{display:none}
}

@media (max-width : 600px){
	
	.cover-section-content .content .stores3{position:relative;width:100%;height:100px;margin-bottom:15px;}
	.cover-section-content .content .stores3 img{position:absolute;left:50%;right:0;margin-left:-90px}
	.cover-section-content .content .stores3 .as3{margin:0;top:50px;margin-left:-90px}
	.cover-section-content .content h1{padding-bottom:10px;margin-bottom:0px;font-size:30px}
	.cover-section-content .content h4{font-size:14px}
}

@media (max-width : 600px){
	.cover-section .content .logo-icon{width:150px;height:150px;margin-left:-75px}
}
@media (max-width : 500px){
	.cover-section .content{top:70px}
	.cover-section .content .logo-icon{width:120px;height:120px;margin-left:-60px}
	.cover-section-content .content h1{padding-bottom:10px;margin-bottom:0px;font-size:24px}
	.cover-section-content .content h4{font-size:12px}
}
@media (max-width : 320px){
	.cover-section .content .logo-icon{width:120px;height:120px;margin-left:-60px}
}