.ui-widget-header {
    border: 1px solid #d9272e !important;
    background: #d9272e repeat-x !important;
    color: #ffffff;
    font-weight: bold;
}

@font-face {
font-family: Blond;
font-size: 12px;
src: url("../fonts/LLumarFaktPro-Blond.otf") format("opentype");
}

html,body {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
        font-family: Blond !important;
	vertical-align:baseline
}
header,menu,nav {
	display:block
}
body {
	line-height:1;
}
html,body {
	height:100%
}
body {
	background:#fff;
	font-family:"Whitney SSm A","Whitney SSm B",Helvetica,Arial,sans-serif;
	font-size:13px;
	line-height:21.06px;
	color:#333;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-webkit-backface-visibility:hidden
}
a:hover,a:focus {
	color:#2c6596
}

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:940;
	-webkit-transition:background 300ms ease-in-out;
	transition:background 300ms ease-in-out
}
header.stuck {
	background:#fff;
	background:rgba(255,255,255,0.95)
}
header:hover.stuck {
	background:#fff
}
#hwrap {
	position:relative;
	margin:48px 100px 0;
	-webkit-transition:margin-top 300ms ease-in-out;
	transition:margin-top 300ms ease-in-out
}
.stuck #hwrap {
	margin-top:20px
}
header nav {
	position:absolute;
	right:0;
	top:3px
}
header nav a {
	color:#3a4046;
	font-size:13px;
        font-weight: bold;
	margin-left:25px;
	-webkit-transition:all .2s;
	transition:all .2s;
	padding:7px 5px;
	display:block;
	float:left
}
header nav a:hover,header nav a.sub:hover,header nav a.active {
	color:#d9272e;
        text-decoration:none;
}
header nav a.sub {
	color:#889fae;
	font-weight:500
}
.sub header nav a.sub {
	color:rgba(0,0,0,0.5)
}
header nav a.sub.active {
	color:#d9272e
}

header nav a.active:after {
	width:100%;
	height:6px;
	background:#d9272e;
	display:block;
	margin-top:-80px;
	-webkit-transition:margin-top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:margin-top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	content:""
}
header nav a.btn {
	border:1px solid #911a1f;
        background-color: #d9272e;
}
.sub header nav a.btn {
	color:#fff;
	border-color:#fff
}
header nav a.btn:hover {
	background:#f16162;
	border-color:#f16162;
	color:#fff
}

#mob-nav {
	position:fixed;
	right:80px;
	top:68px;
	display:none;
	padding:8px;
	z-index:950;
	-webkit-transition:top 300ms ease-in-out;
	transition:top 300ms ease-in-out
}
#mob-nav.stuck {
	top:35px
}
#mob-nav p {
	display:none
}
#mob-nav span {
	width:30px;
	height:3px;
	display:block;
	background:#d9272e;
	margin:0 0 5px;
	-webkit-transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0, 0, 0)
}
#mob-nav.close span {
	opacity:0;
	filter:alpha(opacity=0)
}
#mob-nav.close span.slice1,#mob-nav.close span.slice3 {
	background:#d9272e;
	opacity:1;
	filter:alpha(opacity=100)
}
#mob-nav.close span.slice1 {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin-top:8px
}
#mob-nav.close span.slice3 {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	margin-top:-16px
}
@media only screen and (max-width: 1160px) {
	header nav a {
		margin-left:15px
	}
	#welcome {
		max-width:920px
	}
}
@media only screen and (max-width: 1050px) {
	#hwrap {
		margin-left:50px;
		margin-right:50px
	}
}
@media only screen and (max-width: 980px) {
	header nav {
		display:none
	}
	#mob-nav {
		display:block
	}
	#mob-nav {
		top:40px;
		right:20px
	}
	#hwrap {
		margin:40px 40px 0
	}

}

.logo {
    position: relative;
    top:-20px !important;
}

.dropdown-menu {
    top:-45px;
    right: -12px;
}

.dropdown-menu>li>a, .dropdown-menu {
    background-color: #d9272e;
    color:#ffffff;
}


@media only screen and (min-width: 600px) {
    /* For desktop: */
    .footer2 {
    background-color: #d2d2d2;
    padding: 20px 0px;
    height: 130px;
    }
    .footer {
    position: absolute;
    #bottom: -102px;
    width: 100%;
    height: 130px;
    background-color: #d2d2d2;
    padding-top: 20px;
    z-index: 950;
    }
    .footerproduct {
    position: absolute;
    #bottom: -102px;
    width: 100%;
    height: 130px;
    background-color: #d2d2d2;
    padding-top: 20px;
    z-index: 950;
    }
.mid-content-top {
    position: absolute;
    width: 100%;
}
.txtcontent {
    font-size: 14px;
    padding: 50px 200px;
}
.kurangsembilan{
margin-top:-90px
}
.brcrumb-top {
    position: absolute;
    margin:130px 100px 0;
    font-size: 11px;
}
.blog-home{
    padding: 180px 75px;
}
.brcrumb-top-blog {
    position: absolute;
    margin:130px 100px 0;
     font-size: 11px;
    }
}

@media only screen and (max-width: 600px) {
    /* For Mobile: */
    .footer2 {
    background-color: #d2d2d2;
    padding: 20px 0px;
    height: 190px;
    width: 100%;
    }
    .footer {
    position: absolute;
    #bottom: -102px;
    width: 100%;
    height: 190px;
    background-color: #d2d2d2;
    padding-top: 20px;
    z-index: 950;
    margin-top: 200px;
}
.footerproduct {
    position: absolute;
    #bottom: -102px;
    width: 100%;
    height: 190px;
    background-color: #d2d2d2;
    padding-top: 20px;
    z-index: 950;
}
.mid-content-top {
    position: absolute;
}
.txtcontent {
    font-size: 14px;
   
}
.kurangsembilan{
margin-top:0px
}

.brcrumb-top {
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
}
.blog-home{
}
.brcrumb-top-blog {
    font-size: 11px;
    text-align: center;
    padding-top: 120px;
    padding-bottom: 10px;
    }
}

.brcrumb-top a{
    color:#000;
}
.ikonsosmed:hover {
cursor: pointer;    
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
.ikonsosmed {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.mid-content {
    position: absolute;
    top:100px;
    width: 100%;
}


.brcrumb {
    margin:30px 100px 0;
    font-size: 11px;
    color:#000;
}
.brcrumb a {
    color:#000;
}

.nopadding {
    padding: 0px !important;
}

.addbg {
    background-color: rgba(255, 255, 255, 0.95);
}

.imgmenu {
    position:relative;
    overflow:hidden;
    cursor: pointer;
}
.imgmenu .txtmenu {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin-top:-120%;
}
.imgmenu:hover .txtmenu {
    margin-top:0;
}

.imgmenu:hover .txtmenu-inv {
    margin-top:100%;
}
.txtmenu{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.txtmenu-inv{
    -webkit-transition: all 0.7s ease-in;
    transition: all 0.7s ease;
}

.imgmenu .txtmenu-inv{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin-top:53%;
}

.bgredllumar{
    background-color: rgba(217,39,46,0.75);
}
.bgyelllumar{
    background-color: rgba(247,179,52,0.75);
}
.bgorgllumar{
    background-color: rgba(238,116,33,0.75);
}
.bgwhtllumar{
    background-color: rgba(255,255,255,0.75);
}

/*subnemu*/
.submenu {
  text-align: center;
  font-size: 20px;
  margin-bottom: -4px;
}
.submenu * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.submenu li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  overflow: hidden;
}
.submenu a {
  padding: 0.8em 0;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0;
  text-decoration: none;
}
.submenu a:before,
.submenu a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.submenu a:before {
  bottom: 100%;
  display: block;
  height: 4px;
  width: 100%;
  content: "";
  background-color: #d9272e;
}
.submenu a:after {
  padding: 0.8em 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  color: black;
  white-space: nowrap;
}
.submenu li:hover a,
.submenu .current a {
  transform: translateY(100%);
}
/*subnemu:end*/

.imgbanner .txtbanner {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin-top:0%;
}
.imgbannertr .txtbanner {
    width:100%;
    height:100%;
    top:0;
    left:0;
    margin-top:0%;
}

.subtitle {
    color: #868686;
}