body {
}


.Percentage 
{
	 width:100%;position:absolute;padding-top:17px;z-index:1;font-weight:bold;color:black;text-align:center;
	}


 
		
progress {
 border: none;
 background: white;
}

progress 
{
 height:34px;width:100%;position:absolute;  
}

progress::-webkit-progress-value {
 background: lightblue;
}

progress::-moz-progress-bar {
  background: lightcolor;
}

.progressred::-webkit-progress-value {
 background: red;
}
.progressyellow::-webkit-progress-value {
 background: yellow;
}
.progressgreen::-webkit-progress-value {
 background: green;
}
progress::-webkit-progress-bar {
 background: white;
}
	
#rtptable { 
    margin: 0 auto;
    display: table; 
}

.rtprow {
    display: table-row;
}

.rtpcell {
    display: table-cell;
    height: 30px; 
    vertical-align: middle;
    text-align: center;
}


.btn2 
{
	 
    font-family: 'Arial';
    background:transparent;
	border:none;
	color:black;
	padding:8px 16px; 
margin-left:20px;
	font-size:16px;
	cursor:pointer;
	width:20%;
	}
	


.btn2:hover 
{ 
    background:#eb9f14; 
	}
	
.ico-text
{ 
	font-size:10px;
	color:black;
	
}
	 
div.galleries {
  margin: 5px; 
  float: left;
  width: 120px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div.galleries:hover {
  border: 1px solid #777;
}

div.galleries img {
  width: 120px;
  height: 120px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div.desc {
  padding: 15px;
  text-align: center;
}




.linkmenu {  
    color: #ff8d00; 
} 	 

.linkmenu:hover { text-decoration: none; }


.buttonjoin{width:100%;}


.buttonWrap{
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
	text-align: center;
	border-radius: 8px;
}


.buttons{
	text-align:center;
	color:#FFFFFF;
	padding:10px 26px 10px 26px;
	display:inline-block;
	margin-bottom:10px;
    font-family: aller;
    font-size:20px;
    box-shadow: inset 0 -4px 0 rgb(25, 106, 125);
}


.button-green{			   background-color:#27ae60;	}
.button-green:active{		background-color:#177c42;	}

.button-blue{				background-color:#2980b9;	}
.button-blue:active{		 background-color:#195a84;	}


.contactSubmitButton{
	line-height:14px!important;
	display:block!important;
	height:40px!important;
	margin-right:0px;
	width:100%;
	color: #ffffff;
}


 
.topnav {
  overflow: hidden;
  background-color: black;
  position: relative;  
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: #fec341;
  background: black;
  padding: 3px 16px;
  text-decoration: none;
  font-size: 14px; 
  display: block;   
} 

.topnav a.icon { 
  background: black;
  display: block;
  position: absolute;
  left: 0; 	
  padding-top: 0px;
  top: 40px;

}

.topnav a:hover {
  background-color: black;
  color: #fec341;
  top: 40px;
  padding-top: 0px;
  height: 35px;
}
 
 .wrapper2 {
  height: 200px;
  width: 632px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

 
 .button-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
} 
 
 
 
 .no-gap {
 border: none; 
 padding: 0; 
 margin: 0; 
} 
 
 
 
 
ul.order-list {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;   
   
}


ul.order-list > li:before {
  content: "• ";
  color: White;
}
 
 

.pattern td {
    color: White;  
}

.pattern  { 
    padding-left: 2px;
}

#ContentPlaceHolder1_butlogin,
    #ContentPlaceHolder1_butdaftar,
    #ContentPlaceHolder1_butjimat,
    #ContentPlaceHolder1_butmimpi {
        border-radius: 8px
    }

    #ContentPlaceHolder1_butjimat,
    #ContentPlaceHolder1_butmimpi {
        margin-top: -2px !important;
    }

    #ContentPlaceHolder1_txtsearch {
        width: 100% !important;
        background-color: white !important;
        border-radius: 8px;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        color: #000 !important;
    }

    #ContentPlaceHolder1_Btnsearch {
        background-color: #ffeb99 !important;
        display: flex !important;
        padding: 3px !important;
        align-items: center !important;
    }

    button {
        background: #ffeb99 !important;
    }

    .fa-th-list,
    .fa-share-square-o,
    .fa-whatsapp {
        color: #000 !important;
        font-weight: bolder;
    }

    .card {
        background: #ffeb99 !important;
        border-radius: 8px !important;
    }

    .home {
        background: #000 !important;
    }


    @media only screen and (min-width: 900px) {
        #wrapper {
            width: 920px !important;
            margin: 0 auto !important;
        }
    }

    #wrapper {
        display: wrap !important;
        flex-wrap: wrap !important;
    }

    .ico-text {
        color: #000 !important;
    }
   .img-zoom {min-height: 100px !important;}



.contactSubmitButton {
	background : #b3b3b3 !important;
	box-shadow: none !important;
	color : #000 !important;
	margin: 0px !important;
}


.owl-wrapper {margin-top: 30px !important; }


marquee {background: #FFF !important;}


    button {
        background: #b3b3b3  !important;
    }