html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

body { background-color: #f5f5f5; font-size: 12px; margin: 0 auto !important; position: relative; }
body * { font-family: "Arial", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body a { outline: none; }
@media only screen and (max-width: 480px) { body { font-size: 10px; } }

.hidden { display: none; }

div.links { position: relative; width: 100%; display: block; white-space: nowrap; outline: none; border: none; text-align: right; text-overflow: ellipsis; padding: 0em 2em; margin: 2em 0em 2.67em 0em; }
div.links a, div.links input[type="submit"], div.links input[type="button"], div.links span { display: inline-block; width: 10.67em; padding: 0.42em; margin: 0 0.2em; border-radius: 0.25em; text-align: center; text-decoration: none; font-family: "Arial"; font-weight: 100; color: #2d2d2d; color: white; }
div.links a.member-modal-trigger, div.links input[type="submit"].member-modal-trigger, div.links input[type="button"].member-modal-trigger, div.links span.member-modal-trigger { background-color: transparent; color: #6e6e6e; }
div.links a.front-page-button, div.links a.create-account-modal-trigger, div.links input[type="submit"].front-page-button, div.links input[type="submit"].create-account-modal-trigger, div.links input[type="button"].front-page-button, div.links input[type="button"].create-account-modal-trigger, div.links span.front-page-button, div.links span.create-account-modal-trigger { margin-right: 0; background-color: #ed365e; }
div.links a.front-page-button:hover, div.links a.create-account-modal-trigger:hover, div.links input[type="submit"].front-page-button:hover, div.links input[type="submit"].create-account-modal-trigger:hover, div.links input[type="button"].front-page-button:hover, div.links input[type="button"].create-account-modal-trigger:hover, div.links span.front-page-button:hover, div.links span.create-account-modal-trigger:hover { background-color: #dd133f; }

img.gif { margin: 0 auto; display: block; }

.gif-container { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 540px; }
.gif-container img { width: 100%; }
@media only screen and (max-width: 700px) { .gif-container img { padding: 1em; } }
.gif-container img.placeholder { position: relative; z-index: 0; }
.gif-container img.gif { position: absolute; top: 0; left: 0; }

.circle { display: block; position: relative; width: 4em; height: 4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 1.34em auto 2.66em auto; background-color: #ed365e; color: white; }
.circle:hover { background-color: #dd133f; }
.circle .arrow { width: 0; height: 0; border-left: 0.45em solid transparent; border-right: .45em solid transparent; border-top: .7em solid white; position: absolute; left: 0; right: 0; margin: -.3em auto 0 auto; line-height: 4em; top: 50%; }

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.section { max-width: 1280px; margin-left: auto; margin-right: auto; }
.section::after { clear: both; content: ""; display: table; }

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#navigation { top: 0; max-width: 1280px; left: 0; right: 0; margin: 0 auto; display: block; width: 100%; height: 4.635em; background-color: #212121; position: fixed; overflow: hidden; z-index: 15; padding: 0em; }
#navigation .title { cursor: pointer; display: table; height: 100%; position: absolute; left: 5.833em; margin-left: 0; top: 0; }
#navigation .title strong, #navigation .title p { color: white; display: table-cell; vertical-align: middle; white-space: nowrap; }
#navigation .title p { padding-left: 0.4em; }
#navigation .icon { cursor: pointer; width: 4.7em; height: 4.7em; background-color: #ed365e; position: absolute; top: 0; left: 0; display: table; }
#navigation .icon .img { display: table-cell; position: relative; height: 100%; width: 100%; vertical-align: middle; }
#navigation .icon .img img { display: block; margin: 0 auto; }
#navigation .links { float: right; height: 100%; width: auto; overflow: hidden; display: table; white-space: nowrap; margin: 0; outline: none; border: none; text-align: right; text-overflow: ellipsis; }
#navigation .link { display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 700px) { #navigation .link { display: none; } }
#navigation .link.hide { opacity: 0; }
@media only screen and (max-width: 480px) { #navigation .link { display: table-cell; }
  #navigation .link.hide { opacity: 1 !important; }
  #navigation .link span { display: none; } }
#navigation span { width: auto; }
#notification { top: 4.635em; max-width: 1280px; left: 0; right: 0; margin: 0 auto; display: none; width: 100%; min-height: 4.635em; height: auto; background-color: white; position: fixed; overflow: hidden; z-index: 15; padding: 0em; }
#notification .notification-messages { position: relative; left: 40px; margin: 15px; font-family: "Arial"; font-size: 14px; color: #303030; }
#notification .warning { position: absolute; left: 0; top: 0; margin: 15px;}
#notification .dismiss { position: absolute; right: 0; top: 0; cursor: pointer; margin: 15px;}

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.front-page-popup-container, .create-new-password-modal, .create-account-modal, .email-modal { position: relative; overflow: hidden; background: #f5f5f5; width: auto; margin: 1.5em auto; max-width: 620px; min-height: 100%; padding: 2.66em 2em 2em 2em; }
.front-page-popup-container .border, .create-new-password-modal .border, .create-account-modal .border, .email-modal .border { position: absolute; top: 0; left: 0; height: 4px; width: 100%; background-color: #ed365e; }
.front-page-popup-container .title, .create-new-password-modal .title, .create-account-modal .title, .email-modal .title { margin: 0em 0em 2.66em 0em; }
.front-page-popup-container .sign-in-help .title {margin: 0em 0em 0em 0em;}
.front-page-popup-container .sign-in-help .help-info  {font-family: "Arial"; font-weight: 100; color: #2d2d2d; line-height: 2em; margin-top: 1em;}
.front-page-popup-container span.help-info {font-family: "Arial"; font-weight: 100; color: #2d2d2d; margin-top: 1em;}
.front-page-popup-container .sign-in-help .title h1 {margin-bottom: 0.5em;}
.front-page-popup-container .sign-in-help .contact {text-decoration: none; color: #ed365e;}
.front-page-popup-container .title h1, .create-new-password-modal .title h1, .create-account-modal .title h1, .email-modal .title h1 { margin: 0; font-size: 2.34em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
.front-page-popup-container .notifications, .create-new-password-modal .notifications, .create-account-modal .notifications, .email-modal .notifications { display: block; overflow: hidden; margin: 0em 0em 2.66em 0em; }
.front-page-popup-container .notifications p, .create-new-password-modal .notifications p, .create-account-modal .notifications p, .email-modal .notifications p { margin: 0; color: #ed365e; }
.front-page-popup-container .notifications span, .create-new-password-modal .notifications span, .create-account-modal .notifications span, .email-modal .notifications span { margin: 0; color: #2d2d2d; }
.front-page-popup-container button.mfp-close, .create-new-password-modal button.mfp-close, .create-account-modal button.mfp-close, .email-modal button.mfp-close { background-color: #ed365e; width: 1.33em; opacity: 1; height: 1.33em; font-size: 1em; line-height: 1.33em; color: white; }
.front-page-popup-container button.mfp-close:hover, .create-new-password-modal button.mfp-close:hover, .create-account-modal button.mfp-close:hover, .email-modal button.mfp-close:hover { background-color: #dd133f; }
.front-page-popup-container .form .credentials, .create-new-password-modal .form .credentials, .create-account-modal .form .credentials, .email-modal .form .credentials { margin-bottom: 2.66em; }
.front-page-popup-container .form .credentials .checkbox, .create-new-password-modal .form .credentials .checkbox, .create-account-modal .form .credentials .checkbox, .email-modal .form .credentials .checkbox { margin-top: 1em; }
.front-page-popup-container .form .checkbox, .create-new-password-modal .form .checkbox, .create-account-modal .form .checkbox, .email-modal .form .checkbox { display: block; padding-bottom: 0.5em; position: relative; }
.front-page-popup-container .form .checkbox input, .create-new-password-modal .form .checkbox input, .create-account-modal .form .checkbox input, .email-modal .form .checkbox input { margin-right: 0.75em; }
.front-page-popup-container .form .checkbox label, .create-new-password-modal .form .checkbox label, .create-account-modal .form .checkbox label, .email-modal .form .checkbox label { position: relative; left: 2em; padding-right: 2em; margin: 0; font-family: "Arial"; font-weight: 100; color: #2d2d2d; line-height: 1.5em; }
.front-page-popup-container .form a.expand-tos, .create-new-password-modal .form a.expand-tos, .create-account-modal .form a.expand-tos, .email-modal .form a.expand-tos { display: block; text-decoration: none; margin-left: 2em; margin-bottom: 1.5em; font-family: "Arial"; font-weight: 100; color: #2d2d2d; }
.front-page-popup-container .form a.expand-tos .highlight, .create-new-password-modal .form a.expand-tos .highlight, .create-account-modal .form a.expand-tos .highlight, .email-modal .form a.expand-tos .highlight { color: #ed365e; padding-left: 0.3em; }
.front-page-popup-container .form div.terms-of-service, .create-new-password-modal .form div.terms-of-service, .create-account-modal .form div.terms-of-service, .email-modal .form div.terms-of-service { height: 0em; overflow: hidden; display: block; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.front-page-popup-container .form div.terms-of-service.open, .create-new-password-modal .form div.terms-of-service.open, .create-account-modal .form div.terms-of-service.open, .email-modal .form div.terms-of-service.open { height: 20em; overflow-y: scroll; overflow-x: hidden; margin-bottom: 2em; padding: 2em; }
.front-page-popup-container .form span.agree, .create-new-password-modal .form span.agree, .create-account-modal .form span.agree, .email-modal .form span.agree { margin-left: 2em; }
.front-page-popup-container .form input, .create-new-password-modal .form input, .create-account-modal .form input, .email-modal .form input { width: 49%; padding: 0.5em; font-size: 1em; margin-right: 4px; font-family: "Arial"; font-weight: 100; color: #2d2d2d; }
@media only screen and (max-width: 480px) { .front-page-popup-container .form input, .create-new-password-modal .form input, .create-account-modal .form input, .email-modal .form input { width: 100%; }
  .front-page-popup-container .form input:first-child, .create-new-password-modal .form input:first-child, .create-account-modal .form input:first-child, .email-modal .form input:first-child { margin-bottom: 0.5em; } }
.front-page-popup-container .form input[type=checkbox], .create-new-password-modal .form input[type=checkbox], .create-account-modal .form input[type=checkbox], .email-modal .form input[type=checkbox] { width: auto; position: absolute; }
.front-page-popup-container .links, .create-new-password-modal .links, .create-account-modal .links, .email-modal .links { margin: 2.66em 0em 0em 0em; padding-right: 0em; }
.front-page-popup-container .links a, .create-new-password-modal .links a, .create-account-modal .links a, .email-modal .links a { border: 1px solid #dcdcdc; }
.front-page-popup-container .links a.help, .front-page-popup-container .links a.dismiss, .create-new-password-modal .links a.help, .create-new-password-modal .links a.dismiss, .create-account-modal .links a.help, .create-account-modal .links a.dismiss, .email-modal .links a.help, .email-modal .links a.dismiss { color: #2d2d2d; }
.front-page-popup-container .links a.help:hover, .front-page-popup-container .links a.dismiss:hover, .create-new-password-modal .links a.help:hover, .create-new-password-modal .links a.dismiss:hover, .create-account-modal .links a.help:hover, .create-account-modal .links a.dismiss:hover, .email-modal .links a.help:hover, .email-modal .links a.dismiss:hover { background-color: rgba(0, 0, 0, 0.15); }
.front-page-popup-container .links input.confirm, .front-page-popup-container .links a.confirm, .create-new-password-modal .links input.confirm, .create-new-password-modal .links a.confirm, .create-account-modal .links input.confirm, .create-account-modal .links a.confirm, .email-modal .links input.confirm, .email-modal .links a.confirm { color: white; border: 1px solid #ed365e; background-color: #ed365e; -webkit-appearance: none; cursor: pointer; }
.front-page-popup-container .links input.confirm:hover, .front-page-popup-container .links a.confirm:hover, .create-new-password-modal .links input.confirm:hover, .create-new-password-modal .links a.confirm:hover, .create-account-modal .links input.confirm:hover, .create-account-modal .links a.confirm:hover, .email-modal .links input.confirm:hover, .email-modal .links a.confirm:hover { background-color: #dd133f; }
@media only screen and (max-width: 480px) { .front-page-popup-container .links, .create-new-password-modal .links, .create-account-modal .links, .email-modal .links { padding: 0; }
  .front-page-popup-container .links a, .front-page-popup-container .links input[type=submit], .create-new-password-modal .links a, .create-new-password-modal .links input[type=submit], .create-account-modal .links a, .create-account-modal .links input[type=submit], .email-modal .links a, .email-modal .links input[type=submit] { width: 48%; margin: auto 1%; } }
.front-page-popup-container .password-requirements, .create-new-password-modal .password-requirements, .create-account-modal .password-requirements, .email-modal .password-requirements { padding-bottom: 1em; display: block; }
.front-page-popup-container .sign-in-help .reset, .create-new-password-modal .sign-in-help .reset, .create-account-modal .sign-in-help .reset, .email-modal .sign-in-help .reset { padding-bottom: 1em; display: block; }

.create-account-modal .form .credentials { margin-bottom: 0em; }

div[data-js-id="video-modal"] { width: 500px; margin-left: auto; margin-right: auto; }

div.video-header { background-color: #ed365e; height: 4px; width: 100%; text-align: right; margin: auto; color: white; }
div.video-header button.video-close { background-color: #ed365e; width: 1.33em; opacity: 1; height: 1.33em; font-size: 1em; line-height: 1.33em; color: white; }
div.video-header button.video-close:hover { background-color: #dd133f; }

.email-modal { background-color: #fff; font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; }
.email-modal .title { font-size: 16px; color: #595959; margin-bottom: 16px; }
.email-modal label { color: #595959; font-weight: bold; display: block; margin: 0 0 8px 0; }
.email-modal input[type="email"] { color: #595959; border: 2px solid #c9c9c9; border-radius: 3px; display: block; margin: 0 0 24px; max-width: 550px; min-height: 36px; min-width: 50px; padding: 0 0.4em; vertical-align: middle; width: 100%; }
.email-modal input[type="submit"] { color: #fff; background-color: #fa2d5a; border: 0 none; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 700; height: 36px; letter-spacing: 0.01em; line-height: 36px; margin-right: 0; overflow: hidden; padding: 0 18px; text-align: center; vertical-align: middle; white-space: nowrap; }
.email-modal input[type="submit"]:hover { background-color: #fa2d5a; }

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#fullpage { opacity: 0; }

.section { background-color: #f5f5f5; max-width: 100%; }
@media only screen and (max-width: 700px) { .section { padding-left: 2em; padding-right: 2em; } }

.section.intro-section { padding-top: 2em; background-color: #E0E1E2; max-height: 62em; }
.section.intro-section .fp-scrollable { padding-top: 6em !important; }
@media only screen and (max-width: 480px) { .section.intro-section .fp-scrollable { padding-top: 0em !important; } }
.section.intro-section .links { position: absolute; top: 0em; left: 0; right: 0; margin: 0 auto; max-width: 1280px; background-color: #E0E1E2; z-index: 10; padding: 0; }
.section.intro-section .links.sublink { top: 4.5em; left: 0; right: 0; }
.section.intro-section .links a, .section.intro-section .links span { margin-top: 2em; margin-bottom: 2.67em; }
.section.intro-section .links a.front-page-button, .section.intro-section .links span.front-page-button { margin-right: 2em; }
@media only screen and (max-width: 700px) { .section.intro-section .links a.front-page-button, .section.intro-section .links span.front-page-button { margin-right: 0em; } }
.section.intro-section .links span { background-color: transparent; color: #6e6e6e; width: auto; }
@media only screen and (max-width: 480px) { .section.intro-section .links { opacity: 0; } }
.section.intro-section .welcome { text-align: center; display: block; overflow: hidden; margin: 2.67em 0; position: relative; top: 4em;}
@media only screen and (max-width: 700px) { .section.intro-section .welcome { margin: 3em 0em 2.67em 0; } }
.section.intro-section .welcome .title { margin-bottom: 2.67em; }
.section.intro-section .welcome .title h1 { font-size: 3.011em; margin: 0; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
.section.intro-section .welcome .title h1:last-child { color: #ed365e; }
.section.intro-section .welcome .subtitle { margin-top: 2.67em; }
.section.intro-section .welcome .subtitle p { margin: 0; line-height: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
.section.intro-section .video-container { margin: 4em 0em 4em 0em; position: relative; top: 3em;}
.section.intro-section .video-container .video-placeholder { display: block; position: relative; max-width: 25.35em; width: 100%; height: 13.35em; margin: -1.33em auto; border: 1.33em solid white; background-color: #F2F2F2; background-image: url("/img/intro.png"); background-size: contain; outline: none; }
@media only screen and (max-width: 480px) { .section.intro-section .video-container .video-placeholder { width: 100%; } }
.section.intro-section .video-container .play { background-color: white; color: black; left: 0; right: 0; margin: -2em auto 0 auto; top: 50%; position: absolute; width: 4em; height: 4em; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.section.intro-section .video-container .play:after { content: "\25B6"; font-family: VideoJS; line-height: 4em; text-shadow: .05em .05em .1em #000; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; }
.section.intro-section .learn-more { text-align: center; max-width: 25.35em; margin: 2.67em auto 1.33em auto; overflow: hidden; position: relative; top: 3em;}
.section.intro-section .learn-more p { margin: 0; line-height: 1.5em; font-family: "Arial"; font-weight: 100; color: #2d2d2d; }
.section.intro-section .learn-more .container { margin: 5.33em 0em 0em 0em; }
.section.intro-section .learn-more .container h3 { font-size: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; color: #6e6e6e; margin: 0; }

.section.intro-section .circle { position: relative; top: 3em; }

.section.learn-section { text-align: center; max-height: 54em; }
.section.learn-section .container { text-align: center; padding: 1.83em 0 5.33em 0; }
.section.learn-section .container h1 { margin: 0; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; font-size: 3.011em; }
.section.learn-section .statistics { overflow: hidden; }
.section.learn-section .statistics .timestamp { margin-bottom: 5.33em; }
@media only screen and (max-width: 480px) { .section.learn-section .statistics .timestamp { margin-bottom: 2.66em; } }
.section.learn-section .statistics .timestamp p { display: inline-block; margin: 0; font-size: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; color: #969696; }
.section.learn-section .statistics .timestamp .days { padding: 0em 0.25em; }
.section.learn-section .statistics .datapoint { display: inline-block; border-right: 1px solid #E0E1E2; padding: 0em 2.5em; }
.section.learn-section .statistics .datapoint:last-child { border-right: none; }
.section.learn-section .statistics .datapoint p, .section.learn-section .statistics .datapoint h1 { margin: 0; color: #2d2d2d; }
.section.learn-section .statistics .datapoint h1 { font-size: 5.018em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
.section.learn-section .statistics .datapoint .title { margin: 1em 0em 0em 0em; }
.section.learn-section .statistics .datapoint p { font-size: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
@media only screen and (max-width: 700px) { .section.learn-section .statistics .datapoint { font-size: 0.8em; display: inline-block; overflow: hidden; }
  .section.learn-section .statistics .datapoint p, .section.learn-section .statistics .datapoint h1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }
@media only screen and (max-width: 480px) { .section.learn-section .statistics .datapoint { font-size: 1em; display: inline-block; width: 50%; margin-bottom: 2em; border-right: none; overflow: hidden; }
  .section.learn-section .statistics .datapoint:nth-child(1), .section.learn-section .statistics .datapoint:nth-child(3) { border-right: 1px solid #E0E1E2; }
  .section.learn-section .statistics .datapoint p, .section.learn-section .statistics .datapoint h1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }
.section.learn-section .statistics .reminder { margin: 5.33em 0em 0em 0em; }
@media only screen and (max-width: 480px) { .section.learn-section .statistics .reminder { margin-bottom: 2.66em; } }
.section.learn-section .statistics .reminder p { margin: 0; line-height: 1em; font-size: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }

.section.collab-section .gif-container img, .section.explore-section .gif-container img, .section.learn-section .gif-container img { padding: 0; }
.section.collab-section .gif-container img.mobile-img, .section.explore-section .gif-container img.mobile-img, .section.learn-section .gif-container img.mobile-img { opacity: 0; position: absolute; top: 0; left: 0; }

.section.goal-section, .section.about-section, .section.explore-section, .section.collab-section, .section.learn-section { text-align: center; }
.section.goal-section .goal-container, .section.goal-section .about-container, .section.about-section .goal-container, .section.about-section .about-container, .section.explore-section .goal-container, .section.explore-section .about-container, .section.collab-section .goal-container, .section.collab-section .about-container, .section.learn-section .goal-container, .section.learn-section .about-container { margin: 1.83em 0em 1.833em 0em; }
.section.goal-section .goal-container .title, .section.goal-section .about-container .title, .section.about-section .goal-container .title, .section.about-section .about-container .title, .section.explore-section .goal-container .title, .section.explore-section .about-container .title, .section.collab-section .goal-container .title, .section.collab-section .about-container .title, .section.learn-section .goal-container .title, .section.learn-section .about-container .title { padding: 0em 0em 6.5em 0em; }
.section.goal-section .goal-container .title h1, .section.goal-section .about-container .title h1, .section.about-section .goal-container .title h1, .section.about-section .about-container .title h1, .section.explore-section .goal-container .title h1, .section.explore-section .about-container .title h1, .section.collab-section .goal-container .title h1, .section.collab-section .about-container .title h1, .section.learn-section .goal-container .title h1, .section.learn-section .about-container .title h1 { margin: 0; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; font-size: 3.011em; }
.section.goal-section .goal-container .copy p, .section.goal-section .about-container .copy p, .section.about-section .goal-container .copy p, .section.about-section .about-container .copy p, .section.explore-section .goal-container .copy p, .section.explore-section .about-container .copy p, .section.collab-section .goal-container .copy p, .section.collab-section .about-container .copy p, .section.learn-section .goal-container .copy p, .section.learn-section .about-container .copy p { margin: 0; font-size: 1.5em; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; }
.section.goal-section .goal-container .copy a, .section.goal-section .about-container .copy a, .section.about-section .goal-container .copy a, .section.about-section .about-container .copy a, .section.explore-section .goal-container .copy a, .section.explore-section .about-container .copy a, .section.collab-section .goal-container .copy a, .section.collab-section .about-container .copy a, .section.learn-section .goal-container .copy a, .section.learn-section .about-container .copy a { text-decoration: none; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; color: #ed365e; }
@media only screen and (max-width: 700px) { .section.goal-section .goal-container .copy br, .section.goal-section .about-container .copy br, .section.about-section .goal-container .copy br, .section.about-section .about-container .copy br, .section.explore-section .goal-container .copy br, .section.explore-section .about-container .copy br, .section.collab-section .goal-container .copy br, .section.collab-section .about-container .copy br, .section.learn-section .goal-container .copy br, .section.learn-section .about-container .copy br { display: none; } }
@media only screen and (max-width: 480px) { .section.goal-section .circle, .section.about-section .circle, .section.explore-section .circle, .section.collab-section .circle, .section.learn-section .circle { height: 0px; width: 0px; opacity: 0; margin: 2em 0em 0em 0em; display: none; } }
@media only screen and (max-width: 700px) { .section.goal-section .goal-container .copy p, .section.about-section .goal-container .copy p, .section.explore-section .goal-container .copy p, .section.collab-section .goal-container .copy p, .section.learn-section .goal-container .copy p { padding-bottom: 2em; } }
.section.goal-section .about-container, .section.about-section .about-container, .section.explore-section .about-container, .section.collab-section .about-container, .section.learn-section .about-container { margin-bottom: 3em; }
.section.goal-section .about-container .title, .section.about-section .about-container .title, .section.explore-section .about-container .title, .section.collab-section .about-container .title, .section.learn-section .about-container .title { padding-bottom: 5.33em; }
.section.goal-section .about-container .copy, .section.about-section .about-container .copy, .section.explore-section .about-container .copy, .section.collab-section .about-container .copy, .section.learn-section .about-container .copy { padding-bottom: 5.33em; }
.section.goal-section .about-container .copy a:hover, .section.about-section .about-container .copy a:hover, .section.explore-section .about-container .copy a:hover, .section.collab-section .about-container .copy a:hover, .section.learn-section .about-container .copy a:hover { color: #dd133f; }
.section.goal-section .about-container .links, .section.about-section .about-container .links, .section.explore-section .about-container .links, .section.collab-section .about-container .links, .section.learn-section .about-container .links { margin: 0; text-align: center; }
.section.goal-section .about-container .links a.contact, .section.goal-section .about-container .links a.email-modal-trigger, .section.about-section .about-container .links a.contact, .section.about-section .about-container .links a.email-modal-trigger, .section.explore-section .about-container .links a.contact, .section.explore-section .about-container .links a.email-modal-trigger, .section.collab-section .about-container .links a.contact, .section.collab-section .about-container .links a.email-modal-trigger, .section.learn-section .about-container .links a.contact, .section.learn-section .about-container .links a.email-modal-trigger { background-color: #2d2d2d; width: auto; }
.section.goal-section .about-container .links.sign-in, .section.about-section .about-container .links.sign-in, .section.explore-section .about-container .links.sign-in, .section.collab-section .about-container .links.sign-in, .section.learn-section .about-container .links.sign-in { margin-top: 3.011em; }
.section.goal-section .about-container .links.sign-in span, .section.about-section .about-container .links.sign-in span, .section.explore-section .about-container .links.sign-in span, .section.collab-section .about-container .links.sign-in span, .section.learn-section .about-container .links.sign-in span { display: block; background-color: transparent; color: #6e6e6e; width: auto; margin-bottom: 0.5em; }
.section.goal-section .gif-title, .section.about-section .gif-title, .section.explore-section .gif-title, .section.collab-section .gif-title, .section.learn-section .gif-title { margin: 1.833em auto 5.33em auto; }
.section.goal-section .gif-title h1, .section.about-section .gif-title h1, .section.explore-section .gif-title h1, .section.collab-section .gif-title h1, .section.learn-section .gif-title h1 { margin: 0; font-family: "Georgia"; font-weight: 100; color: #2d2d2d; font-size: 3.011em; }
.section.goal-section .gif-container, .section.about-section .gif-container, .section.explore-section .gif-container, .section.collab-section .gif-container, .section.learn-section .gif-container { margin: 5.33em auto 2.66em auto; }
.section.goal-section .gif-description, .section.about-section .gif-description, .section.explore-section .gif-description, .section.collab-section .gif-description, .section.learn-section .gif-description { margin: 2.66em 0em 0em 0em; padding: 1em 4em; }
@media only screen and (max-width: 700px) { .section.goal-section .gif-description, .section.about-section .gif-description, .section.explore-section .gif-description, .section.collab-section .gif-description, .section.learn-section .gif-description { padding: 1em; } }
.section.goal-section .gif-description p, .section.about-section .gif-description p, .section.explore-section .gif-description p, .section.collab-section .gif-description p, .section.learn-section .gif-description p { margin: 0; font-size: 1.17em; font-family: "Arial"; font-weight: 100; color: #2d2d2d; line-height: 1.3em; }
.section.goal-section a.circle, .section.about-section a.circle, .section.explore-section a.circle, .section.collab-section a.circle, .section.learn-section a.circle { margin: 6.5em auto 1.833em auto; }

.about-container .links a, .about-container .links a span {display: inline;}

@-webkit-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes $animation_name { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes $animation_name { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadein { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadein; -ms-animation-name: fadein; -moz-animation-name: fadein; -o-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.fadeout { -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeout; -ms-animation-name: fadeout; -moz-animation-name: fadeout; -o-animation-name: fadeout; animation-name: fadeout; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

body .fp-tableCell { position: relative; }

div#fp-nav { width: auto; left: auto; right: 0; margin: 0 auto; max-width: 1280px; position: absolute; }
div#fp-nav.right { top: 33%; right: 24px; margin-top: 4em !important; }
@media only screen and (max-width: 800px) { div#fp-nav { display: none; } }
div#fp-nav ul { float: right; }
div#fp-nav ul li { margin: 4px; }
div#fp-nav ul li div.fp-tooltip { color: #ed365e; }
div#fp-nav ul li a span, div#fp-nav ul li a.active span { font-family: "Arial"; font-weight: 100; color: #2d2d2d; background-color: #d2d2d2; height: 8px; width: 8px; margin: -4px 0 0 -4px; }
div#fp-nav ul li a.active span { background-color: #ed365e; }

.slimScrollBar { opacity: 0 !important; }

.video-header .mfp-close { position: relative; right: 0; }

.kaptcha {margin: 8px 0 8px 0;}
.kaptcha:hover {cursor: pointer;}

.section-header {font-weight: bold; color: #2d2d2d;}

a.register-links {text-decoration: none; color: #ed365e;}
a.register-links:hover {cursor: pointer;}

a.register-links-error {text-decoration: underline; color: #ed365e;}
a.register-links-error:hover {cursor: pointer;}

.front-page-popup-container .form .checkbox.checkboxgroup label, .create-account-modal .form .checkbox.checkboxgroup label {padding-right: 0}

.front-page-popup-container .form .credentials .checkbox.checkboxgroup, .create-account-modal .form .credentials .checkbox.checkboxgroup {margin-top: 0; padding-bottom: 0.2em;}

.account-survey-modal table {width: 100%;}
.account-survey-modal tr {margin-bottom: 0.5em;}
.account-survey-modal td.label {width: 40%; font-weight: bold;}
.account-survey-modal td label {color: #2d2d2d;}

.front-page-popup-container .form .survey-form {height: 32.5em; overflow-y: scroll; padding-right: 1em;}

.front-page-popup-container .form .survey-form input {width:100%; padding: 0.3em;}

.front-page-popup-container .form .survey-form input[type=checkbox] {width: auto;}

.front-page-popup-container .form .survey-form input#accountothernetwork, .front-page-popup-container .form .survey-form input#accountotherreferrer {width:93%; margin-left: 2em;}