body {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
.bodym {
    padding: 0px;
    margin: 0px;
    background-color: #E8E8E8;
}
.top_container {   
    margin: 0px;
    padding: 0px;
    width: 100%;   
    background-color: #FFF;
    border-bottom: 1px solid #666;
}
.logo {
    color: #FF0;
    float: left;
    top: 8px;
    padding-left: 10px;
    position: absolute;         
    font-weight: bold;
    font-family: Arial;
    z-index: 9999;   
}
.img_logo {
    width: 100%;
    border-radius: 2px;
}
.searchbox {
    margin: 16px 10px 16px 12px;
}
.search_desc {
    padding: 3px 0px 12px 12px;
    font-size:88%;
    color: #666;
}

.topbanner_box {
    margin: 0px 0px;
    padding: 0px;    
    background-color: #999;
}
.topspace_box {
    margin: 0px 0px 0px 0px;
    padding: 0px;    
}
.clear {
    clear: both;
    min-height: 8px;
}
.goto_top {
    bottom:2%;
    right:10px;
    position: fixed;
    opacity: 0.6;
    z-index: 99999;
}
.img_index {
    width: 100%;
    border-radius: 4px;
}

.allpage_content {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    width: 100%;
}
.content_title {
    padding: 0px;
    margin: 0px;
    color: #164986;;
    padding-top: 8px;
    font-family: 'Fjalla One', Arial; 
    text-transform: uppercase;   
    font-size: 26px;   
    text-align: center;    
    text-shadow: 1px 1px 1px #C0C0C0;
}
.content_box {
    padding: 0px 14px;
    text-align: center;
}
.content_img_index {
    padding: 12px 14px 0px 14px;
    text-align: center;
}
.alignleft {
    text-align: left !important;
}
.listmenu {
    margin-top: 12px;
    margin-bottom: 20px;
    padding: 0px !important;
    text-align: left;
}
.linetipis {
    line-height: 1.1 !important;
}

.img_brands {
    border: 0px;
    border-radius: 4px;
}
.img_brands:hover {
    opacity: 1.5;
}


.ico_sub {
    float: left;
    padding: 6px 10px 0px 0px;
}
.ico_file {
    float: left;
    width: 16px;
    padding: 1px 10px 0px 0px;
}
.desc_ico_file {
    padding: 4px 0px 0px 26px;
}
.line_file {
    padding: 6px 0px 6px 0px;
}

.padding-top {
    padding: 14px 14px;
}


/* ---- Box Coloum ---- */

.boxcolumn {    
    margin: 6px 0px 10px 0px;
    width: 100%;
    clear: both;
}

#box2column {
    position: relative;
    background-color: #222;
    float: left;    
    margin: 2% 0 2% 4%;
    width: 44%;    
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
#box2column img {
    width: 100%;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
}
#box2column .title {
    padding: 6px 6px 18px 6px;
    text-align: center;
    height: 32px;
    font-size: 13px;
    vertical-align: middle;
}
.tinggi {
    height: 60px !important;
}
#box2column .title a {
    color: #FFF !important;
}


/* ---- News List ---- */

#news_list {
    padding: 12px 0px 12px 0px;
    margin-bottom: 100px;  
    clear: both;
}
#news_list .resep {    
    min-height: 102px !important;    
}
#news_list .foto_news {
    padding: 3px;
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    margin: 5px 8px 0px 0px;
    float: left;
    clear: left;   
}
#news_list .news_tgl {
    font-size: 11px;
    color: #FF0000;
    text-transform: uppercase;
}

#news_list .news_title {
    font-size: 16px;   
    color: #191919;
    font-weight: bold;
}
#news_list .news_header {
    padding-top: 5px;
    color: #222222;
}


/* ---- Products Box ---- */

#productsbox {
    padding: 0px;
    margin: 0px;
    position: relative;
    text-align: left;
}
#productsbox .imgpro {
    width: 100%;
    margin: 8px 0px 0px 0px;
}
#productsbox .category {
    padding-left: 16px;
    font-size: 12px;
    color: #F50;
    font-weight: bold;
    text-transform: uppercase;    
}
#productsbox .nama {
    padding: 0px 16px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto Slab', 'Yanone Kaffeesatz', Arial;
}
#productsbox .desc {
    margin: 0px;
    padding: 0px 16px 0px 16px;
}
#productsbox .share {
    margin: 0px;
    padding: 12px 0px 8px 14px;
    background-color: #C9C9C9;
}


/* ---- Copyright Bottom ---- */

.icopyright_box {
    clear: both;   
    padding: 16px;
    background-color: #075d9A;
    text-align: center;
    color: #FFF;
}
.icopyright_ico {
    text-align: center;
    padding-top:8px;
}
.icopyright_top {
    clear: both;
    padding: 16px 14px 14px 16px;
    background-color: #202038;
    text-align: center;
}
.icopyright_bottom {
    clear: both;   
    padding: 16px;
    background-color: #3B3737;
    text-align: center;
    color: #FFF;
}


/* ---- LI Menu ---- */


.listcategory {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.listcategory ul {
    list-style-type: none;
    background-color: #E0E0E0;
}

.listcategory li a {
    display: block;
    color: #000;
    padding: 12px 16px 12px 38px;
    text-decoration: none;
    border-bottom: 1px solid #E0E0E0;
    background: url('images/menu_list.png') no-repeat top 10px left 10px;
}

.listcategory li a:hover {
    background-color: #00A79D;
    color: #FFF;
}


/* ---- Page Number ---- */

.page_number {   
   text-align: left;
   color: #FFF;
   padding: 6px 0px 18px 16px;
}

.linkpage {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #1d57a1;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
   height: 19px;  
}
.linkpage:hover {
   text-decoration: none;   
   font-weight: bold;
   background-color: #090;  
}

.linkpagenolink {
   padding: 4px;
   text-decoration: none;
   color: #000;
   background-color: #B0B0B0;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
	height: 19px;
}
.linkpagenolinktitik {
   padding: 4px;
   text-decoration: none;
   color: #FFF;
   background-color: transparent;
   font:11px Tahoma;
   font-weight: bold;
   padding: 4px;
	height: 19px;
}


/* ---- Contact ---- */

.line_box {
    display: block;
    margin: 0px;
}
.line_content {
    padding: 0px 24px 10px 16px;
}
.line_title {
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 4px;
}
.line_input {
    padding: 0px;
}


/* ---- Input Styles ---- */

div, input, textarea, select {
    font-family: Exo, Arial, sans-serif;
    font-size: 14px;
}

.link {
    color: #0000FF;
    text-decoration: none;
}
.link:hover {
    color: #FF0000;
    text-decoration: none;
}

.inputtext {
    height: 32px;
    padding: 0px 2px 0 6px;
    border-radius: 2px;
    background-color: #E0E0E0;
    border: 2px solid #E0E0E0;
}
.inputtext:focus {
    border: 2px solid #FFF;
    background-color: #FFF;
    color: #000;
}

.inputtext2 {
    height: 32px;
    width: 100%;
    padding: 0px 2px 0 6px;    
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #999;
}

.textareabox {
    width: 100%;
    padding: 10px 2px 10px 6px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #999;
}

.submitbutton {
    width: 88px; 
    height: 32px;
    color: #000;  
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    background-color: #08B4F1;
    background-repeat: repeat-x;
    border: 1px solid #098BFE;
}
.submitbutton:hover {
    background-image: -ms-linear-gradient(top, #0485aa, #09ADDD);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0485aa), to(#0bb5e6));
    background-image: -webkit-linear-gradient(top, #0485aa, #0bb5e6);
    background-image: -o-linear-gradient(top, #0485aa, #0bb5e6);
    background-image: linear-gradient(top, #0485aa, #0bb5e6);
    background-image: -moz-linear-gradient(top, #0485aa, #0bb5e6);
    border: 1px solid #098BFE;
    color: #000;
}


/* SlickNav Menu CSS */


.slicknav_menu {
	display: block;
   z-index: 8888; 
}

@media screen and (max-width: 1388px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;      
	}
}

.img_title {
    background-color:#000;
    color: #FFF;   
    position: absolute;
    width: 100% auto;
    bottom: 0px;
    font-size: 7px;
    text-transform: uppercase;
    z-index: 9999;
    padding: 6px 10px;
    opacity: 0.6;
}

.imgpro_title {
    background-color:#000;
    color: #FFF;       
    position: relative;
    width: 100% auto;
    margin-top: -30px;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 9999;
    padding: 6px 10px;
    opacity: 0.4;    
}

.lang {
    margin-top: 14px !important;
}