#nav-header a {font-size:12pt;font-weight:bold}
header{ border-top:8px solid #e9cd76  }

#brands{padding:10px}

.brands-title img,
.brands-logo img{ height: 100px;margin:10px 0px  }

#header #nav-header{  }
#header #nav-header a{font-size:1.2em ;padding:5px 15px; }

.nav-header-sub{padding:0px!important}
.nav-header-sub ul{background:#d4a218!important;  padding:20px 0px!important}
.nav-header-sub ul li{}
.nav-header-sub ul li:hover{background:rgba(255,255,255,0.2)!important;}
.nav-header-sub a{color:#FFFFFF!important}

.main-title,.main-title *{color:#594b26 }
.text{word-break: break-word; word-wrap:break-word; }



@media screen and (max-width:768px) {
  .main-title,.main-title *{font-size:16pt }
  .brands-title img,
  .brands-logo img{height:auto;max-width:240px }

  .me-form-item[me-type="checkbox" ] span{font-size:9pt}

  .nav-icons ul li a i{color:#000}
}


#nav-header li.haveSub > a:after{content: '⌵'; font-size:1em }
#nav-rwd ul li.haveSub > a:after{content: '⌵'; ;}
#nav-rwd li.on.haveSub > a:after{content: '⌵'; transform:rotate(180deg);}



*:not(.fa,.material-icons,.jquery-notebook.bubble *){  
  font-weight:400!important;
  font-style: normal;}

*{font-weight:400!important;}
b{font-weight:600!important;}

.title,.title *,
h2 *{margin:auto auto; font-weight: bold;;background-image: linear-gradient(135deg ,#e9cd76 ,#e9cd76 ,#d4a218 ,#d4a218 ,#d4a218 ,#d4a218 ,#594b26 ); -webkit-background-clip: text; background-clip: text; color: transparent;}