/*
Theme Name: Tempo Institute
Author: Leap Up
Description: TThis is Tempo  Institute customized theme provided by Leap Up
Version: 1.3

This theme, like WordPress, is licensed under the GPL.
*/

@font-face {
    font-family: 'Akkurat-Normal';
    src: url('../fonts/Akkurat/Akkurat-Normal.otf');
}
@font-face {
    font-family: 'Akkurat-Regular';
    src: url('../fonts/Akkurat/Akkurat-Regular.otf');
}
@font-face {
    font-family: 'Akkurat-Bold';
    src: url('../fonts/Akkurat/Akkurat-Bold.otf');
}
@font-face {
    font-family: 'Akkurat-Light';
    src: url('../fonts/Akkurat/Akkurat-Light.otf');
}
@font-face {
    font-family: 'Penumbra-std';
    src: url('../fonts/Penumbra/PENUMBRA-HALFSERIF-STD.TTF');
}
@font-face {
    font-family: 'Penumbra-bold';
    src: url('../fonts/Penumbra/PENUMBRA-HALFSERIF-STD-BOLD.TTF');
}
@font-face {
    font-family: 'Penumbra-semibold';
    src: url('../fonts/Penumbra/PENUMBRA-HALFSERIF-STD-SEMIBOLD.TTF');
}
@font-face {
    font-family: 'PT-Sans-Bold';
    src: url('../fonts/PT_Sans/PT_Sans-Web-Bold.ttf');
}
@font-face {
    font-family: 'PT-Sans-Reguler';
    src: url('../fonts/PT_Sans/PT_Sans-Web-Regular.ttf');
}

@font-face {
    font-family: 'Manjari-font';
    src: url('../fonts/Manjari/Manjari-Regular.ttf');
}

@font-face {
    font-family: 'MarkoOne';
    src: url('../fonts/MarkoOne/MarkoOne-Regular.ttf');
}

/**
 1. General CSS
 */

body{
    max-width: 100%;
    overflow-x: hidden;
    font-family:PT-Sans-Reguler;
}
p{
    font-family: PT-Sans-Reguler;
}
@media (max-width: 1199px){
    p{
        font-size: 1rem;
    }
}
  /*Adding Preloader*/
  #preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
      /* change if the mask should have another color then white */
      z-index: 99;
      /* makes sure it stays on top */

  }
#status {
    width: 200px;
    height: 100px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    /*background-image: url('assets/core/image/primary-01-small-45.png');*/
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}
<!--
/* @group Blink */


/* @end */
#status span{
    opacity: 0.8;
    -webkit-animation: blink 5s  ease-in infinite;
    -moz-animation: blink 5s ease-in infinite;
    -ms-animation: blink 5s  ease-in infinite;
    -o-animation: blink 5s  ease-in infinite;
    animation: blink 5s  ease-in infinite;
    -animation-fill-mode: forwards;
}

#status .progress{
    margin-top: 15px;
    height: 5px;
}
#status .progress-bar {
    background-color: #e61212;
}
#status .progress-bar.animate{
    -webkit-animation: progress_linear 10s  ease-in 1;
    -moz-animation: progress_linear 10s ease-in 1;
    -ms-animation: progress_linear 10s  ease-in 1;
    -o-animation: progress_linear 10s  ease-in 1;
    animation: progress_linear 10s  ease-in 1;
    -animation-fill-mode: forwards;
}
@-webkit-keyframes blink {
    0% { opacity:  0.8; }
    30% { opacity: 0; }
    100% { opacity: 0.8; }
}
@-moz-keyframes blink {
    0% { opacity:  0.8; }
    30% { opacity: 0; }
    100% { opacity: 0.8; }
    /*100% { opacity: 0; }*/
}
@-ms-keyframes blink {
    0% { opacity:  0.8; }
    30% { opacity: 0; }
    100% { opacity: 0.8; }
    /*100% { opacity: 0; }*/
}
@-o-keyframes blink {
    0% { opacity:  0.8; }
    30% { opacity: 0; }
    100% { opacity: 0.8; }
    /*100% { opacity: 0; }*/
}
@keyframes blink {
    0% { opacity:  0.8; }
    30% { opacity: 0; }
    100% { opacity: 0.8; }
    /*100% { opacity: 0; }*/
}

@-webkit-keyframes progress_linear {
    0% { width:  1%; }
    30% { width: 30%; }
    70% {width : 50%; }
    100% { width: 80%; }
}
@-moz-keyframes progress_linear {
    0% { width:  1%; }
    30% { width: 30%; }
    70% {width : 50%; }
    100% { width: 80%; }
}
@-ms-keyframes progress_linear {
    0% { width:  1%; }
    30% { width: 30%; }
    70% {width : 50%; }
    100% { width: 80%; }
}
@-o-keyframes progress_linear {
    0% { width:  1%; }
    30% { width: 30%; }
    70% {width : 50%; }
    100% { width: 80%; }
}
@keyframes progress_linear {
    0% { width:  1%; }
    30% { width: 30%; }
    70% {width : 50%; }
    100% { width: 80%; }
}

.header-spacer{
    height:72px;
}
h1,h2,h3,h4,h5{
    font-family: "PT-Sans-Bold"!important;
    /* color: #e61212; */
}
@media (max-width: 1199.98px) {
    h3{
        font-size:1.65rem;
    }
}
.content-wrapper{
    padding:25px 0px;
}
@media (max-width:767.9px) {
    .content-wrapper{
        padding:15px 0px;
    }
}
.content-wrapper p{
    margin-bottom:20px ;
}
@media (max-width: 425px) {
    .card .content-wrapper{
        padding:0px;
    }
}
.bg-covered{
    background-size: cover;
    background-position: center;
}
.bg-darker{
    background-color: #313131;
}
.bg-gray{
    background-color: #ebebeb;
}
.bg-content-gray{
    background-color: #fafafa;
}
button.btn{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-left:15px;
    padding-right:15px;
    font-family:"PT-Sans-Reguler";
}
.btn-light {
    color: #e61212;
}
button.btn-danger{
    background-color: #e61212;
}
.text-danger{
    color: #e61212;
}
.btn-outline-light.tempo-btn{
    color: #e61212;
    border: 1px solid #e61212;
}
.btn-oncard-rightfly{
    object-fit: cover;
    position: absolute;
    right: -20px;
    top: -5px;
}
.img-overlay-bg span {
    background: #e61212;
    bottom: 0;
    display: block;
    left: 15px;
    right:15px;
    opacity: 0.6;
    position: absolute;
    top: 0;
    z-index: 1;

}
.brand-logo{
    height: 45px;
}
@media (max-width: 425px){
    .brand-logo-footer-wrapper{
        text-align: center;
    }
    .brand-logo-footer{
        width:150px;
        margin-bottom: 15px;
    }
}
.btn.btn-people-link{
    border-radius: 7px;
    background-color: #d7d7d7;
    color: #fff;
    font-size: 21px;
    text-align: center;
    width: 40px;
    padding: 2px 0px;
}

a:hover {
    text-decoration: none;
}

a:hover h4 {
    color: #313131;
}
.icon-helper{
    max-width: 15px;
}
.square-responsive{
    position: relative;
}
.square-responsive:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}
.square-responsive .square-content{
    position: absolute;
    width: 100%;
    height: 100%;
}

.p-styling p{
    text-align: justify;
}
.p-styling ul{
    list-style: none;
}
.p-styling ul li{
    position: relative;
}
.p-styling ul li:after {
     content: '';
     height: .4em;
     width: .4em;
     background: #e61212;
     display: block;
     position: absolute;
     transform: rotate(45deg);
     top: .5em;
     left: -25px;
 }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color: transparent ;
    border-color: transparent;
}
.nav-tabs .nav-link{
    color: #080806;
    opacity: 0.5;
    font-family: PT-Sans-Reguler;
}
.nav-tabs .nav-link.active{
    opacity: 1.0;
    color: #df0f0f;
    font-weight: bold;
}

.nav-tabs.center{
    justify-content:center;
    align-items: center;
    border-bottom: 2px solid #ddd;
}
.nav-tabs.center .nav-link{
    padding:12px 30px;
}
.nav-tabs.center .nav-link:hover {
    border-width: 2px;
    border-color: #ddd #e9ecef #dee2e6;
}
.nav-tabs.center .nav-link.active{
    border-bottom: 2px solid #df0f0f;
}
@media (min-width:992px) {
    .nav-tabs[role="tablist"] a{
        font-size: 1.2rem;
    }
}

.lSAction > a{
    opacity: 0.7 !important;
    z-index: 98;
}
.item-description{
    line-height: 1.4;
}
@media (max-width:991.9px) {
    .item-title{
        font-size: 100%;
    }
    .item-description{
        font-size: 80%;
    }
}


/**
 2. Header Menu
 */
#header{
    font-family: "PT-Sans-Reguler";
}
/*container class*/
   #header .header-menu{

   }

/*container class first unordered list*/
   #header .header-menu ul {
       margin-top:15px;
       padding-left: 25px;
   }

/*unordered list within an unordered list*/
  #header .header-menu ul ul {}

/*each navigation item*/
   #header .header-menu li {
       list-style: none;
       font-size: 16px;
   }

/*each navigation item anchor*/
    #header .header-menu li a {
       padding:3px 0px;
        color: #313131;
        font-weight: normal;
        font-style: normal;
        opacity: 0.8;
        display: inline-block;
    }
    #header .header-menu a:hover {
        color: #df0f0f!important;
        text-decoration: none;
    }
    #header .header-menu li button{
        /* margin:0px 5px; */
        padding:9px 15px;
        border-radius: 0px;
    }
    #header .header-menu li button.btn-danger {
        border-radius: 3rem;
        background-color:#EA1F27!important;
        padding: 5px 20px;
        font-weight: bold;
    }
/*unordered list if there is drop down items*/

   #header .header-menu li.menu-item-has-children> a:after{
       border-top: 4px dashed;
       border-top: 4px solid\9;
       border-right: 4px solid transparent;
       border-left: 4px solid transparent;
       content: '';
       margin-left: 6px;
       position: relative;
       top:10px;
   }

    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children {
        position: relative;
    }
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children a{
        position: relative;
    }
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children a:after{
        position: absolute;
        right: 0px;
        top: 10px;
        border-left: 4px dashed;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }

   #header .header-menu li.menu-item-has-children:hover > ul,
   #header .header-menu li.menu-item-has-children:hover > ul > li.menu-item-has-children:hover > ul
   {
       visibility: visible;
       opacity: 1;
       height: auto !important;
   }
   #header .header-menu li ul {
        list-style: none;
        visibility: hidden;
        opacity: 0;
        height: 0px;
        position: absolute;
        top: 50px;
        border: 1px solid #ddd;
        min-width: 165px;
        padding: 0;
        transition: visibility 200ms linear 300ms, opacity 500ms;
   }

   #header .header-menu li ul li ul{
       top: -1px;
       left: calc(100% - 1px);
   }

/*each drop down navigation item*/
   #header .header-menu li li {
       background: #fff;
       width: 100%;
       border-bottom: 1px solid #ededed;
       padding: 10px 15px;
   }
    #header .header-menu li li:last-child{
        border-bottom: none;
    }
    #header .header-menu li li:hover{
        text-decoration: none !important;
    }

/*each drap down navigation item anchor*/
   #header .header-menu li li a {
       color: #000;
       width:100%;
       font-size: 13px;
   }

@media (max-width: 500px) {
    #header .header-menu li.menu-item-has-children> a,
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children a
    {
        pointer-events: none;
        position: relative;
    }
    #header .header-menu li.menu-item-has-children> a:after,
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children a:after
    {
        border-top: 6px dashed;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: absolute;
        top: 18px;
        right: 15px;
    }
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children{
        padding-right:0px;
    }
    #header .header-menu li.menu-item-has-children ul li.menu-item-has-children a:after{
        top:8px;
    }
    #header .header-menu li>ul,
    #header .header-menu li>ul>li ul
    {
        position: relative;
        width: 100%;
        top:0 !important;
        border: none;
    }
    #header .header-menu li>ul>li ul {
        left: 0;
        top: 0;
    }
    #header .header-menu li.menu-item-has-children:hover > ul > li.menu-item-has-children:hover > ul
    {
        margin-top: 10px;
    }

    #header .header-menu li ul li a{
        color: #000 !important;
        padding-left: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

}


@media (max-width: 574px) {

    .sidebar-xs {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        position: fixed;
        z-index: 12;
        height: 100%;
        width: 0;
        padding: 0;
        overflow: hidden;
        background-color: white ;
        padding-top:76px;
    }

    #header .header-menu li {
        border-bottom: 1px solid #ddd;
    }
    #header .header-menu li:first-child{
        border-top:1px solid #ddd;
    }
    #header .header-menu li a{
        padding: 10px 15px;
        width: 100%;
        display: block;
    }
    #header .header-menu a{
        font-family: "PT-Sans-Bold";
        color: #e61212;
    }
    #header .header-menu a:hover{
        color: #201e1e;
    }
    .navbar-brand {
      margin-right: 50px;
    }
}


/**
 3. Carousel
 */
div.carousel-inner {
    /* overflow: visible; */
    border-radius: 0.7rem;
}
div.carousel-inner.blog{
    /* overflow: visible; */
    border-radius: 0rem;
}
.img-carousel{
    height: 270px;
    object-fit: cover;
}
.img-carousel.blog{
    height: 250px;
    object-fit: cover;
    border-radius: 0px;
}
@media (max-width: 575px){
    .img-carousel{
        height: 250px;
        object-fit: cover;
        border-radius: 15px;
    }
}
.carousel-item::after{
        content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(255, 255, 255, 0.1));
}
/*.carousel-arrowhead{*/
    /*margin-top: 15px;*/
    /*margin-right: 35px;*/
    /*height: 95px;*/
/*}*/
/*.carousel-arrowhead .carousel-control-prev,*/
/*.carousel-arrowhead .carousel-control-next{*/
    /*position: relative;*/
    /*float: right;*/
    /*color: #e31328;*/
    /*width: 70px;*/
    /*font-size:25px;*/
/*}*/
#banner-slider{
    margin-bottom:150px;
    /*overflow-x: hidden;*/
    overflow-y: -webkit-paged-y;
}
#banner-slider .lSSlideOuter, #banner-slider .lSSlideWrapper, #banner-slider ul{
    overflow: visible;
}
#banner-slider .lightSlider > .lslide, #banner-slider .lightSlider > li,
#banner-slider .lightSlider > .lslide, #banner-slider .lightSlider > li
{
    position: relative;
}
#banner-slider .lSAction{
    position: relative;
}
#banner-slider .lSAction > a {
    top:inherit;
    width: 32px;
    height: 32px;
    bottom: -44px;
    /*background-color: red;*/
    background-size: contain;
    background-repeat: no-repeat;

}
#banner-slider .lSSlideOuter .lSPager.lSpg {
    display: none;
}
#banner-slider .lSAction > .lSPrev {
    right: 40px;
    left:inherit;
    background-image: url("assets/core/image/icon-arrow-left@2x.png");
}
#banner-slider .lSAction > .lSNext {
    right: 0px;
    left:inherit;
    background-position: inherit;
    background-image: url("assets/core/image/icon-arrow-right@2x.png");
}
#banner-slider .lslide .carousel-content-desc,
#banner-slider .lslide .carousel-content-desc-box,
#banner-slider .clone .carousel-content-desc,
#banner-slider .clone .carousel-content-desc-box
{
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#banner-slider .lslide img, #banner-slider .clone{
    opacity:0.3;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#banner-slider .lslide.active .carousel-content-desc,#banner-slider .lslide.active .carousel-content-desc-box{
    opacity: 1;
}
#banner-slider .lslide.active img{
    opacity: 1;
}

.carousel-content-desc-box{
    background-color: #ededed;
    position: absolute;
    bottom: calc(100% - (100% + 90px));
    width: calc( 45% + 35px);
    height: 90px;
    padding: 25px 15px;
    border-left: 15px solid #e61212;
}

.clone.left .carousel-content-desc{
    display: none;
}

.carousel-content-desc{
    background-color: #fff;
    position: absolute;
    bottom: calc(100% - (100% + 70px));
    width: 50%;
    padding: 25px 15px;
    margin-left: 15px;
}
.carousel-content-desc h3{
    height:70px;
}
.carousel-content-desc p{
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 17px;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 85px;
    /* fix problem when last visible word doesn't adjoin right side  */
    /*text-align: justify;*/
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
    white-space: normal;
    text-overflow: ellipsis;
 }
/* create the ... */
/*.carousel-content-desc p:before {*/
    /*content: '...';*/
    /*position: absolute;*/
    /*right: 15px;*/
    /*!* width: 20px; *!*/
    /*padding-left: 2px;*/
    /*bottom: -5px;*/
    /*background-color: white;*/
/*}*/
/* hide ... if we have text, which is less than or equal to max lines */
/*.carousel-content-desc p:after {*/
    /*!* points in the end *!*/
    /*content: '';*/
    /*!* absolute position *!*/
    /*position: absolute;*/
    /*!* set position to right bottom corner of text *!*/
    /*right: 0;*/
    /*!* set width and height *!*/
    /*width: 1em;*/
    /*height: 1em;*/
    /*margin-top: 0.2em;*/
    /*!* bg color = bg color under block *!*/
    /*background: white;*/
/*}*/
.carousel-content-desc button{
    font-size:16px;
}
@media (max-width: 991px){
    .carousel-content-desc{
        width: 75%;
    }
    .carousel-content-desc-box{
        width: calc( 75% + 35px);
    }
}
@media (max-width: 575px){
    .carousel-content-desc{
        bottom: calc(100% - (100% + 100px));
    }
    .carousel-content-desc h3{
        font-size: 100%;
    }
    .carousel-content-desc-box{
        bottom: calc(100% - (100% + 120px));
        height: 130px;
    }
    .carousel-content-desc button{
        font-size:14px;
    }
}

/**
 5. Featured Rounded Image
 */
.front-featured-desc{
    line-height:1.33; height: 150px; color:#313131; opacity: 0.8; font-family: PT-Sans-Reguler;
}
@media (max-width: 425px) {
    .front-featured-desc{
        height:inherit;
    }

}
.round-img-lg{
    width: 80px;
    height: 80px;
    object-fit: cover;
    max-width: 100%;
    border-radius: 50%;
}

/**
 6. Apa kata mereka
 */
#testimonial .lSSlideWrapper {
    width: calc(100% - 70px);
    /*margin-left: auto;*/
    margin-right: auto;
    overflow: visible;
}
#testimonial .lSAction > .lSPrev {
display: none;
}
#testimonial .lSAction > .lSNext {
    right: -20px;
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("assets/core/image/btn-arrownext@2x.png");
}
#testimonial .img-clip{
    width: 75px;
    height: 75px;
    object-fit: cover;
    z-index: 2;
    position: relative;
}
#testimonial .img-clip-description{
    background-color: #fff;
    position: relative;
    top:-25px;
    padding:45px 15px 25px 15px;
}
#testimonial .img-clip-description p{
    height: 130px;
    overflow-y: hidden;
}
@media (max-width: 1199.98px) {
    #testimonial .img-clip-description p{
        height: 140px;
        font-size: 14px;
    }
}
#testimonial .img-clip-description p:hover{
    overflow-y: auto;
}


#classKTB .lSSlideWrapper {
    width: calc(100% - 70px);
    /*margin-left: auto;*/
    margin-right: auto;
    overflow: visible;
}
#classKTB .lSAction > .lSPrev {
display: none;
}
#classKTB .lSAction > .lSNext {
    right: -20px;
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("assets/core/image/btn-arrownext@2x.png");
}
#classKTB .img-clip{
    width: 75px;
    height: 75px;
    object-fit: cover;
    z-index: 2;
    position: relative;
}
#classKTB .img-clip-description{
    background-color: #fff;
    position: relative;
    top:-25px;
    padding:45px 15px 25px 15px;
}
#classKTB .img-clip-description p{
    height: 130px;
    overflow-y: hidden;
}
@media (max-width: 1199.98px) {
    #classKTB .img-clip-description p{
        height: 140px;
        font-size: 14px;
    }
}
#classKTB .img-clip-description p:hover{
    overflow-y: auto;
}

/**
 7. Berita
 */
.news-content .wp-caption{
    width:90% !important;
}
.news-content .wp-caption img{
    width: 100% !important;
    height: auto !important;
}
.news-content .wp-caption .wp-caption-text{
    color: #868e96;
    font-size: 80%;
    font-style: italic;
    text-align: center;
    margin-top:5px;
    margin-bottom:10px;
}
@media (max-width: 575.98px) {
    .news-content .wp-caption{
        width:100% !important;
    }
}
.sidebar-sticky{
    position: sticky;
    top: 85px;
}

.img-onfly-wrapper{
    margin-bottom:65px;
}
.img-onfly-description{
    padding: 15px 0;
    background-color: #fff;
    width: 80%;
    position: absolute;
    z-index: 10;
    bottom: -50px;
}
.img-onfly-description .category{
    color: #e61212;
}

/**
 8. FOOTER
 */
.social-box{
    float: right;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    color: #e31328;
    margin-left: 7px;
    text-align: center;
    border-radius: 2px;
    padding-top: 3px;
}
@media (max-width: 425px) {
    #footer .navbar-expand-lg{
        text-align: center;
        width: 100%;
        margin-bottom:15px;
    }
    #footer .child{
        text-align: center;
    }
    .social-box{
        /*display: -webkit-inline-box;*/
        display: inline-block;
        float: none;
    }
    .social-box i{
        display: block;
        margin-left:auto;
        margin-right:auto;
        margin-top:4px;
    }
}

#footer .footer-menu li {
    list-style: none;
    font-size: 16px;
}
@media(max-width: 576px){
    #footer nav{
        width:100%;
    }
}

/*each navigation item anchor*/
#footer .footer-menu li a {
    color: #fff;
    padding:5px 10px;
}
@media (max-width: 1199px){
    #footer .footer-menu li a {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    #footer .footer-menu li a {
        font-size: 10px;
    }
}
@media (max-width: 575px){

        #footer .footer-menu li a {
            font-size: 14px;
        }


}


/**
 9. Scrollbar
 */

 /* ::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }

::-webkit-scrollbar
{
    width: 6px;
    background-color: #fff;
}
::-webkit-scrollbar-track-piece{
    background-color: #fff;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #e31328;
}*/

/**
 10. News Detail
 */
.news-category{
    font-family: PT-Sans-Bold;
}
.news-date{
    font-family: PT-Sans-Reguler;
}
.btn-share{
    color: #fff;
}
.btn-share .line-divider{
    opacity:0.5;
    padding-left:10px;
    padding-right: 10px;
}
.btn-share-fb{
    background-color: #3b5998 ;
}
.btn-share-twitter{
    background-color: #1dcaff;
}
.btn-share-linkedin{
    background-color: #0d77b7;
}
.btn-share-gplus{
    background-color: #df4b37;
}
div.sharethis-inline-share-buttons .st-btn > svg {
    height: 20px !important;
    width: 20px !important;
    top: 6px !important;
}
.sharethis-inline-share-buttons.st-has-labels .st-btn{
    min-width: 1px !important;
}
div.st-btn > span {
     display: initial !important;
     min-width: 1px  !important;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 23px;
    margin-top: 6px;
}
div.st-btn.st-hide-label > span {
    border-left: none;
}

/**
 11. WIDGET
 */
.sidebar-widget-title{
    padding-bottom: 15px;
    font-family: PT-Sans-Reguler;
    color: #df0f0f;
    border-bottom: 1px solid #df0f0f;
}
.news-item-sidebar{
    padding-top:15px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #979797;
}
.news-item-sidebar a{
    font-family: PT-Sans-Reguler;
    font-size: 16px;
}
.news-item-sidebar-num{
    position: absolute;
    right: 15px;
    bottom: 0;
    line-height: 0;
    top: calc(50% + 24px);
    transform: translateY(-50%);
    font-family: PT-Sans-Bold;
    height: 58px;
    font-size: 51px;
    opacity: 0.3;
    color: #313131;
}
/**
12 . Client LIst Item
 */
#listing-client .lSSlideWrapper{
    /*padding-bottom:50px;*/
    padding-bottom:25px;
}
#listing-client .lSAction{
    position: relative;
    top:25px;
}
#listing-client .lSAction > .lSPrev {
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("assets/core/image/btn-arrownext@2x.png");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

    position: absolute;
    left:calc(50% - 35px);
    display: none;
}
#listing-client .lSAction > .lSNext {
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("assets/core/image/btn-arrownext@2x.png");
    position: absolute;
    right:calc(50% - 35px);
    display: none;
}
.img-client-list-item{
    max-height: 100%;
    max-width: 100%;
    height: 160px;
    width: 300px;
    object-fit: contain;
    object-position: center;
}

/**
Contact us
 */
.contact-wrapper {
    min-height: 600px;
    margin-top: -22px;
}
.p-0{
    padding: 0px;
}
.staff-ti-img {
    z-index: -100;
    position: absolute;
}
.super-contact-img {
    position: relative;
    padding-top: 260px;
}
.mt-min-10 {
    margin-top: -10px;
}
.pl-30-lg {
    padding-left: 0px;
}
.pl-15-xs {
    padding-left: 15px;
}
.pt-400-lg {
    padding-top: 0px;
}
@media (min-width: 992px) {
    .pl-30-xs {
        padding-left: 0px;
    }
    .pl-30-lg {
        padding-left: 30px;
    }
    .pt-400-lg {
        padding-top: 400px;
    }
    .super-contact-img {
        position: absolute;
        padding-top: 280px;
    }
    .contact-wrapper {
        margin-top: 50px;
    }
}

/**
Form tempo contact us
 */
.form-tempo input,.form-tempo textarea, .form-tempo select {
    border-radius: 0px;
}
.form-tempo select {
    -webkit-appearance: none;
}
.form-tempo select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-left:.7em;
    padding-right:1.5em;
}
.form-tempo select {
    color:#999;
}
.form-tempo label,.form-tempo p {
    font-family: PT-Sans-Reguler;
}
.form-tempo textarea {
    resize:none;
}
.size-13 {
    font-size: 13px;
    color: #313131
}

/**
About us
 */

.mb-0 {
    margin-bottom: 0px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-20-xs {
    margin-top: 20px;
}
.pt-20-xs {
    padding-top: 20px;
}
.pl-20-xs {
    padding-left: 20px;
}
.pr-20-xs {
    padding-right: 20px;
}
.mt-20-important {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-90-lg {
    margin-top: 0px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-min-60 {
    margin-top: -60px;
}
.mb-5px {
    margin-bottom: 5px;
}
.mb-30 {
    margin-top: 30px;
}
.mb-20 {
    margin-bottom: 30px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-top: 60px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mb-110 {
    margin-bottom: 110px;
}
.mb-120 {
    margin-bottom: 120px;
}
.akkuratBold {
    font-family: PT-Sans-Bold;
}
.akkuratNormal {
    font-family: PT-Sans-Reguler;
    color: #313131;
}
.p-tempo {
    font-family: PT-Sans-Reguler;
    color: #313131;
}
.p-30 {
    padding: 30px;
}
.about-ti-image {
    padding-left: 0px;
    padding-right: 0px;
}
.mb-5-lg {
    margin-bottom: 0px;
}
.pr-2-5-lg {
    padding-right: 0px;
}
.pl-2-5-lg {
    padding-left: 0px;
}
.pt-5-lg {
    padding-top: 0px;
}
.about-right-ti {
    padding-left: 0px;
    padding-right: 0px;
}
.bg-about-pengalaman {
    padding: 15px;
    padding-top: 20px;
    background-size: cover;
    background-repeat: no-repeat
}
.mb-xs-50 {
    margin-bottom: 50px;
}
.p-15 {
    font-size: 15px;
    color: #313131;
}
.btn-uppercase {
    text-transform: uppercase;
    border-radius: 0px;
}

/**
About Us Large
 */
@media (min-width: 992px) {
    .about-ti-image {
        margin-top: -300px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mb-5-lg {
        margin-bottom: 5px;
    }
    .pl-2-5-lg {
        padding-left: 2.5px;
     }
    .pr-2-5-lg {
        padding-right: 2.5px;
    }
    .pt-5-lg {
        padding-top: 5px;
    }
    .pt-20-xs {
        padding-top: 0px;
    }
    .about-right-ti {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mb-110-lg {
        margin-bottom: 110px;
    }
    .mt-min-160-lg {
        margin-top: -160px;
    }
    .mt-90-lg {
        margin-top: 90px;
    }
    .pt-20-xs {
        padding-top: 0px;
    }
    .pl-20-xs {
        padding-left: 0px;
    }


}

/**
Course group
*/
.bg-course-group {
    height: 200px;
    padding-left: 15px;
}
.coursegroup-page-title {
    color: #313131;
    margin-bottom: 20px;
    margin-top: 30px;
}
.object-fit-cover{
    object-fit: cover
}
.cursor-pointer {
    cursor: pointer
}
/**
Course group Large
 */
@media (min-width: 992px) {
    .bg-course-group {
        height: 138px;
        padding-left: 0px;
    }
}

/**
Course group detail
 */
.single-term-title {
    margin-left: 15px;
    margin-bottom: -5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.opacity08{
    opacity: 0.8
}
.mb-min-2{
    margin-bottom: -2px;
}
.akkuratNormal-upperCase{
    text-transform: uppercase;
    font-family: PT-Sans-Reguler
}
.akkuratNormal-12{
    font-size: 12px;
    font-family: PT-Sans-Reguler
}
.courseInfo {
    font-size: 14px;
    font-family: PT-Sans-Reguler!important;
    opacity: 0.8
}
.mb-min-5 {
    margin-bottom: -5px;
}
.bg-course-at-group {
    background: #F5F5F5 url('assets/core/image/bg-kursus-1.png') no-repeat;
    background-position: right;
    background-clip:border-box;
    background-size:cover;
    height: 110px;
}
.p-20 {
    padding: 20px;
}
.mt-10 {
    margin-top: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.course-arrow-right {
    cursor: pointer;

}
.pb-xs-30 {
    padding-bottom: 30px;
}
.mt-xs-10 {
    margin-top: 10px;
}
@media (min-width: 992px) {
    .pb-xs-30 {
        padding-bottom: 0px;
    }
    .mt-xs-10 {
        margin-top: 0px;
    }
}
.sh-link.pressrelease-link a{
    position: relative;
    top:-10px;
    color: #dc3545 ;
    font-size: 80%;
    font-weight: 400;
    margin-bottom:15px;
}


.bg-profil-pengajar {
    background: #F5F5F5 url('assets/core/image/bg-kursus-1.png') no-repeat;
    background-position:right;
    background-clip:border-box;
    background-size:cover;
    padding-left: 15px;
    padding-right: 15px;
}

/**
 SINGLE COURSE
 */
.topic-container{
    border: solid 0.5px #d7d7d7; margin-top: 10px;
}
.topic-title{
    font-family: PT-Sans-Reguler; color: #313131;
}
.topic-list-container-active{
    background: #313131; padding: 20px;
}
.topic-list-container{
    padding: 20px; border-top: 1px solid #d7d7d7
}
.topic-list-container-active .topic-list-item{
    margin-bottom: 0px; padding-left: 20px; color: #ffffff; opacity: 0.8; font-family: PT-Sans-Reguler
}
.topic-list-container .topic-list-item{
    margin-bottom: 0px; padding-left: 20px; color: #313131; opacity: 0.8; font-family: PT-Sans-Reguler;
}
.topic-list-container-active .topic-time{
    color: #c2c2c2;
}
.topic-list-container .topic-time{
    color: #d7d7d7;
}

/**
 Archive News
 */
#landing-archive-news .img-onfly-wrapper .img-fluid{
    height: 275px;
    width: 100%;
}
#landing-archive-news .img-onfly-wrapper .img-onfly-description{
    height: 135px;
}
#archive-news .img-onfly-wrapper .img-fluid{
    height: 275px;
    width: 100%;
}

#archive-news .img-onfly-wrapper .img-onfly-description{
    height: 135px;
}

/**
Special Program
 */
#activity-level-content ol{
    list-style-type: none;
    list-style-type: decimal; /*IE 7- hack*/

    counter-reset: li-counter;
}
#activity-level-content ol li{
    position: relative;

    padding-left: 15px;
}
#activity-level-content ol li:before{
    background: #e61212;
    border: 1px solid #800808;
    transform: rotate(45deg);
    height: 1.7em;
    width: 1.7em;
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -25px;
}
#activity-level-content ol li:after{
    content: counter(li-counter);
    counter-increment: li-counter;
    color: #fff;
    text-align: center;
    height: 1.7em;
    width: 1.7em;

    display: block;
    position: absolute;
    top: 1px;
    left: -25px;
    font-family: Penumbra-bold;
}
#gallery .lSAction > .lSPrev {
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(assets/core/image/btn-arrownext@2x.png);
    transform: rotate(180deg);
}
#gallery .lSAction > .lSNext {
    background-position: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(assets/core/image/btn-arrownext@2x.png);
}
#gallery .lSSlideOuter{
    display: flex;
    justify-content: center;
}
#gallery .lSAction > .lSPrev {
    left:-15px;
}
#gallery .lSAction > .lSNext {
    right:-15px;
}
#gallery .lSSlideWrapper{
    width: calc(100% - 45px);
    flex: 0 0 auto;
    overflow: visible;
}


/*PDF.js 2 page - backup*/
@media (min-width: 768px) {
    #viewer {
        position: relative;
        background-color: red;
        height: 200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pdfViewer .page {
        /* float: left; */
        position: relative;
        background-color: white;
        /* display: block; */
        max-width: 50%;
        width: 100% !important;
        flex-grow: 1;
        flex-basis: 0;
    }
}

/* HIDE FREE Wonder Plugin lightbox - TEmporary will issued to be premium*/
a[href="http://www.wonderplugin.com/wordpress-lightbox/"]{
    display: none;
}

.class-list .card .card-img-top {
    object-fit:cover;
    height:250px
}

.nav-link{
    color: #313131!important;
}

.arrowSlickRight{
    cursor: pointer; padding-top: 6px;
    display: block;
    background-image: url("../image/Next_Arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35%;
    right: 0;
    border-radius: 25px;
    box-shadow: 2px 2px 3px 1px #0000003b;
}

.arrowSlickLeft{
    cursor: pointer; padding-top: 4px;
    display: block;
    background-image: url("../image/Prev_Arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35%;
    left: 0;
    border-radius: 25px;
    box-shadow: 2px 2px 3px 1px #0000003b;
}

@media (min-width: 768px){
    .arrowSlickLeft{
        left: -15px;
    }
    .arrowSlickRight{
        right: -15px;
    }
}


@media (max-width: 480px){
    img.img-mobile{
        height: 110px!important;
    }
    h5.titleClass{
        font-size: 16px!important;
    }
    a.arrowDetail{
        margin-left: auto!important;
    }
}

/* ------------------------------------------------------------------- */

/* carousel padding position */
.carousel-caption{
    left:5%;
    margin-bottom: 0.5rem;
}

/* carousel align */
.carousel-caption h3, p{
    text-align: left;
}

.carousel-caption h3{
    margin-bottom: -0.1rem;
}

.carousel-caption h5, p{
    text-align: left;
}

.carousel-caption h5{
    margin-bottom: -0.1rem;
}

.carousel-caption p{
    max-width: 90%;
    font-size: 80%;
    font-weight: 400;
}

/* carousel indicator */
.carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: transparent;
  border:0.5px solid white;
  cursor: pointer;
}

/* card at header  */
.card-ti{
    background-image: url("../image/Dekor_01.png");
    background-size: 45% 100%;
    background-repeat: no-repeat;
    height:130px; 
    background-color:#EA1F27; 
    border-radius:0.7rem;
    padding:0 3.6rem;
}

/* card at header  */
.card-ti-mobile{
    background-image: url("../image/Dekor_01.png");
    background-size: 45% 100%;
    background-repeat: no-repeat;
    height:100px; 
    background-color:#EA1F27; 
    border-radius:0.7rem;
    padding:0 1rem;
}

.card-ti p{
    font-size:1.3rem;
    font-family:PT-Sans-Bold;
}

.card-ti-mobile p{
    font-size:1.1rem;
    font-family:PT-Sans-Bold;
}

/* cta prakerja */
.cta-prakerja{
    background-image: url("../image/banner-cta-prakerja-mobile.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius:0.7rem;
    padding:0 1rem;
}


@media (min-width: 768px){
    .cta-prakerja{
        background-image: url("../image/banner-cta-prakerja.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius:0.7rem;
        padding:0 3rem;
    }
}

.cta-prakerja img{
    width: 145px;
    height: auto;
    margin-left:-4px;
}

.cta-prakerja button{
    color:#2993C8; 
    border-radius:999px;
}

.latest-class {
    background-color: #EA1F27;
    border-radius: 0.7rem;
    padding: 0 1.5rem;
}

.latest-class span {
    color: #E5E7EB;
    display: block;
    margin-bottom: 1rem;
}

.latest-class h1 {
    color: white;
    font-size: 1.3rem;
}

.latest-class p {
    color: white;
    font-size: 1.3rem;
}

.latest-class button {
    color: #2993C8;
    border-radius: 999px;
}

@media (min-width: 768px) {
    .latest-class {
        background-color: #EA1F27;
        border-radius: 0.7rem;
        padding: 0 3rem;
    }

    .latest-class span {
        color: #E5E7EB;
        display: block;
        margin-bottom: 1rem;
    }

    .latest-class h1 {
        color: white;
        font-size: 1.3rem;
    }

    .latest-class p {
        color: white;
        font-size: 1.3rem;
    }

    .latest-class button {
        color: #2993C8;
        border-radius: 999px;
    }
}

/* featured class background */
.bg-featured{
    background-image: url("../image/Dekor_01.png");
    background-size: 35% 100%;
    background-repeat: no-repeat;
    background-color:#EA1F27;
    padding-top: 3.5rem;
    padding-bottom: 4rem;
}

/* topik background */
.bg-topik{
    background-color:#F5F5F5;
}

/* topik background */
.bg-mitra{
    padding-top: 3.5rem;
    padding-bottom: 6rem;
}

/* card image */
img.card-img-top{
    height: 115px;
    object-fit: cover;
}

/* card image category */
img.card-img-top.category-img{
    width: 4rem;
    height:4rem;
}

/* card image mitra */
img.card-img-top.mitra{
    width: 4rem;
    height:4rem;
}

/* card size */
.col-lg-2{
    /* padding-right: 14.5px;
    padding-left: 11.5px; */
}

/* card */
div.card{
    border-radius: 0.5rem;
    border:none;
}

/* card padding */
div.col-sm-3{
    padding:0.6rem;
}

/* card row padding */
div.row-padding{
    padding-left:0.3rem;
    padding-right:0.3rem;
}

/* button danger */
div button.btn-danger{
    border-radius: 3rem;
    background-color:#EA1F27!important;
    padding: 5px 20px;
    font-weight: bold;
}

/* first section when screen min 768px */
@media (min-width: 768px){
    /* col first section */
    div.container div.row div.col-lg-4{
        flex: 0 0 31.333333%;
        max-width: 31.333333%;
        padding-left: 0.7rem;
    }

    div.container div.row div.col-lg-8{
        flex: 0 0 68.666667%;
        max-width: 68.666667%;
    }

    div.container div.row.first{
        margin-right:-1rem;
        margin-left:-1rem; 
}
}
/* card title */
p.card-title{
    font-family: PT-Sans-Bold;
    font-size: 1.1rem;
    color:#6E6E70;
}

/* navbar */
.navbar{
    padding:0px;
}

.navbarCollapse{
    transition: background 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s;
    box-shadow: 0 0 5px 0 #ccc;
}

.bg-red-tmw.navbarCollapse{
    background-color: #F10002!important;
}
/* container col 8 large when screen min 768px */
@media (min-width: 768px){

    .container.col-lg-8{
        max-width:76.666667%;
    }

}

/* class price */
p.class-price{
    font-family: PT-Sans-Bold;
    color: #EA1F27;
}

/* class price strike */
p span.class-price{
    font-family: PT-Sans-Reguler;
    text-decoration: line-through;
}

/* line */
div hr{
    border:0.5px solid rgb(240, 237, 237); 
    margin-top:0.5rem;
    margin-bottom: 0.5rem;
}

/* border bottom featured */
.half-border-bottom-featured{
    position: relative;
}

.half-border-bottom-featured:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 25%;
    height: 4px;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom blog */
.half-border-bottom-blog{
    position: relative;
}
.half-border-bottom-blog:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 75%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom category */
.half-border-bottom-category{
    position: relative;
}
.half-border-bottom-category:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 40%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom topic */
.half-border-bottom-topic{
    position: relative;
}
.half-border-bottom-topic:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 55%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom mitra */
.half-border-bottom-mitra{
    position: relative;
}
.half-border-bottom-mitra:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 20%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom testimoni */
.half-border-bottom-testi{
    position: relative;
}
.half-border-bottom-testi:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 30%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom footer */
p span.half-border-bottom-footer{
    position: relative;
}
p span.half-border-bottom-footer:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 50%;
    height: 2px;
    background-color: #EA1F27;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* border bottom contact */
.half-border-bottom-contact{
    position: relative;
}
.half-border-bottom-contact:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 35%;
    height: 4px;
    background-color: #EA1F27;
    position: absolute;
    left: 30%;
    bottom: -8px;
}

/* border bottom contact */
.half-border-bottom-recommendation{
    position: relative;
}
.half-border-bottom-recommendation:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 25%;
    height: 3px;
    background-color: #EA1F27;
    position: absolute;
    bottom: -8px;
}

/* border bottom nav item */
.half-border-bottom-nav-item{
    position: relative;
}
.half-border-bottom-nav-item:after{
    padding:0;
    margin: 0;
    display: block;
    content: "";
    width: 50%;
    height: 1px;
    background-color: #EA1F27;
    position: absolute;
    left: 25%;
    bottom: 0px;
}

/* icon size navbar*/
img.navbar-icon{
    cursor: pointer;
    width:20px; 
    height:20px;
}

/* image card blog */
img.card-img-top.img-full-rounded{
    border-radius:0.5rem;
}

/* image card featured class */
img.card-img-top.img-top-rounded{
    border-radius:0.5rem 0.5rem 0 0;
}

/* card link */
div.card a{
    color:#EA1F27;
}

/* class genre */
/* p.type-of-class{
    font-size: 1.2rem;
    font-family: PT-Sans-Bold;
    color: #EA1F27;
}

p.type-of-class.active{
    font-size: 1.2rem;
    font-family: PT-Sans-Bold;
    color: white;
} */

div.card.type-of-class{
    background-image: url("../image/Dekor_02.png");
    background-size: 40% 100%;
    background-repeat: no-repeat;
    height: 90px;
    border-radius:0.7rem;
    font-size: 1.2rem;
    color: #EA1F27;
    cursor: pointer;
}

div.card.type-of-class.active{
    background-image: url("../image/Dekor_01.png");
    background-size: 40% 100%;
    background-repeat: no-repeat;
    height: 90px;
    border-radius:0.7rem;
    background-color: #EA1F27;
    font-size: 1.2rem;
    color: white;
    cursor: pointer;
}

div.card.type-of-class p{
    font-family: PT-Sans-Bold!important;
}

p.type-of-class-title{
    font-size: 1.2rem;
    font-family: PT-Sans-Bold;
    color:#6E6E70;
}

p.type-of-class-subtitle{
    margin-top: -1rem;
    font-family: PT-Sans-reguler;
    font-size: 0.9rem;
    color: #6E6E70;
}

div.card.mitra{
    width:100%; 
    height:150px; 
    background-color:#F5F5F5; 
}

p.menu-footer-title{
    font-size: 1.2rem;
    font-family: PT-Sans-Bold;
}

div.card.testimoni{
    background-image: url("../image/Testimoni_00.png");
    background-size: 40% 100%;
    background-repeat: no-repeat;
    background-position-x: -5px;
    border: 1px solid lightgray;
}

span.full-name-testi{
    font-size:1.3rem; 
    font-family:PT-Sans-Bold; 
    color:#6E6E70;
}

span.description-testi{
    margin-top:-1rem; 
    line-height:1.2rem; 
    color:#6E6E70;
}

span.profession-testi{
    color: #EA1F27;
}
.bg-testimoni{
    background-color:white;
    padding-top: 6rem;
    padding-bottom: 10rem;
}

.bg-contact{
    padding-top: 5rem;
    padding-bottom: 6rem;
}

h3 .half-border-bottom-testi{
    color:#6E6E70;
}

h3 .half-border-bottom-mitra{
    color:#6E6E70;
}

h3 .half-border-bottom-topic{
    color:#6E6E70;
}

h3 .half-border-bottom-category{
    color:#6E6E70;
}

h3 .half-border-bottom-blog{
    color:#6E6E70;
}

h3 .half-border-bottom-contact {
    color: #6E6E70;
}

img.social-media{
    width: 20px;
    height: 20px;
}

div.row-logo-ti{
    padding-left: 0.9rem;
}

img.logo-mitra-card{
    margin-right:0.3rem;
    width: 25px;
    height: 25px;
}

div.category{
    font-size: 0.9rem;
    cursor: pointer;
}

div.category.active{
    background-color:#F5F5F5; 
    border-bottom:8px solid #EA1F27;
}

div.topics{
    background-color:#F5F5F5;
}
img.testimoni{
    border-radius: 50%;
}
div.line-spacing-footer{
line-height:0.5rem; 
margin-top:2rem;
}

.carousel.carousel-fade .carousel-item {
    opacity: 0.80;
    transition: opacity linear .9s;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

.btn-ti{
    background-color: #EA1F27;
    color:white;
    transition: 0.5s;
    cursor: pointer;
    font-family: PT-Sans-Bold;
}

.btn-ti:hover{
    background-color: #c7040a;
    color:#fff;
}

img.mitra{
    object-fit: cover;
}

/* search navbar */

li span.search-text{
    color:#6E6E70; 
    pointer-events: none; 
    left:360px; 
    top:23px; 
    position: absolute;
}

li input{
    border:none;
    outline: none;
    color: #6E6E70;
}

li input:focus~span.search-text,
li input:valid~span.search-text {
    font-size: 0;
}

li input:focus,
li input:valid{
    border-bottom: 1px solid #6E6E70;
}

li input:invalid{
    box-shadow: none!important;
}


@media (max-width: 768px){
    .carousel-caption p{
    max-width: 100%;
    font-size: 90%;
    font-weight: 400;
    }

    /* p.class-price{
        font-size: small;
    } */

    div.carousel-caption h3{
        font-size: 1.1rem;
    }

    div.carousel-caption h5{
        font-size: 1.1rem;
    }

    img.testimoni{
    width:100px;
    height:100px;
    }

    p.testimoni{
        text-align: center;
    }

    div.card.testimoni{
    background-image: none;
    background-color: #F5F5F5;
    }

    h3.section-title-center{
        text-align: center;
    }

    .half-border-bottom-blog:after{
        width: 40%;
        left: 30%;
    }

    .half-border-bottom-featured:after{
        width: 20%;
        left: 40%;
    }

    .half-border-bottom-category:after{
        width: 30%;
        left: 35%;
    }

    .half-border-bottom-topic:after{
        width: 40%;
        left: 30%;
    }

    .half-border-bottom-mitra:after{
        width: 20%;
        left: 40%;
    }

    .half-border-bottom-testi:after{
        width: 30%;
        left: 35%;
    }

    .card-ti{
        background-size: 38% 100%;
    }

    div.card.type-of-class{
        background-size: 35% 100%;
    }

    div.card.type-of-class.active{
        background-size: 35% 100%;
    }

    div.card.type-of-class p{
        font-size: 1rem;
    }

    /* card title */
    p.card-title{
        font-family: PT-Sans-Bold;
        font-size: 1rem;
        color:#6E6E70;
    }

    /* featured class background */
    .bg-featured{
        background-image: none;
        background-repeat: no-repeat;
        background-color:#EA1F27;
        padding-top: 3.5rem;
        padding-bottom: 4rem;
    }

    /* card image category */
    img.card-img-top.category-img{
        width: 3rem;
        height:3rem;
    }

    div.col-lg-2.topic.slick-slide{
        height: 135px!important;
    }

    .navbar-toggler{
        padding: 0.25rem 0.80rem;
    }

    

}
.slick-slide{
    outline: none;
}
img.classNotFound{
    width: 150px;
    height:auto;
    display: inline;
}
h3.classNotFound{
    color:#6E6E70;
}
.nav-dropdown{
    color: #e61212;
    float:right; 
    position:relative; 
    display: inline-block;
}
.dropdown-content{
    opacity: 0;
    visibility: hidden;
    position:absolute;
    border: 1px solid #eeeded;
    background-color:white; 
    right:-22%;
    transition: visibility .2s linear .3s,opacity .5s;
    padding-left: 0.7rem!important;
    margin-top: 25px !important;
}

.dropdown-content li a{
    cursor: pointer;
}

.nav-dropdown:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
}
.nav-item-has-child::after{
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: '';
    margin-left: 6px;
    position: absolute;
    top:14px;
}
.dropdown-content li{
    min-width: 140px;
}

.sort-dropdown{
    float:right; 
    position:relative; 
    display: inline-block;
}

.sort-dropdown-content{
    z-index: 999;
    position:absolute;
    border: 1px solid #eeeded;
    background-color:white; 
    right:-7%;
    transition: visibility .2s linear .3s,opacity .5s;
    padding-left: 0.7rem!important;
    margin-top: 0px !important;
    border-radius: 3px;
}

.sort-dropdown-content label{
    cursor: pointer;
    margin:1px 5px;
    min-width: 70px;
}
.sort-dropdown-content label:hover{
    color: #EA1F27;
}

.dropdown-selected{
    margin:4px 6px; 
    min-width: 80px; 
    /* color:#EA1F27; */
}

.container-title-dropdown{
    border: 1px solid #b8b8b8; 
    border-radius:4px; 
    cursor:pointer;
}

div.card-header.tab-header{
    border-radius: 8px;
    background-color: #EA1F27;
    color: white;
    z-index: 2;
}
div.card-body.tab-body{
    background-color: #F5F5F5;
    margin-top: -5%;
    border-radius: 8px;
    padding-left: 1rem!important;
}
.col-4.listing{
    padding:0.6rem;
}
.col-lg-4.list{
    flex: 0 0 28.333%!important;
    max-width: 28.333%!important;
}
.col-lg-8.list{
    flex: 0 0 71.667%!important;
    max-width: 71.667%!important;
}
h4.list{
    color: #6E6E70;
}


    label.container {
        display: block;
        /* position: relative; */
        padding-left: 35px;
        /* margin-bottom: 12px; */
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    label.container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #eee;
        border: 1px solid gray;
    }

    label.container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    label.container input:checked ~ .checkmark {
        background-color: #F5F5F5;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    label.container input:checked ~ .checkmark:after {
        display: block;
    }

    label.container .checkmark:after {
        left: 3px;
        top: -10px;
        width: 10px;
        height: 20px;
        border: solid #EA1F27;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    label.form-check-label{
        color: #6E6E70;
    }

    .filter-title{
        font-size:1.1rem; 
        margin-bottom:0; 
        color:#6E6E70;
        cursor: pointer;
    }

    .filter-title.active{
        font-size:1.1rem; 
        margin-bottom:0; 
        color:#EA1F27;
    }

    .bg-ti-gray{
        background-color:#F5F5F5;
    }

    .color-ti-red{
        color:#EA1F27;
    }

    .color-ti-gray{
        color:#6E6E70;
    }

    .rounded-8px{
        border-radius: 8px;
    }

    .mitra-decript{
        display:none;
    }
    .mitra-decript.active{
        display:block;
    }
    .mitra-decript-mobile{
        display:none;
    }
    .mitra-decript-mobile.active{
        display:block;
    }

    .label-mitra.active{
        border:1px solid black;
    }
    .label-mitra-mobile.active{
        border:1px solid black;
    }

    .border-radius-bottom-5px{
        border-radius: 0 0 5px 5px;
    }

    .border-radius-5px{
        border-radius:5px!important;
    }

    .icon-size-25px{
        width:15px; 
        height:10px;
    }

    .list-check{
        list-style-image: url("../image/icons/Icon_Ceklis.png");
    }

    @media (min-width: 768px){
        .video-content{
            width: 100%;
            height:300px;
        }
    }

    /* CUSTOM RADIO */

    /* The container-radio */
    .container-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    /* Hide the browser's default radio button */
    .container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    }

    /* Create a custom radio button */
    .checkmark-radio {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color:white;
    border: 1.5px solid gray;
    border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .container-radio:hover input ~ .checkmark-radio {
    background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .container-radio input:checked ~ .checkmark-radio {
    background-color: white;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark-radio:after {
    content: "";
    position: absolute;
    display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .container-radio input:checked ~ .checkmark-radio:after {
    display: block;
    }

    /* Style the indicator (dot/circle) */
    .container-radio .checkmark-radio:after {
        top: 1px;
        left: 1px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #EA1F27!important;
    }

    html{
        scroll-behavior: smooth;
        
    }

    .f-manjari{
        font-family: 'Manjari-font'!important;
    }

    .container-description > p > img {
        width: 100%!important;
        height: auto!important;;
    }

    .container-description > p > iframe {
        width: 100%;
    }

    /* style at blog page */
    .border-bottom-blog-title {
        position: relative;
    }

    .border-bottom-blog-title::after {
        padding: 0;
        margin: 0;
        display: block;
        content: "";
        width: 30%;
        height: 3px;
        background-color: #EA1F27;
        position: absolute;
        bottom: -5px;
    }

    .container-menu-blog{
        padding:2rem 0 0 0;
        display:flex; 
        -webkit-box-pack: justify !important; 
        -ms-flex-pack: justify !important; 
        justify-content: space-between !important;
    }

    .container-menu-blog ul{
        list-style:none; 
        padding:0;
    }
    .container-menu-blog ul li{
        font-size:0.9rem;
        cursor:pointer;
    }

    .container-menu-blog ul li.active{
        color: #EA1F27;
        position: relative;
    }

    .container-menu-blog ul li.active::after{
        padding: 0;
        margin: 0;
        display: block;
        content: "";
        width: 50%;
        height: 1px;
        background-color: #EA1F27;
        position: absolute;
        left: 25%;
        bottom: 0px;
    }

    .container-menu-blog ul li:hover{
        color:#EA1F27;
    }

    .sort-dropdown-content.blog-type label{
        min-width:150px;
    }

    /* custom margin */
    .mb-6, .my-6{
        margin-bottom:4rem!important;
    }
    .mt-6, .my-6{
        margin-top:4rem!important;
    }

    .mb-7, .my-7{
        margin-bottom:5rem!important;
    }
    .mt-7, .my-7{
        margin-top:5rem!important;
    }

    /* INVESTIGATIVE FUND STYLE */

    /* arrow slick galeri kegiatan page "investigative fund" */
    .program-features li{
        font-family: PT-Sans-Reguler;
    }

    #galery .slick-prev.slick-arrow{
        background-image: url("../image/Arrow_Prev.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        left: -2%;
        z-index: 999;
    }

    #galery .slick-prev.slick-arrow::before{
        content: none;
    }

    #galery .slick-next.slick-arrow{
        background-image: url("../image/Arrow_Next.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        right: -2%;
        z-index: 999;
    }
    
    #galery .slick-next.slick-arrow::before{
        content: none;
    }

   @media (min-width: 768px){
        .card-columns.program-stages{
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
   }

   @media(min-width:768px){
        .nav-tab-investigative{
            font-size:1.25rem;
        }
        .profile-name-investigative{
            font-size:1.25rem;
        }
    }

    .nav-tab-investigative{
        cursor:pointer;
    }

    .nav-tab-investigative.active span::after{
        padding: 0;
        margin: 0;
        display: block;
        content: "";
        width: 30%;
        left:35%;
        height: 2px;
        background-color: #EA1F27;
        position: absolute;
        bottom: -8px;
    }
    
    .nav-tab-investigative.active span{
        position:relative;
        color:#EA1F27!important;
    }

    ul.program-features li::marker{
        color:#EA1F27;
    }

    /* PROFILE */

    #investigative-profile.nav-tabs{
        border:none;
    }

    #investigative-profile.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border:none;
        text-decoration:none;
    }

    #investigative-profile.nav-tabs .nav-link{
        border:none;
        padding-left:0;
        padding-right:35px;
    }

    #investigative-profile .nav-item .nav-link span{
        font-family: PT-Sans-Reguler;
        font-size:1.25rem;
    }
    @media(max-width:768px){
        #investigative-profile.nav-tabs .nav-link{
            padding-right:15px;
        }
        #investigative-profile .nav-item .nav-link span {
            font-size: 1rem;
        }
    }

    #investigative-profile .nav-item .nav-link.active span{
        position: relative;
        color: #EA1F27;
        font-weight:normal;
    }

    #investigative-profile .nav-item .nav-link.active span::after {
        padding: 0;
        margin: 0;
        display: block;
        content: "";
        width: 30%;
        left: 35%;
        height: 2px;
        background-color: #EA1F27;
        position: absolute;
        bottom: -8px;
    }

    #profil-mentor{
        margin:0 -15px;
    }

    #profil-mentor-item.col-lg-3{
        padding:15px 15px;
    }

    @media(min-width:768px){
        #profil-mentor{
            margin:0 -35px;
        }

        #profil-mentor-item.col-lg-3{
            padding:15px 35px;
        }
    }

    #profil-mentor-item img{
        width:100%; 
        height:auto; 
        background-color:white; 
        border-radius:50%;
    }

    #galery{
        margin:0 -0.25rem;
    }

    /* HERO */

    /* slider */
    @media (min-width: 768px){
        #hero-slider .lSSlideOuter, #hero-slider .lSSlideWrapper, #hero-slider ul {
        overflow: visible!important;
        }
    }

    /* slider container */
    .lslide, #hero-slider .lightSlider > li {
        position: relative;
    }

    /* when non active slider */
    #hero-slider .lslide img, #hero-slider .clone {
        opacity: 0.3;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    /*when active slider */
    #hero-slider .lslide.active img {
        opacity: 1;
    }

    /* slider content */
    #hero-slider-contet-desc{
        background-color: #fff;
        position: absolute;
        bottom:15px;
        width: 40%;
        padding: 15px 15px;
        left: 15px;
        border-radius:0.25rem;
    }
    
    #hero-slider-contet-desc h5{
        text-transform:capitalize;
        margin-bottom:0; 
    }
    
    @media (max-width: 768px){
        #hero-slider-contet-desc{
            background-color: #fff;
            position: absolute;
            bottom:15px;
            width: 75%;
            padding: 15px 15px;
            left: 15px;
            border-radius:0.25rem;
        }
    }

    /* slider controls */
    #hero-slider .lSSlideOuter .lSPager.lSpg > li a{
        background-color: #c1c1c1;
        border-radius: 0;
        display: inline-block;
        height: 3px;
        overflow: hidden;
        text-indent: -999em;
        width: 30px;
        position: relative;
        z-index: 99;
        -webkit-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
    }

    #hero-slider .lSSlideOuter .lSPager.lSpg > li.active a,
    #hero-slider .lSSlideOuter .lSPager.lSpg > li:hover a{
        background-color: #EA1F27;
    }
    /*END INVESTIGATIVE FUND STYLE */

    /* MITRA */

        @media (min-width: 768px){
            .mt-50{
                margin-top:50px;
            }
        }

        /* SUBMENU */
        #submenu-mitra{
            background-color:#6E6E70; 
            margin-top:30px;
        }

        @media(max-width:768px){
            #submenu-mitra{
                background-color:#6E6E70; 
                margin-top:0;
            }
        }

        #submenu-mitra.active{
            display:flex;
            background-color:#6E6E70;
            height:77px;
            position: fixed;
            margin-top:0;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1032;
            transition: background 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s
        }

        @media(max-width:768px){
            #submenu-mitra.active{
                display:flex;
                background-color:#6E6E70;
                height:auto;
                position: fixed;
                margin-top:0;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1032;
                transition: background 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s
            }
        }

        #submenu-mitra ul {
            list-style:none;
            margin:0;
            padding:5px;
        }

        #submenu-mitra li {
            display:inline;
            color:white;
        }

        #submenu-mitra a{
            display:inline-block;
            padding:10px;
            color:white;
        }

        @media(max-width:768px){
            #submenu-mitra a{
                display:inline-block;
                padding:5px 10px;
                color:white;
            }
        }

        #submenu-mitra button{
            border-radius:0.2rem; 
            padding:5px 15px; 
            font-weight:normal;
        }

        /* ABOUT */
        @media (min-width: 768px){
            .bg-gray-1{
                background: url('../../../img/mitra/Background_Abu_1.png'); 
                background-repeat:no-repeat; 
                background-size:100% 100%; 
                padding:50px 0px;
                margin:150px 0 50px 0;
            }
            .bg-gray-2{
                background: url('../../../img/mitra/Background_Abu_2.png'); 
                background-repeat:no-repeat; 
                background-size:100% 100%; 
                padding:50px 0px; 
                margin:100px 0;
            }
        }
        @media (max-width: 768px){
            .bg-half-gray-1{
                background-color:#F7F7F7;
                padding:50px 15px;
                margin:50px 0; 
            }
            .bg-half-gray-2{
                background: url('../../../img/mitra/Background_Abu_Mobile.png'); 
                background-repeat:no-repeat; 
                background-size:100% 100%; 
                padding:50px 15px; 
                margin:70px 0;
            }
        }

    /* END MITRA */

    /*TMW 2022 STYLE */
    .list-none{
        list-style-type: none;
    }
    .mb-0{
        margin-bottom: 0rem;
    }

    .btn-tmw{
        border-radius: 25px!important; 
        padding: 6px 20px; 
        box-shadow: 0px 4px 4px rgba(219, 182, 0, 0.5);
    }
    
    .btn-tmw label{
        cursor: pointer;
    }

    .btn-tmw-red{
        border-radius: 25px!important; 
        padding: 6px 20px; 
        box-shadow: 0px 2px 6px rgba(241, 0, 0, 0.5);
    }

    .btn-tmw:hover, .btn-tmw-red:hover {
        box-shadow: none;
    }

.collapse.show {
  visibility: visible;
}

.container-description > p {
  margin-top: 0;
  margin-bottom: 1rem;
}