.description {
   /*
    float: right;
    */
    margin-top: 0;
    overflow-x: auto;
    overflow-y: auto;
    width: 290px;
   
    font-size: 13px;
}
.description p {

  margin:0 10px;
}
#opp-portfolio h1 {

    color: #17181A;
    font-size: 16px;
    padding : 5px 10px 10px 10px;

    word-wrap: break-word ;
    
    margin-bottom: 0px;
    text-align: center;

  
}

.opp-work-content  {
  

   display: block;
  background: #f8f8f9;
  -moz-text-decoration-line:none;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -o-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -khtml-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  
   margin-bottom: 10px;
   
   
   
}
.opp-work-content a {

  text-decoration: none;
}
#opp-filters {
    padding: 5px;
    margin: 0 auto;
}




#opp-filters > li > a{
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
   
  text-decoration: none;
}



#opp-filters > li {
  margin-bottom: -1px;
}

#opp-filters > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#opp-filters > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

#opp-filters > .active > a,
#opp-filters > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}


#opp-portfolio-filters {

  font-size: 18px ;
  height: 40px;
}
#opp-portfolio-filters ul{

  margin: 0 0 10px 0;

  -webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#opp-filters {

  list-style: none;
  margin-bottom: 20px;
}
#opp-filters li {

  float: left;
  line-height: 20px;
}
/*
a.opp-active {

   

}
*/
#opp-active {

  background-color: #00b9ef;
   color: #ffffff;
}
.work { 
     
  width: 290px;
  height: 290px;
  margin: 5px;
  
  float: left;
  overflow: hidden;
  position: relative;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
 }

/**** Masonry Filtering ****/

.massonry-item {
  z-index: 2;
}

.massonry-hidden.massonry-item {
  pointer-events: none;
  z-index: 1;
}

/**** Masonry CSS3 transitions ****/

.massonry,
.massonry .massonry-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.massonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.massonry .massonry-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Masonry CSS3 transitions ****/

.massonry.no-transition,
.massonry.no-transition .massonry-item,
.massonry .massonry-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}