/* 
	csw-imagetextblock-rollover.css 
	
	Rollover Effects
	---------------------------	
	01 * expose up=cswRollover-01,
	02 center - expose up=cswRollover-02,
	03 * shift down with bottom-line=cswRollover-03,
	04 * expose in box with overlapped lines=cswRollover-04,
	05 hidden - expose title on bottom bar=cswRollover-05,
	06 hidden - expose title on top bar=cswRollover-06,
	07 * zoom out box=cswRollover-07,
	08 * shift up and expose box=cswRollover-08,
	09 top right - shift-up and expose with line=cswRollover-09,
	10 * expose in box below=cswRollover-10,
	11 * expose in full sliding box=cswRollover-11,
	12 * animated box=cswRollover-12,
	13 line to x=cswRollover-13,
	14 bordered above - move border down=cswRollover-14,
	15 top left - slide from right with line=cswRollover-15,
	16 * expose in shrinking box=cswRollover-16,
	17 bottom right - expose top left with vertical line=cswRollover-17,
	18 botton - slide up bottom bar=cswRollover-18,
	19 top center - vertical swipe - bottom description=cswRollover-21,
	20 top center - diagonal swipe - bottom right description=cswRollover-20,
	21 top center - diagonal swipe - bottom description=cswRollover-21,
	22 top center - line expands=cswRollover-22,
	23 boxed top center - expose second box=cswRollover-23,
	24 bordered top left - expose in second bordered box=cswRollover-24,
	25 center - expose diagonal lines=cswRollover-25,
	26 top center - expose in shrinking darker box=cswRollover-26,
	27 top center - expose outlined box on bottom=cswRollover-27
	28 center bar replace with description=cswRollover-28
	29 hidden - expose title in top bar with description below=cswRollover-29
	30 hidden - reveal left=cswRollover-30
	31 hidden - reveal right=cswRollover-31
	32 hidden - reveal top=cswRollover-32
	33 hidden - reveal bottom=cswRollover-33
	34 hidden - push left=cswRollover-34
	35 hidden - push right=cswRollover-35
	36 hidden - push up=cswRollover-36
	37 hidden - push down=cswRollover-37
	
		
	Version: [2018-01-02 01:28 pm]
*/


/************************************** 
	FOR ALL Textblocks 
****************************************/

/* Main Container */
.cswImageTextblockRollover {
  	display: flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
  	flex-wrap: wrap; 
 	justify-content: center;
}

/* Each Individual Icon-Textblock */
.cswImageTextblockRollover .cswImageTextblockContainer {
	display: inline-block;
	box-sizing: border-box;
}

.cswImageTextblockRollover .cswImageTextblockContainer .cswImage {
	width: 100%;
	background-repeat: no-repeat;
}



/*****************************************************/

/* Common style */
.cswRolloverContainer {
	height: 100%;
}

.cswRolloverContainer figure {
	position: relative;
	overflow: hidden;
	cursor: pointer;	
	text-align: center;	
}

.cswRolloverContainer figure .cswImageWrapper {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.cswRolloverContainer figure figcaption {
	padding: 10%; /** 2em **/
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cswRolloverContainer figure figcaption::before,
.cswRolloverContainer figure figcaption::after {
	pointer-events: none;
}

.cswRolloverContainer figure figcaption,
.cswRolloverContainer 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 */
.cswRolloverContainer figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.cswRolloverContainer figure .cswTitleWrapper span {
	font-weight: 800;
}

.cswRolloverContainer figure .cswTitleWrapper,
.cswRolloverContainer figure .cswDescWrapper {
	margin: 0;
}



.cswTitleWrapper > p,
.cswTitleWrapper > div,
.cswTitleWrapper > h2,
.cswTitleWrapper > h3,
.cswTitleWrapper > h4,
.cswTitleWrapper > h5,
.cswDescWrapper > p,
.cswDescWrapper > div,
.cswDescWrapper > h2,
.cswDescWrapper > h3,
.cswDescWrapper > h4,
.cswDescWrapper > h5 {
	overflow: hidden;
} 



/* Title Color - link */
.cswIconTextblock .cswTitle a,
.cswIconTextblock .cswTitle a:visited,
.cswIconTextblock .cswTitle a:hover,
.cswIconTextblock .cswTitle a:focus,
.cswIconTextblock .cswTitle a:active {
	color: inherit; 
}


/*************************/
/* Position              */
/*************************/
figure.cswRolloverPos-top figcaption > div {
	/* positioned top */
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	padding: 5%;
}

figure.cswRolloverPos-center figcaption > div {
	/* positioned center */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:0;
	right: 0;
	padding: 5%;
}

figure.cswRolloverPos-bottom figcaption > div {
	/* positioned bottom */
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	padding: 5%;
}



.cswMainImgOverlay.cswActive {
	background-color: currentColor;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
	transition: all 0.35s;
}

figure:hover .cswMainImgOverlay {
	background-image: none !important;
	background-color: transparent !important;
	opacity: 0 !important;
	transition: all 0.35s;
}

.cswHoverImgOverlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
	transition: all 0.35s;
}

figure:not(:hover) .cswHoverImgOverlay {
	background-image: none !important;
	background-color: transparent !important;
	opacity: 0 !important;
	transition: all 0.35s;
}

figure:hover .cswHoverImgOverlay.cswActive {
	background-color: currentColor !important;
	transition: all 0.35s;
}





/* Individual effects */

/*----------------------------*/
/* 01 - expose-up */
/*----------------------------*/

figure.cswRollover-01 .cswImageWrapper {
	max-width: none;
}

figure.cswRollover-01 figcaption {
	text-align: left;
}

figure.cswRollover-01 figcaption > div {
	padding: 2em;
}

figure.cswRollover-01 .cswTitleWrapper,
figure.cswRollover-01 .cswDescWrapper {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	transition: all 0.35s;
}

figure.cswRollover-01 .cswDescWrapper {
	/* color: rgba(255,255,255,0.8); */
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.cswRollover-01:hover .cswImage,
figure.cswRollover-01:hover .cswDescWrapper {
	opacity: 1;
	transition: all 0.35s;
}

/* figure.cswRollover-01:hover .cswImageWrapper, */
figure.cswRollover-01:hover .cswTitleWrapper,
figure.cswRollover-01:hover .cswDescWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;	
}

figure.cswRollover-01:hover .cswDescWrapper {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}



/*------------------------*/
/* 02 - center-expose-up  */
/*------------------------*/

figure.cswRollover-02 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;		
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.cswRollover-02 .cswTitleWrapper {
	text-align: center; /* added */
	position: absolute;
	padding: 5%;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	transition: all 0.35s;
}

figure.cswRollover-02 figcaption::before,
figure.cswRollover-02 .cswDescWrapper {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.cswRollover-02 .cswDescWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5%;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.cswRollover-02 .cswTitleWrapper,	/* added */
figure.cswRollover-02 .cswDescWrapper {
	z-index: 1000;
}

figure.cswRollover-02:hover .cswTitleWrapper {
	/* color: #fff; */
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.cswRollover-02:hover figcaption::before,
figure.cswRollover-02:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------------------*/
/* 03 shift-down-bottom-line */
/*---------------------------*/

figure.cswRollover-03 .cswImage {
	transition: all 0.35s;
}



figure.cswRollover-03 figcaption::before {
	/* draws think white line at bottom */
	position: absolute;
	bottom: 0;	
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.cswRollover-03 .cswTitleWrapper {
	width: 100%;
	text-align: left;
	/* move up 30 pixels */
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.cswRollover-03 .cswDescWrapper {	
	font-style: normal;
	opacity: 0;
	transition: all 0.35s;
	/* move up 30 pixels */
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
	padding-bottom: 10%;
	width: 100%;
	text-align: left;	
}

figure.cswRollover-03 figcaption::before,
figure.cswRollover-03 .cswTitleWrapper {
	transition: all 0.35s;
}

figure.cswRollover-03:hover figcaption::before,
figure.cswRollover-03:hover .cswTitleWrapper,
figure.cswRollover-03:hover .cswDescWrapper {	
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*------------------------------------------*/
/* 04 - expose in box with overlapped lines */
/*+-----------------------------------------*/

figure.cswRollover-04 figcaption {
	padding: 3em;
}

figure.cswRollover-04 figcaption::before,
figure.cswRollover-04 figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.cswRollover-04 figcaption::before {
	top: 10%;
	right: 5%;
	bottom: 10%;
	left: 5%;
	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.cswRollover-04 figcaption::after {
	top: 5%;
	right: 10%;
	bottom: 5%;
	left: 10%;

	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.cswRollover-04 .cswTitleWrapper {
	margin: 7% 12% 0 12%;
	transition: all 0.35s;
	/* move up 30 pixles */
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

figure.cswRollover-04 .cswDescWrapper {
	margin: 0 12% 7% 12%;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	transition: all 0.35s;
}


/* figure.cswRollover-04 .cswImageWrapper, */
figure.cswRollover-04 figcaption::before,
figure.cswRollover-04 figcaption::after,
figure.cswRollover-04 .cswDescWrapper {
	transition: all 0.35s;
}


figure.cswRollover-04:hover figcaption::before,
figure.cswRollover-04:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.35s;
}

figure.cswRollover-04:hover .cswTitleWrapper,
figure.cswRollover-04:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;
}

/*figure.cswRollover-04:hover img, */
figure.cswRollover-04:hover figcaption::after,
figure.cswRollover-04:hover .cswTitleWrapper,
figure.cswRollover-04:hover .cswDescWrapper {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}


/*--------------------------------------*/
/* 05 - hidden-expose-title-bottom-bar  */
/*--------------------------------------*/

figure.cswRollover-05 figcaption {
	top: 0;
	bottom: 0;
	padding: 1em;
	margin: 0;
	padding: 0;

	/* move below */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.cswRollover-05 .cswTitleWrapper  {
	position: absolute;
	width: 100%;
	text-align:left;
	padding: 1em;
	background-color: currentColor;
	bottom:0;
}

figure.cswRollover-05 .cswDescWrapper {
	position: absolute;
	padding: 2em;
	top: 50%;	
	transform: translateY(-50%);	
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.cswRollover-05:hover .cswTitleWrapper, 
figure.cswRollover-05:hover .cswDescWrapper /*p.description*/ {
	opacity: 1;
}

figure.cswRollover-05:hover .cswDescWrapper {
	top: 40%;	
	transform: translateY(-50%);	
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.cswRollover-05:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-05:hover .cswTitleWrapper {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

/*-----------------------------------*/
/* 06 - hidden-expose-title-top-bar  */
/*-----------------------------------*/

figure.cswRollover-06 figcaption {
	top: 0;
	bottom: 0;
	padding: 1em;
	margin: 0;
	padding: 0;

	/* move below */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,-200%,0);
	transform: translate3d(0,-200%,0);
}

figure.cswRollover-06 .cswTitleWrapper  {
	position: relative;
	width: 100%;
	text-align:left;
	padding: .6em;
	background-color: currentColor;
}

figure.cswRollover-06 .cswDescWrapper {
	position: relative;
	padding: 2em;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.cswRollover-06:hover .cswTitleWrapper, 
figure.cswRollover-06:hover .cswDescWrapper /*p.description*/ {
	opacity: 1;
}

figure.cswRollover-06:hover .cswDescWrapper {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.cswRollover-06:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-06:hover .cswTitleWrapper {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

/*---------------------------------*/
/* 07 - zoom out box */
/*---------------------------------*/

figure.cswRollover-07 .cswImageWrapper {
	transition: all 0.35s;
}

figure.cswRollover-07 figcaption {
	padding: 3em;
}


figure.cswRollover-07 figcaption::before {
	position: absolute;
	top: 7.5%;
	right: 7.5%;
	bottom: 7.5%;
	left: 7.5%;
	border: 1px solid #fff;
	content: '';
}



figure.cswRollover-07 .cswTitleWrapper {
	transition: all 0.35s;

}

figure.cswRollover-07 .cswDescWrapper {
	padding:0 5%;
}

figure.cswRollover-07 figcaption::before,
figure.cswRollover-07 .cswDescWrapper {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all 0.35s;
}

/* on hover */
figure.cswRollover-07:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;
}

figure.cswRollover-07:hover figcaption::before,
figure.cswRollover-07:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.35s;
}


/*---------------------------------*/
/* 08 - center-shift-up-expose-box */
/*---------------------------------*/



figure.cswRollover-08 figcaption {
	padding: 3em;
}


figure.cswRollover-08 figcaption::before {
	position: absolute;
	top: 7.5%;
	right: 7.5%;
	bottom: 7.5%;
	left: 7.5%;
	border: 1px solid #fff;
	content: '';
}




figure.cswRollover-08 .cswTitleWrapper {
	transition: all 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.cswRollover-08 figcaption::before,
figure.cswRollover-08 .cswDescWrapper {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all 0.35s;
}

figure.cswRollover-08 .cswDescWrapper {
	padding:0 5%;
}

/* on hover */
figure.cswRollover-08:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;
}

figure.cswRollover-08:hover figcaption::before,
figure.cswRollover-08:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.35s;
}




/*------------------------------------------*/
/* 09 = top-right-shift-up-expose-with-line */
/*------------------------------------------*/

figure.cswRollover-09 figcaption {
	text-align: right;
}

figure.cswRollover-09 .cswTitleWrapper,
figure.cswRollover-09 .cswDescWrapper {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}

figure.cswRollover-09 .cswDescWrapper {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.cswRollover-09 .cswTitleWrapper {
	top: 30px;
	transition: all 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.cswRollover-09:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-09 .cswTitleWrapper::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.cswRollover-09 .cswTitleWrapper::after,
figure.cswRollover-09 .cswDescWrapper {
	opacity: 0;
	transition: all 0.35s;
}

figure.cswRollover-09:hover .cswTitleWrapper::after,
figure.cswRollover-09:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*---------------------------------*/
/* 10 = center-expose-in-box-below */
/*---------------------------------*/


figure.cswRollover-10 .cswImage {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;

}

figure.cswRollover-10 .cswTitleWrapper {
	transition: all 0.35s;
	/* move down 20px */
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.cswRollover-10 .cswDescWrapper {
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	transition: all 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.cswRollover-10:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;
}

figure.cswRollover-10:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
	transition: all 0.35s;
}


/*----------------------------*/
/* 11 - slide-expose-full-box */
/*----------------------------*/

figure.cswRollover-11 figcaption::before {
	position: absolute;
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	transition: all 0.5s
}

figure.cswRollover-11 figcaption {
	text-align: left;
}

figure.cswRollover-11 .cswTitleWrapper {
	margin: 15% 15% 0 15%;
	transition: all 0.5s;
}

figure.cswRollover-11 .cswDescWrapper {
	margin: 0 15% 15% 15%;
	opacity: 0;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	transition: all 0.5s;
}


figure.cswRollover-11:hover figcaption::before,
figure.cswRollover-11:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.5s
}


/*--------------------------*/
/* 12 - center-animated-box */
/*--------------------------*/


figure.cswRollover-12 figcaption::before,
figure.cswRollover-12 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s;
}

figure.cswRollover-12 figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.cswRollover-12 figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.cswRollover-12 .cswTitleWrapper {
	margin: 10px 40px 0 40px;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	transition: all 0.35s;	
}

figure.cswRollover-12 .cswDescWrapper {
	margin: 0 40px 10px 40px;
	opacity: 0;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	transition: all 0.35s;
}

figure.cswRollover-12:hover figcaption::before,
figure.cswRollover-12:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.35s;
}

figure.cswRollover-12:hover .cswTitleWrapper,
figure.cswRollover-12:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;
}


/*-----------------*/
/* 13 - line-to-x  */
/*-----------------*/

figure.cswRollover-13 {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.cswRollover-13 .cswImageWrapper {
	transition: all 0.35s;
}

figure.cswRollover-13 figcaption::before,
figure.cswRollover-13 figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	transition: all 0.35s;
}

figure.cswRollover-13 .cswTitleWrapper {
	position: absolute;
	bottom: 52.5%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: all 0.35s;
}

figure.cswRollover-13 .cswDescWrapper {
	position: absolute;
	top: 52.5%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: all 0.35s;
}


figure.cswRollover-13 .cswTitleWrapper {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.cswRollover-13 .cswDescWrapper {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

/* hover */
figure.cswRollover-13:hover figcaption::before {
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.cswRollover-13:hover figcaption::after {
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.cswRollover-13:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0) translate3d(0,0,0);
	transform: translate3d(0,0,0) translate3d(0,0,0);
}

figure.cswRollover-13:hover .cswDescWrapper {
	-webkit-transform: translate3d(0,0,0) translate3d(0,0,0);
	transform: translate3d(0,0,0) translate3d(0,0,0);	
}

/*----------------------------*/
/* 14 - boxed-above-move-down */
/*----------------------------*/

figure.cswRollover-14 .cswImageWrapper {
	transition: all 0.35s;
}



figure.cswRollover-14:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-14 figcaption {
	padding: 3em;
	text-align: left;
}

figure.cswRollover-14 .cswTitleWrapper {
	position: absolute;
	right: 30px;
	top: 30px;
	left: 30px;
	opacity: 1;
	padding: 20px;
	border: 7px solid white;
	transition: border 0.35s, opacity 0.75s, transform 0.75s;	
}

figure.cswRollover-14 .cswDescWrapper {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	padding: 20px;
	opacity: 0;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	transition: all 0.35s;
}

figure.cswRollover-14:hover .cswTitleWrapper {
	opacity: 1;
	border: 7px solid transparent;
	padding: 20px;
	transition: border 0.35s, opacity 0.75s, transform 0.75s;
}

figure.cswRollover-14 .cswTitleWrapper .cswTitle {
	margin: 0;
}

figure.cswRollover-14:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	border: 7px solid white;
	transition: border 0.35s, opacity 0.75s, transform 0.75s;
}


/*--------------------------------*/
/* 15 - top-left-slide from right */
/*--------------------------------*/


figure.cswRollover-15 figcaption {
	text-align: left;
}

figure.cswRollover-15 .cswTitleWrapper {
	position: relative;
	overflow: hidden;
	padding: 10% 10%;
}

figure.cswRollover-15 .cswTitleWrapper::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	opacity: 0;
	transition: opacity 0.15s, transform 0.5s;	
}

figure.cswRollover-15:hover .cswTitleWrapper::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: opacity 0.15s, transform 0.5s;	
}

figure.cswRollover-15 .cswDescWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10%;
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	transition: all 0.5s;
	
}

figure.cswRollover-15:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.5s;
}

/*------------------------------*/
/* 16 - expose in shrinking box */
/*------------------------------*/

figure.cswRollover-16 .cswImageWrapper {
	-webkit-transition: opacity 0.35s; /*, -webkit-transform 0.35s; */
	transition: opacity 0.35s; /*, transform 0.35s; */
}


figure.cswRollover-16 figcaption {
	padding: 3em;
}

figure.cswRollover-16 figcaption::before {
	position: absolute;
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.cswRollover-16 figcaption::before,
figure.cswRollover-16 .cswDescWrapper {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


figure.cswRollover-16 .cswDescWrapper {
	margin: 0 auto;
	max-width: 75%;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.cswRollover-16:hover figcaption::before,
figure.cswRollover-16:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}




/*---------------------------------------------------------*/
/* 17 - bottom right - expose top left with vertical line  */
/*----------------------------------------------------------*/


figure.cswRollover-17 .cswImageWrapper {

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

}

figure.cswRollover-17 {
	text-align: left;
}

figure.cswRollover-17 .cswTitleWrapper {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
	text-align: right;
}

figure.cswRollover-17 .cswDescWrapper {
	display: inline-block;
	opacity: 0;
	padding: 0 10px 0 0;
	width: 70%;
	border-right: 1px solid #fff;
	text-align: right;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	transition: all 0.35s;
}

figure.cswRollover-17:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all 0.35s;	
}


/*---------------------------*/
/* 18 - slide up bottom bar */
/*--------------------------*/

figure.cswRollover-18 {
	/* background: currentColor; */
}

figure.cswRollover-18 figcaption {
	text-align:center;
}

figure.cswRollover-18 .cswImageWrapper,
figure.cswRollover-18 .cswTitleWrapper {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.cswRollover-18 .cswImageWrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.cswRollover-18 .cswTitleWrapper {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 1em;
	width: 100%;
	transform: translateY(50%);
}

figure.cswRollover-18 .cswDescWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	width: 100%;
}

figure.cswRollover-18 .cswDescWrapper {
	background: currentColor;
   border: 1px solid currentColor;
	text-transform: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.cswRollover-18:hover .cswImageWrapper {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.cswRollover-18:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.cswRollover-18:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*------------------------------------------*/
/* 19 - vertical swipe - bottom description */
/*------------------------------------------*/

figure.cswRollover-19 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	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,0deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,0deg) translate3d(0,-100%,0);
}

figure.cswRollover-19 .cswDescWrapper {
	position: absolute;
	left:0;
	right: 0;
	bottom: 10%;
	margin: 0;
	padding: 0 1em;
	width: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-19 .csTitleWrapper {
	text-align: left;
}


figure.cswRollover-19:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,0deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,0deg) translate3d(0,100%,0);
}

figure.cswRollover-19:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


/*------------------------------------------------*/
/* 20 - diagonal swipe - bottom right description */
/*------------------------------------------------*/

figure.cswRollover-20 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	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.cswRollover-20 .cswDescWrapper {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 70%;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-20 .csTitleWrapper {
	text-align: left;
}

figure.cswRollover-20: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);
}

figure.cswRollover-20:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*------------------------------------------*/
/* 21 - diagonal swipe - center description */
/*------------------------------------------*/


figure.cswRollover-21 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	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.cswRollover-21 .cswDescWrapper {
	position: absolute;
	left:0;
	right: 0;
	bottom: 10%;
	margin: 0;
	padding: 0 1em;
	width: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-21 .csTitleWrapper {
	text-align: left;
}

figure.cswRollover-21: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);
}

figure.cswRollover-21:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*--------------------*/
/* 22 - line expands  */
/*--------------------*/

figure.cswRollover-22 {
	background: #fff;
	text-align: left;
}

figure.cswRollover-22 .cswImageWrapper {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-22 figcaption {
	z-index: 1;
}

figure.cswRollover-22 .cswDescWrapper {
	margin-top: 15px;
	padding: 0.5em;
	opacity: 1;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	transition: all 0.35s;
	border-top: 1px solid white;
}
figure.cswRollover-22 .cswDescWrapper /*.cswDesc*/ {
	opacity: 0;
	color: white;
}


figure.cswRollover-22:hover .cswDescWrapper {
	opacity: 1;
	padding: 1em;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
	background-color: rgba(255,255,255,.8);
	border-top: 1px solid transparent;
	transition: all 0.35s;
}

figure.cswRollover-22:hover .cswDescWrapper .cswDescInner {
	opacity: 1;
	transition: all 0.35s;
}

/*-----------------*/
/* 23 - expose second box */
/*-----------------*/

figure.cswRollover-23 {
	z-index: auto;
	/* overflow: visible; */
	/** background: #000; **/
}

figure.cswRollover-23:before,
figure.cswRollover-23 .cswTitleWrapper:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-23 figcaption {
	z-index: 1;
}

figure.cswRollover-23 .cswTitleWrapper,
figure.cswRollover-23 .cswDescWrapper {
	background-color: currentColor;
}

figure.cswRollover-23 .cswTitleWrapper {
	position: relative;
	/** margin-top: 2em; **/
	padding: 1em;
}

figure.cswRollover-23 .cswDescWrapper {
	margin-top: 1em;
	padding: 0.5em;
	opacity: 0;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
	transition: all 0.35s;
}

figure.cswRollover-23:hover:before {
	opacity: 1;
}

figure.cswRollover-23:hover .cswTitleWrapper:before {
	opacity: 0;
}

figure.cswRollover-23:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*------------------------------------*/
/* 24 - expose - double outline boxes */
/*------------------------------------*/


figure.cswRollover-24 figcaption > div {
	position: relative;
	height: 100%;
}

figure.cswRollover-24 .cswTitleWrapper,
figure.cswRollover-24 .cswDescWrapper {
	padding: 5px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
	overflow: hidden;
}

figure.cswRollover-24 .cswTitleWrapper {
	padding: 5%;
	width: 50%;
	height: 50%;
	vertical-align: middle;
	text-align: center;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	transition: all 0.35s;
}

figure.cswRollover-24 .cswTitleWrapper .cswTitle {
	position: relative;
	transform: translateY(-50%);
	top: 50%;	
}

figure.cswRollover-24 .cswDescWrapper .cswDescInner {
	position: relative;
	transform: translateY(-50%);
	top: 50%;	
}

figure.cswRollover-24 .cswTitleWrapper .cswTitle > *,
figure.cswRollover-24 .cswDescWrapper .cswDesc > * {
	/* remove all padding/margin from inner text */
	margin: 0;
	padding: 0;
}

figure.cswRollover-24 .cswDescWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;	
	/** padding: 5%; **/
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.cswRollover-24:hover .cswTitleWrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-24:hover .cswDescWrapper {
	top: 50%;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	overflow: hidden;
	text-overflow: ellipsis;
}

figure.cswRollover-24:hover .cswDesc {
	overflow: hidden;
	text-overflow: ellipsis;
}

/*----------------------*/
/* 25 - expose diagonal */
/*----------------------*/


figure.cswRollover-25 figcaption::after,
figure.cswRollover-25 .cswImageWrapper,
figure.cswRollover-25 .cswDescWrapper {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.cswRollover-25 figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.cswRollover-25 .cswTitleWrapper,
figure.cswRollover-25 .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.cswRollover-25 .cswTitleWrapper {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.cswRollover-25 .cswDescWrapper {
	padding: 0.5em 2em;
	text-transform: none;
	/* font-size: 0.85em; */
	opacity: 0;
}

figure.cswRollover-25:hover .cswImageWrapper {
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.cswRollover-25:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.cswRollover-25:hover .cswTitleWrapper,
figure.cswRollover-25:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*------------------------------------*/
/* 26 - expose in srinking darker box */
/*------------------------------------*/

figure.cswRollover-26 {
	background: #030c17;
}

figure.cswRollover-26 .cswImageWrapper {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.cswRollover-26 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.cswRollover-26 .cswTitleWrapper {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.cswRollover-26 .cswDescWrapper {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.cswRollover-26:hover .cswTitleWrapper {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.cswRollover-26:hover figcaption::before,
figure.cswRollover-26:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.cswRollover-26:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.cswRollover-26:hover .cswImageWrapper {
	opacity: 0.4;
}

/*-----------------------------------*/
/* 27 - expose oulined box on bottom */
/*-----------------------------------*/

figure.cswRollover-27 .cswImageWrapper,
figure.cswRollover-27 p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.cswRollover-27 .cswTitleWrapper {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

figure.cswRollover-27 .cswDescWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 20px;
	border: 2px solid #fff;
	text-transform: none;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.cswRollover-27:hover .cswTitleWrapper,
figure.cswRollover-27:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*------------------------------------------------*/
/* 28 - hidden-expose-title-top-bar-with overlay  */
/*------------------------------------------------*/

figure.cswRollover-28 figcaption {
	top: 0;
	bottom: 0;
	padding: 1em;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

figure.cswRollover-28 figcaption > div {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

figure.cswRollover-28 .cswTitleWrapper  {
	position: absolute;
	left: 0;
	width: 100%;
	text-align:left;
	padding: 1em;
	background-color: currentColor;
	top: 50%;
	opacity: 1;
	transform: translateY(-50%);
	transition: all 0.5s;
}

figure.cswRollover-28 .cswDescWrapper {
	position: absolute;
	width: 100%;
	text-align:left;
	padding: 1em;
	top: 0;
	opacity: 0;
	-webkit-transform: translate3d(0,-200%,0);
	transform: translate3d(0,-200%,0);
	transition: all 0.5s;
}

figure.cswRollover-28:hover .cswTitleWrapper {
	position: absolute;
	top:0;
	transform: translateY(0);
	transition: all 0.5s;
}

figure.cswRollover-28:hover .cswDescWrapper {
	top:50%;
	opacity: 1;
	z-index:100;
	transform: translateY(-50%);
	-webkit-transition: translateY 0.35s, top 0.35s;
	transition: translateY 0.35s, top 0.35s, opacity 0.35s;
	-webkit-transition: opacity 0.35, stop 0.35s, opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}


/*--------------------------------------------------------------*/
/* 29 - hidden - expose title in top bar with description below */
/*--------------------------------------------------------------*/

figure.cswRollover-29 figcaption {
	top: 0;
	bottom: 0;
	padding: 1em;
	margin: 0;
	padding: 0;
	/* move above */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,-200%,0);
	transform: translate3d(0,-200%,0);
}

figure.cswRollover-29 .cswTitleWrapper  {
	position: relative;
	width: 100%;
	text-align:left;
	padding: 1em;
	background-color: currentColor;
	top:0;
	left:0;
}

figure.cswRollover-29 .cswDescWrapper {
	position: relative;
	padding: 2em;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}


figure.cswRollover-29:hover .cswTitleWrapper, 
figure.cswRollover-29:hover .cswDescWrapper {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 1;
}

figure.cswRollover-29:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.cswRollover-29:hover .cswTitleWrapper {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

figure.cswRollover-29:hover .cswDescWrapper {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}


/*-------------------------*/
/* 30 Hidden - reveal Left */
/*-------------------------*/
figure.cswRollover-30 figcaption {
	position: absolute;
	-webkit-transform: translate3d(200%,0,0);
	transform: translate3d(200%,0,0);
	opacity: 0;
	transition: all 0.35s;
}
figure.cswRollover-30:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: all 0.35s;
}

/*---------------------------*/
/* 31 Hidden - reveal Right -*/
/*---------------------------*/
figure.cswRollover-31 figcaption {
	position: absolute;
	-webkit-transform: translate3d(-200%,0,0);
	transform: translate3d(-200%,0,0);
	opacity: 0;
	transition: all 0.35s;
}
figure.cswRollover-31:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: all 0.35s;
}

/*------------------------*/
/* 32 Hidden - reveal top */
/*------------------------*/
figure.cswRollover-32 figcaption {
	position: absolute;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	opacity: 0;
	transition: all 0.35s;
}
figure.cswRollover-32:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: all 0.35s;
}

/*---------------------------*/
/* 33 Hidden - reveal bottom */
/*---------------------------*/
figure.cswRollover-33 figcaption {
	position: absolute;
	-webkit-transform: translate3d(0,-200%,0);
	transform: translate3d(0,-200%,0);
	opacity: 0;
	transition: all 0.35s;
}
figure.cswRollover-33:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: all 0.35s;
}


/*-----------------------*/
/* 34 Hidden - push left */
/*-----------------------*/

figure.cswRollover-34 .cswImage {
	opacity: 1;	
	position: relative;
	left:0;
	transition: all 1s;
}

figure.cswRollover-34 figcaption {
	left:100%;
	opacity: 1;	
	transition: all .75s;
}

figure.cswRollover-34 .cswHoverImgOverlay.cswActive {
	position: absolute;
	width: 100%;
	left:100%;
	background-color: currentColor !important;
	opacity: 1 !important;	
	transition: all .75s;
}

figure.cswRollover-34:hover .cswImage {
	opacity: 1;	
	left:-100%;
	transition: all .75s;
}

figure.cswRollover-34:hover figcaption,
figure.cswRollover-34:hover .cswHoverImgOverlay.cswActive {
	opacity: 1;	
	left:0;
	transition: all .75s;
}

/*------------------*/
/* 35 push - right  */
/*------------------*/
figure.cswRollover-35 .cswImage {
	opacity: 1;	
	position: relative;
	left:0;
	transition: all .75s;
}

figure.cswRollover-35 figcaption {
	left:-100%;
	opacity: 1;	
	transition: all .75s;
}

figure.cswRollover-35 .cswHoverImgOverlay.cswActive {
	position: absolute;
	width: 100%;
	left:-100%;
	background-color: currentColor !important;
	opacity: 1 !important;	
	transition: all .75s;
}

figure.cswRollover-35:hover .cswImage {
	opacity: 1;	
	left:100%;
	transition: all .75s;
}

figure.cswRollover-35:hover figcaption,
figure.cswRollover-35:hover .cswHoverImgOverlay.cswActive {
	opacity: 1;	
	left:0;
	transition: all .75s;
}


/*---------------*/
/* 36 push - up  */
/*---------------*/
figure.cswRollover-36 .cswImage {
	opacity: 1;	
	position: relative;
	left:0;
	top:0;
	transition: all .75s;
}

figure.cswRollover-36 figcaption {
	left: 0;
	top:100%;
	opacity: 1;	
	transition: all .75s;
}

figure.cswRollover-36 .cswHoverImgOverlay.cswActive {
	position: absolute;
	width: 100%;
	top:100%;
	background-color: currentColor !important;
	opacity: 1 !important;	
	transition: all .75s;
}

figure.cswRollover-36:hover .cswImage {
	opacity: 1;	
	top:-100%;
	transition: all .75s;
}

figure.cswRollover-36:hover figcaption,
figure.cswRollover-36:hover .cswHoverImgOverlay.cswActive {
	opacity: 1;	
	top:0;
	transition: all .75s;
}

/*----------------*/
/* 37 push - down */
/*----------------*/
figure.cswRollover-37 .cswImage {
	opacity: 1;	
	position: relative;
	left:0;
	top:0;
	transition: all .75s;
}

figure.cswRollover-37 figcaption {
	left: 0;
	top:-100%;
	opacity: 1;	
	transition: all .75s;
}

figure.cswRollover-37 .cswHoverImgOverlay.cswActive {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:-100%;
	background-color: currentColor !important;
	opacity: 1 !important;	
	transition: all .75s;
}

figure.cswRollover-37:hover .cswImage {
	opacity: 1;	
	top:100%;
	transition: all .75s;
}

figure.cswRollover-37:hover figcaption,
figure.cswRollover-37:hover .cswHoverImgOverlay.cswActive {
	opacity: 1;	
	left:0;
	top:0;
	transition: all .75s;
}