.grid {

	position: relative;

	clear: both;



}



/* Common style */

.grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	min-width: 210px;

	width: 100%;

	height: auto;

  cursor: context-menu;

	border-radius:5px;

}

.itemid-108 .grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	width: 100%;

  cursor: context-menu;

	border-radius:10px;

}

.itemid-108 .grid.gdd figure {

	position: relative;

	float: left;

	overflow: hidden;

	width: 275px;

  	cursor: context-menu;

	border-radius:0px !important;  	

	margin-bottom: 30px;

}

.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {



	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

padding: 0px;	

}



.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}





figure.effect-apollo {



}



figure.effect-apollo img {

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}



.itemid-108 figure.effect-apollo img {

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale3d(1,1,1);

	transform: scale3d(1,1,1);

		border-radius:10px;

}



figure.effect-apollo figcaption::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 130%;

	height: 100%;

	background: rgba(255,255,255,0.5);

	content: '';

	-webkit-transition: -webkit-transform 0.6s;

	transition: transform 0.6s;

	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);

	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);

}



figure.effect-apollo p {

/*

	position: absolute;

	right: 50px;

	bottom: 50px;

	margin: 3em;

	padding: 0 1em;

	max-width: 150px;

	border-right: 4px solid #fff;

	text-align: right;

	opacity: 0;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

*/	

}

figure.effect-apollo .s3-cap-go {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-go {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}

figure.effect-apollo .s3-cap-facebook {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-facebook {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

	padding-right: 3px;	

}

figure.effect-apollo .s3-cap-twitter {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-twitter {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

	padding-right: 3px;	

}

figure.effect-apollo .s3-cap-linkedin {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-linkedin {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

	padding-right: 3px;	

}

figure.effect-apollo .s3-cap-google {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-google {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}

figure.effect-apollo .s3-cap-go {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .s3-cap-go {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}

figure.effect-apollo .figc-ivantage, figure.effect-apollo .figc-sjit, figure.effect-apollo .figc-wandl, figure.effect-apollo .figc-3c, figure.effect-apollo .figc-lms, figure.effect-apollo .figc-will, figure.effect-apollo .figc-bpdc, figure.effect-apollo .figc-dw, figure.effect-apollo .figc-rug, figure.effect-apollo .figc-snap, figure.effect-apollo .figc-lfs {

	opacity: 0;	

	  -webkit-transition: all 0.3s ease-in-out;

	  -moz-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.effect-apollo:hover .figc-ivantage, figure.effect-apollo:hover .figc-sjit, figure.effect-apollo:hover .figc-wandl, figure.effect-apollo:hover .figc-3c, figure.effect-apollo:hover .figc-lms, figure.effect-apollo:hover .figc-will, figure.effect-apollo:hover .figc-bpdc, figure.effect-apollo:hover .figc-dw, figure.effect-apollo:hover .figc-rug, figure.effect-apollo:hover .figc-snap, figure.effect-apollo:hover .figc-lfs {

	opacity: 1;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}







figure.effect-apollo h2 {

	text-align: left;

}



figure.effect-apollo:hover img {

	opacity: 1;

	-webkit-transform: scale3d(1,1,1);

	transform: scale3d(1,1,1);

}

.itemid-108 figure.effect-apollo:hover img {

	opacity: 1;

	-webkit-transform: scale3d(1.02,1.02,1);

	transform: scale3d(1.02,1.02,1);

}

figure.effect-apollo:hover figcaption::before {

	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);

	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);

}

.itemid-108 figure.effect-apollo:hover figcaption::before {

	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);

	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);

}



figure.effect-apollo:hover p {

/*

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

*/	

}



figure.effect-apollo .prt-scrn-hvr-1 {

	opacity: 0;	

}

figure.effect-apollo:hover .prt-scrn-hvr-1 {

	opacity: 1;

   transition: opacity .45s ease-in-out;

   -moz-transition: opacity .45s ease-in-out;

   -webkit-transition: opacity .45s ease-in-out;

}

figure.effect-apollo .prt-scrn-hvr-2 {

	opacity: 0;	

}

figure.effect-apollo:hover .prt-scrn-hvr-2 {

	opacity: 1;

   transition: opacity .45s ease-in-out;

   -moz-transition: opacity .45s ease-in-out;

   -webkit-transition: opacity .45s ease-in-out;

}

figure.effect-apollo .prt-scrn-hvr-3 {

	opacity: 0;	

}

figure.effect-apollo:hover .prt-scrn-hvr-3 {

	opacity: 1;

   transition: opacity .45s ease-in-out;

   -moz-transition: opacity .45s ease-in-out;

   -webkit-transition: opacity .45s ease-in-out;

}

figure.effect-apollo a.prt-scrn-go {

	opacity: 0;		

}

figure.effect-apollo:hover a.prt-scrn-go {

	opacity: 1;

   transition: opacity .45s ease-in-out;

   -moz-transition: opacity .45s ease-in-out;

   -webkit-transition: opacity .45s ease-in-out;

}



/* Media queries */

@media screen and (max-width: 50em) {



}