/* ================================================== */
/* gallery */
/* ================================================== */
.de_carousel .item {
  width:100%;
  display:block;
}


.item img {
  width:100%;
  height:auto;
}

.item h4 {
  margin-bottom: 0;
  font-size: 14px;
}

#gallery .item{
  overflow:hidden;
}

.picframe .overlay-v{
  text-align: center;
  width: 100px;
  background: rgba(0,0,0,.7);
  position:absolute;
  width:102%;
  height:100%;
  z-index:1000;
  display:table;
}
.picframe .overlay-v .pf_text{
  display:table-cell;
  vertical-align:middle;
}
.light .picframe .overlay-v{
  background: rgba(255,255,255,.3);
}

.picframe.s2 span.overlay .project-name{
  color:#ffffff;
}

.pf_text {
  color:#eceff3;
}

.pf_text h4 {
  color:#eceff3;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.pf_title{
  display:block;
}

.project-info{
  color:#ccc;
  margin-left:20px;
}

.de_light .project-info{
  color:#606060;
}

.project-info h2{
  margin-top: 0;
  font-size:18px;
  letter-spacing:3px;
  text-transform:uppercase;
}

.project-info h4{
  font-weight:bold;
}

.project-info .details{
  padding:20px;
  border:solid 1px rgba(255,255,255,.2);
  background:rgba(0,0,0,.5);
  margin-bottom:30px;
}

.de_light .project-info .details{
  background:#eee;
  border-color:#ddd;
}

.project-infoproject-info span{
  display:block;
}

.project-info span.title{
  display:inline-block;
  min-width:80px;
}

.project-info span.val{
  margin-bottom:15px;
  font-weight:bold;
}

.project-view{
  padding:120px 0 80px 0;
}

.project-images img{
  width:100%;
}

.picframe {
  position: relative;
  overflow: hidden;
}
.picframe img{
  width:100%;
}

.picframe:hover .overlay-v{
  transform: scale(1.2);
  opacity:0;
}

.picframe:hover img{
  transform: scale(1.3);
}

.s2 .overlay-v,
.s2 .overlay-v:hover{
  background: rgba(40,40,40,.3);
}
.s2 .overlay-v .project-name{
  font-size:16px;
  letter-spacing:0;
  text-transform:none;
  color:#fff;
}

#btn-close-x{
  width:100px;
  height:100px;
  display:block;
  background:url(../images-event/close.png) center no-repeat;
  margin:0 auto;
  margin-bottom:80px;
  cursor:pointer;
  padding:20px;
}

#btn-close-x{
  background:url(../images-event/close-2.png) center no-repeat;
}


.project-name{
  font-size:12px;
  font-weight:bold;
  display:block;
}

span.overlay {
  text-align: center;
  display: block;
  width: 100px;
  background: #111;
  position: absolute;
  z-index:1;
}

.de_light span.overlay {
  background: #fff;
}


.project-details{
  padding:30px;
  border:solid 1px #ddd;
  margin-bottom:30px;
}

.info-details .info-text{
  margin-bottom:20px;
}

.project-details .title,
.info-details .title{
  display:block;
  font-weight:bold;
}

.project-details .val{
  display:block;
  margin-bottom:20px;
}
.project-details .info-text:last-child .val{
  margin-bottom:0;
}

span.icon{
  cursor:pointer;
}



.overlay .info-area {
  display: block;
  margin-top: 10%;
}

.overlay .sb-icons {
  display: block;
  margin-top: 200px;
}

.de-gallery .overlay{
  text-align:center;
}

.overlay  .pf_text{
  display: inline-block;
}

.project-name{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:5px;
}

.de-gallery .overlay .icon {
  display: inline-block;
  margin-top: 200px;
  text-align:center;
}

.de-gallery .overlay .icon i{
  text-shadow:none;
  color:#fff;
  border:solid 1px rgba(255,255,255,.1);
  font-size: 22px;
  padding: 20px;
  width: 60px;
  height: 60px;
  text-align: center;
  margin-left:10px;
}

.de-gallery .overlay .icon i.icon-info{
  margin-left:0px;
}

.de-gallery .overlay .icon i:hover{
  color:#222;
  background:#fff;
}

.de-gallery.hover-1 span.overlay-1 {
  text-align: center;
  display: block;
  background:rgba(0,0,0,.7);
  position: absolute;
  width:100%;
  height:100%;
  z-index:2;
}
.de-gallery.hover-1 span.overlay-1:hover{
  background:rgba(0,0,0,0);
}
.de-gallery.hover-1 span.overlay-1 .pf_text{
  display:block;
  bottom:10%;
  letter-spacing:4px;
  position:absolute;
  width:100%;
}
.de-gallery.hover-1 span.overlay-1:hover .pf_text{
  bottom:-20%;
  opacity:0;
}
.grid_gallery .item{
  margin-bottom:30px;
}

a.img-icon-url, a.img-icon-zoom {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images-event/icon-url.png) center no-repeat;
  margin: 0 auto;
  margin: 0 2px 0 2px;
}

a.img-icon-zoom {
  background: url(../images-event/icon-zoom.png) center no-repeat;
}

.pf_full_width .item{
  width:24.9%;
  float:left;
}

.pf_full_width.pf_3_cols .item{
  width:33.3%;
}

.pf_full_width.pf_2_cols .item{
  width:49.9%;
}

.pf_full_width img{
  float:left;
  width:100%;
}

/* ---- grid ---- */

.grid {
  width:100%;
}

/*margin: 5px;
}*/

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

/* 5 columns, percentage width */

.grid-sizer {
  width: 5%;
}

.grid-item {
  float: left;
  border:none;
  overflow:hidden;
  margin:0;
  padding:0;
}

.large-width { width: 50%; }



@media only screen and (max-width : 768px) {
  .w1, .w2, .w3, .w4, .w5 {width:100%}
}