ul.thumbs {

    padding: 0;

    margin: 0 auto;

    overflow: hidden;

    width: 100%;

}



ul.thumbs li {

    display: inline-block;

    overflow: hidden;

    padding: 0;

    float: left;

    position: relative;

}



ul.thumbs li a.thumbnail {

    border: none;

	background-repeat: no-repeat;

	background-size: cover;

    background-color: #ffffff;

    background-position-x: 50%;

	display: block;

	/*overflow: hidden;*/

    box-sizing: border-box;

	transition: opacity 0.3s;

	-webkit-transition: opacity 0.3s;

	-moz-transition: opacity 0.3s;

	z-index: 9;

    width: 100%;

    height: 100%;

    padding: 0px;

    margin-bottom: 0px;
}



ul.thumbs li a.thumbnail h4 {

    position: absolute;

    top: 0;

    left: 0;

    padding: 7px 10px;

    text-transform: uppercase;

    background-color: #efefef;

    color: #6b6b6b;

    font-size: 14px;

    margin: 0;

}



ul.thumbs li a.thumbnail .description {

    padding: 0;

    position: absolute;

    height: 0;

    bottom: 0;

    width: 100%;

    box-sizing: inherit;

    opacity: 0;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    color: #333333;

    /*background: #dcdcdc;*/

    /*background-color: rgba(0,0,0,0.1);*/

     /*background-color: rgba(255, 255, 255, 0.7); */

    font-size: 18px;

    padding: 18px 12px;

    line-height: 10px;

    box-sizing: inherit;

    text-align: center;

    background-image: url(../images/bg02.png);

}



ul.thumbs li a.thumbnail .active-arrow {

    width: 0;

    height: 0;

    border-left: 25px solid transparent;

    border-right: 25px solid transparent;

    border-bottom: 25px solid #fff;

    bottom: -2px;

    z-index: 99;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

}



/*@media (max-width: 970px)  {

	ul.thumbs li {

		width: 50% !important;

	}

	.media iframe{

		width: 100%;

	}

}*/



/*@media (max-width: 1200px) and (min-width: 970px) {

    ul.thumbs li {

        width: 33.3333% !important;

    }

}*/



ul.thumbs li a.thumbnail:hover .description {

	height: 50px;

	opacity: 1;



}



ul.thumbs li.content {

	width: 100% !important;

	display: none;

	margin-bottom: 40px;

	background-color: #f62a0f;

	float: left;

    height: 350px;

	position: relative;

	padding: 45px 0 45px;

}



ul.thumbs li.content h3 {

    display: inline-block;

}



ul.thumbs li.content h5{

    display: block;

    height: 50px; 

    line-height: 50px;

}



ul.thumbs li.content p{

    display: block;

    padding: 15px 0px;

    line-height: 170%;

}







ul.thumbs li.content .close {

    position: absolute;

    top: 0;

    right: 0;

    color: #c2c2c2;

    cursor: pointer;

    font-weight: normal;

    font-family: -webkit-pictograph;

    font-size: 76px;

    line-height: 70px;

}



ul.thumbs li.content .close:hover {

    opacity: 0.7;

}



ul.thumbs li.content .media {

    display: inline-block;

    float: left;

    margin-right: 20px;

    width: 35%;

    min-height: 200px;

}



ul.thumbs li.content .media img {

    max-width: 100%;

}



@media (max-width: 1080px) {

	.close {

		right: 0 !important;

		top: 7px !important;

	}

	ul.thumbs .media {

		margin-right: 0;

		margin-bottom: 20px;

	}

}

@media (max-width: 590px) {

	/*ul.thumbs li {

		width: 100% !important;

	}*/

	ul.thumbs .media {

		display: none !important;

	}

}

@media (max-width: 700px) and (min-width: 590px) {

	ul.thumbs .media {

		width: 100% !important;

		display: block !important;

		margin-top: 60px;

	}

}



.portfolio-content {

    display: none;

}



.p-c-more{ color: #ffffff; border: #ffffff 1px solid;height: 30px; line-height: 30px; text-align: center; padding:5px 20px; margin-top:20px; }