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

.wave{
padding:0px; margin:0px; position:absolute; bottom:0; z-index:0; 
}
.wave img{
border-radius:10px
}
.form-control:focus,button:visited,button.active,button:hover,button:focus,input:visited,input.active,input:hover,
input:focus,textarea:hover,textarea:focus,a:hover,a:focus,a:visited,a.active,select,select:hover, select:focus, select:visited {
outline: none;
box-shadow: none;
text-decoration: none;
color: inherit;
}
.form textarea,
.form input:not(.btn), .form select {
width: 100%;
max-width: 100%;
background: #eee;
border: none;
margin: 0 0 30px;
padding: 10px 30px;
font-size: 16px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
font-style: normal;
color: #666666;
}
.form textarea {
max-height: 170px;
margin: 0;
padding-top: 25px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
margin-bottom: 10px;
}
.form input.btn {
background: #fb890e;
color: #ffffff;
border: none;
padding: 10px 55px;
margin: 0 auto;
text-align: center;
display: block;
}
.form input.btn:hover {
background: #fb890e;
}
.form select {
border: none;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
position: relative;
}
.form select:after {
content: '<>';
font: 11px "Consolas", monospace;
color: #aaa;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 8px;
top: 2px;
padding: 0 0 2px;
border-bottom: 1px solid #ddd;
position: absolute;
pointer-events: none;
}
.form select:before {
content: '';
right: 6px;
top: 0px;
width: 20px;
height: 20px;
background: #f8f8f8;
position: absolute;
pointer-events: none;
display: block;
}
.btnsubmit {
box-shadow: 0px 4px 0px #840000;
position: relative;
top: 0px;
transition: all ease 0.3s;
padding:10px 20px; 
border:solid 1px #ff0000; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
background:#ff0000;
color:#fff; width:150px; text-align:center
}
.btnsubmit:hover {
box-shadow: 0 2px 0 #840000;
top: 3px;
}
.btnrequest {
box-shadow: 0px 4px 0px #1f1737;
position: relative;
transition: all ease 0.3s;
padding:10px 20px; 
border:solid 1px #1f1737; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:14px;
letter-spacing:1px; 
background:#2a2c76;
color:#fff; width:200px; text-align:center
}
.btnrequest:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}


/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.section-one{
background:#f7b138; 
background: -webkit-linear-gradient(#f7b138, #f8a638); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7b138, #f8a638); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7b138, #f8a638); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7b138, #f8a638); /* Standard syntax */
padding:120px 0px 40px;
}
.section-one .caption1{
z-index:1;text-transform:inherit;text-align:center;letter-spacing:0px;color:#fff;font-size:25px;font-family: Arial; background:#2a2c76;padding:12px 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px; margin-left:625px; margin-top:80px
}
.section-one .caption2{
z-index:1;text-align:center;letter-spacing:0px;color:#000;line-height:42px;font-size:42px;font-family: Arial-Bold; margin-left:660px; margin-top:160px
}
.section-one .caption3{
z-index:1;letter-spacing:0px;color:red;line-height:92px;font-size:92px;font-family: Arial-Bold; margin-left:710px; margin-top:240px
}
.section-one .caption4{
z-index:1;letter-spacing:0px;color:#00;line-height:28px;font-size:28px;font-family: Arial-Bold; margin-left:700px; margin-top:335px
}
.section-one .caption5 {
z-index:1; margin-left:725px; margin-top:405px;
box-shadow: 0px 4px 0px #1f1737;
position:relative;
transition: all ease 0.3s;
padding:18px 30px 10px; 
border:solid 1px #1f1737; 
border-radius:5px; 
cursor:pointer; 
font-weight:bold; 
font-size:28px;
letter-spacing:0px; 
text-transform:inherit;
background:#2a2c76;
color:#fff; text-align:center
}
.section-one .caption5:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}
.section-two{
margin-top:px; background:#f99a3c; text-align:center; padding:60px 0px 30px; height:auto; color:#fff
}
.section-two .pattern-1{
position:relative; margin-top:-95px
}
.section-two .title{
font-size:22px; font-family: Arial-Bold; margin-top:50px;
}
.section-two .description{
padding:0px; line-height:25px
}
.section-two .content{
padding:20px 0px; 
}
.section-two .content .row{
padding:0px; 
}
.section-two .content .subimage{
padding:20px 0px; 
}
.section-two .content .subtitle{
font-size:18px; line-height:36px; font-family: Arial-Bold; color:#2a2c76;
}
.section-two .content .subdescription{
font-size:13px; line-height:25px; margin-bottom:30px;
}
.section-three{
margin-top:px; background:#fff; padding:80px 0px 30px; height:auto
}
.section-three .pattern-2{
position:relative; margin-top:-90px;
}
.section-three .title{
font-size:22px; font-family: Arial-Bold; text-align:center; color:#f7893a; margin-top:40px;
}
.section-three .description{
padding:0px 20px; text-align:center; font-size:16px; 
}
.section-three .content{
padding:40px 0px; 
}
.section-three .content .form{
padding-right:0px
}
.section-three .content .form p{
font-size:16px; font-weight:bold
}
.section-three .content .not-area{
margin-top:50px;
background:#f79937;
border-radius:10px;
padding:10px 0px;
}
.section-three .content .not-area .desc{
padding:20px 40px;
position:relative; z-index:1
}
.section-three .content .not-area .desc .title{
font-size:18px; color:#2a2c76
}
.section-three .content .not-area .desc .description{
color:#fff; padding:20px 0px;
}
}

/* Small devices (tablets kecil, 768px and up) sm*/
@media(min-width:768px) and (max-width: 991px){
.section-one{
background:#f7b138; 
background: -webkit-linear-gradient(#f7b138, #f8a638); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7b138, #f8a638); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7b138, #f8a638); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7b138, #f8a638); /* Standard syntax */
padding:120px 0px 40px;
}
.section-one .caption1{
z-index:1;text-transform:inherit;text-align:center;letter-spacing:0px;color:#fff;font-size:21px;font-family: Arial; background:#2a2c76;padding:12px 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px; margin-left:655px; margin-top:60px
}
.section-one .caption2{
z-index:1;text-align:center;letter-spacing:0px;color:#000;line-height:45px;font-size:45px;font-family: Arial-Bold; margin-left:640px; margin-top:130px
}
.section-one .caption3{
z-index:1;letter-spacing:0px;color:red;line-height:25px;font-size:90px;font-family: Arial-Bold; margin-left:705px; margin-top:260px
}
.section-one .caption4{
z-index:1;letter-spacing:0px;color:#00;line-height:25px;font-size:25px;font-family: Arial-Bold; margin-left:710px; margin-top:325px
}
.section-one .caption5 {
z-index:1; margin-left:760px; margin-top:420px;
box-shadow: 0px 4px 0px #1f1737;
position:relative;
transition: all ease 0.3s;
padding:10px 30px; 
border:solid 1px #1f1737; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:22px;
letter-spacing:0px; 
text-transform:inherit;
background:#2a2c76;
color:#fff; text-align:center
}
.section-one .caption5:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}
.section-two{
margin-top:px; background:#f99a3c; text-align:center; padding:60px 0px 60px; height:auto; color:#fff
}
.section-two .pattern-1{
position:relative; margin-top:-95px
}
.section-two .title{
font-size:28px; font-family: Arial-Bold; margin-top:50px;
}
.section-two .description{
padding:0px 60px; line-height:25px
}
.section-two .content{
padding:20px 0px; 
}
.section-two .content .row{
padding:0px 25px;
}
.section-two .content .subimage{
padding:20px 0px; 
}
.section-two .content .subtitle{
font-size:18px; line-height:36px; font-family: Arial-Bold; color:#2a2c76;
}
.section-two .content .subdescription{
font-size:13px; line-height:25px; margin-bottom:20px; 
}
.section-three{
margin-top:px; background:#fff; padding:80px 0px 40px; height:auto
}
.section-three .pattern-2{
position:relative; margin-top:-100px;
}
.section-three .title{
font-size:28px; font-family: Arial-Bold; text-align:center; color:#f7893a; margin-top:40px;
}
.section-three .description{
padding:0px 20px; text-align:center; 
}
.section-three .content{
padding:40px 80px; 
}
.section-three .content .form{
padding-right:50px
}
.section-three .content .form p{
font-size:16px; font-weight:bold
}
.section-three .content .not-area{
background:#f79937;
border-radius:10px;
padding:10px 0px;
}
.section-three .content .not-area .desc{
padding:20px 60px;
position:relative; z-index:1
}
.section-three .content .not-area .desc .title{
font-size:18px; color:#2a2c76
}
.section-three .content .not-area .desc .description{
color:#fff; padding:20px 0px;
}
}

/* Medium devices (tablets besar, laptop kecil 991px and up) md*/
@media (min-width:991px) {
.section-one{
background:#f7b138; 
background: -webkit-linear-gradient(#f7b138, #f8a638); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7b138, #f8a638); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7b138, #f8a638); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7b138, #f8a638); /* Standard syntax */
padding:120px 0px 40px;
}
.section-one .caption1{
z-index:1;text-transform:inherit;text-align:center;letter-spacing:0px;color:#fff;font-size:21px;font-family: Arial; background:#2a2c76;padding:12px 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px; margin-left:655px; margin-top:60px
}
.section-one .caption2{
z-index:1;text-align:center;letter-spacing:0px;color:#000;line-height:45px;font-size:45px;font-family: Arial-Bold; margin-left:640px; margin-top:130px
}
.section-one .caption3{
z-index:1;letter-spacing:0px;color:red;line-height:25px;font-size:90px;font-family: Arial-Bold; margin-left:705px; margin-top:260px
}
.section-one .caption4{
z-index:1;letter-spacing:0px;color:#00;line-height:25px;font-size:25px;font-family: Arial-Bold; margin-left:710px; margin-top:325px
}
.section-one .caption5 {
z-index:1; margin-left:760px; margin-top:420px;
box-shadow: 0px 4px 0px #1f1737;
position:relative;
transition: all ease 0.3s;
padding:10px 30px; 
border:solid 1px #1f1737; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:22px;
letter-spacing:0px; 
text-transform:inherit;
background:#2a2c76;
color:#fff; text-align:center
}
.section-one .caption5:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}
.section-two{
margin-top:px; background:#f99a3c; text-align:center; padding:60px 0px 60px; height:auto; color:#fff
}
.section-two .pattern-1{
position:relative; margin-top:-95px
}
.section-two .title{
font-size:28px; font-family: Arial-Bold; margin-top:50px;
}
.section-two .description{
padding:0px 180px; line-height:25px
}
.section-two .content{
padding:20px 0px; 
}
.section-two .content .row{
padding:0px 40px; 
}
.section-two .content .subimage{
padding:20px 0px; 
}
.section-two .content .subtitle{
font-size:18px; line-height:36px; font-family: Arial-Bold; color:#2a2c76;
}
.section-two .content .subdescription{
font-size:13px; line-height:25px; margin-bottom:20px; 
}
.section-three{
margin-top:px; background:#fff; padding:80px 0px 60px; height:auto
}
.section-three .pattern-2{
position:relative; margin-top:-95px;
}
.section-three .title{
font-size:28px; font-family: Arial-Bold; text-align:center; 
}
.section-three .description{
padding:0px 20px; line-height:25px; text-align:center; 
}
.section-three{
margin-top:px; background:#fff; padding:80px 0px 60px; height:auto
}
.section-three .pattern-2{
position:relative; margin-top:-105px;
}
.section-three .title{
font-size:28px; font-family: Arial-Bold; text-align:center; color:#f7893a; margin-top:40px;
}
.section-three .description{
padding:0px 20px; text-align:center; 
}
.section-three .content{
padding:40px 80px; 
}
.section-three .content .form{
padding-right:50px
}
.section-three .content .form p{
font-size:16px; font-weight:bold
}
.section-three .content .not-area{
background:#f79937;
border-radius:10px;
padding:10px 0px;
}
.section-three .content .not-area .desc{
padding:20px 60px;
position:relative; z-index:1
}
.section-three .content .not-area .desc .title{
font-size:18px; color:#2a2c76
}
.section-three .content .not-area .desc .description{
color:#fff; padding:20px 0px;
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.section-one{
background:#f7b138; 
background: -webkit-linear-gradient(#f7b138, #f8a638); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7b138, #f8a638); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7b138, #f8a638); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7b138, #f8a638); /* Standard syntax */
padding:140px 0px 40px;
}
.section-one .caption1{
z-index:1;text-transform:inherit;text-align:center;letter-spacing:0px;color:#fff;font-size:21px;font-family: Arial; background:#2a2c76;padding:12px 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px; margin-left:655px; margin-top:60px
}
.section-one .caption2{
z-index:1;text-align:center;letter-spacing:0px;color:#000;line-height:45px;font-size:45px;font-family: Arial-Bold; margin-left:640px; margin-top:130px
}
.section-one .caption3{
z-index:1;letter-spacing:0px;color:red;line-height:25px;font-size:90px;font-family: Arial-Bold; margin-left:705px; margin-top:260px
}
.section-one .caption4{
z-index:1;letter-spacing:0px;color:#00;line-height:25px;font-size:25px;font-family: Arial-Bold; margin-left:710px; margin-top:325px
}
.section-one .caption5 {
z-index:1; margin-left:760px; margin-top:420px;
box-shadow: 0px 4px 0px #1f1737;
position:relative;
transition: all ease 0.3s;
padding:10px 30px; 
border:solid 1px #1f1737; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:22px;
letter-spacing:0px; 
text-transform:inherit;
background:#2a2c76;
color:#fff; text-align:center
}
.section-one .caption5:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}
.section-two{
margin-top:px; background:#f99a3c; text-align:center; padding:60px 0px 60px; height:auto; color:#fff
}
.section-two .pattern-1{
position:relative; margin-top:-105px
}
.section-two .title{
font-size:30px; font-family: Arial-Bold; margin-top:50px;
}
.section-two .description{
padding:0px 280px; line-height:25px
}
.section-two .content{
padding:20px 0px; 
}
.section-two .content .row{
padding:0px 55px; 
}
.section-two .content .subimage{
padding:20px 0px; 
}
.section-two .content .subtitle{
font-size:18px; line-height:36px; font-family: Arial-Bold; color:#2a2c76;
}
.section-two .content .subdescription{
font-size:13px; line-height:25px; margin-bottom:20px;
}
.section-three{
margin-top:px; background:#fff; padding:80px 0px 60px; height:auto
}
.section-three .pattern-2{
position:relative; margin-top:-110px;
}
.section-three .title{
font-size:30px; font-family: Arial-Bold; text-align:center; color:#f7893a; margin-top:40px;
}
.section-three .description{
padding:0px 20px; text-align:center; 
}
.section-three .content{
padding:40px 80px; 
}
.section-three .content .form{
padding-right:50px
}
.section-three .content .form p{
font-size:16px; font-weight:bold
}
.section-three .content .not-area{
background:#f79937;
border-radius:10px;
padding:10px 0px;
}
.section-three .content .not-area .desc{
padding:20px 60px;
position:relative; z-index:1
}
.section-three .content .not-area .desc .title{
font-size:18px; color:#2a2c76
}
.section-three .content .not-area .desc .description{
color:#fff; padding:20px 0px;
}
}
@media (min-width:1600px) {
.section-one{
background:#f7b138; 
background: -webkit-linear-gradient(#f7b138, #f8a638); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7b138, #f8a638); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7b138, #f8a638); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7b138, #f8a638); /* Standard syntax */
padding:140px 0px 40px;
}
.section-one .caption1{
z-index:1;text-transform:inherit;text-align:center;letter-spacing:0px;color:#fff;font-size:21px;font-family: Arial; background:#2a2c76;padding:12px 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px; margin-left:670px; margin-top:5px
}
.section-one .caption2{
z-index:1;text-align:center;letter-spacing:0px;color:#000;line-height:55px;font-size:55px;font-family: Arial-Bold; margin-left:620px; margin-top:100px
}
.section-one .caption3{
z-index:1;letter-spacing:0px;color:red;line-height:100px;font-size:100px;font-family: Arial-Bold; margin-left:715px; margin-top:220px
}
.section-one .caption4{
z-index:1;letter-spacing:0px;color:#00;line-height:35px;font-size:35px;font-family: Arial-Bold; margin-left:665px; margin-top:335px
}
.section-one .caption5 {
z-index:1; margin-left:750px; margin-top:455px;
box-shadow: 0px 4px 0px #1f1737;
position:relative;
transition: all ease 0.3s;
padding:10px 30px; 
border:solid 1px #1f1737; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:26px;
letter-spacing:0px; 
text-transform:inherit;
background:#2a2c76;
color:#fff; text-align:center
}
.section-one .caption5:hover {
box-shadow: 0 2px 0 #1f1737;
top: 3px;
}
}