/* Make sure these ids and classes match your HTML */
.sabit-yuk {

   overflow: hidden;
   border-radius: 10px !important;
}
#vidLinks a {
  transition: .4s;
  margin: 4px;
}
#vidLinks a:hover {
  transform: scale(.95);
}
#modall {
  position: fixed;
  left: 0; top: 0;
  width: 100%;
  z-index: 99999;
  height: 100%;
  background: rgba(0,0,0,.8);
  display: none;
}
/* This effects the "X" close symbol */
#modall span {
  color: white !important;
  position: absolute;
  z-index: 20;
  right: 20px; top: 20px;
  font-size: 3em;
  cursor: pointer;
}

/* This limits the size of the modal video */
#vidSizer {
  position: relative;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 150vh;
  max-width: 95%;
}

.video-icon::before{
  content: '';
      background: url(/assets/playicon.svg);
      height: 60px;
      width: 60px;
      display: block;
      position: absolute;
      z-index: 999;
      left: calc(50% - 30px);
      top: calc(50% - 30px);
      opacity: 0.7;
      background-size: cover;
}



#vidHolder {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
#mainVid {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}



.button {
  font-size: 15px;
  text-transform: uppercase;
  margin: 15px 0;
  padding: 11px;
  outline: none;
  background: #fff;
  border: 2px solid rgb(136 136 136);
  color: rgba(0,0,0,0.7);
  /* border-top-left-radius: 25px; */
  /* border-bottom-left-radius: 25px; */
  /* border-top-right-radius: 25px; */
  /* border-bottom-right-radius: 25px; */
  cursor: pointer;
  transition: ease-in 500ms;
}

.button::before {
    content:"\f144";
      font-family: "Font Awesome 5 Pro";
    padding-right: 15px;
    font-size: 20px;
}

.button:hover {
    background: rgba(255, 51, 85, 0.5);
    color: rgba(255,255,255,0.9);
    border: 2px solid rgb(255,255,255);
}

.button:active {
    background: rgba(255, 0, 43,0.7);
}
    @media (max-width:768px) {

      #vidHolder {
        position: relative;
        height: 0;
        padding-bottom: 70%;
      }

    }