img{max-width: 100%;}
.container{max-width: 600px!important;}
h1,h2,h3{font-weight: bold;}
header{background: rgb(195 71 71); height: auto; width: 100%; padding: 0px; position: relative; overflow: hidden;}
header h1{color: #FFF; font-size: 34px; margin: 0px; line-height: 35px; margin-bottom: 30px;}
header h1 small{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 200;} 
header .headline{ width: 100%; padding: 80px 0px; }
header .container{position: relative;}
header img.logo{display: block; width: 250px; margin: auto;}
header img.ba{display: block; width: 210px; position: absolute; left: 0; top: 0;}
header .logo-container{background: #be0b14;}
.btn-primary{background: #fff!important; color:#333!important; box-shadow: none!important; outline: none!important; border-radius: 6px!important; text-transform: capitalize!important;}
.text-center{text-align: center;}
h2{font-size: 24px;}
.text-pain{border: #f2caca solid 2px; padding: 10px 2px; max-width: 250px; margin: 10px auto; border-radius: 8px; text-align: center; color: #c35f5f; background: #fffbfb; font-weight: bold;}

section{padding: 40px 0px;clear: both;}
.pain h2{max-width: 300px; margin: auto; margin-bottom: 20px;}
.solusi-1{background: #e78081; color: #FFF; text-align: center;}
.solusi-1 h2{max-width: 400px; margin: auto; display: block; line-height: 36px;font-size: 34px;}

section.manfaat h2{text-align: center;padding-bottom: 40px;}
.list-manfaat img{width: 33%; float: left; display: block;}
.list-testimoni{clear: both;padding-top: 15px;}
.list-testimoni strong{display: block;clear: both; text-align: center;}

.list-figur strong{display: block; font-weight: bold;text-align: center; padding-top: 15px;clear: both;}
.list-figur .item-figur,.list-testimoni .item-testimoni,.list-price .item-price{width: 50%; float: left;position: relative;padding: 4px;}
.list-figur .item-figur img,.list-testimoni .item-testimoni img,.list-price .item-price img{width: 100%;display: block; border-radius: 8px;}
.list-figur .item-figur span{background: #e98282; color: #FFF; display: inline-block; border-radius: 8px; font-size: 12px; line-height: normal; padding: 2px 10px; position: absolute; left: 10px; bottom: 10px}

.list-price{margin: 20px 0px;}

.list-why {max-width: 250px;margin: auto;margin-top: 20px;}
.list-why .row{border:#DDD solid 1px;margin-bottom: 10px; padding: 8px;border-radius: 8px;    position: relative;}
.list-why img{width: 100%;display: block;}
.list-why .fa{background: #7fc146; color: #FFF; border-radius: 100%; padding: 2px; position: absolute; left: 5px; bottom: 5px; font-size: 10px;}

.resi img{border-radius: 8px;}

section.order{position: relative;z-index: 999;background: #FFF;}
section.order h2{margin-bottom: 20px;}

.form-order-container{position: fixed; width: 100%; bottom: 0px; left: 0; padding: 20px; border-top: #DDD solid 1px; background: #FFF; z-index: 999999999999;display: none;}
.overlay{background: rgba(0,0,0,.5);position: fixed;top:0;left:0;width: 100%; height: 100%;z-index: 9999999;display: none;}
.form-order-container .btn-close{background: #FFF; color: #333; box-shadow: none; border: #DDD solid 1px; border-radius: 100%; width: 35px; height: 35px; line-height: 33px; position: absolute; top: -45px; right: 10px; padding: 0px;}
.form-order-container textarea{height: 100px; resize: none;}

.red{color:#F44336 !important;background: #FFF!important;}

.disclaimer{font-size: 10px;background: #FFF;z-index: 99;position: relative;;}
.disclaimer strong{opacity: .7;}
.disclaimer p{margin: 0px;opacity: .7;}
.btn-fly{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9;}

@media all and (max-width:563px){
    header .container{width: 100%!important;max-width: 100%!important;}
    .list-figur .item-figur,.list-testimoni .item-testimoni,.list-price .item-price{width: 50%;}

}
@media all and (max-width:400px){
h1{font-size: 30px!important;}
}