/*+++++++++++++++++ OVERRIDE PURE-UI ++++++++++++++++++*/
.pure-g {
	letter-spacing: 0 !important;
	}
[data-template-body] *,
[data-template-body] .pure-g-r [class *="pure-u"] {
	font-family:inherit;
}

/*+++++++++++++++++ LANDING PAGE ++++++++++++++++++*/
[data-template-body] {
	background: #ffffff;
	font-family: arial,helvetica,sans-serif;
	color: #000;
	font-size: 12px;
	margin:0 auto;
	max-width:960px;
	}
	[data-template-body] * {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		}
		[data-template-body] a,
		[data-template-body] a:link,
		[data-template-body] a:visited,
		[data-template-body] a:active,
		[data-template-body] a:hover	{
			color:#000;
			}
	[data-container] {
		width:100%;
		display: table;
		table-layout: fixed;
		}
	[data-section] {
		display: table-cell;
		position: relative;
		}
		[data-section].pure-u-1 {
			display: block;
			}
	[data-block] {
		clear:both;
		display:inline-block;
		vertical-align: top;
		width:100%;
		word-wrap: break-word;
		}
		[data-block] p {
			margin:0;
			}
		[data-block] table {
			table-layout: fixed; /* IE11 & Firefox do not respect max-width:100%; without table-layout:fixed;. */
			}

/*+++++++++++++++++ RESPONSIVE ++++++++++++++++++*/
.pure-g-r img {
	height: auto !important; /* IE11 & Firefox do not keep image proportions when doing max-width:100%;... so we do it instead. */
	}
@media only screen and (max-width: 767px) {
	.pure-g-r [data-section] {
		padding-left:10px !important;
		padding-right:10px !important;
		display: block;
		}
	.pure-g-r>.pure-u, 
	.pure-g-r>[class *="pure-u-"] {
		width: 100% !important;
	}
	}
/*+++++++++++++++++ TEXT/IMAGE BLOCK - LAYOUT - BIG IMAGE ++++++++++++++++++*/
[data-block-layout-big-image] {
	text-align:center;
	}
	[data-block-layout-big-image] img {
		width:100%;
		}
		
/*+++++++++++++++++ TEXT/IMAGE BLOCK - LAYOUT - 2 Column ++++++++++++++++++*/
[data-block-layout-2column] .column1,
[data-block-layout-2column] .column2 {
	width:50%;
	display:inline-block;
	vertical-align:top;
	}

/*+++++++++++++++++ TEXT/IMAGE BLOCK - LAYOUT - CAROUSEL ++++++++++++++++++*/ 
[data-block-layout-carousel][data-placeholder] {
	text-align:center; /* replace with real carousel */
	}
	[data-block-layout-carousel][data-placeholder] img {
		width:100%; /* replace with real carousel */
		}



/*+++++++++++++++++ SOCIAL BLOCK - LIKE ++++++++++++++++++*/
[data-block-type="FacebookLike"] {
	}
	[data-block-type="FacebookLike"] .likeContainer,
	[data-block-type="FacebookLike"] .fb_iframe_widget {
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		}
		[data-block-type="FacebookLike"] .likeContent {
			line-height: 24px; 
			padding-left:70px; 
			font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
			font-size: 11px;
			display:inline-block;
			text-align:left;
			}
/*+++++++++++++++++ All Forms ++++++++++++++++++*/
.pure-form .pure-control-group input,
.pure-form .pure-control-group select {
	border-radius: 0;
	}
.pure-form .pure-control-group label {
	text-align: left;
	line-height: 1.5em;
	}
.pure-form .pure-control-group label.pure-radio,
.pure-form .pure-control-group label.pure-checkbox {		
	word-wrap:break-word;
	padding-left:2em;
	}
	.pure-form .pure-control-group label.pure-radio input,
	.pure-form .pure-control-group label.pure-checkbox input {
		margin-right:1em;
		margin-left:-2em;
		width:auto;
		}
.pure-form .pure-controls {
	padding-top: 20px;
	}
	.pure-form .pure-controls button.pure-button {
		max-width:100%;
		white-space:normal;
		word-break:break-all;
		}
		div[data-block-type="Signup"] .pure-form .pure-controls button.pure-button {
			font-weight: bold;
			background: #000;
			}
		
/*+++++++++++++++++ Form - Bold Control ++++++++++++++++++*/
div[data-block-type="Signup"] section,
.pure-form,
.pure-form fieldset,
.pure-form .pure-control-group,
.pure-form .pure-control-group label {
	font-weight: inherit;
	}

/*+++++++++++++++++ Form Layout = Aligned (.pure-form-aligned) ++++++++++++++++++*/	
.pure-form-aligned .pure-form .pure-control-group label {
	width: 20%;
	margin: 0 5% 0 0;
	}
.pure-form-aligned .pure-form .pure-control-group input,
.pure-form-aligned .pure-form .pure-control-group select {
	width: 75%;
	}
.pure-form-aligned .pure-form .pure-controls {
	margin-left:25%;
	}
.pure-form-aligned .pure-form .pure-control-group > div {
	width: 75%;
	display: inline-block;
	vertical-align: top;
	}
.pure-form-aligned .pure-form .pure-control-group label.pure-radio,
.pure-form-aligned .pure-form .pure-control-group label.pure-checkbox {
	width: 100%;
	}
.pure-form-aligned .pure-form .pure-control-group label.pure-radio,
.pure-form-aligned .pure-form .pure-control-group label.pure-checkbox {
	margin:0;
	}
	/*+++++++++++++++++ RESPONSIVE ++++++++++++++++++*/	
	@media only screen and (max-width: 480px) {
		.pure-form-aligned .pure-control-group label {
		margin-bottom: .3em !important;
		text-align: left;
		display: block;
		width: 100% !important;
		}
	}

/*+++++++++++++++++ Form Layout = Label Top (.pure-form-stacked) ++++++++++++++++++*/	
.pure-form-stacked .pure-form .pure-control-group label,
.pure-form-stacked .pure-form .pure-control-group input,
.pure-form-stacked .pure-form .pure-control-group select,
.pure-form-stacked .pure-form .pure-control-group label.pure-radio,
.pure-form-stacked .pure-form .pure-control-group label.pure-checkbox {
	width: 100%;
	}
/*+++++++++++++++++ Form Layout = Inline (.pure-form-inline) ++++++++++++++++++*/	
.pure-form-inline .pure-form .pure-control-group,
.pure-form-inline .pure-form .pure-controls {
	display: inline-block;
	margin: 0 2em 0 0;
	padding: 0;
	vertical-align: middle;
	}
	.pure-form-inline .pure-form .pure-control-group label {
		margin: 0 1em 0 0;
		}
	


	
/*+++++++++++++++++ DOWNLOAD BLOCK ++++++++++++++++++*/
[data-block-type='Download'] {
	text-align: center;
	}
	[data-block-type='Download'] input.pure-button	{
		background: #000;
		white-space: normal;
		max-width: 100%;
		}

	
/*+++++++++++++++++ COUPON BLOCK ++++++++++++++++++*/
[data-block-type="Coupon"] {
	position:relative;
	background:#fff; /* default */
	}
	[data-block-type="Coupon"] form,
	[data-block-type="Coupon"] vsmaidhiddeninput,
	[data-block-type="Coupon"] vcidhiddeninput {
		background: inherit;
		}
	[data-block-type="Coupon"] .CouponReveal {
		background: inherit;
		position:absolute;
		top:0;
		bottom:-1px;
		left:0;
		right:0;
		z-index:2;
		border: 1px solid rgb(0, 0, 0);
	    /* border: 1px solid rgba(0, 0, 0, .1); */
	    /* -webkit-background-clip: padding-box; */ /* for Safari */
	    /* background-clip: padding-box; */
		padding:1em 7.5% 1.5em 7.5%;
		}
		[data-block-type="Coupon"] .CouponReveal button {
			padding: 2em 3.5em;
			background: transparent; 
			height:100%;
			width: 100%;
			border:none;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			color:inherit;
			font-family:inherit;
			}
		[data-block-type="Coupon"] .CouponReveal img {
			position:absolute; 
			bottom:-1px; 
			right:-1px;
			}
		
	[data-block-type="Coupon"] .CouponDetails {
		background:#fff;
		position:relative;
		z-index:1;
		border: 4px dashed #ccc;
		padding:1em 7.5% 1.5em 7.5%;
		text-align:center;
		}
		[data-block-type="Coupon"] .CouponDetails > div {
			margin-bottom: .75em;
			}
		[data-block-type="Coupon"] .CouponDetails .CouponHeadline {
			font-size: 140%;
			font-weight: bold;
			}
		[data-block-type="Coupon"] .CouponDetails .CouponConditions {
			font-weight: bold;
			}
		[data-block-type="Coupon"] .CouponDetails .CouponCode {
			background: rgb(188, 188, 188);
			font-size: 120%;
			font-weight: bold;
			}