@font-face {
  font-family: 'Myriad Pro Regular';
  src: url('myriadpro/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('myriadpro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadpro/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('myriadpro/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadpro/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Myriad Pro Bold';
  src: url('myriadprobold/MyriadPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('myriadprobold/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadprobold/MyriadPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('myriadprobold/MyriadPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadprobold/MyriadPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Myriad Pro Light';
  src: url('myriadprolight/MyriadPro-Light.eot'); /* IE9 Compat Modes */
  src: url('myriadprolight/MyriadPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadprolight/MyriadPro-Light.woff') format('woff'), /* Modern Browsers */
       url('myriadprolight/MyriadPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadprolight/MyriadPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Merriweather';
  src: url('merriweather/Merriweather-Regular.eot'); /* IE9 Compat Modes */
  src: url('merriweather/Merriweather-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('merriweather/Merriweather-Regular.woff') format('woff'), /* Modern Browsers */
       url('merriweather/Merriweather-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('merriweather/Merriweather-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Atkinson Regular';
  src: url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.eot'); /* IE9 Compat Modes */
  src: url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.woff') format('woff'), /* Modern Browsers */
       url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Atkinson Bold';
  src: url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.eot'); /* IE9 Compat Modes */
  src: url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.woff') format('woff'), /* Modern Browsers */
       url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Regular.eot');
    src: local('Gotham Office Regular'), local('GothamOffice-Regular'),
        url('gothamoffice/GothamOffice-Regular.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Regular.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Regular.woff') format('woff'),
        url('gothamoffice/GothamOffice-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Italic.eot');
    src: local('Gotham Office Italic'), local('GothamOffice-Italic'),
        url('gothamoffice/GothamOffice-Italic.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Italic.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Italic.woff') format('woff'),
        url('gothamoffice/GothamOffice-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Bold.eot');
    src: local('Gotham Office Bold'), local('GothamOffice-Bold'),
        url('gothamoffice/GothamOffice-Bold.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Bold.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Bold.woff') format('woff'),
        url('gothamoffice/GothamOffice-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-BoldItalic.eot');
    src: local('Gotham Office Bold Italic'), local('GothamOffice-BoldItalic'),
        url('gothamoffice/GothamOffice-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-BoldItalic.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-BoldItalic.woff') format('woff'),
        url('gothamoffice/GothamOffice-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



#gbrbiru{
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.barAtas{
  padding-left: 410px;
  /*height: 200px;*/
  position: fixed;
  top: 0;
  z-index: 999;
  /*background-color: white;*/
  width: 100%;
}
#teksAtas {
  font-family: Atkinson Bold;
  /*position: absolute;*/
  /*top: 46%;*/
  font-size: 35px;
  letter-spacing: 1px;
  /*left: 35%;*/
}
#teksAtas2 {
  font-family: Atkinson Regular;
  /*position: absolute;*/
  /*top: 46%;*/
  font-size: 35px;
  letter-spacing: 1px;
  /*left: 35%;*/
}
/*#teksAtas b {
  font-family: Atkinson Bold;
}
#teksAtas nobr{
  margin-left: 15px;
}*/

.kontenBawah{
  margin-top: 220px;
  /*padding-top: 50px;*/
  padding-left: 410px;
  background-color: black;
  /*height: 100vh;*/
  color: white;
  padding-top: 20px;
}
.kontenBawah .container{
    padding-top: 50px;
}
.kontenBawah hr{
  border: 1px solid #BEBEBE;
  width: 93%;
  /*position: absolute;*/
  margin: 0px;
}
#angkaPub{
  font-family: Myriad Pro Light;
  font-size: 25px;
}

#nomorPub{
  padding-top: 4px;
  display: flex;
  align-items: center;
}
#teksPub{
  padding-top: 40px;
  font-family: Gotham Office;
  font-weight: bold;
  font-size: 34px;
  padding-left: 90px;
  padding-bottom: 40px;
  /*position: absolute;*/
  /*right: 40px;*/
}
#tacto{
  position: absolute;
  font-family: Atkinson Bold;
  font-size: 35px;
  top: 110px;
  margin-left: 100px;
}
#openPub{
  position: absolute;
  right: 80px;
  cursor: pointer;
}
.textatas{
  padding-top: 110px;
}
#pubb{
  padding-left: 80px;
}
#sorotsatu{
  cursor: pointer;
  margin-left: 30px;
}
#igto {
  cursor: pointer;
  position: fixed;
  top: 25px;
  right: 72px;
  z-index: 999;
}
#emailto {
  cursor: pointer;
  position: fixed;
  top: 25px;
  right: 125px;
  z-index: 999;
}
#menuu{
  padding-left: 90px;
}
body{
  background-color: black;
}
#cpright {
  min-width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
  /*right*/: 80px;
  /*text-align: right;*/
  background-color: black;
  /*width: 100%;*/
  /*margin-top: 50px;*/
  /*padding-bottom: 20px;*/
  /*text-align: right;*/
  /*margin-right: 80px;*/
  /*position: absolute;*/
  color: white;
  /*right: 80px;*/
  /*bottom: 0;*/
  font-size: 12px;
  font-family: Gotham Office;
  display: flex;
  align-items: center;
}
#cpright2{
  height: 50px;
  position: fixed;
  bottom: 0;
  right: 80px;
  color: white;
  font-size: 12px;
  font-family: Gotham Office;
  display: flex;
  align-items: center;
}
.pubmenu{
  font-family: Gotham Office;
  font-size: 20px;
  font-weight: bold;
  /*margin-bottom: 30px;*/
  background-color: black;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
#tambalhitam{
  position: absolute;
  left: 0;
  top: 0;
  height: 500px;
  width: 410px;
  z-index: 996;
  background-color: black;
}
#tambalputih{
  position: fixed;
  left: 0;
  top: 0;
  height: 178px;
  width: 100%;
  z-index: 997;
  background-color: white;
}
.pubmenu .parentmenu{
  margin-left: 280px;
  padding-top: 30px;
  margin-top: 170px;
  padding-bottom: 30px;
}
/*.pubmenu .row p{
  margin-left: 210px;
}*/
.pubmenu .row #menu1{
  margin-right: 70px;
  cursor: pointer;
}
.pubmenu .row #menu2{
  margin-right: 70px;
  cursor: pointer;
}
.pubmenu .row #menu3{
  cursor: pointer;
  /*margin-left: 50px;*/
}
.pubmenu #menuu .row{
  display: flex;
  align-items: center;
}
.kelapkelip{
  margin-right: 12px;
  width: 12px;
  height: 15px;
}

#kelapkelip2{
  visibility: hidden;
}
#kelapkelip3{
  visibility: hidden;
}
#tactopaper{
  padding-bottom: 100px;
}
#patentdoc{
  height: 75vh;
  display: none;

}
#otherresearch{
  height: 75vh;
  display: none;
}



@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.kelapkelip {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}
#titlemenu{
  /*margin-left: 5px;*/
}
/*#tekss{
  height: 170px;
}*/