.section-kudus-kretek .titlem {
	color: #000;
	margin-top: 55px;
	font-weight: 300;
	padding-top: 20px;
	font-size: 28pt
}


.section-kudus-kretek .titlem {
	color: #000;
	margin-top: 55px;
	font-weight: 300;
	padding-top: 20px;
	font-size: 28pt
}
.section-banner {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.section-navbar {
	position: relative!important;
	bottom: -146px
}
.bg-slide .title h3 {
	text-transform: uppercase;
	letter-spacing: -1px



.section-kudus-kretek .titlem {
	color: #000;
	margin-top: 55px;
	font-weight: 300;
	padding-top: 20px;
	font-size: 28pt
}


.section-kudus-kretek .titlem {
	color: #000;
	margin-top: 55px;
	font-weight: 300;
	padding-top: 20px;
	font-size: 28pt
}}
.bg-slide {
	background-color: #0b6b9d;
	width: 260px;
	float: right;
	padding: 20px;
	/* min-height: 220px; */
	min-height: 240px;
	position: absolute;
	right: 100px;
	z-index: 10;
	bottom: 0;
	transition: .5s all
}
.bg-slide .slick-slide h3 {
	text-transform: uppercase;
	width: 200px
}
.bg-slide .slick-slide p {
	margin-top: 20px;
	letter-spacing: normal;
    font-size: 11pt;
}
.slideshow .slide-value {
	color: #fff;
	letter-spacing: -1px;
	font-weight: 300;
	/* height: 190px; */
	height: 220px
}
.nav-arrow-special {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 90px;
	padding-top: 10px;
	text-align: center;
	background-color: #000;
	z-index: 10
}
.nav-arrow-special i, .nav-arrow-special ion-icon {
	font-size: 20px!important;
	color: #fff
}
.nav-arrow-special i .nav-arrow-special ion-icon, .nav-arrow-special .pagingInfo {
	color: #fff;
	font-size: 8pt
}
.slideshow .pagingInfo {
	margin-bottom: 3px
}
.section-kretek>div>div {
	height: auto
}
.section-kretek>div>div>div {
	padding-bottom: 2px!important
}
.section-kretek .image-right {
	height: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
}


.section-kudus-kretek .titlem {
	color: #000;
	margin-top: 55px;
	font-weight: 300;
	padding-top: 20px;
	font-size: 28pt
}

.section-kretek .content-left-side {
	width: 100%;
	float: right;
	padding: 30px;
	background-color: #000;
	font-weight: 200
}
.section-kretek .content-left-side p {
	color: #fff;
	font-size: 12pt
}
.section-about-kretek .content-left-side p {
	color: #000
}
.section-kretek.style-2 .titlem {
	color: #000;
	/*border-bottom: 10px solid;*/
	padding: 0; /*20px 0 20px 0;*/
	width: 50%;
	margin: 20px auto;
	/*text-transform: uppercase;*/
	text-align: center;
	font-weight: 600
}

.section-kretek.style-2 .titlem2 {
	color: #000;
	padding: 30px 0 20px 0;
	text-align: center;
	font-size: 30pt;
}

.section-kretek.style-2 .sumem {
	color: #000;
    font-size: 13pt;
    text-align: center;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
}
.section-kretek.style-2 {
	/*margin: 20px 0*/
	margin: 0px;
}
.section-kretek.style-2 .content-left-side {
	background-color: #fff
}
.section-kretek.style-2 .content-left-side h3, .section-kretek.style-2 .content-left-side p {
	color: #000
}
.section-kretek.style-2 .content-left-side h3 {
	font-weight: 300;
	font-size: 25pt;
	color: #000
}
.section-kretek.style-2 .content-left-side p, .section-products p, .section-kretek .content-left-side p {
	letter-spacing: normal;
	word-spacing: normal;
	font-weight: 200
}
.section-products h3, .section-products h5 {
	color: #000;
	text-align: center
}
.section-products h3.titlem {
	font-size: 30pt;
	padding:0px 0px 20px 0px;
	font-weight: 700
}
.section-products h5.sub-titlem {
	font-weight: 400;
	margin-bottom: 30px;
}
.section-products p {
	text-align: left;
	/*font-size: 13pt;*/
	letter-spacing: normal;
	margin-bottom: 0 !important;
}
.section-products {
	background-color: #f2f1ef;
	padding: 70px 0 0
}
.section-productsnya .imagenya {
	margin-bottom: 22px;
	width: 100%;
	height: 200px;
	background-size: cover;
	position: relative
}
.section-productsnya .row {
	padding: 0
}
.section-productsnya .imagenya p {
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	padding: 20px;
	font-size: 20pt;
	color: #fff;
	font-weight: 600;
	text-shadow: 4px 4px 18px #000
}
.section.section-productsnya .row>div {
	padding: 2px
}
.section-products .text-special {
	margin-bottom: 60px;
	position: relative
}
.section-products a.read-more {
	position: absolute;
	top: 410px;
	left: 0;
	padding-left: 15px
}
.section-products a.less {
	float: left
}
.kutip {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px
}
.no-mt-1 {
	margin-top: -1px
}
/*.pl-100 {*/
/*	padding-left: 100px!important*/
/*}*/
.mt-180px {
	margin-top: 180px
}
.section-footer-extra, .section.section-footer {
	position: relative;
	bottom: 0
}
.fade {
	-webkit-transition: .5s all;
	transition: .5s all;
	opacity: 0
}
.in {
	opacity: 1
}
.text-special::-webkit-scrollbar {
	width: 3px;
	display: block
}
.text-special::-webkit-scrollbar-track {
	background: #f1f1f1
}
.text-special::-webkit-scrollbar-thumb {
	background: #888
}
.text-special::-webkit-scrollbar-thumb:hover {
	background: #555
}
.sticky {
	position: fixed;
	top: 62px;
	z-index: 1030;
	/*right: 100px;*/
	right: 30px;
	bottom: inherit;
	height: 0
}
@media only screen and (min-width: 1680px) {
    .section-products{
        padding: 70px 150px 0;
    }
}
@media only screen and (min-width: 992px){
    .section-kretek .content-left-side{
        padding-left: 100px;
    }
    .section-kretek .title {
        padding-left: 100px !important;
    }
	.section-products .text-special {
    	overflow: hidden;
    	height: 191px;
    }
}
@media only screen and (max-width: 991px) {
	div#navbar {
		display: none
	}
	.bg-slide {
		width: 100%!important
	}
	div.section-kudus-kretek .titlem {
		margin-top: 0!important;
		padding-left: 20px!important;
	}
	.imagenya {
		margin-bottom: 15px
	}
}
@media only screen and (max-width: 575px) {
	.image-right {
		display: none
	}
}
@media only screen and (max-width: 425px) {
	.section-banner.full {
		height: 300px;
	}
	
	.section-navbar {
		display: none;
		bottom: 0;
		height: 240px
	}
	.section-navbar .bg-slide {
		position: relative;
		right: 0
	}
	div.section-kudus-kretek .titlem {
		text-align: left;
		padding-left: 20px!important
	}
	.section.full>div>div>div {
		/*padding-left: 0!important*/
	}
	.pl-100 {
        padding-left: 25px!important;
        padding-right: 25px !important
	}
	a.less {
		display: none
    }
    .section-products .text-special{
        height: inherit
    }
    .section-products h3.titlem {
        font-size: 28pt;
    }
    .section-products .text-special {
        margin-bottom: 20px;
	}
	.section-kretek.style-2 .content-left-side {
		padding-top: 0;
		padding-bottom: 0;
	}
	
    .section-kretek.style-2 .sumem {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
	/* .section-kretek h3.titlem {
		padding-top: 40px !important;
	} */
}

@media only screen and (max-width: 425px) {
    .sumem {
        /*padding-left:30px !important;*/
        /*padding-right:30px !important;*/
        /*padding-bottom:0px !important;*/
    }
    
    .hd-description{
       /*padding: 0 !important; margin-bottom: 20px !important; text-align: center; font-size: larger;*/
   }
    .hd-subtitle1 { font-size: 14pt !important; padding: 0 !important; }
    .hd-subtitle { font-size: 14pt !important; padding: 0 30px !important;}
    h1.titlem{
        font-size: 27pt !important;
    }
    .section-kretek.style-2 .titlem {
    	color: #000;
    	/*border-bottom: 10px solid;*/
    	padding: 20px 0 20px 0;
    	width: 90%;
    	margin: 0px auto;
    	/*text-transform: uppercase;*/
    	text-align: center;
    	font-weight: 600
    }
    
    .section-productsnya .imagenya {
        margin-bottom: 10px !important;
    }
    .titlem2 span{ display: block; }
    .product-more-box{ padding: 0 0 10px 0; }
}
strong {
    /*font-size:larger;*/
}
h3 {
    font-weight:bolder !important;
}

.slick-list{
   height:226px !important;
}

.sticky{
   height:260px;
}

.heritage-half h3, .heritage-desktop h3, .heritage-full h3 {
   font-size:25pt;
}

a.text-primary.btn-toggle {
	color: #0b6b9e !important;
	padding: 0 10px !important;
	margin-top: 10px !important;
	border-radius: 0px !important;
    display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	text-transform: capitalize !important;
	font-size:smaller;
	font-weight:400;
}

a.text-primary.btn-togglew {
	color: #ffffff !important;
	padding: 0 10px !important;
	margin-top: 10px !important;
	border-radius: 0px !important;
    display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	text-transform: capitalize !important;
	font-size:smaller;
}

a.text-info.btn-toggle {
	color: #0b6b9e !important;
	padding: 0 10px !important;
	margin-bottom: 10px !important;
	border-radius: 0px !important;
    display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	text-transform: capitalize !important;
	font-size:smaller;
	font-weight:400;
}

a.text-less.btn-toggle {
	color: #0b6b9e !important;
	padding: 0 10px !important;
	margin-bottom: 10px !important;
	border-radius: 0px !important;
    display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	text-transform: capitalize !important;
	font-size:smaller;
	font-weight:400;
}
.hd-description{
   padding: 0 30px; margin-bottom: 20px !important; text-align: center; font-size: larger;
}
    .hd-subtitle1 { font-size: 15pt !important;}
    .hd-subtitle { font-size: 15pt !important;}

.product-more-box p { margin-bottom: 15px !important; }