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

.old-price {
position: relative;
display: inline-block;
}
.old-price::before {
content: '';
width: 100%;
position: absolute;
right: 0;
top: 50%;
}
.old-price::before {
border-bottom: 2px solid red;
-webkit-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.btnpilih {
transition: all ease 0.3s;
padding:10px 20px; 
margin-top:20px;
border-radius:10px; 
cursor:pointer; 
font-family: Arial-Bold; 
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(#2a2c76 , #4081c3); /* Standard syntax */
color:#fff; width:90%; text-align:center
}
.btnpilih:hover {
background: #4081c3; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#4081c3 , #2a2c76); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#4081c3, #2a2c76); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#4081c3, #2a2c76); /* For Firefox 3.6 to 15 */
background: linear-gradient(#4081c3 , #2a2c76); /* Standard syntax */
}

/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.section-one{
padding:140px 0px 20px; text-align:center
}
.section-one .content{
padding:0px 0px 30px;
}
.section-one .title{
font-size:22px; font-family: Arial-Bold; color:#f79939; line-height:25px;
}
.section-one .paket{
padding:0px;
}
.section-one .hot-offer{
position:absolute; margin-top:-15px
}
.section-one .hot-offer img{
height:50px;
}
.section-one .img-paket{
background:#f79939; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;
}
.section-one .img-paket img{
width:80%;
}
.section-one .paket .price{
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #2a2c76 , #4081c3); /* Standard syntax */
padding:20px;
}
.section-one .paket .price .old-price{
color:#fff;
font-family: Arial-Bold;
font-size:20px;
letter-spacing:1px;
}
.section-one .paket .price .new-price{
color:#f79939;
font-size:40px;
font-family: Arial-Bold;
letter-spacing:1.5px;
}
.section-one .paket .description{
background:#f79939; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:20px 40px
}
.section-one .paket .description div{
border-bottom:solid 1px #2a2c76; width:100%; padding-bottom:10px; margin-bottom:10px; color:#2a2c76
}
.section-one .paket .syarat{
font-size:11px; margin-top:30px;
}
.btnpilih {
font-size:18px;
}
}

/* 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 .content{
padding:0px 80px 30px;
}
.section-one .title{
font-size:30px; font-family: Arial-Bold; color:#f79939; line-height:25px;
}
.section-one .paket{
padding:0px 120px 20px;
}
.section-one .hot-offer{
position:absolute; z-index:1; margin-top:-15px
}
.section-one .img-paket{
background:#f79939; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;
}
.section-one .paket .price{
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #2a2c76 , #4081c3); /* Standard syntax */
padding:20px;
}
.section-one .paket .price .old-price{
color:#fff;
font-family: Arial-Bold;
font-size:25px;
letter-spacing:1px;
}
.section-one .paket .price .new-price{
color:#f79939;
font-size:60px;
font-family: Arial-Bold;
letter-spacing:1.5px;
}
.section-one .paket .description{
background:#f79939; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:20px 80px
}
.section-one .paket .description div{
border-bottom:solid 1px #2a2c76; width:100%; padding-bottom:10px; margin-bottom:10px; color:#2a2c76
}
.section-one .paket .syarat{
font-size:11px; margin-top:30px;
}
.btnpilih {
font-size:22px;
}
}

/* 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 .content{
padding:0px 200px;
}
.section-one .title{
font-size:30px; font-family: Arial-Bold; color:#f79939; line-height:25px;
}
.section-one .paket{
padding:0px 200px 20px;
margin-top:30px;
}
.section-one .hot-offer{
position:absolute; z-index:1; margin-top:-15px
}
.section-one .img-paket{
background:#f79939; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;
}
.section-one .paket .price{
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #2a2c76 , #4081c3); /* Standard syntax */
padding:20px;
}
.section-one .paket .price .old-price{
color:#fff;
font-family: Arial-Bold;
font-size:25px;
letter-spacing:1px;
}
.section-one .paket .price .new-price{
color:#f79939;
font-size:60px;
font-family: Arial-Bold;
letter-spacing:1.5px;
}
.section-one .paket .description{
background:#f79939; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:20px 100px
}
.section-one .paket .description div{
border-bottom:solid 1px #2a2c76; width:100%; padding-bottom:10px; margin-bottom:10px; color:#2a2c76
}
.section-one .paket .syarat{
font-size:11px; margin-top:30px;
}
.btnpilih {
font-size:22px;
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.section-one{
padding:200px 0px 60px; text-align:center
}
.section-one .content{
padding:0px 320px;
}
.section-one .title{
font-size:30px; font-family: Arial-Bold; color:#f79939; line-height:25px;
}
.section-one .paket{
padding:0px 280px 20px;
}
.section-one .hot-offer{
position:absolute; z-index:1; margin-top:-15px
}
.section-one .img-paket{
background:#f79939; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;
}
.section-one .paket .price{
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #2a2c76 , #4081c3); /* Standard syntax */
padding:20px;
}
.section-one .paket .price .old-price{
color:#fff;
font-family: Arial-Bold;
font-size:25px;
letter-spacing:1px;
}
.section-one .paket .price .new-price{
color:#f79939;
font-size:60px;
font-family: Arial-Bold;
letter-spacing:1.5px;
}
.section-one .paket .description{
background:#f79939; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:20px 120px
}
.section-one .paket .description div{
border-bottom:solid 1px #2a2c76; width:100%; padding-bottom:10px; margin-bottom:10px; color:#2a2c76
}
.section-one .paket .syarat{
font-size:11px; margin-top:30px;
}
.btnpilih {
font-size:22px;
}
}