/********************************
	MAK template
	Date : 02/09/2015
	Author : Andreas J
*********************************/
hr{border-color:#808285;border-width:1px 0 0 0;}
.body{padding-top:108px;padding-bottom:40px;}
.brand{display:inline-block !important;/*width:250px;*/}
.breadcrumb{padding: 8px 0;}
.page-header{margin:0;}
body.site{background:#eee !important;/*width:1920px;*/margin:0 auto;position:relative;}

body.site .mak-outer-body{width:1600px;margin:0 auto;background:#fff;}
.container {max-width: 1330px;}
@media screen and (max-width:1600px) {
	body.site .mak-outer-body{width:100%;}
	.container{max-width:96%;}
}
@media screen and (max-width:768px) {
	.body{padding-top:0;}
	.brand{width:200px;}
	[class*="span"]{margin-bottom:10px;}
}	

/*.item-page h1,
.item-page h2,
.item-page h3,
.item-page h4,
.item-page h5,
.item-page h6,*/
.page-header h1,
h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6
{display:inline-block;padding-bottom:30px;margin-top:30px;margin-bottom:30px;/*border-bottom:3px solid #e51d1d;*/color:#e51d1d;text-transform:uppercase;}
input[type="text"]{font-family:lato;font-size:15px;}

body.com_content.view-category.layout-makproduct .page-header h1{display:block;margin:0;}
body.com_content.view-category.layout-maknews {background-color:#fff;}

@media screen and (max-width:768px) {
	.custom-homepage-products,
	.custom-homepage-about-us,
	.moduletable-homepage-latest-news .container,
	.custom-contact-us-mak,
	.moduletable_breadcrumb_main,
	.item-page .container,
	.footer .container,
	.blog-maknews .items-row,
	.blog-maknews .pagination,
	#MAKContactForm ,
	.mak-product-blog .container,
	.maknews-item-page,
	.mak-product-detail-box .container,
	.mak-product-item-page .info-teknis .container,
	.mak-product-item-page .produk-terkait{width:300px;margin: 0 auto;}
	
	#MAKContactForm{margin: 0 auto !important;}
	.moduletable_breadcrumb_main .container{max-width:100%;}
	.breadcrumb_breadcrumb_products{width:300px;margin: 0 auto !important;}
}
@media screen and (max-width:480px) {
	.copyright{float:left !important;}
}


/******************
	GENERAL PLACEHOLDER
	********************/	
::-webkit-input-placeholder {
	color:#000;font-family:lato;
}
:-moz-placeholder { /* Firefox 18- */ 
	color:#000;font-family:lato;
}
::-moz-placeholder {  /* Firefox 19+ */
  color:#000;font-family:lato;
}
:-ms-input-placeholder {  
  color:#000;font-family:lato;
}


/*******************************
	BUTTON
********************************/	
.btn-primary{background:#e51d1d;font-size:16px;font-family:'lato';border:1px solid #e51d1d;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-shadow:0 0 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {background:#e51d1d;}

/********************************
	TOP NAVI - LANGUAGE SWITCHER
*********************************/	
.header-navi .mod-languages{text-align:right;}
.header-navi .mod-languages ul{font-size:0;}
.header-navi div.mod-languages ul.lang-inline > li{margin:0 0 0 5px;text-transform:uppercase;font-size:15px;display:inline-block;}
/*.header-navi div.mod-languages ul.lang-inline > li:first-child{display:none;}*/ /* for English if exist */
.header-navi div.mod-languages ul.lang-inline > li:before{content:'/';}
.header-navi div.mod-languages ul.lang-inline > li:first-child:before{content:'';}
.header-navi div.mod-languages ul.lang-inline > li > a{color:#20271f;padding:2px 5px;line-height:25px;}
.header-navi div.mod-languages ul.lang-inline > li > a:hover,
.header-navi div.mod-languages ul.lang-inline > li.lang-active > a{color:#fff;background:#e31d1a}

/********************************
	TOP NAVI - TOP MENU
*********************************/	
.header-navi ul.menu{margin-bottom:0;}
.header-navi ul.menu > li{display:inline-block;text-transform:uppercase;}
.header-navi ul.menu > li  > a{color:#20271f;padding:15px 0px 15px 50px;}
.header-navi ul.menu > li:first-child  > a{color:#20271f;padding-left:0;}
.header-navi ul.menu > li  > a:hover,
.header-navi ul.menu > li.active > a
{color:#e31d1a;text-decoration:none;}

.header-navi ul.menu > li > ul.nav-child{position:absolute;width:60%;left:0;/*background:rgba(0,0,0,0.5);*/background:#e31d1a;top:104px;padding-left:40%;display:none;border-top:6px solid #e31d1a;
	-webkit-box-shadow: inset 0px 15px 10px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 15px 10px -12px rgba(0,0,0,0.75);
	box-shadow: inset 0px 15px 10px -12px rgba(0,0,0,0.75);
}

.mak-mobile-nav-container{position:relative;text-align:right;}
.mak-mobile-nav-container #mak-mobile-nav{font-size:31px;color:#e31d1a;cursor:pointer;display:none;position:absolute;right:0;top:10px;}

@media screen and (max-width:1600px) {
	.header-navi ul.menu > li > ul.nav-child{padding-left:45%;width:55%;}
}	
@media screen and (max-width:979px) {
	.header-navi ul.menu > li > ul.nav-child{padding-left:20%;width:80%;}
	.header-navi ul.menu > li  > a{padding:15px 0px 15px 20px;}
}

@media screen and (max-width:768px) {
	.header-navi ul.menu > li  > a{padding:10px 0px 10px 20px;}
	
	.mak-mobile-nav-container #mak-mobile-nav{display:block;}
}

/* layanan - submenu - indo */
.header-navi ul.menu > li.item-181 > ul.nav-child{padding-left:65%;width:35%;}
/* submenu - english */
.header-navi ul.menu > li.item-103 > ul.nav-child{padding-left:40%;width:60%;}
.header-navi ul.menu > li.item-105 > ul.nav-child{padding-left:70%;width:30%;}


.header-navi ul.menu > li:hover > ul.nav-child{display:block;}
.header-navi ul.menu > li > ul.nav-child > li{display:inline-block;padding:15px 20px;}
.header-navi ul.menu > li > ul.nav-child > li > a{color:#fff;text-decoration:none;}
.header-navi ul.menu > li > ul.nav-child > li > a:hover{/*color:#e31d1a;*/color:#000;}

.header-navi ul.menu > li > a.hide-product-next-menu + ul.nav-child{display:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.header-navi ul.menu > li > ul.nav-child{top:103px;}
}
@media screen and (max-width:979px) {
	.header-navi ul.menu > li > ul.nav-child > li{padding:15px 10px;}
	.header-navi ul.menu > li.item-181 > ul.nav-child{padding-left:55%;width:45%;}
	
	.header-navi ul.menu > li.item-103 > ul.nav-child{padding-left:30%;width:70%;}
	.header-navi ul.menu > li.item-105 > ul.nav-child{padding-left:60%;width:40%;}
}	
@media screen and (max-width:768px) {
	.header-navi ul.menu{position:absolute;top:113px;display:none;left:0;width:100%;background:#fff;border-bottom:2px solid #e31d1a;}
	.header-navi ul.menu > li{display:block;width:100%;}
	.header-navi ul.menu > li > ul.nav-child{padding-left:0;width:100%;position:relative;top:0;border-top:0;}
	.header-navi ul.menu > li > ul.nav-child > li{display:block;padding:10px 20px;}
	
	.header-navi ul.menu > li.item-181 > ul.nav-child,
	.header-navi ul.menu > li.item-103 > ul.nav-child,
	.header-navi ul.menu > li.item-105 > ul.nav-child
	{padding-left:0;width:100%;}
	
}

/********************************
	TOP NAVI - TOP MENU
*********************************/	
/*.header-navi ul.menu_en{margin-bottom:0;}
.header-navi ul.menu_en > li{display:inline-block;text-transform:uppercase;}
.header-navi ul.menu_en > li  > a{color:#20271f;padding:15px 0px 15px 50px;}
.header-navi ul.menu_en > li:first-child  > a{color:#20271f;padding-left:0;}
.header-navi ul.menu_en > li  > a:hover,
.header-navi ul.menu_en > li.active > a
{color:#e31d1a;text-decoration:none;}

.header-navi ul.menu_en > li > ul.nav-child{position:absolute;width:100%;left:0;background:#fff;top:104px;padding-left:40%;display:none;border-top:6px solid #e31d1a;
	-moz-box-shadow:    inset 0 7px 10px -7px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0 7px 10px -7px rgba(0,0,0,0.75);
  box-shadow:         inset 0 7px 10px -7px rgba(0,0,0,0.75);
}
.header-navi ul.menu_en > li:hover > ul.nav-child{display:block;}
.header-navi ul.menu_en > li > ul.nav-child > li{display:inline-block;padding:15px 20px;}
.header-navi ul.menu_en > li > ul.nav-child > li > a{color:#000;text-decoration:none;}
.header-navi ul.menu_en > li > ul.nav-child > li > a:hover{color:#e31d1a;}

.header-navi ul.menu_en > li > a.hide-product-next-menu + ul.nav-child{display:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.header-navi ul.menu_en > li > ul.nav-child{top:103px;}
}
*/

/**********************************
	BREADCRUMBS
**********************************/	
/* Produk ver. Inggris */
.com_content.view-article.itemid-111 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-112 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-113 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-114 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-115 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-116 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-117 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-118 .moduletable_breadcrumb_main{display:none;}

/* Produk ver. Indonesia */
.com_content.view-article.itemid-161 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-168 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-169 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-170 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-171 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-172 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-173 .moduletable_breadcrumb_main,
.com_content.view-article.itemid-174 .moduletable_breadcrumb_main{display:none;}

ul.breadcrumb_breadcrumb_main{font-size:14px;margin:30px 0;padding:0;background:transparent;text-transform:uppercase;border-radius:4px;list-style:outside none none;}
ul.breadcrumb_breadcrumb_main > li{display:inline-block;text-shadow: 0 1px 0 #fff;}
ul.breadcrumb_breadcrumb_main > li > .divider{color:#ccc;padding:0 5px;}
ul.breadcrumb_breadcrumb_main > li.active{color:#e51d1d;}
ul.breadcrumb_breadcrumb_main > li a{color:#808285}
@media screen and (max-width:1600px) {
	ul.breadcrumb_breadcrumb_main{font-size:12px;}
}	
.moduletable_breadcrumb_products .container{padding-bottom:0px;}

ul.breadcrumb_breadcrumb_products{font-size:14px;margin:0;padding:0;background:transparent;text-transform:uppercase;border-radius:4px;list-style:outside none none;}
ul.breadcrumb_breadcrumb_products > li{display:inline-block;text-shadow: 0 1px 0 #fff;}
ul.breadcrumb_breadcrumb_products > li > .divider{color:#ccc;padding:0 5px;}
ul.breadcrumb_breadcrumb_products > li.active{color:#e51d1d;}
ul.breadcrumb_breadcrumb_products > li a{color:#808285}

/* Exception for Prdouct Detail */
.itemid-161 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-168 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-169 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-170 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-171 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-172 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-173 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-174 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}

.itemid-111 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-112 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-113 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-114 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-115 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-116 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-117 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}
.itemid-118 ul.breadcrumb_breadcrumb_products > li:nth-child(3){display:none;}

/*********************************
	RED FLOAT for Search and Others
**********************************/
.mak-header-main{background:#fff;border-bottom:6px solid #e31d1a;position:fixed;z-index:100;font-size:15px;left: 50%;top: 0%;transform: translateX(-50%);width:inherit;}
@media screen and (max-width:1600px) {
	.mak-header-main{font-size:13px;}
}	
@media screen and (max-width:768px) {
	.mak-header-main{position:relative;transform:inherit;left:0;}
}

.mak-header-main .container{padding-bottom:0;}
.mak-header-main .header-inner{padding-top:25px;}
@media screen and (max-width:768px) {
	.mak-header-main .header-inner{padding-bottom:35px;padding-top:35px;}
}

.mak-search{margin-right:20px;}
.mak-search .form-inline{display:none;}
.mak-search .fa-search{font-size:18px;line-height:24px;cursor:pointer;}

.mak-search .desktop{margin-bottom:10px;}
.mak-search .desktop .form-inline input[type="search"]{height:17px;}
.mak-search:hover .desktop .form-inline{display:inline-block;}
.mak-search:hover .desktop .fa-search{visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear;}

.mak-search .mobile{display:none;}



@media screen and (max-width:768px) {
	.mak-search{margin-right:0px;}
	.mak-search .desktop{display:none;}
	.mak-search .mobile{display:block;}
	.mak-search .mobile a{color:#333;}
}

/**********************************
	DJSLIDER IMAGE - General
**********************************/	
.djslider.djslider-default .slide-desc-in{width:380px;}
.djslider.djslider-default .slide-desc-text-default .slide-title a{color:#ed1c24;text-decoration:none;}
.djslider.djslider-default .slide-desc-text-default .slide-title a:hover{color:#aaa;}
.djslider.djslider-default .navigation-container-custom, 
.djslider.djslider-default .navigation-numbers{bottom:20px;top:auto;right:20%;}
.djslider.djslider-default .load-button.load-button-active{background:#e31d1a;}
.djslider.djslider-default .load-button{background:#fff;opacity:1;}

.djslider.djslider-default .navigation-container{top:45%;margin:0 15px;color:#fff;}
.djslider.djslider-default .navigation-container .fa{font-size:80px;color:#e52225;}
.djslider.djslider-default .navigation-container .fa:hover{color:#fff;}

.djslider.djslider-default .slide-desc{position:absolute;bottom:25px;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.djslider.djslider-default .slide-desc-text-default{padding:10px;background: rgba(255, 255, 255, 0.65)}
.djslider.djslider-default .slide-desc-text-default .slide-title{font-size:14px;font-weight:400;margin-bottom:0;}

.djslider.djslider-default .dj-image-mobile{display:none;}

@media screen and (max-width:1200px) {
	.djslider.djslider-default .navigation-container{top:40%;}
	.djslider.djslider-default .navigation-container .fa{font-size:50px;}
}
@media screen and (max-width:768px) {
	.djslider.djslider-default .slide-desc-text-default{display:none;}
	.djslider.djslider-default img.dj-image.desktop{display:none;}
	.djslider.djslider-default .dj-image-mobile{display:block;height:250px !important;background-size:cover !important;background-position: center bottom !important; }
	.djslider.djslider-default{height:250px !important;}
	.djslider-loader.djslider-loader-default{padding-bottom:10px !important;}
	.djslider.djslider-default ul.djslider-in > li{height:250px !important;}
	
}

/********************************
	DJSlider for MAK Homepage
*********************************/	
.moduletable-mak-homepage .slide-desc-bg-default{background:transparent;/*background: rgba(255, 255, 255, 0.65)*/}
.moduletable-mak-homepage .slide-desc-text-default{padding:15px 25px !important;width:320px;}
.moduletable-mak-homepage .slide-desc{bottom:85px !important;}
.moduletable-mak-homepage .slide-desc .fa{font-size:40px;color:#e51d1d;padding-right:10px;}
.moduletable-mak-homepage .slide-title{font-family:lato;font-size:31px !important;color:#e51d1d !important;line-height:40px;}
.moduletable-mak-homepage .slide-text{font-size:22px;color:#333;line-height:24px;}
.moduletable-mak-homepage .load-button{border:4px solid #fff !important;}
.moduletable-mak-homepage .navigation-container-custom{right:50px !important;}
@media screen and (max-width:1600px) {

}	
@media screen and (max-width:1200px) {
	.moduletable-mak-homepage .slide-desc{top:60px;left:80px !important;}
	.moduletable-mak-homepage .slide-title{font-size:24px !important;line-height:30px;}
	.moduletable-mak-homepage .slide-text{font-size:18px;line-height:20px;}
	.moduletable-mak-homepage .load-button{border:2px solid #fff !important;}
}
@media screen and (max-width:768px) {
	.moduletable-mak-homepage .navigation-container-custom{right:10px !important;}
}
/*********************************
	DJSlider for MAK Products
**********************************/	
.moduletable-mak-products .slide-desc{top:100px;width:400px;left:18%;}
.moduletable-mak-products .slide-desc-text-default .slide-title{font-size:50px;line-height:50px;}
.moduletable-mak-products .slide-desc hr.line{width:100px;}
.moduletable-mak-products .slide-desc .slide-text{line-height:20px;}

.com_content.view-article .moduletable-mak-products{display:none;}

/**********************************
	Banner for COMPANY PROFILE page
**********************************/	
.moduletable-mak-company-profile{}
.moduletable-mak-company-profile .slide-desc{top:0;position:absolute;width:100%;height:100%;}
.moduletable-mak-company-profile .slide-desc .slide-desc-in{height:100%;}
.moduletable-mak-company-profile .slide-desc-bg-default{background:transparent;}
.moduletable-mak-company-profile .slide-desc-text-default{width:400px;position: relative;top: 50%;transform: translateY(-50%);}
.moduletable-mak-company-profile .slide-desc-text-default .slide-title{color:#000;font-size:50px;line-height:50px;margin-bottom:30px;}


/*****************************
	HISTORY - TIMELINE
******************************/	
.history-mak{position:relative;}
.history-mak .vertical-line{position:absolute;border-left:1px solid #e1e1e1;height:100%;left:30px;z-index:0;}

.history-mak .timeline-table{display:table;width:100%;margin-bottom:30px;}
.history-mak .timeline-table .cell{display:table-cell;}
.history-mak .timeline-table .cell.cell-timeline{position:relative;width:100px;vertical-align:middle;}
.history-mak .timeline-table .cell.cell-konten{position:relative;padding-left:25px;}

.history-mak .circle-tm{border-radius: 50%;width:60px;height:60px;background:#000;color:#fff;}
.history-mak .circle-tm .txt{text-align:center;vertical-align:middle;line-height:60px;font-size:18px;font-weight:800;}

.history-mak .konten{position:relative;border-radius:5px;background:#e1e1e1;width:70%;}
.history-mak .konten > .wrapper{padding:15px;}
.history-mak .konten > .wrapper > .tabel-konten{display:table;width:100%;}
.history-mak .konten > .wrapper > .tabel-konten > .gambar{display:table-cell;width:300px;}
.history-mak .konten > .wrapper > .tabel-konten > .isi{display:table-cell;padding-left:30px;vertical-align:middle;}

.history-mak .arrow-left {position:absolute;top:40%;left:16px;width: 0; height: 0; border-top: 18px solid transparent;border-bottom: 18px solid transparent; border-right:10px solid #e1e1e1; }
@media screen and (max-width:1200px) {
	.history-mak .konten{width:100%;}
}
@media screen and (max-width:768px) {
	.history-mak .timeline-table .cell.cell-timeline{width:60px;}
	
	.history-mak .circle-tm{width:50px;height:50px;}
	.history-mak .circle-tm .txt{line-height:50px;font-size:14px;}

	.history-mak .konten > .wrapper > .tabel-konten > .gambar{display:block;width:200px;margin-bottom:10px;}
	.history-mak .konten > .wrapper > .tabel-konten > .isi{display:block;padding-left:0;}
}
@media screen and (max-width:480px) {
	.history-mak .arrow-left{top:43%;}
}
/*********************************
	CONTENT main
**********************************/	
.com_content.view-article .pager.pagenav{display:none}

/*********************************
	HOMEPAGE - MAIN
**********************************/	
.itemid-122 .mak-red-float,
.itemid-123 .mak-red-float{position:absolute;right:0;z-index:10;}

/********************************
	New - DISTRIBUSI TABLE
*********************************/	
/*table.mak-distribusi-tabel{font-weight: 800; width: 100%; font-size: 20px;text-transform:uppercase;}
table.mak-distribusi-tabel tr > td{padding-bottom:15px;}
table.mak-distribusi-tabel tr:last-child > td{padding-bottom:0;}
@media screen and (max-width:1200px) {
	table.mak-distribusi-tabel{font-size:16px;}
}
@media screen and (max-width:768px) {
	table.mak-distribusi-tabel{font-size:12px;width:400px;overflow-x:scroll;}
	table.mak-distribusi-tabel td{vertical-align:top;}
}*/

div.mak-distribusi-tabel{font-weight: 800; width: 100%; font-size: 20px;text-transform:uppercase;}
div.mak-distribusi-tabel table tr > td{padding-bottom:15px;}
@media screen and (max-width:768px) {
	div.mak-distribusi-tabel  .span3{display:inline-block;width:48%;font-size:15px;vertical-align:top;}
}
/*********************************
	New - FAQS
**********************************/
.mak-faqs-table ul{list-style:none;margin-left:10px;}
.mak-faqs-table ul > li:before{content:"■\00a0\00a0\00a0";color:#878787;margin-left:-21px;}
.mak-faqs-table ul > li{padding-left:10px;color:#333;;}

/**********
	NEWS
**********/	
.com_content.view-category.layout-maknews .mak-red-float,
.itemid-104 .mak-red-float{position:absolute;right:0;}
.blog-maknews{margin:70px 0 0px;}
.blog-maknews a{text-decoration:none;color:#a7a9ac;}
.blog-maknews a:hover{color:#e51d1d;}
.blog-maknews .items-row{margin-bottom:10px;}
.blog-maknews .items-row .span12{padding:45px;background:#e6e7e8;margin-bottom:20px;}
.blog-maknews .items-row .created_date{font-size:14px;color:#000;}
.blog-maknews .items-row .item{position:relative}
.blog-maknews .items-row .item p.readmore{position:absolute;bottom:0;margin-bottom:0;}
.blog-maknews .page-header{margin-bottom:0;}

.blog-maknews .pagination-list{clear:both;margin-top:40px;margin-bottom:40px;}
.blog-maknews .pagination-list .pagenav-previous{float:left;}
.blog-maknews .pagination-list .pagenav-next{float:right;}
.blog-maknews .pagination-list a{color:#a7a9ac}

.mak-news-table{display:table}
.mak-news-table .cell1{display:table-cell;width:25%;}
.mak-news-table .cell2{display:table-cell;width:70%;position:relative;vertical-align:middle;}
.mak-news-table .cell2 .created_date{position:absolute;top:0;}
.mak-news-table .cell2 .page-header h2{margin-top:0;padding-bottom:0;margin-bottom:0;}
.mak-news-table .cell2 .page-header h2 a{color:#e51d1d;font-weight:normal;}
.mak-news-table .cell2 .page-header h2 a:hover{color:#000;}
.mak-news-table .item-image{width:75%;}
.mak-news-table .item-image img{width:100%;}
@media screen and (max-width:1200px) {
	.blog-maknews .items-row .item p.readmore{position:relative;}
}
@media screen and (max-width:768px) {
	.blog-maknews .items-row .span12{padding:15px;}
	.mak-news-table .cell1{display:block;width:100%;margin-bottom:10px;}
	.mak-news-table .cell2{display:block;width:100%;}
	
	.mak-news-table .item-image{width:100%;}
}
/**************
	NEWS - ITEM
**************/
body.com_content.view-article .maknews-item-page{margin-top:40px;}
body.com_content.view-article .maknews-item-page .page-header{float:left;padding-bottom:0;margin-bottom:0;color:#e51d1d;}
body.com_content.view-article .maknews-item-page .page-header h2{margin:0;font-size:40px;font-weight:normal;line-height:44px;display:block;padding-bottom:0;}
body.com_content.view-article .maknews-item-page .pager.pagenav{display:block;}
body.com_content.view-article .maknews-item-page .pager.pagenav li > a,
body.com_content.view-article .maknews-item-page .pager.pagenav li > span{border:0 none;color:#a7a9ac;}
body.com_content.view-article .maknews-item-page .pager.pagenav li > a:hover,
body.com_content.view-article .maknews-item-page .pager.pagenav li > a:focus {text-decoration: none;background:transparent;color:#e51d1d}
.maknews-item-page .item-image{margin-bottom:0;margin-top:40px;}
@media screen and (max-width:768px) {
	body.com_content.view-article .maknews-item-page .page-header h2{font-size:30px;line-height:34px;}
}	
/******************************************8
	RSFORM - Contact Us page
*******************************************/	
#MAKContactForm.formResponsive{margin:0;}
#MAKContactForm h2{color:#e51d1d;font-size:30px;line-height:40px;font-weight:normal;display:inline-block;border-bottom:3px solid #e51d1d;padding-bottom:15px;margin:0 0 45px;}
#MAKContactForm .rsform-block.rsform-block-header .formControlLabel{display:none;}
#MAKContactForm .rsform-block.rsform-block-header .formControls{margin-left:0;}
#MAKContactForm .rsform-block.rsform-block-header .formControls .formBody{width:100%;}
#MAKContactForm .rsform-block .formControls .formBody{width:520px;}
#MAKContactForm .rsform-block .formControls input[type="text"],
#MAKContactForm .rsform-block .formControls textarea{border:0;background:#e6e7e8;width:500px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#MAKContactForm .rsform-block .formControls input[type="text"]{height:30px;}
#MAKContactForm .rsform-block .formControls textarea{height:200px;}
#MAKContactForm .rsform-submit-button{float:right;background:transparent;color:#e51d1d;font-size:14px;font-family:'lato';border:1px solid #e51d1d;text-transform:uppercase;margin-right:13px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-shadow:0 0 0;
	padding:5px 25px;
}
#MAKContactForm .rsform-submit-button:hover{background:#e51d1d;color:#fff;}
@media screen and (max-width:767px) {
	#MAKContactForm .rsform-block .formControls .formBody{width:100%;}
}

#MAKContactForm .rsform-block-department .rsformVerticalClear:nth-child(odd){float:left;width:50%;padding-bottom:20px;}
#MAKContactForm .rsform-block-department .rsformVerticalClear:nth-child(even){float:left;width:50%;clear:right;padding-bottom:20px;}
#MAKContactForm .rsform-block-department .rsformVerticalClear input[type="checkbox"]{}
#MAKContactForm .rsform-block-department .rsformVerticalClear label{font-size:18px;}
#MAKContactForm .rsform-block-department .formDescription{clear:both;}
@media screen and (max-width:767px) {
	#MAKContactForm .rsform-block{margin-bottom:0;}
	#MAKContactForm .rsform-block-department .rsformVerticalClear:nth-child(odd),
	#MAKContactForm .rsform-block-department .rsformVerticalClear:nth-child(even){float:none;width:100%;padding-bottom:5px;}
	#MAKContactForm .rsform-block .formControls input[type="text"],
	#MAKContactForm .rsform-block .formControls textarea{width:97% !important;}
}

#MAKContactForm .rsform-block-submit{margin-bottom:0;}

/****************************8
	HOMEPAGE - About Us
*****************************/	
.moduletable-homepage-about-us{background:url('../../../images/product-homepage-bg.jpg') no-repeat;background-size:cover;color:#000;padding:80px 0;}
.moduletable-homepage-about-us h3{color:#fff;border-color:#fff;margin-bottom:60px;}
.moduletable-homepage-about-us p.about-us-text1{width:750px;margin:30px 0 60px;font-size:18px;}

.moduletable-homepage-about-us ul.nav{margin-bottom:0;}
.moduletable-homepage-about-us ul.nav > li{display:inline-block;margin-right:10px;margin-bottom:10px;}
.moduletable-homepage-about-us ul.nav > li > a{background:#d1d3d4;padding:15px 0;color:#808285;text-transform:uppercase;text-decoration:none;font-weight:800;width:220px;text-align:center;}
.moduletable-homepage-about-us ul.nav > li:hover > a{background:#ed1c24;color:#fff;}
@media screen and (max-width:1200px) {
	.moduletable-homepage-about-us{padding:40px 0;}
}
@media screen and (max-width:767px) {
	.moduletable-homepage-about-us ul.nav > li{display:block;margin:0 auto 10px;width:100%;}
	.moduletable-homepage-about-us ul.nav > li > a{width:auto;}
}
/******************************
	HOMEPAGE - PRODUCTS
******************************/	
.moduletable-homepage-products{background:#fff;padding:20px 0 40px 0;}
.moduletable-mak-homepage-list-products{padding-top:30px;}

/*****************************
 PRODUCT LIST PAGE	
******************************/
.mak-product-blog{}
.mak-product-blog .cat-children{/*margin:30px 0;*/}
.mak-product-blog .cat-children a.children-article-link{color:#a1a2a3;}
.mak-product-blog .cat-children a.children-article-link:hover{color:#e31d1a;text-decoration:none;}
.mak-product-blog .cat-children > div.mytabs{border-bottom:1px solid #b0b0b0;padding:10px 0;margin-bottom:50px;}
.mak-product-blog .cat-children > div.mytabs a{color:#818285;font-size:25px;margin-left:10px;}
.mak-product-blog .cat-children > div.mytabs a.active{color:#ec1f27;}
.mak-product-blog .cat-children > div.product-list-mtd > div{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #b0b0b0;}
.mak-product-blog .cat-children > div.product-list-mtd > div:last-child{border-bottom:0 none;padding-bottom:0;margin-bottom:0;}
.mak-product-blog .cat-children > div.product-list-mtd .margin-grid{margin-bottom:30px;}
.mak-product-blog .cat-children > div.product-list-mtd .margin-grid:last-child{margin-bottom:0;}
.mak-product-blog .cat-children .item-title{font-size:24px;line-height:30px;text-transform:uppercase;margin-bottom:25px;color:#e31d1a;}
.mak-product-blog .cat-children .category-desc{margin-bottom:40px;}

.mak-product-blog .mak-product-items{margin:40px 0;}
.mak-product-blog .items-row{border-top:1px solid #b0b0b0;padding:50px 0;}
.mak-product-blog .items-row .item-title{font-size:24px;line-height:30px;text-transform:uppercase;margin-bottom:25px;color:#e31d1a;}

.mak-product-blog .items-leading > div{padding:80px 0;border-top:1px solid #fff;}
.mak-product-blog .items-leading > div.leading-0{border-top:0;}
.mak-product-blog .readmore{margin-top:40px;}
.mak-product-blog .readmore a{display:block;font-size:24px;border:3px solid #fff;background:transparent;padding:10px 30px;text-decoration:none;width:200px;text-align:center;}
.mak-product-blog .readmore a:hover{color:#e51d1d;background:#fff;}

.mak-product-blog .cat-children .row-fluid{position:relative}
.mak-product-blog .mak-variasi{color:#6d6e71;position:absolute;cursor:pointer;bottom:0;z-index:10;}
.mak-product-blog .mak-variasi .mak-variasi-produk{font-size:16px;width:200px;}
.mak-product-blog .mak-variasi .mak-variasi-produk .fa-angle-down{position:relative;top:5px;left:10px;font-size:38px;}
.mak-product-blog .mak-variasi.active .mak-variasi-produk{color:#e52025;}
.mak-product-blog .mak-variasi .mak-variasi-produk-list{display:none;position:absolute;padding:8px 8px;background:#fff;width:230px;
	/*-webkit-box-shadow: 3px 10px 5px 0px rgba(228,228,228,1);
	-moz-box-shadow: 3px 10px 5px 0px rgba(228,228,228,1);
	box-shadow:3px 10px 5px 0px rgba(228,228,228,1);*/
	border:1px solid rgba(228,228,228,1);
}
.mak-product-blog .mak-variasi.active .mak-variasi-produk-list{display:block;}

@media screen and (max-width:767px) {
	.mak-product-blog .cat-children > #product-list-grid .margin-grid{text-align:center;}
	.mak-product-blog .cat-children .category-desc{margin-bottom:0;}
	.mak-product-blog .mak-variasi{position:relative;}
}
/***************************
	PRODUCT CATEGORIES - Level 1
****************************/	
.itemid-102 .blog,
.itemid-160 .blog{margin:0 0 50px;}
.blog .my-subcategories{margin-bottom:0px;}
.blog .category-desc{/*margin-bottom:40px;*/}
.blog .jm-item .cntn a{font-size:24px;color:#fff;text-decoration:none;}


/**************************
	HOMEPAGE - NEWS
***************************/	
.moduletable-homepage-latest-news{background:#e6e7e8;padding:40px 0;}
.moduletable-homepage-latest-news h3{margin:0;padding-bottom:10px;}
.moduletable-homepage-latest-news .view-all{text-align:right;float:right;/*margin-top:-30px;*/}
.moduletable-homepage-latest-news .view-all a{color:#abadb0;}

ul.category-module-homepage-latest-news{list-style:none;margin:30px 0 0 0;}
ul.category-module-homepage-latest-news > li{display:inline-block;position:relative;background:#fff;width:29%;padding:20px 1.6%;vertical-align:top;margin-left:1%;min-height:540px;}
ul.category-module-homepage-latest-news > li:first-child{border-left:0;margin-left:0;}
ul.category-module-homepage-latest-news .mod-articles-category-readmore{position:absolute;bottom:20px;}

.moduletable-homepage-latest-news .introimage{margin-bottom:15px;}
.moduletable-homepage-latest-news .introimage img{width:100%;}
.moduletable-homepage-latest-news .mod-articles-category-date{font-size:14px;margin-bottom:15px;}
.moduletable-homepage-latest-news .title{font-size:25px;line-height:28px;height:70px;}
.moduletable-homepage-latest-news .title .mod-articles-category-title:hover{text-decoration:none;}
.moduletable-homepage-latest-news hr.line{float:left;margin:20px 0;border:2px solid #e51d1d;width:100px;}
.moduletable-homepage-latest-news .mod-articles-category-introtext{font-size:16px;margin-bottom:20px;height:100px;}
.moduletable-homepage-latest-news .mod-articles-category-readmore .mod-articles-category-title{color:#a7a9ac;font-size:16px;text-decoration:none;}
.moduletable-homepage-latest-news .mod-articles-category-readmore .mod-articles-category-title:hover{color:#ed1c24;text-decoration:none;}
@media screen and (max-width:1200px) {
	ul.category-module-homepage-latest-news > li{min-height:490px;}
}	
@media screen and (max-width:767px) {
	ul.category-module-homepage-latest-news > li{display:block;width:260px;padding:20px;margin:0 auto 10px;}
	ul.category-module-homepage-latest-news > li:first-child{margin:0 auto 10px}
}
@media screen and (max-width:320px) {
	ul.category-module-homepage-latest-news > li{display:inline-block;width:270px;padding:20px;margin:0 auto 10px;}
}
/**************************
	CONTACT US Module
***************************/	
.moduletable-contact-us-mak{background:#fff;padding:20px 0;}
.moduletable-contact-us-mak iframe{pointer-events:none;}

/*************************************************
	How can we help - MAK Homepage - Before Footer
**************************************************/	
.moduletable-how-we-can-help-you-mak-homepage{background:#fff;padding:20px 0;}


/***********************************************
	DISTRIBUTION - SIDEMENU BAR
************************************************/	
.moduletable_mak_sidebarmenu_distribution h3{border-bottom: 3px solid #e31d1a;color: #e31d1a;font-size: 30px;line-height: 34px;padding-bottom: 10px;margin:0 0 40px 0;font-weight:200;}
.moduletable_mak_sidebarmenu_distribution ul > li{margin-bottom:20px;}
.moduletable_mak_sidebarmenu_distribution a{display:block;padding:15px 30px;border:2px solid #e31d1a;text-align:center;color:#333;text-transform:uppercase;text-decoration:none;}
.moduletable_mak_sidebarmenu_distribution a:hover{background:#e31d1a;color:#fff;}



/********************************
	HOVER IMAGE TEXT
	********************************/	
.jm-item {
	display:block;
	text-align: left;
}
.jm-item-wrapper {
	position: relative;
}
.jm-item-image {
	position: relative;
	overflow: hidden;
}
.jm-item-image img {
	display: block;
	width:100%;
}
.jm-item-title {
    position: absolute;
    left: -10px;
    bottom: 17px;
    background: #FF6B0E;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.4em;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.jm-item-button {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.jm-item-button a:hover {
	background: #3b3b3b;	
}

.jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(229,29,29,0.7);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.jm-item-description .cntn{
	display:inline-block;
	border-bottom:4px solid #fff;
	padding-bottom:5px;
	line-height:30px;
}	
.jm-item-wrapper:hover .jm-item-description {
	top: 0;
}


/**********************************
	PRODUCT DETAIL page
**********************************/	
.itemid-161.com_content.view-article .djslider-loader{display:none;}
.itemid-161.com_content.view-article .page-header{}

.mak-product-item-page{/*margin-bottom:30px;*/}
.mak-product-item-page .mak-product-detail-box{color:#000;padding:40px 0 100px;position:relative;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.mak-product-item-page .mak-product-detail-box .relative{position:relative}
.mak-product-item-page .mak-product-detail-box .static-img{text-align:center;}
.mak-product-item-page .mak-product-detail-box .small-info-img{position:absolute;bottom:40px;}
.mak-product-item-page .mak-product-detail-box .toggle360{position:absolute;right:20px;bottom:50%;display:none;}
.mak-product-item-page .mak-product-detail-box .toggle360 ul{list-style:none;}
.mak-product-item-page .mak-product-detail-box .toggle360 ul li{display:inline-block;font-size:28px;vertical-align:middle}
.mak-product-item-page .mak-product-detail-box .toggle360 ul li:first-child{padding-right:10px;}
.mak-product-item-page .mak-product-detail-box .toggle360 .fa{font-size:60px;}
.mak-product-item-page .mak-product-detail-box .toggle360 a{color:#999;text-decoration:none;}

.mak-product-item-page .info-teknis{margin-bottom:40px;}
.mak-product-item-page .ukuran-berat{background:#dcddde;}
.mak-product-item-page .product-carousel-specs table td img{max-width:none;}

/*.mak-product-item-page .info-teknis{min-height:700px;}*/
.mak-product-item-page .info-teknis ul.tabs-mak{list-style:none;margin-left:0;margin-bottom:30px;}
.mak-product-item-page .info-teknis ul.tabs-mak > li{display:inline-block;margin-right:10px;}
.mak-product-item-page .info-teknis ul.tabs-mak > li.active > a{color:#fff;background:#e51d1d;}
.mak-product-item-page .info-teknis .description{display:none;}
.mak-product-item-page .info-teknis .description.active{display:block;}
.mak-product-item-page .info-teknis .description  .item table td:first-child{padding-right:5%;}
.mak-product-item-page .info-teknis .description  .item table td img{border:1px solid #ccc;}
.mak-product-item-page .info-teknis .info-teknis-title-text{display:none;}

.mak-product-item-page .carousel .item  .text-arrow{display:none;position:absolute;right:70px;top:317px;color:#ccc;text-decoration:none;}
.mak-product-item-page .carousel .item.active .text-arrow{display:block;}
.mak-product-item-page .carousel .item.active.left .text-arrow{display:none;}

.mak-product-item-page .unduh-katalog{margin-top:40px;}
.mak-product-item-page .unduh-katalog .judul{margin-bottom:20px;}
@media screen and (max-width:768px) {
	.mak-product-item-page .info-teknis ul.tabs-mak{display:none;}
	.mak-product-item-page .info-teknis ul.tabs-mak > li{width:100%;margin:0;}
	.mak-product-item-page .info-teknis ul.tabs-mak > li > a{width:100%;padding:10px 0;margin-bottom:5px;}
	.mak-product-item-page .info-teknis ul.tabs-mak > li.active{display:block}
	.mak-product-item-page .info-teknis .info-teknis-title-text{display:block;font-weight: 800;margin-bottom: 30px;font-size:20px;}
	.mak-product-item-page .info-teknis .description{display:block;margin-bottom:20px;}
	
	.mak-product-item-page .info-teknis{margin-bottom:10px;}
}	

/* Product - Other type */
.mak-product-item-page .other-type{background:#dcddde;}
.mak-product-item-page .other-type .left-side{float:left;width:20%;}
.mak-product-item-page .other-type .right-side{float:right;width:79%;}
.mak-product-item-page .other-type ul.tabs-label{list-style:none;margin:0}
.mak-product-item-page .other-type ul.tabs-label > li{margin-bottom:20px;}
.mak-product-item-page .other-type .tipe-label-cls.active{background-color:#e51d1d;color:#fff;}
.mak-product-item-page .other-type .beda-tipe-img-container{display:none}
.mak-product-item-page .other-type .beda-tipe-img-container.active{display:block}
@media screen and (max-width:1200px) {
	.mak-product-item-page .other-type .left-side{float:left;width:24%;}
	.mak-product-item-page .other-type .right-side{float:right;width:75%;}
}
@media screen and (max-width:768px) {
	.mak-product-item-page .other-type .left-side{float:none;display:none;width:0;}
	.mak-product-item-page .other-type .right-side{float:none;width:100%;}
	.mak-product-item-page .other-type .beda-tipe-img-container{display:block}

}

/* Product - Related Table */
.mak-product-related{}
.mak-product-related .box{/*height:200px;*/position:relative;}
.mak-product-related .box a.imagelink{display:block;height:280px;overflow:hidden;position: relative;}
.mak-product-related .box a.imagelink img{position:absolute;left: -100%;right: -100%;top: -100%;bottom: -100%;margin: auto;width: auto;height: auto;}
.mak-product-related .box a.linkage{position:absolute;left:0;bottom:0;height:50px;padding:10px 7%;width:86%;color:#fff;background:rgba(88,89,90,0.5);text-transform:uppercase;text-decoration:none;}
.mak-product-related .box:hover a.linkage{background:rgba(227,29,26,0.8);}

@media screen and (max-width:1200px) {
	.mak-product-item-page .mak-product-detail-box{padding:40px 0 0;}
	.mak-product-item-page .mak-product-detail-box .small-info-img{position:relative;bottom:auto;top:0px;width:300px;}
	
	
	
	.mak-product-related .box a.imagelink{height:220px;}
}
@media screen and (max-width:768px) {
	.mak-product-related .box a.imagelink{height:300px;}
	.mak-product-related .box{margin: 0 auto;position: relative;width: 300px;}
}
/*****************************
	CAROUSEL for Product Detail
******************************/	
.mak-product-item-page .carousel-control{color:#818285;background:transparent;top:320px;border:0 none;}
.mak-product-item-page .carousel-control.left{display:none;}
.mak-product-item-page .carousel-inner{min-height:700px;}

/*****************************
	WARNA for Product Detail
******************************/	
ul.mak_produk_warna{list-style:none;margin:0 auto 50px;text-align:center;}
ul.mak_produk_warna > li{display:inline-block;margin-left:10px;width:100px;}
ul.mak_produk_warna > li:first-child{margin-left:0;}

ul.mak_produk_warna_gambar{list-style:none;}
ul.mak_produk_warna_gambar > li{display:none;text-align:center;}
ul.mak_produk_warna_gambar > li.active{display:block;}


/**********************************
	RSFORM page
**********************************/
.mak-rsform-container{/*margin:30px 0;*/}

/*********************************
	FOOTER
**********************************/	
.footer{background:#2b2423;padding:40px 0;color:#bcbec0;line-height:24px;}
.footer h3{color:#fff;text-transform:uppercase;font-size:25px;font-weight:normal;margin-bottom:20px;margin-top:0;}
.footer a{color:#bcbec0;}

.footer .acymailing_module .acymailing_introtext{font-weight:800;margin-top:45px;line-height:24px;}
.footer .acymailing_module .acysubbuttons{text-align:left;}
.footer .acymailing_module .btn-primary{padding:5px 10px 8px;}

/*********************************
	FOOTER 2
**********************************/	
.footer2{padding:10px 0;background:#fff;}
.footer2 ul.menu{margin-bottom:0;}
.footer2 ul.menu > li{display:inline-block;}
.footer2 ul.menu > li > a{color:#20271f}
.footer2 ul.menu > li > .separator{padding:0 10px;font-size:22px;}