/* mixin */
/* pc */
/* tablet potrait */
/* tablet landscape */
/* mobile landscape */
/* mobile potrait */
/* mobile small */
.pro-idai-logo {
  /*
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  display: block;
  margin-top: auto;
  margin-bottom: auto; }
  @media (min-width: 1281px) {
    .pro-idai-logo img {
      max-width: 180px; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-idai-logo img {
      max-width: 180px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-idai-logo img {
      max-width: 150px; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-idai-logo img {
      max-width: 150px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-idai-logo img {
      max-width: 120px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-idai-logo img {
      max-width: 80px; } }

.pro-pilih-pengurus {
  background-color: #e8e8e8;
  padding: 10px 0 0 0; }
  .pro-pilih-pengurus .pro-pengurus-title p {
    padding: 10px; }
  .pro-pilih-pengurus .pro-pengurus-desc {
    background-color: #00b302;
    margin: 0; }
    .pro-pilih-pengurus .pro-pengurus-desc p {
      color: white; }
  .pro-pilih-pengurus .nav-link {
    padding: 0; }

.btn-primary:hover,
.btn-primary:focus {
  background-color: #108d6f;
  border-color: #108d6f;
  box-shadow: none;
  outline: none; }

.btn-primary {
  color: #fff;
  background-color: #00b302;
  border-color: #00b302; }

section {
  padding: 60px 0; }

.pro-card-ketua {
  margin-left: auto;
  margin-right: auto; }

section .section-title {
  text-align: center;
  color: #305893;
  margin-bottom: 50px;
  text-transform: uppercase;
  /*
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ }
  @media (min-width: 1281px) {
    section .section-title {
      font-size: 20px; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    section .section-title {
      font-size: 20px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    section .section-title {
      font-size: 20px; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    section .section-title {
      font-size: 20px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    section .section-title {
      font-size: 20px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    section .section-title {
      font-size: 20px; } }

#team .card {
  border: none;
  background: #ffffff; }

.image-flip:hover .backside,
.image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem; }

.image-flip:hover .frontside,
.image-flip.hover .frontside {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.mainflip {
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: relative; }

.frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px; }

.backside {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e;
  -moz-box-shadow: 5px 7px 9px -4px #9e9e9e;
  box-shadow: 5px 7px 9px -4px #9e9e9e; }
  .backside .card {
    width: auto;
    min-height: auto; }

.frontside,
.backside {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d; }

.frontside .card,
.backside .card {
  min-height: 312px; }

.frontside .card .card-title,
.backside .card .card-title {
  color: #305893 !important; }

.frontside .card .card-body img {
  width: 150px;
  height: 150px;
  border-radius: 50%; }

#team {
  background-color: #f5f4f2;
  background-image: url("../images/section-5-bg.png");
  background-repeat: repeat-x;
  background-size: contain; }

.pro-feedback img {
  width: 800px; }
.pro-feedback #pro-feedback-img {
  vertical-align: middle;
  text-align: center; }

#tpopup {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 #000;
  padding-left: 0;
  padding-right: 0; }

#tclose {
  position: absolute;
  background: black;
  color: white;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 8px;
  font-weight: bold;
  font-family: 'Arial Black', Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 0 10px 0 #000; }

#parent .pro-beforepagetitle .btn {
  border: 1px solid black;
  margin-bottom: 10px; }

.card-outer {
  padding: 30px;
  text-align: center; }

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  .card-inner {
    display: inline-block;
    padding: 50px;
    width: 350px;
    border: 2px solid white;
    color: white; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 80px;
      color: white; } }
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .card-inner {
    display: inline-block;
    padding: 50px;
    width: 350px;
    border: 2px solid white;
    color: white; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 80px;
      color: white; } }
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .card-inner {
    display: inline-block;
    padding: 50px;
    width: 250px;
    border: 2px solid white;
    color: white; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 60px;
      color: white; } }
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .card-inner {
    display: inline-block;
    padding: 50px;
    width: 350px;
    border: 2px solid white;
    color: white; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 80px;
      color: white; } }
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .card-inner {
    display: inline-block;
    padding: 10px;
    width: 200px;
    border: 2px solid white;
    color: white; }
    .card-inner img {
      width: 50px; }
    .card-inner h2 {
      font-size: 20px; }
    .card-inner p {
      font-size: 12px; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white;
      font-size: 12px; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 40px;
      color: white; } }
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  .card-outer {
    padding: 10px;
    text-align: center; }

  .card-inner {
    display: inline-block;
    /*padding: 10px;*/
    width: 190px;
    border: 2px solid white;
    color: white; }
    .card-inner img {
      width: 50px; }
    .card-inner h2 {
      font-size: 20px; }
    .card-inner p {
      font-size: 12px; }
    .card-inner .pro-btn {
      background-color: #fe0000;
      color: white;
      font-size: 12px; }

  .text-inner {
    padding: 70px 0;
    text-align: left; }
    .text-inner h1 {
      font-size: 30px;
      color: white; } }
.headline {
  background-image: url("../images/news.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#parent {
  background-color: #f3f3f3; }
  #parent .box {
    padding: 10px 0px;
    /*        .btn-card{
                background-color: #1ABC9C;
                color: #fff;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
                padding: .84rem 2.14rem;
                font-size: .81rem;
                -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
                -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
                margin: 0;
                border: 0;
                -webkit-border-radius: .125rem;
                border-radius: .125rem;
                cursor: pointer;
                text-transform: uppercase;
                white-space: normal;
                word-wrap: break-word;
                color: #fff;
                margin-left: auto;
    
                &:hover {
                    background: orange;
                }
            }
    
            a.btn-card {
                text-decoration: none;
                color: #fff;
            }*/ }
    #parent .box .details-card {
      background: #ecf0f1; }
    #parent .box .card-content {
      background: #ffffff;
      border: 4px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      margin: 30px 0px; }
    #parent .box .card-img {
      position: relative;
      overflow: hidden;
      border-radius: 0;
      z-index: 1;
      text-align: center; }
      #parent .box .card-img img {
        max-height: 212px; }
      #parent .box .card-img span a {
        position: absolute;
        top: 15%;
        left: 35%;
        background: red;
        padding: 6px;
        color: #fff;
        font-size: 12px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        transform: translate(-50%, -50%); }
        #parent .box .card-img span a h4 {
          font-size: 12px;
          margin: 0;
          padding: 10px 5px;
          line-height: 0; }
    #parent .box .card-desc {
      padding: 1.25rem; }
      #parent .box .card-desc h3 {
        font-weight: 600;
        font-size: 1.5em;
        line-height: 1.3em;
        margin-top: 0;
        margin-bottom: 5px;
        padding: 0; }
        #parent .box .card-desc h3 a {
          color: #000;
          text-decoration: none; }
      #parent .box .card-desc p {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5;
        margin: 0px;
        margin-bottom: 20px;
        padding: 0;
        font-family: 'Raleway', sans-serif; }
    #parent .box #card-footer-padding {
      background-color: #4BB500; }
      #parent .box #card-footer-padding a {
        text-decoration: none;
        font-style: italic;
        font-size: 90%;
        color: #ffffff; }

.page-item .page-link {
  color: black; }
.page-item .active {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #45A745;
  border: 1px solid #dee2e6; }

.blog-main .pro-beforepagetitle .btn {
  border: 1px solid black;
  margin-bottom: 10px; }

.sidebar.widget {
  background: #f2f2f2;
  border: 1px solid #ddd;
  padding: 10px 20px; }
  .sidebar.widget ul {
    margin: 0px;
    padding: 0;
    overflow: hidden; }
    .sidebar.widget ul li {
      overflow: hidden;
      font-size: 14px;
      margin-bottom: 20px;
      border-bottom: 1px dashed #ddd;
      padding-bottom: 20px; }
  .sidebar.widget h3 {
    color: #269b36;
    margin: 10px 0px 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-left: 5px solid #136d1f; }

.sidebar-thumb {
  float: left;
  overflow: hidden;
  margin-right: 15px;
  border-right: 1px solid black;
  padding-right: 10px; }
  .sidebar-thumb img {
    background: #fff;
    padding: 6px;
    height: 75px;
    width: 75px; }

.sidebar-content h5 {
  font-size: 16px;
  cursor: pointer;
  line-height: 24px; }
  .sidebar-content h5 a:hover {
    color: #136d1f; }
  .sidebar-content h5 a {
    color: #269b36;
    outline: 0 none;
    text-decoration: none;
    font-weight: bold; }

.sidebar-meta {
  margin-top: 10px; }
  .sidebar-meta span {
    color: #2e2e2e; }
    .sidebar-meta span time {
      margin-right: 10px; }
    .sidebar-meta span i {
      color: #2996bd; }
  .sidebar-meta a {
    color: #269b36; }

.icon-circle {
  background-color: #29b568;
  color: #ffffff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 30px; }

#ModalLoginFormProfesional {
  boder-radius: none; }
  #ModalLoginFormProfesional .modal-header {
    background-color: green; }
    #ModalLoginFormProfesional .modal-header img {
      width: 400px; }
  #ModalLoginFormProfesional .login-header {
    color: #19a500; }
  #ModalLoginFormProfesional a {
    color: #19a500; }

.pro-main-profile h2 {
  margin-bottom: 15px;
  text-transform: uppercase; }
.pro-main-profile .list-icons {
  list-style: none;
  padding: 0; }
.pro-main-profile .pr-10 {
  padding-right: 10px; }
.pro-main-profile .text-default {
  color: #29b568; }
.pro-main-profile a {
  color: #29b568; }
.pro-main-profile .overlay-container {
  position: relative;
  display: block !important;
  text-align: center;
  overflow: hidden; }
  .pro-main-profile .overlay-container .overlay-bottom {
    background-color: #218838; }
    .pro-main-profile .overlay-container .overlay-bottom .title {
      font-size: 18px;
      color: white;
      padding: 10px;
      margin: 0; }

.pro-container-profile .pr-10 {
  padding-right: 10px; }
.pro-container-profile .nav-pills .nav-link.active, .pro-container-profile .nav-pills .show > .nav-link {
  background-color: #218838;
  border-right-color: transparent;
  color: #ffffff;
  z-index: 2;
  border-radius: 0; }
.pro-container-profile .nav-pills .nav-link {
  border-radius: .25rem;
  color: black;
  border: 1px solid #218838;
  border-radius: 0; }
.pro-container-profile .pro-alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  margin: 20px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none; }
.pro-container-profile .pro-alert-info {
  color: #1a4e68;
  background-color: #c6e8fa; }

.pro-container-tab .idai-input-group-btn {
  vertical-align: top; }
.pro-container-tab .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
.pro-container-tab dropdown-menu > li > a {
  border-bottom: none; }
.pro-container-tab .dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
.pro-container-tab .dropdown-menu > li > a {
  display: block;
  /*padding: 3px 20px;*/
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.calendar-plus {
  padding: 10px;
  background-color: bisque;
  border: 1px solid; }

.pro-cpd-link {
  background-color: #e9ecef;
  border-radius: .25rem; }
  .pro-cpd-link .nav li {
    /*            border-bottom: 1px solid green;
                padding: 10px;*/ }
    .pro-cpd-link .nav li a {
      text-decoration: none; }

input[required], select[required] {
  background-color: peachpuff; }

#register-page-2 {
  color: black; }
  #register-page-2 .container {
    padding: 20px 0; }
  #register-page-2 .reg-center-div {
    padding: 30px;
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px solid green; }
    #register-page-2 .reg-center-div img {
      width: 100px;
      padding: 10px; }
    #register-page-2 .reg-center-div h1 {
      color: white; }
    #register-page-2 .reg-center-div h3 {
      width: 600px; }
    #register-page-2 .reg-center-div .heading-center {
      text-align: center;
      padding: 20px;
      font-size: 25px; }

.btn-file {
  position: relative;
  overflow: hidden; }
  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block; }

#img-upload {
  width: 100%; }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

* {
  box-sizing: border-box; }

body {
  font-family: 'Arsenal', sans-serif; }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

/* header */
.pro-section-1 {
  /*
      ##Device = Desktops
      ##Screen = 1281px to higher resolution desktops
  */
  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ }
  @media (min-width: 1281px) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 70%; }
    .pro-section-1 .pp-idai-logo {
      padding: 20px; }
      .pro-section-1 .pp-idai-logo img {
        width: 80%; }
    .pro-section-1 .pro-login-mobile {
      display: none; }
    .pro-section-1 #timer div {
      display: inline-block;
      line-height: 0.1;
      padding: 5px;
      font-size: 20px; }
    .pro-section-1 span {
      display: inline-block;
      color: #006400;
      padding-left: 2px; }
    .pro-section-1 h2 {
      font-size: 1.5rem;
      font-weight: bold; }
    .pro-section-1 #days {
      color: #006400; }
    .pro-section-1 #hours {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #minutes {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #seconds {
      font-size: 10px;
      font-weight: bold;
      color: #006400; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 70%; }
    .pro-section-1 .pp-idai-logo {
      padding: 20px; }
      .pro-section-1 .pp-idai-logo img {
        width: 80%; }
    .pro-section-1 .pro-login-mobile {
      display: none; }
    .pro-section-1 #timer div {
      display: inline-block;
      line-height: 0.1;
      padding: 5px;
      font-size: 20px; }
    .pro-section-1 span {
      display: inline-block;
      color: #006400;
      padding-left: 2px; }
    .pro-section-1 h2 {
      font-size: 1.5rem;
      font-weight: bold; }
    .pro-section-1 #days {
      color: #006400; }
    .pro-section-1 #hours {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #minutes {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #seconds {
      font-size: 10px;
      font-weight: bold;
      color: #006400; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 100%; }
    .pro-section-1 .pp-idai-logo {
      padding: 10px; }
      .pro-section-1 .pp-idai-logo img {
        width: 100%; }
    .pro-section-1 .pro-login-mobile {
      display: none; }
    .pro-section-1 .mobile_menu {
      display: none; }
    .pro-section-1 #timer div {
      display: inline-block;
      line-height: 0.1;
      padding: 0;
      font-size: 10px; }
    .pro-section-1 span {
      display: inline-block;
      color: #006400;
      padding-left: 2px; }
    .pro-section-1 h2 {
      font-size: 1rem; }
    .pro-section-1 h2#days {
      color: #006400;
      font-weight: bold; }
    .pro-section-1 #hours {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #minutes {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #seconds {
      font-size: 10px;
      font-weight: bold;
      color: #006400; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 60%; }
    .pro-section-1 .pp-idai-logo {
      padding: 5px; }
      .pro-section-1 .pp-idai-logo img {
        width: 100%; }
    .pro-section-1 .pro-login-mobile {
      display: none; }
    .pro-section-1 .mobile_menu {
      display: none; }
    .pro-section-1 #timer div {
      display: inline-block;
      line-height: 0.1;
      padding: 0;
      font-size: 10px; }
    .pro-section-1 span {
      display: inline-block;
      color: #006400;
      padding-left: 2px; }
    .pro-section-1 h2 {
      font-size: 1rem;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 h2 #days {
      color: #006400;
      font-weight: bold; }
    .pro-section-1 #hours {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #minutes {
      font-size: 10px;
      font-weight: bold;
      color: #006400; }
    .pro-section-1 #seconds {
      font-size: 10px;
      font-weight: bold;
      color: #006400; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 90%; }
    .pro-section-1 .pp-idai-logo {
      padding: 5px; }
      .pro-section-1 .pp-idai-logo img {
        width: 100%; }
    .pro-section-1 .pro-login-comp {
      display: none; }
    .pro-section-1 .timer-container {
      display: none; }
    .pro-section-1 #main_navbar {
      display: none; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-section-1 .pro-header-logo {
      padding: 20px; }
      .pro-section-1 .pro-header-logo img {
        width: 90%; }
    .pro-section-1 .pp-idai-logo {
      padding: 5px; }
      .pro-section-1 .pp-idai-logo img {
        width: 100%; }
    .pro-section-1 .pro-login-comp {
      display: none; }
    .pro-section-1 .timer-container {
      display: none; }
    .pro-section-1 #main_navbar {
      display: none; } }

.pro-new-card {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px; }
  .pro-new-card .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px; }
  .pro-new-card .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 400px; }

/* menu section */
.navbar {
  display: flow-root; }

.navbar-nav {
  /*
        ##Device = Desktops
        ##Screen = 1281px to higher resolution desktops
     */
  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /*
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ }
  @media (min-width: 1281px) {
    .navbar-nav {
      min-width: 500px; }
      .navbar-nav li.nav-item {
        width: 180px;
        font-size: 1rem; }
        .navbar-nav li.nav-item .dropdown-item {
          font-size: 1rem; }
        .navbar-nav li.nav-item .dropdown-item:hover {
          color: white;
          background-color: green; }
        .navbar-nav li.nav-item .drop-left {
          right: 100% !important;
          left: auto !important; }
        .navbar-nav li.nav-item .nav-link {
          padding-right: 20px;
          color: green; }
      .navbar-nav li.pro-w-100 {
        width: 100%; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .navbar-nav {
      min-width: 500px; }
      .navbar-nav li.nav-item {
        width: 150px;
        font-size: 0.9rem; }
        .navbar-nav li.nav-item .dropdown-item {
          font-size: 0.9rem; }
        .navbar-nav li.nav-item .dropdown-item:hover {
          color: white;
          background-color: green; }
        .navbar-nav li.nav-item .drop-left {
          right: 100% !important;
          left: auto !important; }
        .navbar-nav li.nav-item .nav-link {
          color: green; }
        .navbar-nav li.nav-item a {
          color: green; }
      .navbar-nav li.pro-w-100 {
        width: 100%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav {
      min-width: 500px; }
      .navbar-nav .nav-item {
        width: 100px;
        font-size: 0.8rem; }
        .navbar-nav .nav-item .dropdown-item {
          font-size: 0.8rem; }
        .navbar-nav .nav-item .dropdown-item:hover {
          color: white;
          background-color: green;
          /*                font-size: 0.9em;*/ }
        .navbar-nav .nav-item .drop-left {
          right: 100% !important;
          left: auto !important; }
        .navbar-nav .nav-item .pro-float-left {
          right: 100% !important;
          left: auto !important; }
        .navbar-nav .nav-item .nav-link {
          color: green; }
        .navbar-nav .nav-item a {
          color: green; }
      .navbar-nav li.pro-w-100 {
        width: 100%; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .navbar-nav {
      min-width: 500px; }
      .navbar-nav li.nav-item {
        width: 100px;
        font-size: 0.8rem; }
        .navbar-nav li.nav-item .dropdown-item {
          font-size: 0.8em; }
        .navbar-nav li.nav-item .dropdown-item:hover {
          color: white;
          background-color: green; }
        .navbar-nav li.nav-item .drop-left {
          right: 100% !important;
          left: auto !important; }
        .navbar-nav li.nav-item .nav-link {
          color: green; }
        .navbar-nav li.nav-item a {
          color: green; }
      .navbar-nav li.pro-w-100 {
        width: 100%; } }
  .navbar-nav ul {
    list-style: none; }
  .navbar-nav .nav-item:nth-child(1) {
    border-left: none; }
  .navbar-nav .nav-item:nth-child(2) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(3) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(4) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(5) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(6) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(7) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(8) {
    border-left: 1px solid green; }
  .navbar-nav .nav-item:nth-child(9) {
    border-left: 1px solid green; }

/* search */
.pro-search-form {
  padding: 10px; }

.form-control {
  border-radius: 0 !important; }

.pro-input-form {
  height: 32px; }

.btn-pro {
  border-radius: 0 !important;
  font-size: 10px; }

/* login */
.pro-login-btn {
  padding: 10px;
  background-color: #179800;
  color: white;
  width: 30%;
  /*padding: 3% 0;*/ }

.pro-btn-logout {
  padding: 10px;
  border-radius: 0px !important;
  background-color: #1e4f32;
  color: white; }
  .pro-btn-logout:hover {
    color: white; }

/* slider */
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .banner-right {
    display: none; } }
/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .banner-right {
    display: none; } }
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  .banner-right {
    display: none; } }
.pro-section-2 {
  overflow: hidden;
  padding: 20px;
  /*
     ##Device = Desktops
     ##Screen = 1281px to higher resolution desktops
  */
  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ }
  .pro-section-2 .jadwal-title {
    font-size: 45px;
    font-weight: bolder;
    color: #136d1f; }
  .pro-section-2 .section-header, .pro-section-2 .steps-header, .pro-section-2 .steps-name {
    color: #777777;
    font-weight: 400;
    font-size: 1.4em; }
  .pro-section-2 .steps-header {
    margin-bottom: 20px;
    text-align: center; }
  .pro-section-2 .steps:nth-child(1),
  .pro-section-2 .steps:nth-child(2),
  .pro-section-2 .steps:nth-child(3) {
    outline: 2px dashed rgba(0, 128, 0, 0); }
    @media screen and (max-width: 500px) {
      .pro-section-2 .steps:nth-child(1),
      .pro-section-2 .steps:nth-child(2),
      .pro-section-2 .steps:nth-child(3) {
        margin-left: -25px; } }
    @media screen and (min-width: 500px) {
      .pro-section-2 .steps:nth-child(1),
      .pro-section-2 .steps:nth-child(2),
      .pro-section-2 .steps:nth-child(3) {
        float: left;
        width: 33.2%;
        margin-top: -45px; } }
  @media screen and (max-width: 500px) {
    .pro-section-2 .steps:nth-child(1),
    .pro-section-2 .steps:nth-child(2) {
      padding-bottom: 40px; } }
  @media screen and (min-width: 500px) {
    .pro-section-2 .steps:nth-child(1) {
      margin-left: -16.65%;
      margin-right: 16.65%; } }
  @media screen and (max-width: 500px) {
    .pro-section-2 .steps:nth-child(3) {
      margin-bottom: -100%; } }
  @media screen and (min-width: 500px) {
    .pro-section-2 .steps:nth-child(3) {
      margin-left: 16.65%;
      margin-right: -16.65%; } }
  .pro-section-2 .steps-name,
  .pro-section-2 .steps-description {
    margin: 0; }
  .pro-section-2 .steps-name {
    font-size: 15px;
    color: black;
    text-decoration: none; }
    .pro-section-2 .steps-name a {
      font-size: 15px;
      color: black;
      text-decoration: none; }
    @media screen and (min-width: 500px) {
      .pro-section-2 .steps-name {
        text-align: center; } }
  @media (min-width: 1281px) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 40px; }
    .pro-section-2 .steps-timeline {
      outline: 2px dashed rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 1281px) and (max-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-left: 2px solid #777777;
      margin-left: 25px; } }
  @media screen and (min-width: 1281px) and (min-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-top: 5px solid #777777;
      padding-top: 30px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%; } }
  @media (min-width: 1281px) {
      .pro-section-2 .steps-timeline:after {
        content: "";
        display: table;
        clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      margin: auto;
      width: 5px;
      height: 40px;
      background-color: #777777; } }
  @media screen and (min-width: 1281px) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 1281px) {
    .pro-section-2 .steps-description {
      position: relative;
      margin-top: -80px;
      margin-left: 31%;
      width: 70px;
      height: 70px;
      padding: 6px;
      border-radius: 10px;
      background: #269b36;
      color: white;
      font-size: 18px; } }
  @media screen and (min-width: 1281px) and (min-width: 500px) {
    .pro-section-2 .steps-description {
      text-align: center; } }
  @media (min-width: 1281px) {
    .pro-section-2 .steps-description:after {
      content: '';
      position: absolute;
      left: 25px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(45deg); } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 40px; }
    .pro-section-2 .steps-timeline {
      outline: 2px dashed rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-left: 2px solid #777777;
      margin-left: 25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-top: 5px solid #777777;
      padding-top: 30px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
      .pro-section-2 .steps-timeline:after {
        content: "";
        display: table;
        clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      margin: auto;
      width: 5px;
      height: 40px;
      background-color: #777777; } }
  @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-section-2 .steps-description {
      position: relative;
      margin-top: -80px;
      margin-left: 31%;
      width: 70px;
      height: 70px;
      padding: 6px;
      border-radius: 10px;
      background: #269b36;
      color: white;
      font-size: 18px; } }
  @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 500px) {
    .pro-section-2 .steps-description {
      text-align: center; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-section-2 .steps-description:after {
      content: '';
      position: absolute;
      left: 25px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(45deg); } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 40px; }
    .pro-section-2 .steps-timeline {
      outline: 2px dashed rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-left: 2px solid #777777;
      margin-left: 25px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-top: 5px solid #777777;
      padding-top: 30px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
      .pro-section-2 .steps-timeline:after {
        content: "";
        display: table;
        clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      margin: auto;
      width: 5px;
      height: 40px;
      background-color: #777777; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-section-2 .steps-description {
      position: relative;
      margin-top: -80px;
      margin-left: 27%;
      width: 70px;
      height: 70px;
      padding: 6px;
      border-radius: 10px;
      background: #269b36;
      color: white;
      font-size: 18px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 500px) {
    .pro-section-2 .steps-description {
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-section-2 .steps-description:after {
      content: '';
      position: absolute;
      left: 25px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(45deg); } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 40px; }
    .pro-section-2 .steps-timeline {
      outline: 2px dashed rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (max-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-left: 2px solid #777777;
      margin-left: 25px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (min-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-top: 5px solid #777777;
      padding-top: 30px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .pro-section-2 .steps-timeline:after {
        content: "";
        display: table;
        clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      margin: auto;
      width: 5px;
      height: 40px;
      background-color: #777777; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-section-2 .steps-description {
      position: relative;
      margin-top: -80px;
      margin-left: 27%;
      width: 70px;
      height: 70px;
      padding: 6px;
      border-radius: 10px;
      background: #269b36;
      color: white;
      font-size: 18px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (min-width: 500px) {
    .pro-section-2 .steps-description {
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-section-2 .steps-description:after {
      content: '';
      position: absolute;
      left: 25px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(45deg); } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 40px; }
    .pro-section-2 .steps-timeline {
      outline: 2px dashed rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 481px) and (max-width: 767px) and (max-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-left: 2px solid #777777;
      margin-left: 25px; } }
  @media screen and (min-width: 481px) and (max-width: 767px) and (min-width: 500px) {
    .pro-section-2 .steps-timeline {
      border-top: 5px solid #777777;
      padding-top: 30px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%; } }
  @media (min-width: 481px) and (max-width: 767px) {
      .pro-section-2 .steps-timeline:after {
        content: "";
        display: table;
        clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      margin: auto;
      width: 5px;
      height: 40px;
      background-color: #777777; } }
  @media screen and (min-width: 481px) and (max-width: 767px) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-section-2 .steps-description {
      position: relative;
      margin-top: -80px;
      margin-left: 19%;
      width: 70px;
      height: 70px;
      padding: 6px;
      border-radius: 10px;
      background: #269b36;
      color: white;
      font-size: 18px; } }
  @media screen and (min-width: 481px) and (max-width: 767px) and (min-width: 500px) {
    .pro-section-2 .steps-description {
      text-align: center; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-section-2 .steps-description:after {
      content: '';
      position: absolute;
      left: 25px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(45deg); } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-section-2 .jadwal-timeline {
      margin-top: 0; } }
@media screen and (min-width: 320px) and (max-width: 480px) and (max-width: 500px) {
  .pro-section-2 .steps-timeline {
    margin-left: 25px; } }
@media screen and (min-width: 320px) and (max-width: 480px) and (min-width: 500px) {
  .pro-section-2 .steps-timeline {
    border-top: 5px solid #777777;
    padding-top: 30px;
    margin-top: 40px;
    margin-left: 16.65%;
    margin-right: 16.65%; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-section-2 .steps-timeline:after {
      content: "";
      display: table;
      clear: both; }
    .pro-section-2 .steps-strip {
      display: block;
      width: 70px;
      height: 50px;
      background: #269b36; } }
  @media screen and (min-width: 320px) and (max-width: 480px) and (max-width: 500px) {
    .pro-section-2 .steps-strip {
      float: left;
      margin-right: 20px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-section-2 .steps-description {
      position: relative;
      width: 60px;
      height: 40px;
      top: 40px;
      left: 5px;
      color: white; } }

.flex-direction-nav .flex-next {
  right: 5px !important; }

/* berita card section-4 */
.pro-section-4 .pro-sumberdaya h1 {
  font-size: 30px;
  font-weight: bolder;
  color: #136d1f; }
.pro-section-4 .pro-sumberdaya ul {
  list-style: none;
  padding: 0; }
  .pro-section-4 .pro-sumberdaya ul li {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 2px solid #eff0f2; }
    .pro-section-4 .pro-sumberdaya ul li a {
      text-decoration: none;
      color: black; }
.pro-section-4 .pro-sumberdaya-more {
  background-color: #136d1f;
  padding: 5px; }
  .pro-section-4 .pro-sumberdaya-more a {
    color: white; }
.pro-section-4 .pro-berita {
  padding: 10px; }
  .pro-section-4 .pro-berita ul {
    list-style: none;
    padding: 0; }
    .pro-section-4 .pro-berita ul li {
      padding: 10px 0;
      border-bottom: 2px solid #eff0f2; }
      .pro-section-4 .pro-berita ul li .berita-judul {
        font-size: 20px;
        font-weight: bold; }
      .pro-section-4 .pro-berita ul li a {
        text-decoration: none;
        color: black; }
.pro-section-4 .pro-publikasi h1 {
  font-size: 30px;
  font-weight: bolder;
  color: #136d1f; }
.pro-section-4 .pro-publikasi ul {
  list-style-type: none;
  width: 100%;
  padding: 0; }
.pro-section-4 .pro-publikasi h3 {
  font-size: 15px;
  font-weight: bold; }
.pro-section-4 .pro-publikasi li img {
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 5px 5px 0; }
.pro-section-4 .pro-publikasi li {
  padding: 10px;
  overflow: auto; }

/* kalender */
.pro-section-6 .pro-video h1 {
  font-size: 30px;
  font-weight: bolder;
  color: #136d1f; }
.pro-section-6 .pro-video ul {
  list-style-type: none;
  width: 100%;
  padding: 0; }
  .pro-section-6 .pro-video ul video {
    max-width: 150px;
    height: 100%;
    padding-right: 5px; }
.pro-section-6 .pro-video p.judul {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0; }
  .pro-section-6 .pro-video p.judul a {
    color: black; }
.pro-section-6 .pro-video li img {
  width: 100px;
  height: 80px;
  float: left;
  margin: 10px; }
.pro-section-6 .pro-video li {
  padding: 10px;
  overflow: auto; }
.pro-section-6 .pro-banner-publikasi {
  /*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
  */
  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ }
  @media (min-width: 1281px) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 7%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 15px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 100px;
      height: 50px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #b4c8b5;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #269b36;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 45px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 1.0em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -10px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 13%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 15px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 100px;
      height: 50px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #b4c8b5;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #269b36;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 45px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 10em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -10px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 10%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 15px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 100px;
      height: 50px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #b4c8b5;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -50px;
      border-left: 25px solid #269b36;
      border-right: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 70px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 1.2em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -10px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 5%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 15px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 100px;
      height: 40px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -40px;
      border-left: 20px solid #b4c8b5;
      border-right: 20px solid transparent;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -40px;
      border-left: 20px solid #269b36;
      border-right: 20px solid transparent;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 40px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 0.9em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -15px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 2%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 15px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 100px;
      height: 40px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -40px;
      border-left: 20px solid #b4c8b5;
      border-right: 20px solid transparent;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -40px;
      border-left: 20px solid #269b36;
      border-right: 20px solid transparent;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 40px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 0.9em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -15px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav {
      position: absolute;
      top: 5%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      height: auto;
      overflow: auto;
      overflow-x: hidden;
      z-index: 999; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li {
      padding: 1px 0;
      padding-left: -10px;
      font-size: 12px;
      color: #666;
      margin: 10px 0; }
    .pro-section-6 .pro-banner-publikasi .arrow {
      width: 60px;
      height: 20px;
      background: #b4c8b5;
      position: relative; }
    .pro-section-6 .pro-banner-publikasi .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -20px;
      border-left: 10px solid #b4c8b5;
      border-right: 10px solid transparent;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
    .pro-section-6 .pro-banner-publikasi .arrow:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid #9aa7b2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #9aa7b2; }
    .pro-section-6 .pro-banner-publikasi #featured li.ui-tabs-nav-item a {
      text-decoration: none;
      color: #fff;
      font-size: 12px;
      text-align: center; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow {
      background: #269b36; }
    .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-selected a, .pro-section-6 .pro-banner-publikasi #featured ul.ui-tabs-nav li.ui-tabs-active .arrow:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -20px;
      border-left: 10px solid #269b36;
      border-right: 10px solid transparent;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 30px;
      background: url("../images/transparent-bg.png"); }
    .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel .info a.hideshow {
      position: absolute;
      font-size: 11px;
      font-family: Verdana;
      color: #f0f0f0;
      right: 10px;
      top: -20px;
      line-height: 20px;
      margin: 0;
      outline: none;
      background: #333; }
    .pro-section-6 .pro-banner-publikasi #featured .info h2 {
      font-size: 0.5em;
      font-family: Georgia, serif;
      color: #fff;
      padding: 5px;
      margin: 0;
      font-weight: normal;
      overflow: hidden; }
    .pro-section-6 .pro-banner-publikasi #featured .info p {
      margin: 0 5px;
      font-family: Verdana;
      font-size: 11px;
      line-height: 15px;
      color: #f0f0f0; }
    .pro-section-6 .pro-banner-publikasi #featured .info a {
      text-decoration: none;
      color: #fff; }
    .pro-section-6 .pro-banner-publikasi #featured .info a:hover {
      text-decoration: underline; }
    .pro-section-6 .pro-banner-publikasi .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -18px;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none; } }
  .pro-section-6 .pro-banner-publikasi #featured {
    width: 100%;
    padding-left: 0;
    position: relative;
    height: auto;
    overflow: hidden;
    background: transparent; }
  .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-panel {
    width: 100%;
    height: 100%;
    background: #999;
    position: relative;
    margin-left: 10px; }
  .pro-section-6 .pro-banner-publikasi #featured .ui-tabs-hide {
    display: none; }

/* publication section-7 */
.pro-section-7 .pro-event-list h1 {
  font-size: 30px;
  font-weight: bolder;
  color: #136d1f; }
.pro-section-7 .pro-event-list ul {
  list-style: none;
  padding: 0; }
  .pro-section-7 .pro-event-list ul li {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 2px solid #eff0f2; }
    .pro-section-7 .pro-event-list ul li a {
      text-decoration: none;
      color: black; }
.pro-section-7 .pro-event-list .fc-toolbar h2 {
  font-size: 1.2em;
  margin: 0; }
.pro-section-7 .pro-event-list-more {
  background-color: #136d1f;
  padding: 5px; }
  .pro-section-7 .pro-event-list-more a {
    color: white; }
.pro-section-7 .pro-symposium-img {
  padding: 10px; }
  .pro-section-7 .pro-symposium-img img {
    width: 450px;
    height: auto; }
.pro-section-7 .pro-event-list h1 {
  font-size: 30px;
  font-weight: bolder;
  color: #136d1f; }
.pro-section-7 .pro-event-list .pro-event-calendar {
  /** CALENDAR ENDS HERE **/ }
  .pro-section-7 .pro-event-list .pro-event-calendar .fc-toolbar h2 {
    font-size: 1.2em;
    margin: 0; }
  .pro-section-7 .pro-event-list .pro-event-calendar .fc-right .fc-today-button {
    display: none; }
  .pro-section-7 .pro-event-list .pro-event-calendar .fc th, .pro-section-7 .pro-event-list .pro-event-calendar .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    font-size: 0.9em; }
  .pro-section-7 .pro-event-list .pro-event-calendar .fc-row {
    min-height: 1em; }
.pro-section-7 .pro-event-list .pro-even-content ul {
  list-style: none;
  padding: 5px; }
  .pro-section-7 .pro-event-list .pro-even-content ul li {
    font-weight: bold;
    font-size: 15px;
    padding: 5px 0;
    border-bottom: 2px solid #eff0f2; }
    .pro-section-7 .pro-event-list .pro-even-content ul li a {
      text-decoration: none;
      color: #aaacaa; }

.pro-section-pengurus {
  /* tooltip */
  /* centered columns styles */ }
  .pro-section-pengurus h1 {
    font-size: 30px;
    font-weight: bolder;
    color: #136d1f; }
  .pro-section-pengurus #team {
    background: #fff;
    padding: 60px 0; }
  .pro-section-pengurus .section-header h3, .pro-section-pengurus .pro-section-2 .steps-header h3, .pro-section-2 .pro-section-pengurus .steps-header h3, .pro-section-pengurus .pro-section-2 .steps-name h3, .pro-section-2 .pro-section-pengurus .steps-name h3 {
    font-size: 36px;
    color: #283d50;
    text-align: center;
    font-weight: 500;
    position: relative; }
  .pro-section-pengurus .section-header p, .pro-section-pengurus .pro-section-2 .steps-header p, .pro-section-2 .pro-section-pengurus .steps-header p, .pro-section-pengurus .pro-section-2 .steps-name p, .pro-section-2 .pro-section-pengurus .steps-name p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 60px;
    color: #556877;
    width: 50%; }
  .pro-section-pengurus .fadeInUp {
    animation-name: fadeInUp; }
  .pro-section-pengurus #team .member {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    transition: transform .2s;
    /* Animation */ }
  .pro-section-pengurus #team .member:hover {
    transform: scale(2);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
  .pro-section-pengurus #team .member img {
    width: 65px;
    max-height: 65px;
    background-color: #8CC63E; }
  .pro-section-pengurus #team .member .member-info {
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.2s; }
  .pro-section-pengurus #team .member .member-info-content {
    transition: margin 0.2s;
    z-index: 9999; }
  .pro-section-pengurus .tooltip_templates {
    display: none; }
  .pro-section-pengurus .row-centered {
    text-align: center; }
  .pro-section-pengurus .col-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

.pro-footer-logo {
  padding: 20px; }
  .pro-footer-logo h3 {
    padding: 10px 0; }
  .pro-footer-logo img {
    width: 100px;
    height: auto;
    padding: 10px 0 0 0; }

.pro-footer-info {
  padding: 20px; }

.pro-footer-about {
  padding: 10px 10px; }

.pro-footer-komite {
  padding: 10px 10px;
  margin-top: 10px; }
  .pro-footer-komite ul {
    padding: 0;
    list-style: none;
    font-size: 15px; }
    .pro-footer-komite ul li {
      text-decoration: none;
      color: black; }
      .pro-footer-komite ul li a {
        text-decoration: none;
        color: black; }
  .pro-footer-komite .fa {
    padding: 0 10px; }

.pro-footer-social {
  margin-top: 10px; }
  .pro-footer-social ul {
    padding: 0;
    list-style: none; }
    .pro-footer-social ul li {
      text-decoration: none;
      color: black; }
      .pro-footer-social ul li a {
        color: black; }
  .pro-footer-social .fab {
    padding: 0 10px 0 0;
    font-size: 20px;
    color: #136d1f; }

.footer-logo-desc {
  padding: 10px 2px; }
  .footer-logo-desc p {
    margin: 0;
    padding: 0; }
  @media (min-width: 320px) and (max-width: 480px) {
    .footer-logo-desc .desc {
      font-size: 12px; } }

.pro-footer-copyright {
  background-color: #f5f5f5;
  color: #777777;
  text-align: center;
  padding: 10px;
  font-size: .8em; }

.button, .button:visited {
  display: inline-block;
  padding: 1rem;
  color: white;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  transition: all 250ms; }
.button.twitter {
  background-color: #09f; }
  .button.twitter:hover, .button.twitter:hover {
    background-color: #4db8ff; }
  .button.twitter:active {
    background-color: #80ccff; }
.button.facebook {
  background-color: #469; }
  .button.facebook:hover, .button.facebook:hover {
    background-color: #6c8dbe; }
  .button.facebook:active {
    background-color: #8fa8cd; }
.button.github {
  background-color: #222; }
  .button.github:hover, .button.github:hover {
    background-color: #484848; }
  .button.github:active {
    background-color: #626262; }
.button.google-plus {
  background-color: #d43; }
  .button.google-plus:hover, .button.google-plus:hover {
    background-color: #e88075; }
  .button.google-plus:active {
    background-color: #efa8a0; }
.button.instagram {
  background-color: #d71c49; }
  .button.instagram:hover, .button.instagram:hover {
    background-color: #e9567a; }
  .button.instagram:active {
    background-color: #ef849d; }
.button.pinterest {
  background-color: #c22; }
  .button.pinterest:hover, .button.pinterest:hover {
    background-color: #e35757; }
  .button.pinterest:active {
    background-color: #ea8383; }
.button:focus, .button:hover {
  cursor: pointer; }

/* breadcumb */
.breadcrumb .breadcrumb-item a {
  color: #45A745; }

.hidden {
  display: none; }

/*# sourceMappingURL=custom.css.map */