html{scroll-behavior:smooth}
@font-face {
  font-family: "BritanicBold";
  src: url("../font/BRITANIC.TTF") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "SegoeUI";
  src: url("../font/segoeui.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "SegoeUIBold";
  src: url("../font/segoeuib.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "FuturaBK";
  src: url("../font/tt0140m_.ttf") format("truetype");
  font-weight: boldest;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("../font/GOTHIC.TTF") format("truetype");
  font-weight: boldest;
}
body {
  font-family: BritanicBold;
}
.main {
  width:1000px;
  margin:auto;
}
.header {
  height:90px; 
}
.headerleft {
  width:485px;
  float:left;
}
.headerright {
  width:514px;
  float:left;
}
.menu {
  background-color: #2e3192;
  margin : 10px 0px;
}
.barmenu { height:43px;background-color: #2e3192;margin:10px 0px;color:white;}

.barposisi {
  background-color: #414242;
  min-height: 30px;
  width:1000px;
  padding-top:10px;
  text-align:center;
  margin-bottom:5px;
}
.barposisi div {
  margin-left:-30px;
  transform: scale(.8, 1);
  color:white;
}
.leftsearch{
  width:898px;float:left;
}
.rightsearch {
  width:100px;float:left;margin-left:2px;
}
.cari {
  /*width: 890px;
  padding:5px;
  height: 30px;
  */
}
.buttoncari {
  background-color:#969696;color:#414242;width:99px;height:39px;border:none;
}
.leftsearch input{
    height:37px;
    line-height:28px;/*results in nice text vertical alignment*/
    border:none;
    background:transparent;
    padding:0 10px;/*don't start input text directly from the edge*/
    width:878px;/*full width - grey on the side - 2*10px padding*/
    border:solid 1px #414242;
}

.kotakfitur {
  float:left;
  width:333px;
}

.kotakhubungi{
  font-family:BritanicBold;
  color:white;
  background-color: #5f5f5f;
  font-size:10.5px;
  padding:8px 3px 8px 3px;;
  text-align: center;
  height:15px;
}

.footer {
  font-family:SegoeUI;
  clear:both;
  color:white;
  font-weight:boldest;
  background-color: #414141;height:240px;
}

.leftfooter,.middlefooter,.rightfooter  {background-color: #414141;height:240px;}
.leftfooter {  
  width:430px; 
  float:left;
}
.tulisan1 {
  font-family:BritanicBold;
  background-color: #333333;
  padding:5px;
  float:left;
  width:210px;
}
.garis1 {
  float:left;
  width:100%;
  padding-top:5px;
}

.lefttitlefooter {
  font-family:CenturyGothic;
  font-weight:bold;
  font-size:13px;
}
.lefttextfooter {
  font-family:CenturyGothic;
  font-size:12px;
}

.leftcontact {
    width:240px;float:left;
}
.rightcontact {
    width:168px;float:left;
}
.textavailable {
    font-family: BritanicBold;
    background-color:#333333;
    margin:10px 30px 0px 0px;
    text-align:center;
    padding:5px;
}

.middlefooter {
  width:110px; 
}
.rightfooter {
  border-left:solid 1px #a1a1a1;  
  width:568px;  
  
  float:right;
}

.tulisan2 {
  font-family:BritanicBold;
  background-color: #333333;
  padding:5px;
  float:left;
  width:155px;
}
.garis2 {
  float:left;
  width:393px;
  padding-top:5px;
}
.footeraddress{
  height:100px;
  clear:both;
  padding-top:10px;
  padding-left:10px;
}
.leftaddress {
  width:280px;
  float:left;
}
.rightaddress{
  width:269px;
  float:left;
}

.profile {
  clear:both;
  font-size:12px;
}
.kotakcopy {  
  background-color: #5f5f5f;
  font-size:12.5px;
  padding:10px;;
  color:#e6e6cf;clear:both;
  height:17px;
}
.leftcopy {
  font-family:CenturyGothic;float:left;width:110px;
  
}
.rightcopy {
  font-family:BritanicBold;float:left;width:150px;
}
/*
.barfooter1 {
  height:80px;
}
.barfooter2 {
  margin-top:2px;
  height:200px;
}

.footertitle {
  float:left;
  margin : 10px 50px 2px 50px;
  padding:10px;
  width:380px;
  background-color: #5f5f5f;
  height:80px;
  text-align: center;
  font-size:30px;
}
.footercc {
  height:220px;
  float:left;
  width:400px;
  margin : 0px 50px;
  
}
.footeradd{
  height:192px;
  float:left;
  width:380px;
  margin : 0 50px;
  padding:10px;
  background-color: #5f5f5f;
  font-size:20px;
}
.textcc {
  background-color: #5f5f5f;
  margin-bottom:2px;
  
}
.cc {
  padding-left:10px;
}
*/