article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('../fonts/BebasNeue-webfont.eot');
  src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fostershandregular';
  src: url('../fonts/foster_h-01-webfont.eot');
  src: url('../fonts/foster_h-01-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/foster_h-01-webfont.woff') format('woff'), url('../fonts/foster_h-01-webfont.ttf') format('truetype'), url('../fonts/foster_h-01-webfont.svg#fostershandregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
/*
.hide-text(){
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/
::selection {
  background: #2b2b2b;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #2b2b2b;
  color: #fff;
  text-shadow: none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.placeholder {
  border: 0;
  display: block;
  width: 400px;
  font-family: 'BebasNeueRegular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  font-size: 28px;
  padding: 8px 12px;
  color: #fff;
  background: #666;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.placeholder:focus {
  border-color: rgba(0, 0, 0, 0.3);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.placeholder::-webkit-input-placeholder {
  color: #aaa;
  color: rgba(255, 255, 255, 0.7);
}
textarea:-moz-input-placeholder,
input[type="text"]:-moz-input-placeholder,
input[type="password"]:-moz-input-placeholder,
input[type="datetime"]:-moz-input-placeholder,
input[type="datetime-local"]:-moz-input-placeholder,
input[type="date"]:-moz-input-placeholder,
input[type="month"]:-moz-input-placeholder,
input[type="time"]:-moz-input-placeholder,
input[type="week"]:-moz-input-placeholder,
input[type="number"]:-moz-input-placeholder,
input[type="email"]:-moz-input-placeholder,
input[type="url"]:-moz-input-placeholder,
input[type="search"]:-moz-input-placeholder,
input[type="tel"]:-moz-input-placeholder,
input[type="color"]:-moz-input-placeholder,
.placeholder:-moz-input-placeholder {
  color: #aaa;
  color: rgba(255, 255, 255, 0.7);
}
.oldie textarea,
.oldie input[type="text"],
.oldie input[type="password"],
.oldie input[type="datetime"],
.oldie input[type="datetime-local"],
.oldie input[type="date"],
.oldie input[type="month"],
.oldie input[type="time"],
.oldie input[type="week"],
.oldie input[type="number"],
.oldie input[type="email"],
.oldie input[type="url"],
.oldie input[type="search"],
.oldie input[type="tel"],
.oldie input[type="color"] {
  background: #666;
  border: 1px solid #000;
}
.placeholder {
  display: block;
  width: 400px;
  font-family: 'BebasNeueRegular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  font-size: 28px;
  padding: 8px 12px;
  color: #fff;
  background: #666;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  border: 0;
  background: transparent;
  color: #aaa;
}
.placeholder:focus {
  border-color: rgba(0, 0, 0, 0.3);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
}
.placeholder::-webkit-input-placeholder {
  color: #aaa;
  color: rgba(255, 255, 255, 0.7);
}
.placeholder:-moz-input-placeholder {
  color: #aaa;
  color: rgba(255, 255, 255, 0.7);
}
.input-placeholder {
  height: 50px;
  font-size: 50px;
  padding: 25px;
}
#gift-fields .input-placeholder {
  line-height: 28px;
  font-size: 28px;
  padding: 10px;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
html {
  min-height: 100%;
  height: 100%;
}
body {
  font-family: 'BebasNeueRegular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  background: #666666 url(../img/back-loop.png) 0 0 repeat;
  color: #fff;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  min-height: 100%;
  text-align: center;
  position: relative;
}
strong {
  font-weight: normal;
  color: #000;
}
iframe {
  display: block;
}
div.wrapwrapper {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 980px;
}
div.holder {
  position: relative;
  margin: 0 -75px 0 -145px;
  padding: 0 0 20px;
  width: 1200px;
  text-align: left;
}
header.main {
  background: url(../img/header-bg.png) 70px 0 no-repeat;
}
header.main h1 {
  height: 212px;
  margin: 0;
}
header.main h1 a {
  display: block;
  height: 100%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
header.main nav {
  height: 68px;
  padding: 0 0 5px 235px;
}
header.main nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
header.main nav li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  height: 68px;
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 72px;
  *line-height: 68px;
}
header.main nav li a {
  position: relative;
  font-weight: normal;
  display: block;
  height: 100%;
  text-decoration: none;
  margin-right: 45px;
  color: #6498d3;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  z-index: 1010;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}
header.main nav li a.current {
  border-bottom: 4px solid #e5e5e7;
}
header.main nav li a.home {
  color: #6498d3;
}
header.main nav li a.home:hover {
  color: #3471b7;
}
header.main nav li a.election {
  color: #e03b3b;
}
header.main nav li a.election:hover {
  color: #b21c1c;
}
header.main nav li a.background {
  color: #dbbe54;
}
header.main nav li a.background:hover {
  color: #bb9b27;
}
header.main nav li a.videos {
  color: #f0f0ef;
}
header.main nav li a.videos:hover {
  color: #cbcbc8;
}
header.main nav li a.contact {
  color: #d5729f;
}
header.main nav li a.contact:hover {
  color: #c13977;
}
header.main nav li a.login,
header.main nav li a.logout {
  color: #6498d3;
}
header.main nav li a.login:hover,
header.main nav li a.logout:hover {
  color: #3471b7;
}
div.content {
  font-size: 25px;
  color: #1a1a1a;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.17);
  background: url(../img/content-bg.png) 70px 0 repeat-y;
}
div.content div.alerts {
  width: 780px;
  padding: 10px;
  margin: 0 auto 30px 225px;
  text-align: center;
  font-size: 24px;
  background: 333;
  background: rgba(0, 0, 0, 0.35);
  text-shadow: 0 1px 0 #000;
  border: 1px solid #000;
  -webkit-box-shadow: inset 0 0 7px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 0 7px 2px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 0 7px 2px rgba(0, 0, 0, 0.35);
}
div.content div.alerts div.alert {
  position: relative;
  color: #6498d3;
  margin: 1em 0 0;
}
div.content div.alerts div.alert:first-child {
  margin-top: 0;
}
div.content div.alerts a.close {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
}
div.content h2 {
  padding: 0.6em 0 0.3em;
  margin: 0 -55px;
  font-weight: normal;
  color: #f6db8f;
  color: rgba(246, 219, 143, 0.8);
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  font-size: 88px;
  line-height: 1em;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
}
div.content h2.blue {
  color: #6498d3;
}
div.content h2.white {
  color: #fff;
}
div.content h2 strong {
  font-weight: normal;
}
div.content h2:first-child {
  padding-top: 0.3em;
}
div.content article {
  margin: 0 145px 0 200px;
  padding: 0 0 20px;
}
div.content article p,
div.content article ul,
div.content article ol {
  text-align: justify;
  font-size: 29px;
  color: #1a1a1a;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.17);
}
div.content article ul {
  margin-left: 1em;
  list-style: square;
}
div.content article li {
  padding: 0 0 0.2em;
}
div.content article.page-help h2 {
  position: relative;
  z-index: -1;
}
div.content article a {
  color: #e03b3b;
  text-decoration: none;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
div.content article a:hover {
  color: #b21c1c;
}
div.content article.legal p,
div.content article.legal li {
  color: #000;
  font: normal 18px/1.2 Arial, sans-serif;
}
dl dt {
  color: #bbb;
  text-shadow: 0px 1px 2px #000;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
}
dl dd {
  margin-bottom: 30px;
}
div.bottom {
  background: url(../img/footer-bg.png) 70px 100% no-repeat;
  height: 200px;
  min-height: 200px;
}
div.bottom footer {
  position: absolute;
  left: 470px;
  bottom: 70px;
  width: auto;
}
div.bottom footer ul {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
div.bottom footer ul li {
  display: inline-block;
  height: 40px;
  /*
				&.boingboing{
					width: 155px;

					a{
						background-position: -84px 0;

						&:hover{
							background-position: -84px -40px;
						}
					}
				}

				&.southpark{
					width: 80px;

					a{
						background-position: -244px 0;

						&:hover{
							background-position: -244px -40px;
						}
					}
				}
*/

}
div.bottom footer ul li a {
  display: block;
  height: 100%;
  background-image: url(../img/footer-content.png);
  background-repeat: no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.bottom footer ul li.twitter,
div.bottom footer ul li.facebook {
  width: 42px;
}
div.bottom footer ul li.twitter a {
  background-position: 0 0;
}
div.bottom footer ul li.twitter a:hover {
  background-position: 0 -40px;
}
div.bottom footer ul li.facebook a {
  background-position: -42px 0;
}
div.bottom footer ul li.facebook a:hover {
  background-position: -42px -40px;
}
div.bottom footer p {
  font-size: 18px;
  color: #222;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  text-align: center;
  width: auto;
}
#global-reviews {
  position: absolute;
  top: 0;
  left: 50%;
  width: 190px;
  margin: 130px 0 0 -530px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#global-reviews .quote {
  display: none;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.3);
  padding: 10px 5px;
  margin-bottom: 30px;
  text-align: center;
  font: bold 14px/1.2 Arial, sans-serif;
}
#global-reviews .quote .text {
  font-style: normal;
  display: block;
}
#global-reviews .quote .attr {
  display: block;
  padding-top: 5px;
  font-size: 90%;
}
#global-reviews .quote:first-child {
  display: block;
}
#global-reviews .quote-nyt {
  background-color: #b91534;
}
#global-reviews .quote-wp {
  background-color: #cd6a97;
}
#global-reviews .quote-ew {
  background-color: #de8f04;
}
@media screen and (min-width: 1124px) {
  body {
    overflow-x: hidden;
  }
}
div.holder.home header.main {
  padding-bottom: 26px;
}
div.holder.home div.trailer {
  position: relative;
  margin: 0 auto;
  width: 1179px;
  height: 760px;
  background: url(../img/home/trailer-bg.png) 0 0 no-repeat;
  z-index: 100;
}
div.holder.home div.trailer div.youtube {
  position: absolute;
  top: 105px;
  left: 130px;
  width: 925px;
  height: 520px;
  z-index: 101;
  background: #000;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
div.holder.home div.trailer a.clicktobuy {
  position: absolute;
  right: 55px;
  top: 5px;
  width: 180px;
  height: 173px;
  background: url(../img/home/clicktobuy.png) 0 0 no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 102;
}
div.holder.home div.trailer a.clicktobuy:hover {
  background-position: 0 -173px;
}
div.holder.home div.badge-holder {
  position: relative;
  z-index: 1;
  height: 700px;
  margin-top: 50px;
}
div.holder.home div.badge-holder div {
  position: absolute;
  z-index: 99;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.holder.home div.badge-holder div a {
  display: block;
  height: 100%;
}
div.holder.home div.now-showing {
  top: -20px;
  left: 125px;
  width: 471px;
  height: 509px;
  background: url(../img/home/now-showing.png) 0 0 no-repeat;
}
div.holder.home div.how-to-watch {
  top: -220px;
  right: 80px;
  width: 485px;
  height: 828px;
  background: url(../img/home/how-to-watch.png) 0 0 no-repeat;
}
div.holder.home div.hyn-badge {
  top: 470px;
  left: 340px;
  width: 253px;
  height: 252px;
  background: url(../img/home/hyn-sticker.png) 0 0 no-repeat;
}
div.holder.home div.find-out-more {
  margin: 0 0 0 80px;
  position: relative;
  z-index: 2;
}
div.holder.home div.find-out-more a {
  display: block;
  width: 818px;
  height: 330px;
  background: url(../img/home/find-out-more.png) 0 0 no-repeat;
  font: normal 44px/1.05 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  padding: 110px 50px 0 110px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
  text-decoration: none;
  color: #000;
}
div.holder.home div.find-out-more a .link {
  color: #fff;
}
div.holder.home div.quotes {
  width: 991px;
  height: 122px;
  background: url(../img/home/quotes.png) 0 0 no-repeat;
  margin: 0 0 0 130px;
}
.purchase-page div.content {
  padding: 25px 0 0;
}
.purchase-page h1.headline,
.purchase-page .product-data {
  margin: 0 95px 0 150px;
  position: relative;
  padding: 0 0 20px;
}
.purchase-page h1.headline {
  color: #6498d3;
  font-weight: normal;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  font-size: 88px;
  line-height: 1em;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  padding-top: 45px;
  width: 750px;
  float: left;
  margin: 20px 0 0 150px;
}
.purchase-page .price {
  float: right;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 184px;
  height: 177px;
  background: transparent url("../img/purchase/only_5.png") scroll center center no-repeat;
  margin: 20px 100px 20px 0;
}
.purchase-page .product-data {
  clear: both;
  text-align: justify;
  padding: 0 45px 30px;
  /*
		img.thumbnail {
			.rotate(-3deg);
			width:200px;
			height:200px;
			float:left;
			margin:0 45px 45px 0;
			.box-shadow(0 0 5px rgba(0,0,0,0.5));
		}
		.description {
			font:normal 21px/1.2 Arial;
			float:left;
			width:615px;
			color:#dbbe54;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
		}
		.after {
			clear:both;
		}
		*/

}
.purchase-page .product-data .description {
  font-size: 25px;
  color: #1a1a1a;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.17);
}
.purchase-page form {
  position: relative;
  width: 1097px;
  min-height: 320px;
  background: url(../img/purchase/ticket-bg.png) 0 0 no-repeat;
  margin: 0 0 0 70px;
  padding: 140px 0 0;
  overflow: hidden;
}
.purchase-page form a.login {
  position: absolute;
  display: block;
  right: 120px;
  top: 0;
  width: 145px;
  height: 100px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.purchase-page form article {
  float: left;
  width: 420px;
  margin: 0 0 0 80px;
}
.purchase-page form article h1 {
  margin: 0;
  font-size: 38px;
  font-weight: normal;
  text-transform: uppercase;
  color: #d4b43e;
  line-height: 1em;
}
.purchase-page form article p {
  font-size: 20px;
  color: #fff;
  margin: 0 0 1em;
}
.purchase-page form article ul {
  margin: 138px 0 0 30px;
  padding: 0;
  list-style: none;
}
.purchase-page form article ul li {
  padding: 0;
}
.purchase-page form article ul a {
  display: block;
  padding: 0 0 0 35px;
  background: url(../img/arr.png) 0 50% no-repeat;
  font-size: 36px;
  line-height: 36px;
  color: #2c2c2c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.purchase-page form article ul a:hover {
  color: #121212;
}
.purchase-page form fieldset {
  float: right;
  width: 460px;
  margin: 0 90px 0 0;
  padding: 0;
  border: 0;
}
.purchase-page form label {
  display: block;
  margin: 0 0 30px;
}
.purchase-page form label.email {
  height: 90px;
}
.purchase-page form label.email input {
  width: 410px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  font-size: 50px;
}
.purchase-page div.gift {
  position: relative;
  display: none;
}
.purchase-page div.gift label {
  font-size: 28px;
  margin: 0;
}
.purchase-page div.gift input,
.purchase-page div.gift textarea {
  padding: 5px;
  width: 450px;
  margin: 0 0 10px;
  font-size: 28px;
  resize: none;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
}
.purchase-page div.gift a {
  font-size: 28px;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: right;
}
.purchase-page div.buttons {
  position: relative;
  width: 533px;
  height: 69px;
  margin: 30px 0 0 -73px;
}
.purchase-page div.buttons button {
  position: absolute;
  display: block;
  width: 240px;
  height: 69px;
  top: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../img/purchase/pay-buttons.png);
  background-repeat: no-repeat;
}
.purchase-page div.buttons button.paypal {
  left: 0;
  background-position: 0 0;
}
.purchase-page div.buttons button.paypal:hover {
  background-position: 0 -69px;
}
.purchase-page div.buttons button.aws {
  width: 250px;
  right: 0;
  background-position: -281px 0;
}
.purchase-page div.buttons button.aws:hover {
  background-position: -281px -69px;
}
.purchase-page div.team-note {
  margin: 50px 0 0 80px;
  width: 906px;
  color: #000;
  background: url(../img/purchase/message-bg.png) 0 0 no-repeat;
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  line-height: 1.2;
  padding: 110px 50px 50px 50px;
}
.purchase-page div.team-note .inner {
  height: 277px;
  line-height: 1.6;
}
div.content .page-login {
  position: relative;
  width: 1097px;
  min-height: 320px;
  background: url(../img/login/login-bg.png) 0 0 no-repeat;
  margin: 0 0 0 80px;
  padding: 70px 0 0;
  overflow: hidden;
}
div.content .page-login .box-out {
  margin: 0 84px 0 84px;
}
div.content .page-login .box-out .large-white {
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 0;
}
div.content .page-login .box-out .inner {
  margin-top: 46px;
}
div.content .page-login .box-out .inner .messages {
  font-size: 38px;
}
div.content .page-login .box-out .login-blurb {
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  margin-top: 8px;
}
div.content .page-login .box-out .login-blurb a {
  text-decoration: none;
  color: #ffffff;
}
div.content .page-login .box-out .login-blurb a:hover {
  color: #000000;
}
div.content .page-login form a.login {
  position: absolute;
  display: block;
  right: 120px;
  top: 0;
  width: 145px;
  height: 100px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.content .page-login form ul {
  margin: 60px 0 0 0;
  padding: 0;
  list-style: none;
}
div.content .page-login form ul a {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(../img/arr.png) 0 50% no-repeat;
  font-size: 42px;
  line-height: 42px;
  color: #2c2c2c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
div.content .page-login form ul a:hover {
  color: #121212;
}
div.content .page-login form article {
  float: left;
  width: 420px;
  margin: 0 0 0 80px;
}
div.content .page-login form article h1 {
  margin: 0;
  font-size: 38px;
  font-weight: normal;
  text-transform: uppercase;
  color: #d4b43e;
  line-height: 1em;
}
div.content .page-login form article p {
  font-size: 20px;
  color: #fff;
  margin: 0 0 1em;
}
div.content .page-login form fieldset {
  float: right;
  width: 638px;
  margin: 0 228px 0 0;
  padding: 0;
  border: 0;
  clear: both;
}
div.content .page-login form label {
  display: block;
  margin: 0 0 33px;
}
div.content .page-login form label.email {
  height: 90px;
}
div.content .page-login form label.email input {
  width: 587px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  font-size: 50px;
}
div.content .page-login form label.password {
  height: 90px;
}
div.content .page-login form label.password input {
  width: 587px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  font-size: 50px;
}
div.content .page-login form label.checkbox {
  font-size: 28px;
  line-height: 38px;
}
div.content .page-login form label.checkbox input {
  display: none;
}
div.content .page-login form label.checkbox b {
  position: relative;
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  margin: 0 0.5em 0 0;
}
div.content .page-login form label.checkbox b:after {
  content: '×';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 38px;
  line-height: 36px;
  width: 38px;
  text-align: center;
  color: #000;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
div.content .page-login form label.checkbox b.active:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.content .page-login form label.checkbox a {
  color: #d4b43e;
  text-decoration: none;
}
div.content .page-login form label.checkbox a:hover {
  color: #ddc468;
}
div.content .page-login div.buttons {
  position: relative;
  width: 105px;
  height: 69px;
  margin: 14px 0 0 -73px;
  float: right;
}
div.content .page-login div.buttons button {
  position: absolute;
  display: block;
  width: 240px;
  height: 69px;
  top: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../img/login/login-button.png);
  background-repeat: no-repeat;
}
div.content .page-login div.buttons button.login-btn {
  left: 0;
  background-position: 0 0;
}
div.content .page-login div.buttons button.login-btn:hover {
  background-position: 0 -69px;
}
div.content .forgot-password {
  position: relative;
  width: 1097px;
  min-height: 320px;
  background: url(../img/login/password-bg.png) 0 0 no-repeat;
  margin: 0 0 0 80px;
  padding: 140px 0 0;
  overflow: hidden;
}
div.content .forgot-password .box-out {
  margin: 0 84px 0 84px;
}
div.content .forgot-password .box-out .large-white {
  font-size: 38px;
  color: #ffffff;
  margin-left: 0;
}
div.content .forgot-password .box-out .inner .messages {
  font-size: 38px;
  margin-bottom: 30px;
}
div.content .forgot-password .box-out .login-blurb {
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  margin-top: 8px;
}
div.content .forgot-password .box-out .login-blurb a {
  text-decoration: none;
  color: #ffffff;
}
div.content .forgot-password .box-out .login-blurb a:hover {
  color: #000000;
}
div.content .forgot-password form a.login {
  position: absolute;
  display: block;
  right: 120px;
  top: 0;
  width: 145px;
  height: 100px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.content .forgot-password form ul {
  margin: 60px 0 0 0;
  padding: 0;
  list-style: none;
}
div.content .forgot-password form ul a {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(../img/arr.png) 0 50% no-repeat;
  font-size: 42px;
  line-height: 42px;
  color: #2c2c2c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
div.content .forgot-password form ul a:hover {
  color: #121212;
}
div.content .forgot-password form article {
  float: left;
  width: 420px;
  margin: 0 0 0 80px;
}
div.content .forgot-password form article h1 {
  margin: 0;
  font-size: 38px;
  font-weight: normal;
  text-transform: uppercase;
  color: #d4b43e;
  line-height: 1em;
}
div.content .forgot-password form article p {
  font-size: 20px;
  color: #fff;
  margin: 0 0 1em;
}
div.content .forgot-password form fieldset {
  float: right;
  width: 638px;
  margin: 0 228px 0 0;
  padding: 0;
  border: 0;
  clear: both;
}
div.content .forgot-password form label {
  display: block;
  margin: 0 0 33px;
}
div.content .forgot-password form label.email {
  height: 90px;
}
div.content .forgot-password form label.email input {
  width: 587px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}
div.content .forgot-password form label.password {
  height: 90px;
}
div.content .forgot-password form label.password input {
  width: 587px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}
div.content .forgot-password form label.checkbox {
  font-size: 28px;
  line-height: 38px;
}
div.content .forgot-password form label.checkbox input {
  display: none;
}
div.content .forgot-password form label.checkbox b {
  position: relative;
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  margin: 0 0.5em 0 0;
}
div.content .forgot-password form label.checkbox b:after {
  content: '×';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 38px;
  line-height: 36px;
  width: 38px;
  text-align: center;
  color: #000;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
div.content .forgot-password form label.checkbox b.active:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.content .forgot-password form label.checkbox a {
  color: #d4b43e;
  text-decoration: none;
}
div.content .forgot-password form label.checkbox a:hover {
  color: #ddc468;
}
div.content .forgot-password div.buttons {
  position: relative;
  width: 293px;
  height: 69px;
  margin: 14px 0 0 -73px;
  float: right;
}
div.content .forgot-password div.buttons button {
  position: absolute;
  display: block;
  width: 293px;
  height: 69px;
  top: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../img/login/password-button.png);
  background-repeat: no-repeat;
}
div.content .forgot-password div.buttons button.lost-password-btn {
  left: 0;
  background-position: 0 0;
}
div.content .forgot-password div.buttons button.lost-password-btn:hover {
  background-position: 0 -69px;
}
div.holder.product-index div.thanks {
  position: relative;
  width: 1086px;
  height: 384px;
  margin: 0 0 0 80px;
  background: url(../img/product/welcome-bg.png) 0 0 no-repeat;
}
div.holder.product-index div.thanks p {
  margin: 0;
  padding: 130px 30px 0 90px;
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  color: #fff;
  font-size: 32px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
div.holder.product-index div.thanks a.logout {
  position: absolute;
  display: block;
  left: 848px;
  top: 0;
  width: 160px;
  height: 95px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.holder.product-index article {
  width: 780px;
  margin-left: 228px;
}
div.holder.product-index article h2 {
  color: #3c3b3b;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.17);
  margin: 0 0 0 -75px;
}
div.holder.product-index article p.title {
  margin: 0;
  font-size: 48px;
  color: #fff;
}
div.holder.product-index article p.title span {
  color: #d4b43e;
}
div.holder.product-index article p.remaining {
  margin: -14px 0 0 440px;
  font-size: 24px;
  color: #fff;
}
div.holder.product-index article ol.footnotes li {
  font: bold 11px/1.4 Arial, sans-serif;
  text-transform: uppercase;
}
div.holder.product-index div.buttons {
  margin: 20px 0 30px;
  padding: 20px 5px;
  overflow: hidden;
}
div.holder.product-index div.buttons div {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  float: left;
  margin: 0 20px 0 0;
}
div.holder.product-index div.buttons div a {
  display: block;
  padding: 18px 24px 16px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  height: 38px;
  font-size: 38px;
  line-height: 38px;
  *line-height: 38px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
div.holder.product-index div.buttons div span {
  font-size: 18px;
}
div.holder.product-index div.buttons div.stream a {
  background: #d4b43e;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
div.holder.product-index div.buttons div.stream a:hover {
  background: #ddc468;
}
div.holder.product-index div.buttons div.download-sd a {
  background: #B91533;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
div.holder.product-index div.buttons div.download-sd a:hover {
  background: #e51c41;
}
div.holder.product-index div.buttons div.download-hd a {
  background: #C06790;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
div.holder.product-index div.buttons div.download-hd a:hover {
  background: #cf8baa;
}
div.holder.product-index ol {
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
}
div.holder.product-index article.gift-only h2 {
  width: 500px;
  float: left;
}
div.holder.product-index article.gift-only .give-as-gift {
  float: right;
  margin: 0;
}
div.holder.product-index article.gift-only .title {
  clear: both;
}
div.holder.videos article {
  margin: 0 108px 0 160px;
  padding: 40px 0 20px;
}
div.holder.videos h4 {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  position: relative;
  font-size: 36px;
  font-weight: normal;
  line-height: 1em;
  color: #000;
  background: #c91738;
  padding: 20px 24px 18px;
  margin: 0;
}
div.holder.videos h4 span {
  color: #fff;
}
div.holder.videos h4:after {
  position: absolute;
  content: '';
  z-index: 505;
  left: 40px;
  top: 100%;
  border-top: 10px solid #c91738;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
div.holder.videos iframe {
  position: relative;
  z-index: 500;
  margin: 0 0 40px;
}
div.content .contact-card {
  background: url(../img/contact/contact-card.jpg) 0 100px no-repeat;
  width: 1058px;
  height: 741px;
  margin: 0 0 0 98px;
  min-height: 741px;
  padding: 205px 0 0;
  overflow: hidden;
  display: block;
}
div.content .contact-card p {
  margin: 0 0 0 0;
  text-align: left;
  width: 810px;
}
div.content .contact-card article {
  margin: 0 68px 0 66px;
  position: relative;
}
div.content .contact-card .contact-blurb {
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  color: #306096;
}
div.content .contact-card fieldset {
  float: right;
  width: 638px;
  margin: 0 228px 0 0;
  padding: 0;
  border: 0;
  clear: both;
}
div.content .contact-card .box-out {
  margin: 0 84px 0 84px;
}
div.content .contact-card .box-out .large-white {
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 0;
}
div.content .contact-card .box-out .inner {
  margin-top: 46px;
}
div.content .contact-card .box-out .inner .messages {
  font-size: 38px;
}
div.content .contact-card .box-out .login-blurb {
  font-family: 'fostershandregular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  margin-top: 8px;
}
div.content .contact-card .box-out .login-blurb a {
  text-decoration: none;
  color: #ffffff;
}
div.content .contact-card .box-out .login-blurb a:hover {
  color: #000000;
}
div.content .contact-card .wpcf7-form {
  margin-top: 15px;
  clear: both;
  position: relative;
}
div.content .contact-card .wpcf7-form .contact-left {
  float: left;
  height: 444px;
  width: 444px;
}
div.content .contact-card .wpcf7-form .contact-right {
  float: right;
  height: 444px;
  width: 444px;
}
div.content .contact-card .wpcf7-form a.login {
  position: absolute;
  display: block;
  right: 120px;
  top: 0;
  width: 145px;
  height: 100px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
div.content .contact-card .wpcf7-form .contact-area {
  width: 444px;
  height: 90px;
  overflow: hidden;
  margin: 0 0 33px;
  display: block;
  background: url(../img/contact/arrow.png) 370px 25px no-repeat transparent;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
div.content .contact-card .wpcf7-form .wpcf7-select {
  width: 490px;
  padding: 25px;
  height: 90px;
  line-height: 90px;
  font-size: 36px;
  font-family: 'BebasNeueRegular', 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif;
  overflow: hidden;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
}
div.content .contact-card .wpcf7-form .wpcf7-select option {
  background: transparent;
  padding: 25px 25px 0 25px;
}
div.content .contact-card .wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  top: 0%;
  left: 0;
  z-index: 100;
  background: transparent;
  -webkit-box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.8);
  color: #ff0000;
  width: 392px;
  padding: 25px 25px 25px 25px;
  height: 38px;
  line-height: 38px;
  font-size: 36px;
}
div.content .contact-card .wpcf7-form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 390px;
  left: 0;
  display: inline-block;
}
div.content .contact-card .wpcf7-form .wpcf7-mail-sent-ok {
  border: 0;
  color: #398f14;
}
div.content .contact-card .wpcf7-form .wpcf7-mail-sent-ng {
  border: 0;
  color: #ff0000;
}
div.content .contact-card .wpcf7-form .wpcf7-spam-blocked {
  border: 0;
  color: #ff0000;
}
div.content .contact-card .wpcf7-form .wpcf7-validation-errors {
  border: 0;
  color: #ff0000;
}
div.content .contact-card .wpcf7-form img.ajax-loader {
  display: none;
}
div.content .contact-card .wpcf7-form label {
  display: block;
  margin: 0 0 36px;
}
div.content .contact-card .wpcf7-form label.name {
  height: 90px;
}
div.content .contact-card .wpcf7-form label.name input {
  width: 395px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  line-height: 60px;
  font-size: 50px;
}
div.content .contact-card .wpcf7-form label.email {
  height: 90px;
}
div.content .contact-card .wpcf7-form label.email input {
  width: 395px;
  padding: 25px 25px 25px 25px;
  height: 50px;
  line-height: 60px;
  font-size: 50px;
}
div.content .contact-card .wpcf7-form label.message {
  height: 299px;
}
div.content .contact-card .wpcf7-form label.message textarea {
  width: 395px;
  padding: 25px;
  height: 299px;
  line-height: 45px;
  font-size: 36px;
  resize: none;
}
div.content .contact-card .wpcf7-form label.checkbox {
  font-size: 28px;
  line-height: 38px;
}
div.content .contact-card .wpcf7-form label.checkbox input {
  display: none;
}
div.content .contact-card .wpcf7-form label.checkbox b {
  position: relative;
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  margin: 0 0.5em 0 0;
}
div.content .contact-card .wpcf7-form label.checkbox b:after {
  content: '×';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 38px;
  line-height: 36px;
  width: 38px;
  text-align: center;
  color: #000;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
div.content .contact-card .wpcf7-form label.checkbox b.active:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.content .contact-card .wpcf7-form label.checkbox a {
  color: #d4b43e;
  text-decoration: none;
}
div.content .contact-card .wpcf7-form label.checkbox a:hover {
  color: #ddc468;
}
div.content .contact-card div.buttons {
  position: relative;
  width: 163px;
  height: 69px;
  margin: 0 -2px 0 0;
  float: right;
}
div.content .contact-card div.buttons button {
  position: absolute;
  display: block;
  width: 163px;
  height: 69px;
  top: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../img/contact/submit-button.png);
  background-repeat: no-repeat;
}
div.content .contact-card div.buttons button.login-btn {
  left: 0;
  background-position: 0 0;
}
div.content .contact-card div.buttons button.login-btn:hover {
  background-position: 0 -69px;
}
.oldie div.content .contact-card .wpcf7-form .wpcf7-select {
  border: 1px solid #000;
  width: 100%;
}
label.checkbox {
  font-size: 28px;
  line-height: 38px;
  height: 38px;
  display: block;
  position: relative;
}
label.checkbox input {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
  height: 38px;
  width: 38px;
  padding: 0;
  margin: 0 20px 0 0;
}
label.checkbox b {
  position: absolute;
  z-index: 1;
  display: block;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #000;
  text-align: center;
  line-height: 38px;
  background: #555;
  background: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  border: 0;
  margin: 0 0.5em 0 0;
}
label.checkbox a {
  color: #d4b43e;
  text-decoration: none;
}
label.checkbox a:hover {
  color: #ddc468;
}
.oldie label.checkbox b {
  background: #555;
  border: 1px solid #000;
}
#video-container {
  margin: 0 auto;
}
.wp .videos article {
  padding-bottom: 40px;
}
.wp .page.videos {
  margin: 0 12px;
}
.wp .page header h1 {
  height: 212px;
  margin: 0;
  font-size: 8px;
}
.wp .page .content h1,
.wp .page .content h2,
.wp .page .content h3 {
  padding: 0.6em 0 0.3em;
  margin: 0 auto;
  font-weight: normal;
  color: #f6db8f;
  color: rgba(246, 219, 143, 0.8);
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2);
  font-size: 88px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
.wp .page .content h1:first-child,
.wp .page .content h2:first-child,
.wp .page .content h3:first-child {
  padding-top: 0.3em;
}
.wp .page .content a {
  color: #c91738;
}
.wp .page .content a:hover {
  color: #840f25;
}
.wp .page .content h4 {
  padding: 0;
  margin: 0 auto;
  font-weight: normal;
  color: #000000;
  font-size: 36px;
}
.wp .page p,
.wp .page .footer {
  width: 870px;
  text-align: justify;
  margin: 1em auto 0;
}
.wp .page footer {
  width: auto;
  margin-top: 0;
}
.wp .page footer p {
  width: auto;
  margin: 1em 0;
}
.wp .page blockquote {
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  color: #ccc;
  padding: 10px;
}
.wp .page blockquote p {
  width: auto;
  color: #ccc;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.wp .page blockquote p:first-child {
  margin-top: 0;
}
.wp .page article {
  margin: 0 90px 0 145px;
  position: relative;
}
.wp .page article article {
  width: 870px;
  margin: 0 auto;
}
.wp .page .post-content > article h1 {
  position: relative;
  z-index: -1;
}
.wp .page iframe {
  margin: -18px 0 0 8px;
}
.wp .page .video-header {
  margin: 0 0 0 8px;
  display: inline-block;
  height: 49px;
  padding: 16px 24px 24px 24px;
  background: url(../img/video-bar.png) 0 0 no-repeat;
  z-index: 1000;
  position: relative;
}
.r {
  position: absolute;
  top: 130px;
  right: 40px;
  width: 221px;
  height: 212px;
  background: url(../img/r.png) 0 0 no-repeat;
  pointer-events: none;
  z-index: 1005;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.content .contact-card .wpcf7-form .wpcf7-select {
    padding: 0 25px 25px 25px;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
  }
  div.content .contact-card .wpcf7-form .wpcf7-select option {
    background: transparent;
    padding: 25px 25px 0 25px;
  }
}
#back-fade {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera 11.10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */

  -pie-background: linear-gradient(#ffffff, #000000);
  -moz-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.2);
  behavior: url('../js/PIE.htc');
}
#menu-bar {
  background: transparent url(../img/menu-loop.png) 0 0 repeat;
  width: 100%;
  height: 69px;
  display: block;
  position: absolute;
  top: 211px;
  left: 0;
}
#background-cracks {
  background: transparent url(../img/background-cracks.png) 0 0 repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#hyn-blue,
.hyn-blue {
  color: #6498d3;
}
#hyn-yellow,
.hyn-yellow {
  color: #dbbe54;
}
#hyn-pink,
.hyn-pink {
  color: #d5729f;
}
#hyn-white,
.hyn-white {
  color: #ffffff;
  font-weight: normal;
}