@charset "utf-8";

/* CSS Document */



#curve1 { width:168%; height:1642px; background:#e5e5e5 url(../images/header-bg1.jpg) repeat-x bottom; -webkit-border-bottom-right-radius: 50%;

-webkit-border-bottom-left-radius: 50%;

-moz-border-radius-bottomright: 50%;

-moz-border-radius-bottomleft: 50%;

border-bottom-right-radius: 50%;

border-bottom-left-radius: 50%;  transform:translate(-50%, -81.2%); position:absolute; left:50%; top:0; z-index:9999;}

#curve1:after { content:""; width:82%; height:1363px; background:rgba(255,255,255,0.33); -webkit-border-bottom-right-radius: 50%;

-webkit-border-bottom-left-radius: 50%;

-moz-border-radius-bottomright: 50%;

-moz-border-radius-bottomleft: 50%;

border-bottom-right-radius: 50%;

border-bottom-left-radius: 50%; transform:translate(0, -82%); margin:0 auto 0; position:absolute; right:0; bottom:-70%; left:0;}

#curve2 { width:100%; height:auto; position:absolute; top:374px; right:0; left:0; z-index:999999;}

#curve3 { width:168%; height:1642px; -webkit-border-bottom-right-radius: 50%;

-webkit-border-bottom-left-radius: 50%;

-moz-border-radius-bottomright: 50%;

-moz-border-radius-bottomleft: 50%;

border-bottom-right-radius: 50%;

border-bottom-left-radius: 50%;  overflow:hidden; transform:translate(-50%, 0%); margin:-522px 0 0; position:relative; left:50%; top:0;}



/*Smartphone css*/

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

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

#curve1:after { display:none;}

#curve2 { width:100%; float:left; margin:0 0 0; position:relative; top:inherit;}

#curve3 { width:100%; float:left; height:auto; border-radius:0; transform:none; margin:0 0 0; position:relative; left:inherit;}

}



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

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

#curve1:after { display:none;}

#curve2 { width:100%; float:left; margin:0 0 0; position:relative; top:inherit;}

#curve3 { width:100%; float:left; height:auto; border-radius:0; transform:none; margin:0 0 0; position:relative; left:inherit;}

}



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

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

#curve1:after { display:none;}

#curve2 { width:100%; float:left; margin:0 0 0; position:relative; top:inherit;}

#curve3 { width:100%; float:left; height:auto; border-radius:0; transform:none; margin:0 0 0; position:relative; left:inherit;}

}



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

#curve2 { top:334px;}

#curve3 { height:1330px;}

}



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

#curve2 { top:344px;}

#curve3 { height:1470px;}

}



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

#curve2 { top:354px;}

#curve3 { height:1380px;}

}



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

#curve3 { height:1560px;}

}

@media screen and (min-width:1920px)  {

	#curve3 {
	    height: 1850px;
	    margin-top: -590px;
	}

}