body {
    background: url(../images/stripedBG.gif) repeat;
    font-family: 'Source Sans Pro', Helvetica, Roboto, Arial, sans-serif;
}
.fb-like span {
	vertical-align: top !important;
}

#dvCMsg {
	display: none;
	text-transform: uppercase;
	color:rgba(255,255,255,0.7);
	font-size:1rem;
	line-height:1.2;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
}

#dvCMsg a {
	color:rgba(255,255,255,0.7);
}

#formHeader{
	margin-top: 20px;
}

label.error {
    color: #ffffff;
}

  .casl_optin {
    }
    .casl_optin label 
    {
        color: #fff;
    }

     #caslDialog
        {
        	margin-top: 0 !important;
        }

.youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("../images/play.svg") no-repeat;
        cursor: pointer;
	
    }

/* HEADER */
header {
    background:#fff;
    position: relative;
    padding:0;
    margin:0;
    overflow:hidden;
}
header h3 {
	color:#999;
}
header h2 { 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #191919;
	text-transform: uppercase;
	line-height: 1.2;
    margin:14% 0 15px 0;
}
header .show-for-large-only h2 {
    margin: 15% 0 25px 0;
}
header a h1 {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size:7.7rem;
	line-height: 1;
	color: #cf014a;
	text-transform: uppercase;
	padding:0;
    margin:0;
}
header a {
	text-decoration:none;
}
header .dot {
	letter-spacing: -0.06em;
    padding-right:1%;
    display:inline;
}
@-moz-document url-prefix() { 
  header .dot {
	letter-spacing: -0.07em;
  }
}
#social {
    margin:10px 0 -30px 0;
    padding:0;
    z-index: 100;
}
/* END HEADER */

/* SHADOWS */
.shadow {
	width:100%;
	height:23px;
	display:block;
	background: url(../images/shadow.png) repeat-x;
}
/* END SHADOWS */

.video-form {
	background:#cf014a url(../images/red-bg-tile.png) repeat;
	line-height:1.2;
}
.video-form h1, .video-form h2 {
	text-transform: uppercase;
	text-align: center;
}
.video-form h1 {
	font-size:1.7rem;
	line-height: 0.9em;
    letter-spacing: -0.01em;
    word-spacing: 0.09em;
    font-weight:900;
}
.video-form h2 {
	font-size:1rem;
	text-align:left;
	line-height:1.2;
	font-weight: 600;
	margin: 0 auto 20px;
}
.video-form h3 {
	text-transform: uppercase;
	color:rgba(255,255,255,0.7);
	font-size:0.7rem;
	line-height:1.2;
	font-weight: 400;
	margin: 0 auto 20px;
}

.video-form h3 a {
	color:#fff;
	text-decoration: underline;
}
/* GENERIC CONTENT STYLING */
.video-form .content {
    padding: 3em 0;
}
.video-form .content ul, .video-form .content2 ul {
		font-size: .9em;
		padding: 0 0 0 0;
	}
		.video-form .content ul li, .video-form .content2 ul li {
			color: #fff;
			line-height: 130%;
			margin: 0 5% 1em 5%;
		}
	.video-form .content a, .video-form .content2 a {
		color: #fff;
		text-decoration: underline;
	}
		.video-form .content a:hover, .video-form .content2 a:hover {
			color: #000;
			text-decoration: none;
		}
	.video-form .content ul li p, .video-form .content2 ul li p {
		margin: 0;
	}
	.video-form .content ul li h4, .video-form .content2 ul li h4 {
			text-transform: uppercase;
			font-weight: 900;
			font-size: 1em;
			margin: 0;
		}
.video-form .content h1, .video-form .content2 h1, .video-form .not-home h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	color: #fff;
	font-size: 1.7em;
	text-align: center;
	line-height: 0.9em;
	letter-spacing: -0.01em;
	word-spacing: 0.09em;
	margin: 0 0 6px 0;
	text-transform: uppercase;
}
p.tellfriend {
    font-size: 1em;
		letter-spacing: 0.05em;
		line-height: 150%;
}
.sharesm {
    padding-bottom:15px;
}
.sharesm div {
	text-align: center;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	height:2rem;
}
/* Foundation form default bottom margin reset*/
form {margin:0;}
/* FOOTER */
footer .row {padding-bottom:30px;}
.small-text, .small-text a {
	color:#666;
	text-decoration: none;
	font-size:0.7rem;
}
/* VIDEO LANGUAGE SWITCHER BUTTONS */
a.language-button {
	display: block;
	font-family: Geneva, Verdana, sans-serif;
	letter-spacing: 0.1em;
	font-size: .66em;
	height: 23px;
	margin: 0px 6px -10px 0;
	padding-right: 13px;
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
}
a.language-button {
	margin: 0px 6px 20px 0;
}
	a.language-button span {
		display: block;
		line-height: 23px;
		padding: 0 0 5px 13px;
	}
		a.language-button:hover span {
			text-decoration: underline;
			color: #FFF;
		}
	.language-switcher {
		height:23px;
	}
	.language-switcher a.current {
		display: none;
	}
	
	a.enEspanol {
		background: transparent url(../images/en-espanol-btn-right.png) no-repeat scroll top right;
	}
		a.enEspanol span {
			background: transparent url(../images/en-espanol-btn-left.png) no-repeat;
		}
	a.english {
		background: transparent url(../images/en-espanol-btn-right.png) no-repeat scroll top right;
	}
		a.english span {
			background: transparent url(../images/en-espanol-btn-left.png) no-repeat;
		}
/* FORM SUBMIT BUTTON */
.submit {
	/*width: 120px;*/
	margin: 10px auto 25px auto;
	line-height: 100%;
}
	#liSubmit.disabled {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: .5;
	}
		#liSubmit.disabled input {
			cursor: default;
		}
	
	.submit span {
	}
		.submit span.error {
			background: none;
			height: auto;
			float: none;
			padding: 0;
		}
	.submit span input[type=submit], .submit span input[type=button] {
		background: #fff;
		border-radius: 7px;
		box-shadow: 0px 2px 3px #000;
		display: block;
		padding: 10px 15px 10px 15px;
		border: 0;
		margin: 0 auto;
		color: #be003a;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 900;
		font-size: 1.7rem;
		line-height: 100%;
		text-transform: uppercase;
		cursor: pointer;
	}
/* Large Share Buttons for Large Screen Only */
#scratches {
	background: transparent url(../images/footer-scratches.png) top center no-repeat;
}
.share {
	font-family: 'Source Sans Pro', sans-serif;
	border-bottom: #9e9e9e 2px solid;
	margin-bottom:25px;
	padding-bottom:20px;
}
.share a {
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 130%;
	text-decoration: none;
	color: #464646;
}
.share a span.action {
	display: block;
	padding: 0;
	font-size: 1.8em;
	letter-spacing: -0.02em;
	font-weight: 900;
}
.share a span.icon {
	display: block;
	width: 44px;
	height: 44px;
	float: left;
	margin-right: 6px;
}
.share .facebook a span.icon {
	background: url(../images/sharing-buttons.png) 0 0 no-repeat;
}
.share .facebook a:hover span.icon {
	background-position: -50px 0px;
}
.share .facebook a:hover {
	color: #3c5a98;
}
.share .twitter a span.icon {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23464646' viewBox='0 0 1200 1227' style='enable-background:new 0 0 1200 1227;' xml:space='preserve'%3E%3Cpath d='M714.2,519.3L1160.9,0H1055L667.1,450.9L357.3,0H0l468.5,681.8L0,1226.4h105.9l409.6-476.2l327.2,476.2H1200L714.2,519.3 L714.2,519.3z M569.2,687.8l-47.5-67.9L144,79.7h162.6l304.8,436l47.5,67.9l396.2,566.7H892.5L569.2,687.8L569.2,687.8z'/%3E%3C/svg%3E%0A");
	background-size: contain;
}
ul.share li.twitter a:hover span.icon {
	fill: #999;
}
ul.share li.twitter a:hover {
	color: #999;
}
.share .vegan a span.icon {
	background: url(../images/sharing-buttons.png) 0 -200px no-repeat;
}
.share .vegan a:hover span.icon {
	background-position: -50px -200px;
}
.share .vegan a:hover {
	color: #128c31;
}
/* MEDIA QUERIES */
@media only screen and (max-width: 40em) {
	header a h1 {
		text-align: center;
		font-size: 4rem;
	}
	header .dot {
	letter-spacing: -0.07em;
    padding-right:1%;
    display:inline;
    }
	header h2 {
		margin:0 auto;
		text-align: center;
		font-size: 0.9rem;
		padding-bottom:20px;
	}
	.video-form .home h1 {
	    font-size:2.3rem;
	    font-size:10vw;
	    margin: -20px 0 20px 0;
	}
	.video-form .not-home h1 {
	    font-size:3rem;
	    font-size:10vw;
	    margin: 20px 0 20px 0;
	}
	.video-form h2 {
	    font-size:1.1rem;
		text-align:center;
		font-weight:normal;
	}
	.content, .content2 {
    padding-left:20px;
    padding-right:20px;
    }
    a.language-button {
	margin: 0px 6px -10px 0;
    }
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header a h1 {
		text-align: center;
		font-size: 6.7rem;
	}
	header h2 {
		margin:0 auto;
		padding-bottom:20px;
		text-align: center;
		max-width: 72%;
	}
	.video-form h3, .video-form h2 {
		max-width: 72%;
	}
	.video-form .home h1 {
	    font-size:3rem;
	    font-size:6vw;
	    margin: -20px 0 20px 0;
	}
	.video-form .not-home h1 {
	    font-size:3rem;
	    font-size:6vw;
	    margin: 20px 0 20px 0;
	}
	.video-form h2 {
	    font-size:1.5rem;
		text-align:center;
		font-weight:normal;
	}
	a.language-button {
	margin: 0px 6px -20px 0;
    }
}
/* END MEDIA QUERIES*/

/*CASL*/
#caslDialog {
display: none;
font-size:0.8rem;
background: white !important;
color:#666;
height: auto;
margin-top: 10px !important;
padding: 10px !important;
width: 100% !important;
z-index: 999 !important;
position: relative !important;
box-sizing: content-box !important;
}
#caslDialog h3 {
    margin:0;
}
#caslDialog img {
    width:70%;
    height:70%;
}