.border-radius-100 {
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.solid-tabs .tab-design-3 {
  /* end tab-marker */
  /* BOTTOM */
}
.solid-tabs .tab-design-3 .tab-marker.l-inline-list > li {
  margin-right: 19px;
}
.solid-tabs .tab-design-3 .tab-marker.l-inline-list > li:first-child {
  margin-left: 25px;
}
.solid-tabs .tab-design-3 .tab-marker.l-inline-list > li:last-child {
  margin-right: 0;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-pos-right {
  float: right;
  margin-right: 25px;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-pos-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 9px;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-pos-distribute {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-pos-distribute > li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-pos-distribute > li:last-child {
  margin-right: 25px;
}
.solid-tabs .tab-design-3 .tab-marker a span:after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: 0;
  width: 10px;
  height: 100%;
  background: #03a9f4;
  -webkit-transform: skewX(7deg);
     -moz-transform: skewX(7deg);
      -ms-transform: skewX(7deg);
       -o-transform: skewX(7deg);
          transform: skewX(7deg);
}
.solid-tabs .tab-design-3 .tab-marker a span:before {
  content: "";
  position: absolute;
  left: -7px;
  bottom: 0;
  width: 10px;
  height: 100%;
  background: #03a9f4;
  -webkit-transform: skewX(-7deg);
     -moz-transform: skewX(-7deg);
      -ms-transform: skewX(-7deg);
       -o-transform: skewX(-7deg);
          transform: skewX(-7deg);
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-arrow a {
  background: #14b4fc;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-arrow a span:after,
.solid-tabs .tab-design-3 .tab-marker.tab-marker-arrow a span:before {
  background: #14b4fc;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-arrow.tab-marker-tight a {
  background: #14b4fc;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight > li {
  margin-right: 6px;
  border-left: 0;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight > li a {
  background: #03a9f4;
  color: #f5f5f5;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-transparent > li a {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #f2f2f2;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-transparent > li a span:before,
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-transparent > li a span:after {
  border: none !important;
  background: rgba(0, 0, 0, 0);
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-separator > li a span:before {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-separator > li:first-child {
  margin-left: 10px;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-separator > li:first-child a span:before {
  border-left: 0;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-tight.tab-marker-tight-separator > li:last-child {
  border-right: 0;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-rounded-top a span:before {
  -webkit-border-top-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
          border-top-left-radius: 5px;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-rounded-top a span:after {
  -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topright: 5px;
          border-top-right-radius: 5px;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-bottom a {
  z-index: 0;
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-bottom a span:after {
  -webkit-transform: skewX(-7deg) rotateX(180deg);
     -moz-transform: skewX(-7deg) rotateX(180deg);
          transform: skewX(-7deg) rotateX(180deg);
}
.solid-tabs .tab-design-3 .tab-marker.tab-marker-bottom a span:before {
  -webkit-transform: skewX(7deg) rotateX(180deg);
     -moz-transform: skewX(7deg) rotateX(180deg);
          transform: skewX(7deg) rotateX(180deg);
}
