.img-fluidx {

    width: 290px;
    height:145px;


    /* width: 145px;
    height:290px; */
  }


  .portfolio-item  {

    margin:25px;
    outline:6px solid #444;
    border-radius: 2%;
  }

  .playweb-light .portfolio-item {
    box-shadow: 15px 15px 20px #aaa;
  }

  .playweb-dark .portfolio-item {
    box-shadow: 15px 15px 20px #000;
  }

  .playweb-dark .breadcrumbs {
    background-color: #222;
  }


  /* gallery filter liks */
.playweb-dark ul#portfolio-flters li {
  color:#3498db;
}

/* intro text at top */
.playweb-dark section#introTxt h2 {
  color:#eee;
}

.playweb-dark section#contact .info,
.playweb-dark section#contact .contact-about p
{
  color:#eee;
}

.playweb-dark .section-title  h2 {

  color:#000;
}

  .portfolio-wrapx {

    width: 290px;
    height:145px;
    overflow: hidden;
    cursor: pointer;
  }


  .portfolio-wrapy {

    width: 175px;
    height:310px;
    overflow: hidden;
    cursor: pointer;
    
  }

  .portfolio-imgThumb {
    /* width: 175px; */
    width:100%;
    /* width:100%;
    height:100%; */
    /* object-fit: cover;   */
  }


  .portfolio-page-video-container-portrait {

    width:324px;
    height: 576px;
    outline: 8px solid #333;
    padding: 0;
    
  }



  
/* videos at 25% */
/* 
  .portfolio-page-video-container-landscape {
    width:480px;
    height:270px;
    outline: 8px outset #000;
    padding: 0;
    ;
  } */

/* videos at 30% */
  .portfolio-page-video-container-landscape {
    width:576px;
    height:324px;
    outline: 8px solid #000;
    padding: 0;
    ;
  }


 


  @font-face {
    font-family: 'Android 101';
    src: url(./assets/android_101/Android\ 101.ttf);
  }
  
  
  .video-cursor {cursor: pointer;}

.video-thumbnail {
    position: relative;
    display: inline-block;
    /* margin: 30px;
    width:600px;
    z-index: 99; */
  
    &:before {
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      content: "\f01d";
      font-family: FontAwesome;
      font-size: 100px;
      color: RGBA(204,204,204,0.4);
      opacity: .8;
      text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    }
    &:hover:before {
      color:  RGBA(204,204,204,0.5);
    }
  }


  .hd-icon {
    width:40px;
    margin-right: 20px;
  }



 /* gallery images while loading asynchronously */
  .loading-placeholder {
    /* background: #f00; */
    height: 200px;
    width: 100%;
    position: relative;
    text-align: center;
  }

  .img-preloader {

    width:55px;
   position: absolute;
   top:50%;
   left:40%;
    display: block;
  }


/* previous next button on portfolio details page */
  #previousNextNavigationContainer {
    display: flex;
    /* justify-content: space-between; */
    align-items: right;
    padding: 10px;
    /* background-color: red; */
    margin-top:20px;
    /* border:1px dotted #f00 */
  }
  
  #previousNextNavigationContainer a {
    color: white;
    text-decoration: none;
    /* font-weight: bold; */
   
    padding:2px;
   
    
  }

  #previousNextNavigationContainer div {
    /* background-color: red; */
    margin-right: 30px;
    width:40px;
    background-color: #3498db;
    text-align: center;
    border-radius: 10%;
    
  }