@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
        #cssmenu {
          position: relative;
          margin: 0;
          font-family: 'Roboto Condensed';
          line-height: 1;
          width: 250px;
        }
        .align-right {
          float: right;
        }
        #cssmenu ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: block;
        }
        #cssmenu ul li {
          position: relative;
          margin: 0;
          padding: 0;
        }
        #cssmenu ul li a {
          text-decoration: none;
          cursor: pointer;
        }
        #cssmenu > ul > li > a {
          color: #dddddd;
          text-transform: uppercase;
          display: block;
          padding: 20px;
          border-top: 1px solid #000000;
          border-left: 1px solid #000000;
          border-right: 1px solid #000000;
          background: #100a7c;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          letter-spacing: 1px;
          font-size: 16px;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
          position: relative;
        }
        #cssmenu > ul > li:first-child > a {
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
        }
        #cssmenu > ul > li:last-child > a {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          border-bottom: 1px solid #000000;
        }
        #cssmenu > ul > li:hover > a,
        #cssmenu > ul > li.open > a,
        #cssmenu > ul > li.active > a {
          background: #150D95;
          color: #ffffff;
        }
        #cssmenu ul > li.has-sub > a::after {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #000000;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -13px;
          bottom: 0px;
          z-index: 1;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub > a::before {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #151515;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -12px;
          bottom: -1px;
          z-index: 3;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub::after {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-top-color: #dddddd;
          z-index: 2;
          right: 20px;
          top: 24.5px;
          pointer-events: none;
        }
        #cssmenu ul > li:hover::after,
        #cssmenu ul > li.active::after,
        #cssmenu ul > li.open::after {
          border-top-color: #ffffff;
        }
        #cssmenu ul > li.has-sub.open > a::after {
          opacity: 1;
          bottom: -13px;
        }
        #cssmenu ul > li.has-sub.open > a::before {
          opacity: 1;
          bottom: -12px;
        }
        #cssmenu ul ul {
          display: none;
        }
        #cssmenu ul ul li {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
        }
        #cssmenu ul ul li a {
          background: #00BFFF;
          display: block;
          position: relative;
          font-size: 15px;
          padding: 14px 20px;
          border-bottom: 1px solid #dddddd;
          color: #777777;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
        }
        #cssmenu ul ul li:first-child > a {
          padding-top: 18px;
        }
        #cssmenu ul ul ul li {
          border: 0;
        }
        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.open > a,
        #cssmenu ul ul li.active > a {
          background: #e4e4e4;
          color: #666666;
        }
        #cssmenu ul ul > li.has-sub > a::after {
          border-top: 13px solid #dddddd;
        }
        #cssmenu ul ul > li.has-sub > a::before {
          border-top: 13px solid #e4e4e4;
        }
        #cssmenu ul ul ul li a {
          padding-left: 30px;
        }
        #cssmenu ul ul > li.has-sub::after {
          top: 18.5px;
          border-width: 6px;
          border-top-color: #777777;
        }
        #cssmenu ul ul > li:hover::after,
        #cssmenu ul ul > li.active::after,
        #cssmenu ul ul > li.open::after {
          border-top-color: #666666;
        }

.obj_article_details .abstract {
    text-align: justify;
}

.obj_issue_toc .description {
	text-align: justify;
}

.cover {
	display:left !important;
}

.obj_issue_summary .description {
	text-align: justify;
}

.obj_article_details .item {
	text-align: justify;
}

.pkp_footer_content {
  float: left;
  width: 100%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  display:none;
}

/* Youtube Responsive */

.embedded-video-large{
background-color: #000;
background-position: center;
background-size: cover;
cursor: pointer;
display: inline-block; 
width: 400px; height: 230px; 
max-width: 100%; overflow: hidden; position: relative}

.videoyoutube{text-align: center; margin: 20px auto; width:80%;}
.video-responsive{position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 8px}
.video-responsive iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0}

@media screen and (max-width: 400px){.videoyoutube{width: 100%} }

.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name .is_img img {max-height: 250px !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {margin-top: 20px !important; margin-bottom:20 !important; padding-bottom: 20 !important;}
.pkp_site_name .is_img img {
   display: inline-block;
   width: 100%;
   height: 100%;
}

.pkp_structure_content {
/*background: transparent url("/public/site/images/safaruddin/iconijorer.png") repeat scroll 0% 0% !important;*/
}

.pkp_footer_content {
background: #174f46;
}

@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');
.journals ul .body .description a {display: inline;}
html, body, * {font-family: helvetica, calibri; }
body {background-image: url(/public/site/images/sciejournal/backjaps.png);}
a { color: #1a11a7; }
a:hover { color: #0b6ab0; }

.pkp_navigation_user_wrapper {top: 0; right: 0; padding:0;}
.pkp_navigation_user_wrapper .pkp_navigation_user {font-family: Sunflower, helvetica, calibri ; font-weight: normal;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { font-family: Sunflower, helvetica, calibri; background: #174f46; color:#fff }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a { font-family: Sunflower, helvetica, calibri ; font-weight: normal !important; padding-right: 10px; color:#fff}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu { border-radius: 0 !important;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu > li > a { font-family: Sunflower, helvetica, calibri ; font-weight: normal !important;}
.pkp_navigation_user { background: #174f46; border-bottom: 2px solid #fff;}
.pkp_navigation_user > li > a, .pkp_navigation_user > li.in_focus > a, .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus { color: #fff; }

.pkp_navigation_primary_row {background: #174f46 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #FFFFFF !important; font-weight: normal !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: #174f46 !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: Sunflower, helvetica, calibri; color: #FFFFFF !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri;}

.pkp_navigation_primary {
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: auto auto;
}
.pkp_search {
    display: none !important;
}
.pages::before {
    content: "\f0f6";
    font-family: FontAwesome;
}
.imgcrossmark {
	width: 250px;
}
.pkp_block .title {
    display: none;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #f7bc4a;
    font-weight: 700;
    text-transform: uppercase;
}
.pkp_block {
    padding: 5px 5px 5px 5px;
}
.obj_issue_toc .cover img {
    float: left;
    padding: 0px 30px 0px 0px;
}

.pkp_page_index .cmp_announcements .more{
    display:none;
}