@charset "utf-8";

/* CSS Document */



#curve1 { width:100%; float:left; margin:0 auto 0; position:absolute; top:0; left:0; right:0; z-index:999999;}

#curve2 { width:226%; height:1634px; border-radius:50%; overflow:hidden; transform:translate(-50%, 0%); margin:-486px 0 0; position:relative; left:50%; top:0; z-index:99;}

#curve3 { width:226%; height:1634px; border-radius:50%; overflow:hidden; transform:translate(-50%, 0%); display:inline-block; margin:-84px 0 0; position:relative; left:50%; top:0; z-index:99;}

#curve4 { width:140%; height:100%; border-radius:50%; overflow:hidden; transform:translate(-50%, 0%); margin:-498px 0 0; position:relative; left:50%; top:0; z-index:99;}

#curve5 { width:110%; height:100%; border-radius:50%; overflow:hidden; transform:translate(-50%, 0%); display:inline-block; margin:-70px 0 0; position:relative; left:50%; top:0; z-index:99;}

#curve6 { width:226%; height:1634px; border-radius:50%; overflow:hidden; transform:translate(-50%, 0%); margin:-1109px 0 0; position:relative; left:50%; top:0; z-index:99999;}

#curve7 { width:120%; height:100%; border-radius:50%; overflow:hidden; transform:translate(-50%, -130px); margin:0 0 -188px; position:relative; left:50%; top:0; z-index:99;}



/*Smartphone css*/

@media screen and (max-width: 480px) {

#curve1 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; position:relative;}

#curve2 { width:100%; height:auto; border-radius:inherit; overflow:unset; transform:none; margin:auto; left:inherit; z-index:9999;}

#curve3 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve4 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve5 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve6 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve7 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

}



@media screen and (min-width:481px) and (max-width:600px) {

#curve1 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; position:relative;}

#curve2 { width:100%; height:auto; border-radius:inherit; overflow:unset; transform:none; margin:auto; left:inherit; z-index:9999;}

#curve3 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve4 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve5 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve6 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve7 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

}



@media screen and (min-width:601px) and (max-width:767px) {

#curve1 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; position:relative;}

#curve2 { width:100%; height:auto; border-radius:inherit; overflow:unset; transform:none; margin:auto; left:inherit; z-index:9999;}

#curve3 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve4 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve5 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve6 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

#curve7 { width:100%; height:auto; border-radius:inherit; overflow:inherit; transform:none; margin:auto; left:inherit;}

}



@media screen and (min-width:768px) and (max-width:900px) {

#curve2 { height:1012px; transform:translate(-50%, 0); margin:-360px auto auto;}

#curve3 { height:1341px;}

#curve4 { margin:-542px 0 0;}

#curve7 { transform: translate(-50%, -158px);}

}



@media screen and (min-width:901px) and (max-width:1024px) {

#curve2 { height:1256px;}

#curve3 { height:1408px;}

#curve4 { margin:-520px 0 0;}

}



@media screen and (min-width:1025px) and (max-width:1340px) {

#curve2 { height:1360px;}

#curve3 { height:1471px;}

}