/* CSS Document */

.wpgi {
	
}

.wpgi .item {
    border: 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 15px 0;
}

.wpgi .item .item-wrap {
	position: relative;
}

.wpgi .item .item-wrap:before{
    display: none;
}

.wpgi .item .item-wrap img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.wpgi .item a {
	display: block;
    width: 100%;
    position: absolute;
    cursor: pointer;
    height: 100%;
    bottom: 0;
    z-index: 1;
    left: 0;
    background-color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wpgi .item a:hover {
    background-color: rgba(0,0,0,0);
}

.wpgi .item span {
    color: #fff;
    font-size: 14px;
    font-family: Lato;
    font-weight: 400;
    width: 100%;
    padding: 0px;
    text-align: left;
    line-height: 1.2;
	outline: none;
    outline: 0;
	opacity: 1;
    text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wpgi .item span span {
    padding: 30px;	
}
.wpgi .item a:hover span {
   opacity: 0;
}


.wpgi .item .item-col {
	min-height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.wpgi .item .item-col.item-info {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wpgi .item:first-child .item-col {
	min-height: 364px;
}

.wpgi .item .vc-div-table {
    display: table;
    height: 100%;
    margin: 0;
}

.wpgi .item .vc-div-table-cell {
    display: table-cell;
    vertical-align: bottom;
	height: 100%;
	width: 100%;
}

.wpgi .item:last-child div {
	height: 100%;
	width: 100%;
	text-align: center;
}

.wpgi .item:hover .item-col.item-info {
	background-color: #ffffff !important;
}

.wpgi .item:hover .item-col.item-info h2,
.wpgi .item:hover .item-col.item-info a {
	color: #252525;
	
}

.wpgi .item:hover .item-col.item-info p {
	color: #9a9a9a;
}



.wpgi a.wpgi-button {
    background-color: #614c3f;
    color: #ffffff;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    width: auto;
    display: inline-block;
    text-align: center;
	font-weight: 700;
}

.wpgi a.wpgi-button:hover {
	text-decoration: none;
}

 /*
  * m0320.css
  */

@media (max-width: 767px){	
}