/* ================================================== */
/* gallery */
/* ================================================== */
#gallery-carousel .item {
text-align: center;
font-size: 12px;
width:100%;
cursor:e-resize;
}

.de_carousel .item {
width:100%;
display:block;
}


#gallery-carousel .item img {
width:100%;
height:auto;
}

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

.pf_text {
color:#fff;
font-size: 19px;
}

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

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

.project-info h2{
margin-top:0;
font-weight:300;
}

.project-info span{
display:block;
}

.project-info span.title{
text-transform:uppercase;
font-size:12px;
color:#555;
font-weight:600;
}

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

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

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

.picframe{
overflow:hidden;
}

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

.dark #btn-close-x{
background:url(https://ipm-group.org/images/close-2.png) center no-repeat;
}


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

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

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;
}

.de-gallery .project-name{
text-transform:uppercase;
color: #fff;
font-size: 30px;
/* margin: 15px; */
}

.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 #fff;
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;
}


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

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

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

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

a.galafbss {    position: relative;
    display: inline-block;
    width: 320px;
    height: 240px;overflow: hidden;}
a.galafbss:hover {background-size: 110%;
    background-position: 50% 50%;}

a.galafbss:hover span.overlay {opacity:0.9;}
a.galafbss span.overlay {
opacity: 0; width: 320px; height: 240px;background:#ffa200;
 -webkit-transition: all ease 0.5s;
     -moz-transition:  all ease 0.5s;
     -o-transition:  all ease 0.5s;
     transition:  all ease 0.5s;
}

a.galafbss img {

 -webkit-transition: all ease 0.5s;
     -moz-transition:  all ease 0.5s;
     -o-transition:  all ease 0.5s;
     transition:  all ease 0.5s;}

a.galafbss:hover img {width: 380px!important;
    margin-top: -10px!important;
    margin-left: -20px!important;}
.fa-external-link:before {
    content: "\f08e";
}

a.galafbss:hover .picframe .overlay .icon {margin-top: 70px!important;}
a.galafbss .picframe .overlay .icon {

 -webkit-transition: all ease 0.5s;
     -moz-transition:  all ease 0.5s;
     -o-transition:  all ease 0.5s;
     transition:  all ease 0.5s;}

.feature-box-small-icon path{fill:#111 !important -webkit-transition: all ease 0.5s;
     -moz-transition:  all ease 0.5s;
     -o-transition:  all ease 0.5s;
     transition:  all ease 0.5s;}


.feature-box-small-icon:hover path{fill:#ffa200 !important}
.feature-box-small-icon h3 {color:#ffa200; -webkit-transition: all ease 0.5s;
     -moz-transition:  all ease 0.5s;
     -o-transition:  all ease 0.5s;
     transition:  all ease 0.5s;}
.feature-box-small-icon:hover h3 {color:#111;}

.feature-box-small-icon .text {
    text-align: center!important;
    padding-left: 0px!important;
}

.feature-box-small-icon .inner { padding-left: 0px!important;}
.clclto {  display: inline-block;
    border-radius: 500px;
    width: 25px;
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    background: url(../images/plus.svg);
    background-size: 25px 25px;
    background-position: 50% 50%;
    vertical-align: bottom;
 -webkit-transition: background ease 0.5s;
     -moz-transition:  background ease 0.5s;
     -o-transition:  background ease 0.5s;
     transition:  background ease 0.5s;}
.showitnow .clclto {  background: url(../images/minus.svg);
    background-size: 25px 25px;
    background-position: 50% 50%;}
h2.clicktoshow:hover {cursor:pointer;}
.shshit {max-height:0px;    overflow: hidden;-webkit-transition: max-height ease 0.5s;
     -moz-transition:  max-height ease 0.5s;
     -o-transition:  max-height ease 0.5s;
     transition:  max-height ease 0.5s;}
.showitnow .shshit {max-height:1000px;padding-bottom:30px;}

.iminsosd {float:right;}
.iminsosd2 {float:right;padding-left: 30px;}
.needtopad3 {padding-top:35px;}

@media (max-width:767px) {
.iminsosd {float:none;text-align:center;}
.iminsosd2 {float:none;padding-left: 0px;text-align:center;    }
.needtopad3 {padding-top:0px;}

.iminsosd2 img {max-width: 100%;}}

@media (min-width:768px) and (max-width:991px) {
.iminsosd img {width: 350px;}    

}

@media (max-width:330px) {.h2comon3 {font-size:20px;}}