/* www.fatoniweb.com */

body { font-family: 'DINPro'; letter-spacing: -0.5px; }
nav ul a,
nav .brand-logo { color: #444; height: 64px; line-height: 64px; }
.button-collapse { color: #26a69a; }
.button-collapse i{ font-size: 36px!important; color:#fff; }
.parallax-container { min-height: 380px; line-height: 0; height: auto; color: rgba(255,255,255,.9); }
.parallax-container .section { width: 100%; }
.parallax-container .section a.btn-border { border: 2px solid #fff; }
@media only screen and (max-width : 1124px) { 

}
@media only screen and (max-width : 992px) { 
  .nav-wrapper.container{ width: 100%; }
  .navbar-fixed.homepage .navmenu .brand-logo { position: absolute!important; }
  .navbar-fixed.homepage .navmenu .button-collapse i{ color:#fff; }
  .navbar-fixed.homepage .navmenu .brand-logo h1 { display: block; }
  .navbar-fixed.homepage .navmenu.active .button-collapse i{ color:#333; }
  .navbar-fixed.homepage .navmenu.active .brand-logo { left: 50%!important; margin-left: 0!important; }
  .navbar-fixed.homepage .navmenu.active .brand-logo h1 { display: none; }

  .navbar-fixed .navmenu .brand-logo { position: absolute!important; left: 50%!important; margin-left: 0!important; }
  .navbar-fixed .navmenu .brand-logo h1 { display: none; }
  .navbar-fixed .navmenu .button-collapse i{ color:#333; }
  .navbar-fixed .navmenu.active .button-collapse i{ color:#333; }
  .navbar-fixed .navmenu.active .brand-logo { left: 50%!important; margin-left: 0!important; }
  .navbar-fixed .navmenu.active .brand-logo h1 { display: none; }
  .navbar-fixed .navmenu.active .brand-logo h1 { display: none; }

  .parallax-container .section { position: absolute; top: 40%; }
  #index-banner .section { top: 10%; } 
  .navmenu ul li:hover{ background: rgba(0, 0, 0, 0.4); transition: all 0.4s ease 0s; }
}
@media only screen and (max-width : 814px) {
  .tabs_home .tab{width: 100%!important;}
}
@media only screen and (max-width : 600px) { 
  .navbar-fixed.homepage .navmenu .brand-logo { height: 100px!important; line-height: 100px!important; }
  .navbar-fixed.homepage .navmenu.active .brand-logo { height: 54px!important; line-height: 48px!important; }
  .navbar-fixed .navmenu .brand-logo { height: 54px!important; line-height: 48px!important; }

  #index-banner .section { top: 0; }
  .colimg_merchant {text-align: center;}
  .title-wrapper h1{font-size: 20px!important;}
  .title-wrapper.responsive { margin:0 0 15px 0!important; }
  .title-wrapper.responsive .merchant_name{ text-align: center;}
}
.icon-block { padding: 0 15px; }
.icon-block .material-icons { font-size: inherit; }
footer.page-footer { margin: 0; }

/* By fatoni.work@gmail.com */

.navbar-fixed{ height: 0; z-index: 800; }
.navbar-fixed .navmenu{ box-shadow: none; background-color: white; transition: all 0.4s ease 0s; }

.navbar-fixed .navmenu .brand-logo { left: 0; height:64px; line-height: 58px; position: absolute; margin-left: 25px; }
.navbar-fixed .navmenu .brand-logo h1{ font-family: 'DINPro-Black'; position: absolute;left: 60px; bottom: 19px; font-size: 18px; color: #d00808; letter-spacing: -1px; width: auto;height: 15px; padding:0 5px; line-height: 15px; margin: 0 0 5px 0; }
.navbar-fixed .navmenu .brand-logo img.imglogo{ vertical-align: middle; height:48px; line-height: 48px; }

.navbar-fixed .navmenu ul li{ height: 64px; line-height: 64px; }
.navbar-fixed .navmenu ul li a{ font-family: 'DINPro-Bold'; font-size: 14px; text-transform: uppercase; letter-spacing: -0.5px; transition: background-color .3s; display: inline-block; color:#846200; text-align: center; height: 32px; line-height: 32px; border-radius: 2px; margin:0 2.5px;; }
.navbar-fixed .navmenu ul li:hover{background-color: transparent; }
.navbar-fixed .navmenu ul li a:hover{color: #c19403;}
.navbar-fixed .navmenu ul li a i { width: auto!important; height: 32px!important; line-height: 32px!important; margin-left: 5px; }
.navbar-fixed .navmenu ul li.active{ background: rgba(0, 0, 0, 0.4); }
.navbar-fixed .navmenu ul li a.active{ color:#c19403; background: rgba(0, 0, 0, 0.1); }
.navbar-fixed .navmenu .menu-dekstop{ float: right; }

.navbar-fixed .navmenu.active { border: none; }
.navbar-fixed .navmenu.active .brand-logo { left: 0; height:64px; line-height: 58px; position: absolute; }
.navbar-fixed .navmenu.active .brand-logo img.imglogo{ vertical-align: middle; height:48px; line-height: 48px; }
.navbar-fixed .navmenu.active .nav-wrapper .menu-dekstop{ float: right; height:64px; line-height: 64px; background: transparent; }
.navbar-fixed .navmenu.active .nav-wrapper .menu-dekstop li{ float: left; display: block; height:64px; line-height: 64px; }

.navbar-fixed .navmenu.active{ background: rgba(255, 255, 255, 1) none repeat scroll 0 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.3s ease 0s; }
.navbar-fixed .navmenu.active ul li a { color:#846200; background: transparent; }
.navbar-fixed .navmenu.active ul li a:hover{color: #c19403; background: rgba(0, 0, 0, 0.1);}
.navbar-fixed .navmenu.active ul li a.active{ color:#c19403; background: rgba(0, 0, 0, 0.1); }
.navbar-fixed .navmenu.active ul li ul#menus-list.dropdown-content { background-color: #fff; }
.navbar-fixed .navmenu.active ul li ul#menus-list.dropdown-content li a { color:#846200; }

.navbar-fixed .navmenu.active .brand-logo h1 { position: absolute; left: 60px; bottom: 19px; font-size: 18px; color: #846200; letter-spacing: -1px; }

.navbar-fixed .navmenu ul#menus-list.dropdown-content { min-width: 150px!important; top:48px!important; }
.navbar-fixed .navmenu ul#menus-list.dropdown-content li{ float:left; display:block; min-height:40px; height: 40px!important; line-height: 40px!important; }
.navbar-fixed .navmenu ul#menus-list.dropdown-content li a{ font-family: 'DINPro-Bold'; text-transform: uppercase; font-size: 13px; display: block!important; padding: 0 15px; height: 40px!important; line-height: 40px!important; margin:0!important; text-align: left; border-radius: 0px!important; }
.navbar-fixed .navmenu ul#menus-list.dropdown-content li a:hover{ color:#c19403!important; }

/* BILA ADA SLIDER */
.navbar-fixed.homepage .navmenu { background-color: transparent; }
.navbar-fixed.homepage .navmenu .brand-logo { left:50%; transition: all 0.3s ease; position: relative; display: table; height:100px; line-height: 100px; margin: 0; }
.navbar-fixed.homepage .navmenu .brand-logo h1{ font-family: 'DINPro-Black'; position: relative;left: 0;bottom: 0; width: auto;height: 15px; padding:0 5px; line-height: 15px; font-size:16px; font-weight: normal; color:#fff; color:rgba(255,255,255,1); margin: 0 0 5px 0; letter-spacing: 0.5px; }
.navbar-fixed.homepage .navmenu .brand-logo img.imglogo{ transition: all 0.3s ease; vertical-align: middle; height:75px; line-height: 75px; }
.navbar-fixed.homepage .navmenu li a{ margin:0; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop{ float: none; background: transparent; position: relative; height: 48px; line-height: 48px; border-radius: 5px; text-align: center; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li{ transition: all 0.3s ease; float: none; display: inline-block; height: 48px; line-height: 48px; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li{ transition: all 0.3s ease; float: none; display: inline-block; height: 48px; line-height: 48px; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li ul#menus-list.dropdown-content { top:40px!important; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li ul#menus-list.dropdown-content li a { background-color: transparent; }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li ul#menus-list.dropdown-content li a:hover{ background: rgba(0, 0, 0, 0.1);  }
.navbar-fixed.homepage .navmenu .nav-wrapper .menu-dekstop li .userlist { top:40px!important; }

.navbar-fixed.homepage .navmenu.active .brand-logo { left: 0; height:64px; line-height: 58px; position: absolute; margin-left: 25px; }
.navbar-fixed.homepage .navmenu.active li a { margin:0 2.5px; }
.navbar-fixed.homepage .navmenu.active .brand-logo h1 { position: absolute; left: 50px; bottom: 19px; font-size: 18px; color: #846200; letter-spacing: -1px; }
.navbar-fixed.homepage .navmenu.active .brand-logo img.imglogo{ vertical-align: middle; height:48px; line-height: 48px; width: 65px; }
.navbar-fixed.homepage .navmenu.active .nav-wrapper .menu-dekstop{ float: right; height:64px; line-height: 64px; background: transparent; }
.navbar-fixed.homepage .navmenu.active .nav-wrapper .menu-dekstop li{ float: left; display: block; height:64px; line-height: 64px; }

.navbar-fixed.homepage .navmenu.active{ background: rgba(255, 255, 255, 1) none repeat scroll 0 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.3s ease 0s; }
.navbar-fixed.homepage .navmenu.active ul li a { color:#846200; background: transparent; }
.navbar-fixed.homepage .navmenu.active ul li a:hover{color: #c19403; background: rgba(0, 0, 0, 0.1);}
.navbar-fixed.homepage .navmenu.active ul li a.active{ color:#c19403; background: rgba(0, 0, 0, 0.1); }
.navbar-fixed.homepage .navmenu.active ul li ul#menus-list.dropdown-content { background-color: #fff; }
.navbar-fixed.homepage .navmenu.active ul li ul#menus-list.dropdown-content li a { color:#846200; }
/* END BILA ADA SLIDER */

.navbar-fixed.homepage .navmenu { height: auto; transition: unset; }
.navbar-fixed.homepage .navmenu ul li a { color:#fff; background-color: rgba(0,0,0,0.3); }
.navbar-fixed.homepage .navmenu ul li a:hover{color: #fff;}
.navbar-fixed.homepage .navmenu ul li.active{ background: rgba(0, 0, 0, 0.4); }
.navbar-fixed.homepage .navmenu ul li a.active{ color:#fff; background: rgba(0, 0, 0, 0.5); }

.navbar-fixed.homepage .navmenu.active{ background: rgba(255, 255, 255, 1) none repeat scroll 0 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.4s ease 0s; }
.navbar-fixed.homepage .navmenu.active ul li a { color:#846200; background: transparent; }
.navbar-fixed.homepage .navmenu.active ul li a:hover{color: #c19403; background: rgba(0, 0, 0, 0.1);}
.navbar-fixed.homepage .navmenu.active ul li a.active{ color:#c19403; background: rgba(0, 0, 0, 0.1); }
.navbar-fixed.homepage .navmenu.active ul li ul#menus-list.dropdown-content { background-color: #fff; }
.navbar-fixed.homepage .navmenu.active ul li ul#menus-list.dropdown-content li a { color:#846200; }

.navbar-fixed.homepage .navmenu ul#menus-list.dropdown-content { background-color: #fff!important; }
.navbar-fixed.homepage .navmenu ul#menus-list.dropdown-content li a{ color:#846200!important; }
.navbar-fixed.homepage .navmenu ul#menus-list.dropdown-content li a:hover{ color:#c19403!important; }

.side-nav.navmenu li { height: auto!important; }
.side-nav.navmenu li a { display: block!important; font-size: 18px!important; color:#846200!important; font-family: 'DINPro-Black'!important; height: 64px!important; line-height: 64px!important; margin: 0!important; text-align: left!important; }
.side-nav.navmenu li.active a { background-color: #846200!important; color:#fff!important; }
.side-nav.navmenu li .collapsible-body ul li a, .side-nav.navmenu li.active .collapsible-body ul li a{ background-color: #fff!important; }
.side-nav.navmenu li .collapsible-body ul li a label, .side-nav.navmenu li.active .collapsible-body ul li a label{ font-size: 16px!important; font-family: 'DINPro'!important; }
.side-nav.navmenu li .collapsible-body ul li.divider{ background-color: #efefef!important; height: 1px!important; margin: 0!important; }
.side-nav.navmenu li .collapsible-header i { width: auto!important; height: 64px!important; line-height: 64px!important; margin-right: 0; font-size: 32px!important; color:#846200!important; }
.side-nav.navmenu li .collapsible-header.active i { color:#fff!important; transform: rotate(180deg);}

.imglogo{ margin:0; }
.imglogo_bottom{ position:relative; top:10px; }

.footer-text { font-size:12px; }
.footer-copyright{ background-color:rgba(0, 0, 0, 0.1)!important; }
.pageabout {text-align: justify;}

.slider.slide_up{height: 650px;}
.slider.slide_up .slides li .caption h3 { letter-spacing: -2px; font-size: 2.5rem; }
.slider.slide_up .slides li .caption { top:35%; }
.slider .indicators{ padding: 15px 0; z-index: 2; }
.slider .indicators .indicator-item{margin:0 5px;}
.slider .indicators .indicator-item.active{background-color:rgba(132,98,0,0.5); }
.slide_banner .slides{ background-color: transparent; }
.slide_banner .slides li .caption { left: 0; bottom: 0; top: initial; width: 100%; padding: 0 25px; background-color: rgba(0,0,0,0.4); }
.slide_banner .slides li .caption h5 { margin:5px 0; font-size: 16px; }
.sidebar .slides li{max-height: 225px;}
.sidebar img{width: 100%;}
.indicators{ z-index:997; padding: 40px 0; }
.red-bg{ background-color: rgba(255,42,42,1)!important; }
.circle { width:100px; height:95px; line-height:110px; margin:0 auto; border:2px solid #fff; border-radius:100%; }
.tombol:hover > .white-text{ color:#dce775!important; }
.tombol:hover > .circle{ transition: all 0.4s ease 0s; line-height:100px; }

.title { border-bottom: medium none; margin:47px 0 26px 0; padding-bottom: 0; }
.content{ border-bottom: 1px solid #42a385; font-size: 16px; line-height: 28px; margin-bottom: 45px; padding-bottom: 53px; }
.content-one{ border-bottom: 1px dashed rgba(221, 221, 221, 0.8); font-size: 16px; letter-spacing: -0.5px; line-height: 28px; margin-bottom: 0px; padding-bottom: 15px; }
.content-two{ border-bottom: 1px dashed rgba(221, 221, 221, 0.8); font-size: 24px; letter-spacing: 0px; line-height: 30px; margin-bottom: 45px; padding-bottom: 15px; }
.contentup{ padding:75px 0; background: url('../images/comp/ico_asterisk.png') no-repeat center bottom 55px; }
.contentup h1{ font-size: 32px; }
.contentup-two{ padding:25px 0; background: url('../images/comp/ico_asterisk.png') no-repeat center bottom 55px; }
.contentup-tree{ padding:50px 0; background: url('../images/comp/ico_asterisk.png') no-repeat center bottom 30px; }

.masonry-gallery li { background-color: #fff; padding: 10px!important; min-height: 250px!important; }
.masonry-gallery li h2{ font-size: 14px; color:#333; margin:5px 0; }

.more{ font-size:18px; color:#fff; }
.more:hover{ color:#cddc39; }
.more-litle{ font-size:10px; }

footer .footeritem-box{ font-size: 14px; }
footer .footeritem-box li a{ font-size: 14px; letter-spacing: 0px; padding:2.5px; }
footer .footeritem-box li a:hover{ text-decoration: underline; color:#c29504!important; }
footer.page-footer .footer-copyright { letter-spacing: 0px; }

.board{ background: rgba(0, 0, 0, 0) url("../images/comp/board.jpg") repeat fixed center top; }
.colberita{ overflow: hidden; padding: 0 0 74px 0; }
.owl-carousel .item .itemin{ margin:5px 2.5px; padding:5px; border-radius:2px; border-bottom:1px dotted rgba(220, 237, 200, 1); overflow: hidden; }
.nolpad{ padding:0!important; }
.nolmar{ margin:0; }
.colideguru{ padding:0 5px!important; }
.colideguru h2{ font-family: 'DINPro-Bold'; font-size: 14px; width:100%; font-weight: bold; padding: 8px 2.5px 5px 2.5px; margin:-5px 0; color:#333; }
.colideguru h2:hover{ color:#000; }
.colideguru .univ{ font-size: 11px; padding:0 2.5px; clear: both; font-weight:bold; color:#846200; }
.colideguru p{ margin:0; font-size:11px;}
.colimg_merchant img{ border:4px solid #dcedc8; }

.link-area { border-bottom: 1px dashed rgba(221, 221, 221, 0.8); padding: 10px; }
.link{font-size:11px; text-transform: uppercase; background:#transparent; border-left:5px solid #cfcfcf;  color:#000; padding:2px 10px;}
.link:hover{background: #ff8a65; color:#fff;}
.link-load{ background-color: #efefef; padding: 10px 15px; font-size:12px; text-transform: uppercase; letter-spacing: 2px; color:#666; }
.link-load:hover{ background-color: #c19403; color:#fff; }
.linktext{font-size:12px; font-weight:bold; text-decoration: underline;}
.tagline-text { margin: 4px 0 0 0!important; }

.column_search .input-field input{border-bottom: 1px solid #a7ffeb; color:#fff;}
.column_search .input-field input.input-culinary-area { font-family: 'DINPro-Bold'; letter-spacing: 0px; font-size: 20px; text-align: center; }
.column_search .input-field input.input-culinary-area::-webkit-input-placeholder { font-family: 'DINPro-Light'; letter-spacing: 1px; font-size: 20px; text-align: center; }
.column_tab_search li a{display: block;}
.column_tab_search li a label{color:#fff; position: relative; z-index: 10000;}
.column_tab_search li a [type="radio"]:not(:checked) + label:before{border: 2px solid #fff;}
.column_tab_search li a.active > label{background-color: #fff; border-radius: 100%; color:#333; font-family: 'DINPro-Black'; }
.column_tab_search li a.active > label:before{border: 2px solid #fff;background-color: transparent;}

.tabs_home li{width: 33.33333%!important;}
.tabs_home li a { position: relative; z-index: 2; display: block; width: 125px; height: 125px; line-height: 125px; margin: 0 auto; }
.tabs_home li a label{ font-size: 16px!important; font-family: 'DINPro-Light'; text-transform: uppercase; padding-left: 0px!important; display: table-cell!important; vertical-align: middle; width: 125px; height: 125px!important; line-height: 25px!important; text-align: center; }
.tabs_home li a label:before{ width: 125px; height: 125px; }
.tabs_home .tab-content { color:#fff; text-align: justify; }
.tabs_home .tab-content ul li { width:100%!important; padding-left: 25px; }
.tabs_home .tab-content ul li:before{ content:''; display: inline-block; position: absolute; margin-left:-25px; margin-top: 4px; width: 14px; height: 14px; border-radius: 100%; background-color: #fff; }

.tabs-partner { border-bottom: 1px solid #efefef; }
.tabs-partner li a i { display: block; height: 48px; line-height:48px; color:#cfcfcf; }
.tabs-partner li a.active > i { color:#777; }
.tabs .indicator { background-color:#777; }
.tab-content-partner { padding: 25px!important; }

.stcspy{ position: fixed; top:80px; right:20px; }
.boxbutton{ margin:30px 0; padding-right:0.75rem; padding-left:0.75rem; }

.date-box { font-size:10px; text-transform: uppercase; float: left; text-align: center; margin: 0 12px 0 0; color: #AD9B8C; line-height: 1em; border-right: 1px solid #E6DDD4; padding: 0 12px 0 0; }
.date-box strong { font-size:14px; padding: 6px 0 0; display: inline-block; }
.title-wrapper { font-size:13px; }
.title-wrapper h1{ font-size:28px; font-family: 'DINPro-Black'; }
.title-wrapper h3{ font-size:18px; }
.title-wrapper a{ color:#515151; }
.title-wrapper p{ margin-top:0;}
.title_search{ font-weight:bold; margin:0 0 25px 0; padding:25px 0; }
.title_segment{ font-weight:bold; margin:25px 0; padding:25px 0; }
.text-partner{ font-family: 'DINPro-Black'; line-height: 40px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color:#444;}
.text-partner-large{ font-family: 'DINPro-Black'; line-height: 36px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color:#444;}
.first-post { border-bottom: 1px solid rgba(221, 221, 221, 0.4); }
.first-post .body { margin: 30px 0 0; }
.first-post .more { text-align: center; margin: 33px 0 45px 0; }
.first-post .more a{ font-size: 12px; font-weight: bold; }
.first-merchant {min-height:125px; margin: 0 0 5px 0; border-bottom: 1px solid rgba(221, 221, 221, 0.4); }
.first-merchant.edited { border-bottom: 0px; }
.first-merchant.edited .merchant_name{ border-top: 1.5px dashed #dcedc8;  border-bottom: 1.5px dashed #dcedc8; margin: 0; padding:10px 0; }
.first-merchant .title-wrapper.center-align{ padding:10px 0; }
.first-merchant .body { text-align: justify; margin: 30px 0 0; }
.first-merchant .more { text-align: center; margin: 33px 0 45px 0; }
.first-merchant .more a{ font-size: 12px; font-weight: bold; }
.first-merchant .tabs li a { font-family: 'DINPro'; font-size: 18px; }
.first-merchant .tabs li a.active { font-family: 'DINPro-Black'; }
.first-merchant .tabs .indicator { background-color: rgba(221, 221, 221, 0.4); }
.body.tabs-content { display: inline-block; width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(221, 221, 221, 0.4); }
.body.tabs-content table thead th { text-transform: uppercase; padding: 5px;  }
.body.tabs-content table tbody td { padding: 5px;  }
.body.tabs-content table [type="checkbox"] + label:before { border: 1px solid #5a5a5a; }
.body.tabs-content table [type="checkbox"]:checked + label:before { border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #c19403; border-bottom: 2px solid #c19403;}
.body .cke_top, .body .cke_bottom { background: #efefef!important; background-image: #efefef!important; }
.body label.uppercase{ text-transform: uppercase; font-size: 14px;}
.post { margin: 0 0 57px; }
.post .body { margin: 30px 0 0; font-size: 14px; text-align: justify; }
.post .more { text-align: center; margin: 33px 0 45px 0; }
.post .more a{ font-size: 12px; font-weight: bold; }
.older-posts { border-top: 1px solid #fff; padding: 30px 0 0; }
.older-posts .title-wrapper h3{ margin: 0; }

.carousel_partner .item a{ display: block; margin: 0 5px; }
.carousel_partner .item a img{  transition: all 0.4s ease 0s; height: 60px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.carousel_partner .item a img:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.pagination { padding: 0!important; }
.pagination li{ height: 30px; line-height: 30px; min-width: 30px; display: inline-block; font-family: 'DINPro-Bold'; border-radius: 0px; background-color: #EFEFEF; }
.pagination li a{ height: 30px; line-height: 30px; min-width: 30px; display: inline-block; padding: 0; }
.pagination li.active{ color:#fff; font-size: 1.2rem; background: #de9b2a; }

.card{ box-shadow:none; background: transparent; }
.card .card-image .card-title{ padding:8px; font-size:14px; }
.card .card-content{ padding:8px; min-height: 60px; }
.card .card-content p.truncate { height: 50px; white-space: pre-wrap; font-size: 16px; letter-spacing: 1px; }
.card .card-action{ padding:8px; }
.card .card-action a{text-transform: none; font-size: 12px;margin-right: 0!important;}

.product-item .card-image { min-height: 250px; max-height: 250px; overflow: hidden; }

.side_bar .column{ margin:8px 0; }
.lupa{ font-size:12px; color:#fff; margin-bottom: 15px; }

.error{ font-size:11px; color:#cddc39; }
.tooltipped{cursor: pointer;}
.tooltipped:hover{ border:4px solid #81c784; }
.merchant_name{ font-size:24px; font-family: 'DINPro-Black'; }
.info_culinary_title{ font-family: 'DINPro-Black'; font-size: 20px; font-weight:bold; color:#F44336; margin:5px 0 10px 0; }
.info_sidebar_title { font-family: 'DINPro-Medium'; font-size: 16px; font-weight:bold; color:#F44336; margin:5px 0 10px 0; }
.info_culinary{ margin:0 0 25px 0;}
.info_culinary li a{ font-size: 12px; font-weight: bold;}

.img-profile{ width: 250px; height: 250px; }
.img-info{ border:4px solid #dcedc8; }

.line-user{ min-height: 50px; margin:8px 0; border-bottom: 1px dotted #000; }
.userlist{ min-width: 150px!important; top:45px!important; }
.userlist li{ min-height:40px; height: 40px!important; line-height: 40px!important; }
.userlist li.divider{ height: 1px!important; }
.userlist li a:hover > label{ color:#c19403!important; }
.userlist li a{ display: block!important; padding: 0 8px; height: 40px!important; line-height: 40px!important; margin:0!important; border-radius: 0px!important; }
.userlist label{cursor: pointer;}
#userlistmob.userlist li{ line-height: 18px; }
#userlistmob.userlist li:hover{ background:#846200; }
#userlistmob.userlist li a:hover > label{color:#fff!important;}
#userlistmob.userlist li a{ padding: 0px; }

.tabs{background-color: transparent;}
.link-btn{ padding:5px 8px; font-size:12px; text-transform: uppercase; }
.select-default{ background: transparent; border: none; border-radius: 0px; border-bottom: 1px solid #9e9e9e; padding: 8px 8px; margin:1px 0 5px 0; }
.select-default:focus{ outline: none!important; border-bottom: 1px solid #846200!important; box-shadow: 0 1px 0 0 #846200!important; }

.loader{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/comp/loader.gif') 50% 50% no-repeat rgb(249,249,249); }