#horizontalTab h1{
     font-family: inherit;
     font-size: 20px;
     font-weight: 400;
     background:#171D45 ;
     text-align: center;
     padding: 20px;
     color: #fff;
     width: 55%;
}

#horizontalTab p{
     color: #fff;
     font-family: inherit;
     font-size: 18px;
     font-weight: 300;
}

/* Tabs container */
.r-tabs {
     position: relative;

     /*background-color: #00c5ad;*/

    /* border-top: 1px solid #00c5ad;
     border-right: 1px solid #00c5ad;
     border-left: 1px solid #00c5ad;
     border-bottom: 4px solid #00c5ad;
     border-radius: 4px;*/

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
     position: relative;
     background-color: transparent;
     color: #fff;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
     display: inline-block;
     padding: 20px 50px;
     text-decoration: none;
     text-shadow: 0 1px rgba(0, 0, 0, 0.4);
     font-size: 18px;
     font-weight: 600;
     color: #171D45;
     font-family: inherit;
     border: 2px solid #171D45;
     border-bottom: 0;
     margin-left: 20px;

}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
     opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
     color: #fff;
     text-shadow: none;
     background-color: #171D45;
     border: 2px solid #171D45;
     border-bottom: 0;
     /*border-top-right-radius: 4px;
     border-top-left-radius: 4px;*/
     margin-left: 20px;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
     background-color: transparent;
     border-bottom: 4px solid white;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;

}

/* Accordion anchor */
/*.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
     display: block;
     padding: 10px;

     background-color: #00c5ad;
     color: #fff;
     font-weight: bold;
     text-decoration: none;
     text-shadow: 0 1px rgba(0, 0, 0, 0.4);
     font-size: 14px;

     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
}*/

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-state-active .r-tabs-anchor {
     /*background-color: #fff;
     color: #00c5ad;
     text-shadow: none;*/
     background-color: #171D45;
    border: 2px solid #171D45;

}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
     opacity: 0.5;
}

  cursor: pointer;
}

/* Info bar */
.info {
     display:inline-block;
     margin-top: 10px;
     margin-right: 10px;
     padding: 10px 20px;
     width: 300px;
     line-height: 100%;

     font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
     font-size: 14px;
     color: #00c5ad;
     border: 2px solid #00ab94;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #fff;
     cursor: pointer;
} 

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    margin-left: 60px;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
    border: 2px solid #171D45;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */

@media (max-width: 480px) {

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
     display: block;
     padding: 20px 50px;
     text-decoration: none;
     font-size: 18px;
     font-weight: 600;
     color: #171D45;
     font-family: inherit;
     border: 2px solid #171D45;

}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
     color: #fff;
     text-shadow: none;
     background-color: #171D45;
     border: 2px solid #171D45;
     border-bottom: 0;
     /*border-top-right-radius: 4px;
     border-top-left-radius: 4px;*/
     margin-left: 20px;
}


#horizontalTab h1 {
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    background: #171D45;
    text-align: center;
    padding: 20px;
    color: #fff;
    width: 100%;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    margin-left: 0px;
}

}


@media only screen and (max-width: 768px) {
 /*   .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }*/
}


/* custom */

.panel-heading{
position: relative;
  width: 100%%;
  /*margin: 0 auto;*/
  overflow: hidden;
  padding: 20px;
  text-align:left ;
  color: #fff;
  font-family: inherit;
  font-weight: 300;
}
.panel-heading:after {
  content: '';
  position: absolute;
  width: 1100%; height: 1100%;
  bottom: 20px; right: -500%;
  background: rgba(255,255,255,.8);
  transform-origin: 54% 100%;
  transform: rotate(-45deg);
  z-index: -1;

}