a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
  background: #ffffff;
  float: left;
  min-height: 42px;
  padding: 5px 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#000000;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#000000;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #333333;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: bold;
}
.mobile-menu-area {
  background: #262626;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a.mean-expand{
  width:26px;
  height: 15px;
  margin-top: 1px;
  padding: 12px !important;
  text-align:center;
  position:absolute;
  right:0;top:0;
  z-index:2;
  font-weight:700;
  background:rgba(255,255,255,.1);
  border:0!important;
  background: #F8F8F8;
  }
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

/*certification/page css*/
h1{
  font-weight: bold !important;
}
.cas1{
    width: 290px;
    border-top: 4px solid red;
}
.sidebar-item {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 3%;
  height: 100%;
}

.make-me-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 15%;
  padding: 0 15px;
}
.mup{
    margin-top: -9%;
}
.fa{
    color: #03CFBF;
}
 .tooltips2 {
     cursor: pointer;
     display: inline-block;
     position: relative;
}
 .tooltips2 .tooltip__contents2 {
     background-color: #4D548B;
     color: #fff;
     border-radius: 4px;
     bottom: 150%;
     left: 30%;
     margin-right: -70%;
     opacity: 0;
     padding: 1rem 0.5rem;
     position: absolute;
     text-align: center;
     transition: opacity 0.5s;
     visibility: hidden;
     width: 300%;
     z-index: 1;
}
 .tooltips2 .tooltip__contents2::after {
     border-width: 5px;
     border-style: solid;
     border-color: #4D548B transparent transparent transparent;
     content: "";
     right: 50%;
     margin-left: -5px;
     position: absolute;
     top: 100%;
}
 .tooltips2:hover .tooltip__contents2 {
     opacity: 1;
     visibility: visible;
}
 
 /*timeline*/
/* The actual timeline (the vertical ruler) */
.timelines1 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timelines1::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: black;
  top: 0;
  bottom: 0;
  margin-left: -5px;
}

/* Container around content */
.containers1 {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
}

/* The circles on the timeline */
.containers1::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: black;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
/* Place the container to the right */
/* Add arrows to the right container (pointing left) */
.rights1::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent black transparent transparent;
}

/* Fix the circle for containers on the right side */
.rights1::after {
  left: -16px;
}

/* The actual content */
.contents1 {
  padding: 10px 15px;
  background-color:#E2FCFE;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timelines1::after {
  left: 31px;
  }
.cas1{
    display: none;
}
  /* Full-width containers */
  .containers1 {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .containers1::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }
  /* Make all right containers behave like the left ones */
  .rights1 {
  left: 0%;
  }
}
/*timeline end*/

.hr1{
  border: 1px solid #fff;
  height: 10px;
}    
.hr2{
  border: 1px solid red;
  height: 10px;
}
.cardcrs{
  border-bottom: 4px solid red;
  box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2);
}
.cardcrs:hover{
  
  box-shadow: 0 10px 10px rgb(143, 168, 253);
}
.cardcrs .card-body{
  background: #D9F8FA; 
  height: 160px;
}
@media only screen and (max-width: 750px) {
.cardcrs .card-body{
  background: #D9F8FA; 
  height: 100%;
}
}
/*accordion*/
#accordion .panel {
  border-radius: 0;
  border: 1px solid #B5B5B8;
  margin-top: 0px;

}
#accordion a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #0C0C0B;
  color: white;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: white;
}
#accordion .panel-heading {
  padding-bottom: 1%;
  border-radius: 0px;
  background: #EFF1FA;
}
#accordion .panel-heading a:not(.collapsed) {
  transition: all 0.2s ease-in;
}

#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}