.body_promo
{
    
    background-image: url('../img/new_bg.jpg');
    min-height: 600px;
    width: 100%;
    background-size:cover;
}
.sticky_banner
{
   position: fixed;
   bottom: 0px;
   left: 0px;
    
}
.sticky_des
{
    
    visibility: visible;
   width: 100%; 
  
   bottom: 0;
}
.sticky_mob
{
    
    visibility: hidden;
   width: 0%; 
  
   bottom: 0;
}
.img_header_form
{
    padding-top:20px;
    margin-bottom: 20px;
    visibility: visible;
    width: 95%;
}

.img_header_form_mob
{
    padding-top:0px;
    margin-bottom: 0px;
    visibility: hidden;
   width: 0%;
}
.left_promo
{
    width: 40%;
    text-align: right;
    padding: 20px;
}
.selangkah_lagi
{
    font-size: 30px;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 40px;
    max-width: 70%;
    margin-left: 182px;
}
.image_kanan
{
   /*float: left;*/
    margin-top: 93px;
    padding-left: 0%;
    margin-right: 70px;
}
.right_promo
{
    width: 40%;
    text-align: left;
    margin: 20px;
}
.image_kanan_selamat
{
    margin-top: 93px;
    padding-left: 0%;
}
.text_promo
{
    font-size:30px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 100px;
}

.image_kiri
{
   /* float:right;*/
    margin-top: 93px;
    padding-right: 0%;
    max-width: 60%;
    margin-right: -25%;
}

.article_image_cust
{
max-width: 30%;
height: auto;
display: block;
}

.btn-close
{
   font-family: "Roboto Condensed",Arial,sans-serif;
   color: #ffffff;
   font-size: 40px;
border:1px solid #616261; -webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius: 15px;font-size:26px;padding: 9px 40px 9px 40px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
margin-top:40px;
margin-right:390px;
clear: both;
}
.btn-promo
{
   font-family: "Roboto Condensed",Arial,sans-serif;
   color: #ffffff;
   font-size: 40px;
border:1px solid #616261; -webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius: 25px;font-size:36px;padding: 15px 50px 15px 50px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
margin-top:0px;
clear: both;
}

.form-register-gg
{
    margin-top: 100px;
    padding-bottom: 100px;
}
.form-input
{
    background-color: #ededed;
    color: #0e0e0e;
    font-size: 12pt;
    padding: 9px;
    margin: 10px;
    width: 70%;
    border: 1px solid #ededed;
    clear: both;
}
.form-input-check
{
    background-color: #ededed;
    color: #0e0e0e;
    font-size: 16pt;
    padding: 20px;
    margin: 10px;
   
    border: 1px solid #ededed;
    clear: both;
}

@media screen and (max-width: 600px) {
    .form-input
{
    background-color: #ededed;
    color: #0e0e0e;
    font-size: 9pt;
    width: 83%;
    border: 1px solid #ededed;
    clear: both;
    margin-left: 31px;
    margin-top: 0px;
}


.btn-promo
{  
   font-family: "Roboto Condensed",Arial,sans-serif;
   color: #ffffff;
   font-size: 18pt;
border:1px solid #616261; -webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius: 25px;padding: 15px 50px 15px 50px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
margin-top:50px;
width: 83%;
margin: 2%;
margin-left: 31px;
clear: both;
}

.btn-close
{  
   font-family: "Roboto Condensed",Arial,sans-serif;
   color: #ffffff;
   font-size: 18pt;
border:1px solid #616261; -webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius: 25px;padding: 15px 50px 15px 50px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
margin-top:50px;
width: 83%;
margin: 9%;
margin-left: 31px;
clear: both;
}
.form-register-gg
{
    margin-top: 10px;
    margin-bottom: 0px;
}
.image_kanan
{
   /*float: left;*/
    margin-top: 30px;
    padding-left: 0%;
}
.image_kiri
{
   /* float:right;*/
    padding-top: 20px;
    margin-top: 0px;
    padding-right: 0%;
    margin-right: unset;
}
.text_promo
{
    font-size:30px;
    font-weight: bold;
    margin-top: 50px;
    padding-bottom: 100px;
    margin-bottom: 0px;
}
.selangkah_lagi 
{
    font-size: 20px;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: -61px;
    max-width: 95%;
    margin-left: 9px;
  }
.form-input-check
{
    background-color: #ededed;
    color: #0e0e0e;
    font-size: 16pt;
    padding: 7px;
    margin: 10px;
    margin-left: 31px;
    border: 1px solid #ededed;
    clear: both;
}
.img_header_form
{
    padding-top:0px;
    margin-bottom: 0px;
    visibility: hidden;
    width: 0%;
}
.img_header_form_mob
{
    padding-top:20px;
    margin-bottom: 0px;
    visibility: visible;
   width: 95%;
}
.sticky_des
{
    
    visibility: hidden;
   width: 0%; 
  
   bottom: 0;
}
.sticky_mob
{
    
    visibility: visible;
   width: 100%; 
   
   bottom: 0;
}
}