/*************************************************************/

/************************* Portfolio *************************/

/*************************************************************/

#portfolio{

margin-top:40px;

}

.portfolio-full-width #coca_project-item {

  margin:0 auto;

  padding:0;

}

#portfolio-fitter {

  text-align: left;

}

.filter ul li {

    display: inline-block;

    float:left;

}

.filter ul li:first-child {

  margin-left:0;

}

.visible-xs, .visible-sm, .visible-md, .visible-lg {

    display: none !important;

}

.nav.portfolio-filters{

margin:0;

padding:0;

}

.nav.portfolio-filters li a{

padding:0 20px 0 0;

}

.more-portfolio ul li{

display:inline-block;

}

.more-portfolio ul li a{

padding:10px;

}

#grid .mix {

  display: none;

  opacity: 0;

}



/** Portfolio Page **/

.portfolio-item {

  margin-top: 40px;

}



.portfolio-image {

  position: relative;

}



.portfolio-image img {

  width: 100%;

}



.portfolio-overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

       -o-transition: all 0.3s ease-out;

          transition: all 0.3s ease-out;

	background:#393E4A;

}



.portfolio-image:hover .portfolio-overlay {

  opacity: 0.9;

}

.portfolio-caption p strong{

  color:#333333 !important;

}

.portfolio-caption p{

  color:#666666;

  margin-bottom:0;

}

.portfolio-filters li.active a,

.portfolio-filters li a:hover{

  color:#1c2334;

}

.portfolio-filters li.active {

  font-weight: bold;

}

.portfolio-filters li a {

  color:#8c989f;

}

.more-portfolio ul{

position:absolute;

top:40%;

left:15%;

}

.more-portfolio ul li a{

color:#8c989f;

}

.more-portfolio ul li a:hover{

color:#FFF;

}

.portfolio-overlay .portfolio-title {

  color: #f0f0f0;

  position: absolute;

  margin: 0;

  left: 25px;

  bottom: 20px;

  -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

       -o-transition: all 0.3s ease-out;

          transition: all 0.3s ease-out;

}



/** Portfolio Single **/

.coca_iten-content-wrap {

  margin-top:10px;

}

.portfolio-single-image {

  width: 100%;

}

.coca_iten-content-wrap a {

  color:#191919;

  font-size:16px;

}

.coca_iten-content-wrap p{

  color:#7d7d7d;

  font-size: 14px;

  margin-bottom:0;

}

/** Our Work 1 **/

.our-work-1-item {

  margin-top: 40px;

}



.our-work-1-image {

  position: relative;

}



.our-work-1-image img {

  width: 100%;

}



.our-work-1-overlay {

  position: absolute;

  text-align: center;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

       -o-transition: all 0.3s ease-out;

          transition: all 0.3s ease-out;

}



.our-work-1-image:hover .our-work-1-overlay {

  opacity: 1;

}



.our-work-1-overlay p {

  color: #f0f0f0;

  position: absolute;

  top: 50%;

  margin-top: 8px;

  width: 100%;

  -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

       -o-transition: all 0.3s ease-out;

          transition: all 0.3s ease-out;

}



.our-work-1-image:hover .our-work-1-overlay p {

  margin-top: -8px;

}



.our-work-1-item-description {

  padding: 20px 0 0;

}



.our-work-1-item-description p {

  float: right;

  width: 29%;

  text-align: right;

  line-height: 1.4em;

}



.our-work-1-item-description h6,

.our-work-1-item-description p {

  margin: 0;

  display: inline-block;

}



.our-work-1-item-description h6 {

  float: left;

  width: 69%;

}



@media (min-width: 768px) and (max-width: 991px) {



  .our-work-1-item-description h6 {

    width: 65%;

  }



  .our-work-1-item-description p {

    width: 33%;

  }



}

.portfolio-overlay-one{

position:absolute;

bottom:0;

width:100%;

background:#000;

opacity:0.9;

padding:10px 0;

}

.portfolio_2_caption p{

color:#FFF !important;

}

.portfolio-one-caption{

padding:0 20px;

}

.portfolio-overlay-one .more-portfolio{

opacity:0;

float:right;

position:relative;

width:50%;

margin-right:10px;

}

.portfolio-overlay-one p{

color:#cccccc !important;

}

.portfolio-overlay-one p strong{

color:#fff !important;

}

.portfolio-overlay-one:hover .more-portfolio{

opacity:1;

float:right;

}

.portfolio_2_caption{

left:40% !important;

top:47% !important;

position:absolute;

}