@charset "utf-8";
/* CSS Document */

#curve1 { width:197.6%; height:1537px; float:none; background:#000000; border-radius:50%; overflow:hidden; transform:translate(-50%, 0); margin:-470px 0 0; position:relative; left:50%; top:0;}
#curve2 { width:125%; background:#0070ba; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-134px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve3 { width:141%; background:#ffffff; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-376px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve4 { width:139%; background:#0070ba; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-345px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve5 { width:125%; background:#ffffff; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-298px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve6 { width:153.6%; height:1115px; float:none; background:#000000; border-radius:50%; overflow:hidden; transform:translate(-50%, 0); margin:-470px 0 0; position:relative; left:50%; top:0;}

#curve7 { width:125%; background:#0070ba; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:0 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve8 { width:125%; background:#ffffff; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-328px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve9 { width:139%; background:#0070ba; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-10px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve10 { width:142%; background:#0070ba; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-25px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve11 { width:120%; background:#ffffff; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-405px 0 0; position:relative; left:50%; top:0; z-index:9;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
#curve1 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve2 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve3 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve4 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve5 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve6 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve7 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve8 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve9 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve10 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:481px) and (max-width:600px) {
#curve1 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve2 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve2:after { width:100%; height:10px; border-radius:0; position:absolute; top:0;}
#curve3 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve4 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve5 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve6 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve7 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve8 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve9 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve10 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:601px) and (max-width:767px) {
#curve1 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve2 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve2:after { width:100%; height:10px; border-radius:0; position:absolute; top:0;}
#curve3 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve4 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve5 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve6 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve7 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve8 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve9 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve10 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:768px) and (max-width:900px) {
#curve1 { margin:-1097px 0 0;}
#curve2 { width:152%;}
#curve3 { width:157%;}
#curve5 { width:115%;}
#curve6 { margin:-737px 0 0;}
#curve7 { width:152%;}
#curve9 { width:168%;}
#curve10 { width:200%;}
#curve11 { width:150%;}
#curve6 { width:187%;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
#curve1 { margin:-1094px 0 0;}
#curve6 { margin:-635px 0 0;}
#curve7 { width:152%;}
#curve10 { width:190%;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
#curve1 { margin:-1023px 0 0;}
#curve6 { margin:-565px 0 0;}
#curve7 { width:142%;}
#curve10 { width:166%;}
}

@media screen and (min-width:1241px) and (max-width:1900px) {
#curve1 { margin:-826px 0 0;}
}