@charset "UTF-8";
/* CSS Document - KEFSKI Version */

img.lazy {
  display: none;
}

#rdsBlogContainer {
	margin-top:80px;
	padding:15px;
	width:100%;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
	#rdsBlogContainer {
		margin-top:50px;
	}
}

.grid {
    width: 100%;
}

.grid-item {
    height:auto; 
	visibility:hidden;
}

.sm {
}

.md {
}

.lg {
}

.grid-item {
    cursor: pointer;
	transform-style: flat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(1000px);
    -webkit-transform-style: preserve-3d;
}

.rdsPostImage {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;	
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 2px;
}

.rdsPostBack {
	-webkit-transform: translateZ(1000px);
    -webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 20;
	border-top:1px #000 solid;
	background: rgba(245,245,245,.9);
	color: #000;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	padding:2em;
	box-sizing: border-box;
	font-size:11px;
	z-index:1;
}

.grid-item.flipped img.rdsPostImage {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.grid-item.flipped .rdsPostBack {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.rdsBlogInfoHeader {
	font-size:150%;
	font-weight:300;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

@media only screen 
and (min-width : 576px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 992px) {
	
}

@media only screen and (min-width: 1200px) {
	
}