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

.btn-primary{
background:#f7893a; padding:7px 20px 6px; border:0; border-bottom-right-radius: 10px; border-top-right-radius: 10px
}
.glyphicon-search{
font-size:22px
}
.form-control {
background:#eeeeee; border-radius:10px; padding:20px; border:0; outline:0 font-size:16px;
}
#map {
height: 400px;
width: 100%;
}
.btnsubmit {
box-shadow: 0px 4px 0px #000;
position: relative;
top: 0px;
transition: all ease 0.3s;
padding:10px 20px; 
border:solid 1px #2a2c76; 
border-radius:10px; 
cursor:pointer; 
font-weight:bold; 
font-size:14px;
letter-spacing:1px;
background:#2a2c76;
color:#fff; width:200px;
margin:40px 0px;
}
.btnsubmit:hover {
box-shadow: 0 2px 0 #000;
top: 3px;
}
.wave{
background:url(../images/pattern-di-cs-long.png); padding:0px; margin:0px; position:absolute; bottom:0; height:160px; opacity:.4; z-index:0
}

/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.section-one{
padding:140px 0px 20px; text-align:center
}
.section-one .title{
font-size:22px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .input-group{
padding:30px 0px;
}
.section-two{
padding:0px; height:auto; text-align:center
}
.section-three{
padding:30px 0px; height:auto; text-align:center;
}
.section-three .layanan{
padding:30px 0px 30px;
}
.section-three .layanan .request{
background:#f79937; border-radius:10px; padding:0px; overflow:hidden
}
.section-three .layanan .request .box{
position:relative; z-index:1;
padding:0px 20px;
}
.section-three .layanan .icon{
padding:30px 20px 20px;
}
.section-three .layanan .icon img{
height:80px
}
.section-three .layanan .text{
font-size:18px; color:#2a2c76; font-family: Arial-Bold; 
}
.section-three .layanan .content2{
padding:20px; 
}
.section-three .layanan .text2{
color:#fff; 
}
}

/* Small devices (tablets kecil, 768px and up) sm*/
@media(min-width:768px) and (max-width: 991px){
.section-one{
padding:180px 0px 20px; text-align:center
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .input-group{
padding:30px 60px;
}
.section-two{
padding:0px; height:auto; text-align:center
}
.section-three{
padding:30px 0px; height:auto; text-align:center;
}
.section-three .layanan{
padding:30px 60px 80px;
}
.section-three .layanan .request{
background:#f79937; border-radius:10px; padding:0px; overflow:hidden
}
.section-three .layanan .request .box{
position:relative; z-index:1; background:#000
}
.section-three .layanan .icon{
padding:30px 20px 20px;
}
.section-three .layanan .icon img{
height:100px
}
.section-three .layanan .text{
padding:0px 20px 20px; font-size:24px; color:#2a2c76; font-family: Arial-Bold; line-height:25px
}
.section-three .layanan .content2{
padding:60px 20px 10px 60px
}
.section-three .layanan .text2{
color:#fff; 
}
}

/* Medium devices (tablets besar, laptop kecil 991px and up) md*/
@media (min-width:991px) {
.section-one{
padding:180px 0px 20px; text-align:center
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .input-group{
padding:30px 150px;
}
.section-two{
padding:0px; height:auto; text-align:center
}
.section-three{
padding:30px 0px; height:auto; text-align:center;
}
.section-three .layanan{
padding:30px 80px 80px;
}
.section-three .layanan .request{
background:#f79937; border-radius:10px; padding:0px; overflow:hidden
}
.section-three .layanan .request .box{
position:relative; z-index:1
}
.section-three .layanan .icon{
padding:30px 20px 20px;
}
.section-three .layanan .icon img{
height:120px
}
.section-three .layanan .text{
padding:0px 10px 20px 40px; font-size:24px; color:#2a2c76; font-family: Arial-Bold; line-height:25px
}
.section-three .layanan .content2{
padding:60px 40px 10px 60px
}
.section-three .layanan .text2{
color:#fff; 
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.section-one{
padding:200px 0px 20px; text-align:center
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .input-group{
padding:30px 250px;
}
.section-two{
padding:0px; height:auto; text-align:center
}
.section-three{
padding:30px 0px; height:auto; text-align:center;
}
.section-three .layanan{
padding:30px 120px 80px;
}
.section-three .layanan .request{
background:#f79937; border-radius:10px; padding:0px; overflow:hidden
}
.section-three .layanan .request .box{
position:relative; z-index:1
}
.section-three .layanan .icon{
padding:30px 20px 20px;
}
.section-three .layanan .icon img{
height:120px
}
.section-three .layanan .text{
padding:0px 40px 20px; font-size:24px; color:#2a2c76; font-family: Arial-Bold; line-height:25px
}
.section-three .layanan .content2{
padding:60px 40px 10px 80px; 
}
.section-three .layanan .text2{
color:#fff; 
}
}