.showreel__content {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .showreel__content .flex {
    margin-top: auto; }
  .showreel__video {
    position: relative;
    display: flex;
    justify-content: center; }
  .showreel__video:before {
    content: "";
    width: 10px;
    height: 210px;
    position: absolute;
    top: 26%;
    left: 13%;
    background-image: linear-gradient(to bottom, #ff006c, #fa0029);
    z-index: 1; }
    @media screen and (max-width: 1160px) {
    .showreel__video:before {
      display: none; } }
  .showreel__video:after {
    content: "";
    width: 10px;
    height: 210px;
    position: absolute;
    top: 26%;
    right: 13%;
    background-image: linear-gradient(to bottom, #ff006c, #fa0029);
    z-index: 1; }
    @media screen and (max-width: 1160px) {
    .showreel__video:after {
      display: none; } }
  .showreel__skills {
    margin: 0;
    margin-top: 60px;
    width: 100%; }
  .showreel__skills-skill {
    box-shadow: inset rgba(125, 29, 100, 1) -4px -4px 3px -4px, inset rgba(204, 53, 100, 1) 4px 4px 3px -4px, -25px -25px 35px -20px rgba(204, 53, 100, 0.15), 25px 25px 35px -20px rgba(125, 29, 100, 0.15);
    border-radius: 50%;
    padding: 110px;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Acrom-Regular;
    font-size: 19px;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(66deg, #ff194a, #8d04d2); }
    @media screen and (max-width: 1100px) {
    .showreel__skills-skill {
      padding: 140px; } }
    @media screen and (max-width: 750px) {
    .showreel__skills-skill {
      padding: 100px; } }

.smoke-video {
  position: absolute;
  max-width: 1829px !important;
  max-height: 958px !important;
  left: -36%;
  top: -44%;
  pointer-events: none; }
  @media screen and (max-width: 1150px) {
  .smoke-video {
    display: none; } }

.skill-text {
  text-align: center;
  display: block;
  font-size: 19px;
  color: rgba(0, 0, 0, 0); }

.skill-num {
  margin-bottom: 16px; }

.plyr--video {
  max-width: 776px;
  position: relative; }

.plyr__poster {
  background-size: cover !important; }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #fe0058;
  color: #fff; }

.plyr--full-ui input[type=range] {
  color: #fe0058; }

.plyr__control--overlaid {
  background: rgba(254, 0, 88, 0.8); }

.plyr__control--overlaid {
  border: 6px solid #fd588c !important;
  padding: 25px !important;
  background: rgba(254, 0, 88, 0.8) !important; }
  .plyr__control--overlaid:after {
    content: '';
    background: url('../themes/perfomans2/assets/img/svg/play.svg') center center/cover no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px; }

.mb-center {
  margin-right: 35px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 1100px) {
  .mb-center {
    margin-right: 0; } }