<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

.portfolio-work-grid{
	padding:0;
}
.portfolio-work-grid{
	position:relative;
}
.portfolio-work-grid-pic img{
	width:100%;
}
.portfolio-work-grid-pic{
	position:relative;
}
.portfolio-work-grid-caption{
	display: none;
	position: absolute;
	top: 0;
	background: rgba(153, 153, 153, 0.8);
	text-align: center;
	bottom: 0;
	width: 100%;
}
.portfolio-work-grid-caption  h4{
	font-weight:700;
	font-size:1.5em;
	text-transform:uppercase;
	color:#FFF;
}
.portfolio-work-grid-caption  span {
	font-size: 14pt; 
	color: white;
}
.portfolio-work-grid:hover div.portfolio-work-grid-caption{
	display:block;
}
.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
}

@media (max-width:1024px){
	.portfolio-work-grid-caption {
		padding: 2.4em 1em 0em 1em;
	}
	.portfolio-top-left-grid-right p {
		width: 100%;
	}
	.portfolio-work-grid-caption  span {
	font-size: 12pt; 
	color: white;
}
	.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
	font-size: 10pt;
}
	.portfolio-top-left {
		background: url(../images/portbg-1.png) no-repeat 68% 51%;
	}
}
@media (max-width:768px){
	.portfolio-work-grid-caption {
		padding: 2.4em 1em 0em 1em;
	}
	.portfolio-work-grid-caption  span {
	font-size: 11pt; 
	color: white;
}
	.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
	font-size: 10pt;
}
	.portfolio-top-left-grid-right p {
		width: 100%;
	}
	.portfolio-top-left {
		background: url(../images/portbg-1.png) no-repeat 68% 51%;
		padding: 1.5em 4em 1.5em 4em;
	}
}
@media (max-width:640px){
	.portfolio-work-grid-caption {
		padding: 2.4em 1em 0em 1em;
	}
	.portfolio-top-left-grid-right p {
		width: 100%;
	}
	.portfolio-work-grid-caption  span {
	font-size: 10pt; 
	color: white;
}
	.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
	font-size: 9pt;
}
	.portfolio-top-left {
		background: url(../images/portbg-1.png) no-repeat 68% 51%;
		padding: 1.5em 3em 1.5em 3em;
	}
}
@media (max-width:480px){
	.portfolio-work-grid-caption {
		padding: 2.4em 1em 0em 1em;
	}
	.portfolio-work-grid-caption  span {
	font-size: 9pt; 
	color: white;
}
	.portfolio-top-left-grid-right p {
		width: 100%;
	}
	.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
	font-size: 8pt;
}
	.portfolio-top-left {
		background: url(../images/portbg-1.png) no-repeat 68% 51%;
		padding: 1.5em 2em 1.5em 1.8em;
	}
}
@media (max-width:320px){
	.portfolio-work-grid-caption {
		padding: 0.5em 1em 0em 1em;
	}
	.portfolio-work-grid-caption  span {
	font-size: 8pt; 
	color: white;
}
	.portfolio-top-left-grid-right p {
		width: 100%;
	}
	.portfolio-work-grid-caption p{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	color: #FFF;
	font-size: 7pt;
}
	.portfolio-top-left {
		background: url(../images/portbg-1.png) no-repeat 68% 51%;
		padding: 1.5em 1em 1.5em 1em;
	}
	.portfolio-top-left-grid-right h5 {
		font-size: 1.1em;
	}
	.portfolio-top-left-grid-right {
		width: 82%;
	}
	.portfolio-work-grid-caption h4 {
		font-size: 1.3em;
	}
}
</pre></body></html>