/* .......................................................................... */

#PROJECTS .title{ margin-bottom: 250px;}


.title p.description{ font-size: 18px; margin: 15px auto; max-width: 620px;}

.image_items { padding-top: 15px}
.image_items .col-4{ margin-bottom: 15px; /*padding-left: 7px; padding-right: 7px;*/}

.image_items ._item{ width: 100%; /*height: 370px;*/ overflow: hidden; position: relative; background-color: #fff; box-shadow: 0 13px 8px 0 rgba(0, 0, 0, 0.25); border: 5px solid #fff; margin-bottom: 30px}
.image_items ._item ._visible{ display: flex; cursor: pointer; justify-content: center; align-items: center; position: relative; z-index: 2;  overflow: hidden; text-align: center;}
.image_items ._item ._visible::after{content: ""; position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 78, 59, 0.45); }
.image_items ._item ._visible h2{ position: absolute; z-index: 2; color: #fff; font-weight: bold; font-size: 24px; text-transform: uppercase; margin: 0; text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);}
.image_items ._item ._visible img{ width: 100%}

.image_items ._item ._visible{ transition: all 0.5s ease 0s; height: auto;}

.image_items ._item ._visible h2 { transition: all 0.9s ease 0s}
.image_items ._item ._visible img{ transition: all 0.6s ease 0s}

.image_items ._item,
.image_items ._item.active ._visible h2,
.image_items ._item.active ._visible img{ transition: all 0.3s ease 0s}



.image_items ._item:hover ._visible img{ transform: scale(1.2);}
.image_items ._item:hover ._visible h2{ transform: scale(1.2);}

.image_items ._item.active { border-color:#ccc}
.image_items ._item.active ._visible{ margin-top: 400px; opacity: 0}
.image_items ._item.active ._visible img{ transform: scale(1.4);}
.image_items ._item.active ._visible h2{ margin-top: -300px}

.image_items ._item img._mobile{ display: none;}

._layout_deco._v2{ padding-top: 0;}

/* .......................................................................... */



@media (max-width: 1199px) {

    .image_items ._item ._visible img{ }
}


@media (max-width:991px){

    .image_items .col-4 { flex: 0 0 100%; max-width: 100%; }

}

@media (max-width:767px){


  .image_items .col-4 { margin-bottom: 0px}
  .image_items ._item{ /*height: 250px;*/ }
  .image_items ._item ._visible img { width: 100%; height: 250px; object-fit: cover; }
  .image_items ._item ._visible h2,
  .content-txt._hiddden h2{ font-size: 24px;}
  .image_items ._item.active{margin-top: 0px;}
  .image_items ._item.active,
  .image_items ._item.active ._visible img{ }



  .image_items ._item ._hiddden ._layout{ height: auto;}

  .image_items ._item ._visible h2{ font-size: 20px;}


}


@media (max-width:576px){


    .image_items ._item,
    .image_items ._item ._visible img { height: 180px; }
    .image_items ._item.active ._visible img{ height: 370px;}

    .projects-bg{ background-size: 330%; background-color: #0E3E18;}  


}