@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;700&display=swap');

.logo1 {height: 70px;}
.white {color:white !important;}
.green {color: #1F5756}
.shadow {box-shadow: 0 0 10px #ddd;}
.w-100 {width: 100% !important;}
.mt-100 {margin-top:-200px}
.bg-black {background: black; height: 400px}
  .btn {border-radius: 30px;}
  .bold {font-weight: bold;}
h1,h2,h3,h4 {font-family: 'Wix Madefor Display'}
h1 {font-weight: 700; }
.underline {text-decoration: underline;}
.fixedHeader {background: rgba(31, 87, 86, 1) }
.fixedHeader .logo {padding-top: 18; padding-bottom: 0;}
.fixedHeader1 {background: rgba(31, 87, 86, 1); padding-bottom: 25px;}
.mainMenu, .fixedHeader .mainMenu {padding-top: 75px;}
.fixedHeader1 .mainMenu {padding-top: 45px;}
.fixedHeader1 .logo {padding-top: 20px;}
.bannerDetails h1 {font-size: 65px;}
.welcomeSection {background-size: cover; padding-bottom: 0;}
.welcomHeading {line-height: normal;}
.welcomText1 {margin-top: 0;}
.welcomText {margin-top: -170px;	}
.facts {margin-top: 100px;}
.funfacts {background: none; padding-top: 110px;}
.rectAsh:before {
    background: rgba(31, 87, 86, 0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 130px;
    transform: skew(0deg, 23deg);
    -moz-transform: skew(0deg, 23deg);
    -webkit-transform: skew(0deg, 23deg);
    -ms-transform: skew(0deg, 23deg);
    -o-transform: skew(0deg, 23deg);
    width: 100%;
}
.tp-banner1:before {
    background: rgba(31, 87, 86, 0.7	) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 600px;
    transform: skew(0deg, -25deg);
    -moz-transform: skew(0deg, -25deg);
    -webkit-transform: skew(0deg, -25deg);
    -ms-transform: skew(0deg, 25deg);
    -o-transform: skew(0deg, 25deg);
    width: 100%;
    z-index: 999;
}
.sllearnMore3 {z-index: 999; bottom: 100px; padding-right: 100px; color: white;}
.rectAsh .row {margin-bottom: 20px;}
.rectAsh h1 {margin-bottom: 50px;font-weight: 700}
.rectAsh h2 {margin-top: 0; font-size: 18px;}
.rectAsh i {text-align: center;}
.rectAsh a, .rectAsh a:visited {color: white; text-decoration: underline}
.rectAsh a:hover {color:#ffd667;}
.latestBlog {background: none; padding-top: 210px; padding-bottom: 100px;}
.sbCats {padding-top: 15px; padding-bottom: 15px;}
.sbHeader {padding-top: 25px; }
.title--preview {padding-top: 15px;}
.loader {margin-top: 0;}
.counters h4 {font-size: 10px;}
.latestBlog h1 {padding-bottom: 30px; padding-left: 10px; font-weight: 700}
.btn-dtfl {background: #1F5756; color: white;}
.btn-dtfl:hover {background:#f0ad4e}
.prog-details {padding: 150px 0;}
.blockquotes {border:0; border-radius:30px; background: #f1f1f1; text-align: center; margin-top: 20px;}
.blockquotes h3 {margin: 5px}
 .logo-footer {padding-top: 43px;}
.copyRight {text-transform: none; line-height: normal; font-size: 10px;}
.mainSlider .tp-bullets {z-index: 9999;}
#page{
    overflow: hidden;
}

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;

  padding: 0 !important;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
	border-bottom:1px solid #fff;
    border-radius: 0px !important;

  margin-bottom: 30px;
  text-decoration: none;
  padding-bottom: 25px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #fff;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active
{
border-bottom:1px solid #f0ad4e;
  color: #ffffff;
  text-decoration: none;
  background: none;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -22px;
  border-left: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 5px solid #fff;
}
div.bhoechie-tab-menu .list-group-item {background: none; border: none; text-align: left; padding: 0; margin-bottom: 30px;}
div.bhoechie-tab-menu .list-group-item h2 {padding: 10px; margin: 0;	}
div.bhoechie-tab-menu .list-group-item h2 span {padding-right: 20px; margin-bottom: -10px;position: absolute;}
div.bhoechie-tab-menu .list-group-item h2 .titlenya {margin-left:30px;}


div.bhoechie-tab-content{
	padding-left: 30px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.lainnya {margin-top: 0px;padding-bottom:100px}

.bhakti h2 {padding-bottom: 20px; border-bottom: 1px solid #f0ad4e; }
.bhakti div.bhoechie-tab-menu div.list-group>a {padding-bottom: 0; border-bottom: 1px solid #ddd;}
.bhakti div.bhoechie-tab-menu div.list-group>a.active {color: #1F5756;  padding-bottom: 0; border-bottom: 1px solid #f0ad4e !important;}
.bhakti div.bhoechie-tab-menu .list-group-item h2 {font-size: 14px; border-bottom: 1px solid #ccc;}

@media (min-width: 1440px)
{
.bannerDetails {padding-top: 100px; padding-bottom: 0; }

}

.download{
    background-color: #f0ad4e;
    border-radius: 30px !important;
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
    text-decoration: none !important;
}
.download:hover{
    color: #FFF !important;
    
    background-color: #ec971f;
}
@media (max-width: 991.9px)
{
    .download{
        display: none;
      }
}
@media (max-width: 767.9px)
{
  .logo  {padding-top: 15px;}
  .fixedHeader .logo  {padding-top: 0;}
  .logo1 {height:50px; padding-left: 25px;}
  .tp-caption {top: 0 !important;}
  .bannerDetails h1 {font-size: 28px; line-height: 36px;}
  .bannerDetails p {font-size: 16px;line-height: 24px;}
  .slid3s {padding: 0 30px;}
  .menuButtons2 {top:-30px;}
  .sllearnMore3 {padding-right: 25px; bottom: 20px;}
  .fixedHeader {padding: 10px 0 20px 0;}
  .featuresSection {padding-top: 80px;}
  .rectAsh:before{top:-30px;}
  .rectAsh h1 {margin-bottom: 20px; font-size: 24px;}
  .funfacts {padding-top: 170px;}
  .latestBlog {margin-top: -480px; padding-top: 0;}
  div.bhoechie-tab-menu .list-group-item h2 span {display: block; height: 30px;}
  div.bhoechie-tab-menu .list-group-item h2 {font-size: 14px; word-wrap: break-word;}
  div.bhoechie-tab-menu div.list-group>a {padding-bottom: 0; margin-bottom: 0;}
  div.bhoechie-tab-content {padding-left: 0;}
  div.bhoechie-tab-menu {padding-left: 10px;padding-right:10px;}
  .latestBlog h1 {font-size: 24px;}
  
  div.bhoechie-tab-menu div.list-group>a.active:after{
    display: none!important;
  }
  div.bhoechie-tab-menu div.list-group>a{
    
  }
}