.openTabby,
.openTabby * {
    box-sizing: border-box;
}
.openTabby {
    overflow: hidden;
    margin: 20px 0;
}
.openTabby .openTabby--nav {
    position: relative;
    display: none;
    width: 10000px;
}
.openTabby .openTabby--nav:after {
    display: block;
    content: "";
    clear: both;
}
.openTabby .openTabby--nav ul {
    float: left;
    display: table;
    margin: 0;
    padding: 0;  
}
.openTabby .openTabby--nav ul:after {
    display: block;
    content: "";
    clear: both;
} 
.openTabby .openTabby--nav ul li {
    float: left;
    cursor: pointer;
    list-style: none;
    line-height: 3;
    padding: 0 20px;
    color: #666;
    font-weight: 600; 
    border: 2px solid transparent;
    position: relative;
    top: 2px;
    z-index: 2;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;   
}
.openTabby .openTabby--nav ul li:hover {
    color: #337AB7;
}
.openTabby .openTabby--nav ul li.active {
    color: #337AB7;
    background: #fff;
    border: 2px solid #BFE2FF;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #FFF;
    cursor: default;
}
 
.openTabby .openTabby--slidesContainer {
    background-color: #fff;
    display: table;
    position: relative;
    overflow: scroll;    
}
.openTabby .openTabby--slidesContainer .openTabby--slide {
    padding: 20px;
    background: #fff;
    width: 100%;
    overflow: scroll;  
}
.openTabby.accordion .openTabby--nav ul {
    padding: 20px;
}
.js .openTabby .openTabby--nav {
    display: block;
    top: 0;
}
.js .openTabby .openTabby--slidesContainer {
    display: block;
}
.js .openTabby .openTabby--slidesContainer .openTabby--slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.js .openTabby .openTabby--slidesContainer .openTabby--slide.active {
    opacity: 1;
    z-index: 1;
}
.js .openTabby.csstransitions .openTabby--nav ul li {
    transition: all 0.3s ease 0s;
}
.js .openTabby.csstransitions .openTabby--slidesContainer {
    transition: all 0.3s ease 0s;
}
.js .openTabby.csstransitions .openTabby--slidesContainer .openTabby--slide {
    transition: all 0.3s ease 0s;
}
.openTabby .effect-fade .openTabby--slide {
    opacity: 0;
}
.openTabby .effect-fade .openTabby--slide.active {
    opacity: 1;
}
.openTabby .effect-shrink .openTabby--slide {
    transform: scale(0.6);
}
.openTabby .effect-shrink .openTabby--slide.active {
    transform: scale(1);
}
.openTabby .effect-grow .openTabby--slide {
    transform: scale(1.4);
}
.openTabby .effect-grow .openTabby--slide.active {
    transform: scale(1);
}
.openTabby .effect-slide-left .openTabby--slide {
    transform: translate(-100%, 0);
}
.openTabby .effect-slide-left .openTabby--slide.active {
    transform: translate(0, 0);
}
.openTabby .effect-slide-right .openTabby--slide {
    transform: translate(100%, 0);
}
.openTabby .effect-slide-right .openTabby--slide.active {
    transform: translate(0, 0);
}
.openTabby .effect-slide-up .openTabby--slide {
    transform: translate(0, 100%);
}
.openTabby .effect-slide-up .openTabby--slide.active {
    transform: translate(0, 0);
}
.openTabby .effect-slide-down .openTabby--slide {
    transform: translate(0, -100%);
}
.openTabby .effect-slide-down .openTabby--slide.active {
    transform: translate(0, 0);
}
.openTabby .effect-flip-vertical .openTabby--slide {
    transform: rotateX(180deg);
}
.openTabby .effect-flip-vertical .openTabby--slide.active {
    transform: rotateX(0);
}
.openTabby .effect-flip-horizontal .openTabby--slide {
    transform: rotateY(180deg);
}
.openTabby .effect-flip-horizontal .openTabby--slide.active {
    transform: rotateY(0);
}
.openTabby .effect-rotate .openTabby--slide {
    transform: rotateZ(360deg);
}
.openTabby .effect-rotate .openTabby--slide.active {
    transform: rotateZ(0);
}
.js .openTabby.responsive .openTabby--slidesContainer {
    overflow: hidden;
    border: 2px solid #BFE2FF;
}
.js .openTabby.responsive .openTabby--slidesContainer .openTabby--slide {
    display: table;
    overflow: hidden;
}
.js .openTabby.accordion .openTabby--nav {
    width: auto;
}
.js .openTabby.accordion .openTabby--nav ul {
    width: 100%;
}
.js .openTabby.accordion .openTabby--nav ul li {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
}
.openTabby.accordion .openTabby--nav ul li.active {
    border-bottom: 2px solid #BFE2FF;
}