article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block;
}
audio,canvas,video{
    display:inline-block;
}
audio:not([controls]){
    display:none;
    height:0;
}
[hidden]{
    display:none;
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body{
    margin:0;
}
a:focus{
    outline:thin dotted;
}
a:active,a:hover{
    outline:0;
}
h1{
    font-size:2em;
    margin:0.67em 0;
}
abbr[title]{
    border-bottom:1px dotted;
}
b,strong{
    font-weight:bold;
}
dfn{
    font-style:italic;
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
}
mark{
    background:#ff0;
    color:#000;
}
code,kbd,pre,samp{
    font-family:monospace,serif;
    font-size:1em;
}
pre{
    white-space:pre-wrap;
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019";
}
small{
    font-size:80%;
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{
    top:-0.5em;
}
sub{
    bottom:-0.25em;
}
img{
    border:0;
}
svg:not(:root){
    overflow:hidden;
}
figure{
    margin:0;
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em;
}
legend{
    border:0;
    padding:0;
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0;
}
button,input{
    line-height:normal;
}
button,select{
    text-transform:none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer;
}
button[disabled],html input[disabled]{
    cursor:default;
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0;
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0;
}
textarea{
    overflow:auto;
    vertical-align:top;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}

/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

.clearfix:before, 
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body { background: #fff; }

a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1082px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10% 2% 5% 2%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 45%;
	background: #fff;
	text-align: center;
	cursor: pointer;
	
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
	border-radius: 20px;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.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 {
	font-family: 'Open Sans Condensed';
	font-weight: 700;
	color: #bf0026;
	text-transform: uppercase;
	}
	
.grid .light {
	text-transform: none;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 300;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure h2 {
	display: inline-block !important;
}

.grid figure p {
	font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.grid figure p#sb-mdl {
	background: rgba(191, 0, 38, 1);
	padding: 8px 8px !important;
}

/* Individual effects */



/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley-1 figcaption, 
figure.effect-marley-2 figcaption {
	text-align: left;
}

figure.effect-marley-1 h2,
figure.effect-marley-1 p,
figure.effect-marley-2 p {
	position: absolute;
	left: 30px;
	padding: 8px 0;
}

figure.effect-marley-2 h2 {
	position: absolute;
	left: 30px;
	padding: 4px 0;
}

figure.effect-marley-1 p,
figure.effect-marley-2 p {
	bottom: 25px;
	line-height: 1.2;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley-1 h2,
figure.effect-marley-2 h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley-1 h2 {
	font-family:'BernhardFashionBTWXX-Rg'; 
	font-size: 30px; 
	color: #fff; 
	text-transform: none;
}


figure.effect-marley-1:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley-2:hover h2 {	
	border-top: 1px solid #bf0026;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley-1 h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley-2 h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #bf0026;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley-1 h2::after,
figure.effect-marley-1 p,
figure.effect-marley-2 h2::after,
figure.effect-marley-2 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley-1:hover h2::after,
figure.effect-marley-1:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley-2:hover h2::after
 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley-2:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley-1 h2,
figure.effect-marley-1 h2 {
	
}





@media screen and (max-width: 1024px) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: block;
		float: none;
		margin: 30px auto;
		width: 320px;
	}
	
	.grid figure h2 {
		font-size: 20px;
	}
	
	.grid figure p {
		font-size: 12px;
		bottom: 15px;
	}
	
	figure.effect-marley-1 h2,
	figure.effect-marley-2 h2 {
		top: 14px;
	}
}