@font-face {
  font-family: 'Gotham';
  src: url('http://rodadeprojetos.com.br/lp/font/gotham-medium-webfont.eot');
  src: url('http://rodadeprojetos.com.br/lp/font/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham/gotham-medium-webfont.woff') format('woff'), url('https://s3.amazonaws.com/roda_fonts/gotham/gotham-medium-webfont.ttf') format('truetype'), url('https://s3.amazonaws.com/roda_fonts/gotham/gotham-medium-webfont.svg#gothammedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mercury Roman';
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4roman-webfont.eot');
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mercury/mercury-textg4roman-webfont.woff') format('woff'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4roman-webfont.ttf') format('truetype'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4roman-webfont.svg#mercurytext_g4_roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mercury Italic';
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4italic-webfont.eot');
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mercury/mercury-textg4italic-webfont.woff') format('woff'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4italic-webfont.ttf') format('truetype'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4italic-webfont.svg#mercurytext_g4_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mercury Bold Italic';
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4bolditalic-webfont.eot');
  src: url('http://rodadeprojetos.com.br/lp/font/mercury-textg4bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mercury/mercury-textg4bolditalic-webfont.woff') format('woff'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4bolditalic-webfont.ttf') format('truetype'), url('https://s3.amazonaws.com/roda_fonts/mercury/mercury-textg4bolditalic-webfont.svg#mercurytext_g4_bold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  border: 0;
  font-family: "Gotham", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
input,
button,
span,
div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.clear-fix {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
button {
  color: white;
  font-family: "Gotham";
  font-size: 16px;
  text-transform: uppercase;
  height: 41px;
  padding: 10px;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease-out;
}
button:after {
  content: url(../images/arrow-right.svg);
  position: absolute;
  right: 0px;
  top: 12px;
  opacity: 0;
  transition: all 0.2s ease-out;
}
button:hover:after {
  right: 12px;
  opacity: 1;
}
button:hover {
  color: rgba(0, 0, 0, 0.4);
}
.validation {
  position: absolute;
  background-color: #f2f2f2;
  color: #999999;
  font-family: "Gotham";
  font-size: 14px;
  font-weight: normal;
  padding: 11px 14px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
}
.validation:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.validation.to_right:after {
  border-left-color: #f2f2f2;
  left: 100%;
  top: 50%;
  border-width: 7px;
  margin-top: -7px;
}
.validation.to_top:after {
  border-bottom-color: #f2f2f2;
  bottom: 100%;
  left: 50%;
  border-width: 7px;
  margin-left: -7px;
}
.contain {
  width: 930px;
  margin: 0 auto;
  text-align: center;
}
.contain.rfm {
  overflow: hidden;
}
.columns .column-1 {
  width: 320px;
  padding-right: 30px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.columns .column-2 {
  width: 630px;
  padding-right: 30px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.columns .column-1:last-child {
  width: 290px;
  padding-right: 0;
}
.columns .column-2:last-child {
  width: 600px;
  padding-right: 0;
}
.columns:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.offset-columns .column-1 {
  width: 425px;
  float: left;
}
.offset-columns .column-1.important {
  margin-top: -40px;
}
.offset-columns .column-2 {
  width: 505px;
  float: left;
}
.offset-columns .left {
  padding-right: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.offset-columns:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
h4 {
  color: #424340;
  font-size: 25px;
  font-weight: normal;
  line-height: 24px;
  text-transform: uppercase;
}
h5 {
  color: #424340;
  font-family: "Mercury Italic";
  font-size: 22px;
  font-weight: normal;
  letter-spacing: -0.02em;
}
h5.purple,
p.purple {
  color: #b92685;
}
h5.blue,
p.blue {
  color: #52c2b9;
}
hr {
  height: 1px;
  background: url(../images/dotted-line-trans.png) repeat-x;
  border: none;
}
.vertical-rule-dark {
  background: url(../images/vr-black.png) repeat-y;
}
.dotted-link {
  color: #999999;
  font-family: "Mercury Italic";
  background: url(../images/dotted-line-trans.png) repeat-x bottom;
  padding-bottom: 3px;
  text-decoration: none;
}
.copy {
  color: #424340;
  font-family: "Mercury Roman";
  font-size: 18px;
  letter-spacing: -0.02em;
}
.copy i {
  font-family: "Mercury Bold Italic";
  font-style: normal;
}
html body .email-capture .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input,
html body .email-capture .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input,
html body .six-pillars-top-form .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input,
html body .six-pillars-top-form .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input {
  color: #424340;
  font-family: "Mercury Roman";
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
  width: 246px !important;
  background: #fff;
}
html body .email-capture .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input:focus,
html body .email-capture .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input:focus {
  background-color: #ececec;
  border: 1px solid #fff;
}
ul.inline {
  list-style-type: none;
}
ul.inline li {
  display: inline;
}

nav {
  color: #fff;
  background-color: #000;
  width: 100%;
  height: 75px;
  padding-top: 0;
  min-width: 930px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
nav .contain {
  position: relative;
}
nav .m-dot {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 30px;
}
nav .m-dot img {
  width: 30px;
  height: 30px;
  display: block;
}
nav h1 {
  background: transparent url(../images/logo.png) no-repeat;
  background-size: 140px 15px;
  text-indent: -9999px;
  width: 140px;
  height: 15px;
  margin-left: 30px;
  margin-top: 18px;
}
nav h1 a {
  background: transparent url(../images/logo.png) no-repeat;
  background-size: 140px 15px;
  text-indent: -9999px;
  width: 140px;
  height: 15px;
  display: block;
  outline: none;
}
nav h2 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 2px;
}
nav h1,
nav h2,
nav img {
  float: left;
  font-weight: normal;
  margin-right: 9px;
}
nav .site-tagline {
	width: 360px;
	position: absolute;
	left: 200px;
	top: 14px;
	height: 25px;
}

nav .tagline-hitbox {
	width: 400px;
	height: 50px;
	position: absolute;
	top: -15px;
	left: 0;
	z-index: 1000;
}

nav .tagline-mask {
	height: 24px;
	width: 400px;
	position: absolute;
	top: 0px;
	left: 88px;
	overflow: hidden;
	transition: all 0.2s ease-out;
	font-family: "Mercury Italic";
	font-size: 14px;
	color: #999;
}

nav .tagline-mask .tagline {
	position: absolute;
	right: 287px;
	top: 0;
	transition: all 0.2s ease-out;
	width: 400px;
	text-align: right;
}

nav .tagline {
	font-family: "Mercury Italic";
	font-size: 14px;
	cursor: pointer;
	margin-top: 2px;
}

nav .tagline strong {
	font-weight: normal;
	font-family: "Mercury Italic";
	font-size: 14px;
	color: #999;
	padding-left: 3px;
}

nav .tagline.addon {
	float: right;
	z-index: 500;
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Mercury Italic";
	font-size: 14px;
	color: #999;
}
nav.lyd-nav {
  padding-top: 12px;
}
nav.lyd-nav h1 {
  margin-top: 0;
}
nav.lyd-nav a {
  color: white;
  transition: all 0.2s ease-out;
}
nav.lyd-nav a:hover {
  color: #cccbcb;
}
nav.lyd-nav a h1 {
  background: none;
  text-indent: 0;
  width: auto;
  margin-right: 12px;
  font-size: 18px;
}
nav.lyd-nav h2 {
  font-family: "Mercury Italic";
  font-size: 14px;
  text-transform: none;
  letter-spacing: -0.1px;
  margin-top: 2px;
  color: #f2f2f2;
}
nav.lyd-nav img {
  margin: 4px 12px 0 0;
}
nav.lyd-nav ul {
  list-style-type: none;
  float: right;
}
nav.lyd-nav ul li {
  float: left;
  margin-left: 20px;
}
nav.lyd-nav ul li a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
nav.lyd-nav ul li a.nav-button {
  display: block;
  width: 95px;
  height: 27px;
  overflow: hidden;
  background-color: #b92685;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  transition: all 0.2s ease-out;
}
nav.lyd-nav ul li a.nav-button span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  line-height: 28px;
  text-align: center;
  transition: all 0.2s ease-out;
}
nav.lyd-nav ul li a.nav-button:hover {
  background-color: #781c57;
}
nav.lyd-nav ul li a:hover {
  color: #cccbcb;
}
nav.lyd-nav ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.color-box {
  display: block;
  padding: 23px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px 3px 0 0;
}
.color-box h4 {
  color: rgba(0, 0, 0, 0.3);
  margin: 12px 0 15px 0;
  position: relative;
}
.color-box h4 span.checkmark {
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 0;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  position: absolute;
  top: 2px;
  left: 30px;
  color: rgba(0, 0, 0, 0);

  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
}
.color-box .copy {
  color: white;
  margin-bottom: 18px;
}
.buffer {
  display: block;
  height: 18px;
}
.landing-page-headline {
  font-size: 32px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 28px 0 35px 0;
}
.landing-page-headline {
  font-size: 28px;
}
.opt-in {
  width: 100%;
  height: 360px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}
.opt-in video {
  float: left;
}
.opt-in .play-button {
  position: absolute;
  top: 140px;
  left: 280px;
}
.opt-in .play-button circle {
  fill: #fff;
  stroke: #52c2b9;
  transition: all 0.2s ease-out;
}
.opt-in .play-button path {
  fill: #52c2b9;
  transition: all 0.2s ease-out;
}
.opt-in .play-button:hover {
  cursor: pointer;
}
.opt-in .play-button:hover circle {
  fill: #52c2b9;
}
.opt-in .play-button:hover path {
  fill: #fff;
}
.opt-in .top-video {
  float: left;
  height: 360px;
  width: 640px;
}
.opt-in .email-capture {
  width: 290px;
  height: 100%;
  background-color: #52c2b9;
  border-radius: 0 3px 3px 0;
  padding: 27px 22px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
  float: right;
}
.opt-in .email-capture h4 {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
  line-height: 17px;
  margin-bottom: 12px;
}
.opt-in .email-capture p {
  color: #fff;
  font-family: "Mercury Italic";
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.opt-in .email-capture input[type="text"],
.opt-in .email-capture input[type="email"] {
  width: 100%;
  margin-bottom: 18px !important;
}
.opt-in .email-capture button {
  background-color: #e57726;
  width: 100%;
}
.opt-in .email-capture button.tall {
  margin-top: 5px;
}
.opt-in .email-capture .invalid-email {
  bottom: 100px;
  right: 285px;
}
.as-seen-in {
  width: 100%;
  height: 73px;
  background-color: #f2f2f2;
  padding: 13px 20px;
  margin-bottom: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.as-seen-in .two-tone-label {
  text-align: left;
  float: left;
}
.as-seen-in .two-tone-label h4 {
  font-size: 16px;
}
.as-seen-in .two-tone-label h5 {
  font-size: 16px;
  color: #52c2b9;
  padding: 0;
  margin-top: -4px;
}
.as-seen-in img {
  float: right;
  margin-top: 12px;
}
.what-youll-learn {
  text-align: left;
  margin-bottom: 60px;
}
.about {
  height: 470px;
  text-align: left;
}
.about .column-1 {
  height: 100%;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.about .column-1 img {
  position: absolute;
  bottom: 0;
  right: 70px;
}
.about .column-2 hr {
  margin-bottom: 55px;
}
.about .column-2 p {
  margin-bottom: 25px;
}
.about .column-2 .like-button {
  margin: 27px 0 25px 0;
}
.about .column-2 .afterthought {
  font-family: "Mercury Bold Italic";
}
footer {
  width: 100%;
  text-align: center;
}
footer p {
  font-family: "Gotham";
  font-size: 14px;
  text-align: justify;
  line-height: 22px;
}
footer ul {
  margin: 58px 0;
}
footer ul li {
  font-family: "Gotham";
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 2px;
}
footer ul li a {
  text-decoration: none;
}
footer.opt-in-short {
  color: #fff;
  background-color: #52c2b9;
  height: 300px;
  padding-top: 96px;
}
footer.opt-in-short a {
  color: #fff;
}
.connect-capture-convert {
  margin: 0 0 70px 0;
}
.connect-capture-convert .pink {
  background-color: #e57f7d;
}
.connect-capture-convert .blue {
  background-color: #52c2b9;
}
.connect-capture-convert .purple {
  background-color: #b92685;
}
.about.offset-columns .column-2 {
  margin-top: 80px;
}
.hear-from-grads {
  padding-top: 77px;
  margin-bottom: 65px;
}
.hear-from-grads h4 {
  font-size: 24px;
}
.hear-from-grads h5 {
  font-size: 16px;
  margin: 12px 0 50px 0;
}
.hear-from-grads .copy {
  font-family: "Mercury Italic";
  font-style: normal;
  text-align: left;
  width: 275px;
  margin-top: 20px;
}
.email-capture-2 {
  width: 100%;
  background-color: #52c2b9;
  padding: 60px 0 60px 0;
}
.email-capture-2 .contain {
  text-align: left;
  position: relative;
}
.email-capture-2 h4 {
  color: #fff;
  margin-bottom: 10px;
}
.email-capture-2 .copy {
  color: #fff;
  width: 610px;
  margin-bottom: 20px;
}
.email-capture-2 .moonray-form-p2c5757f165 .moonray-form,
.email-capture-2 .moonray-form-p2c5757f167 .moonray-form,
.email-capture-2 .moonray-form-p2c5757f169 .moonray-form {
  width: 100%;
  overflow: hidden;
  background: transparent url(../images/vr-black.png) 647px 0px repeat-y;
}
.email-capture-2 .moonray-form .moonray-form-element-wrapper {
  width: auto;
}
.email-capture-2 .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-image {
  float: right;
}
html body .email-capture-2 .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input,
html body .email-capture-2 .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input {
  color: #424340;
  font-family: "Mercury Roman";
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
  background: #fff;
  margin-right: 25px;
  width: 292px !important;
}
html body .email-capture-2 .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input:focus,
html body .email-capture-2 .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input:focus {
  background-color: #ececec;
  border: 1px solid #fff;
}
.email-capture-2 li.vertical-rule {
  padding: 0 0 0 13px;
}
.email-capture-2 li.vertical-rule span {
  width: 1px;
  height: 44px;
  display: inline-block;
  background: url(../images/vr-black.png) repeat;
  opacity: .4;
}
footer.opt-in-long {
  color: #808080;
  padding-top: 75px;
  clear: both;
}
footer.opt-in-long a {
  color: #808080;
}
pre {
  border: 1px solid #000;
  overflow-x: auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}
.video-player {
  margin: 44px 0 20px 0;
  height: 360px;
  background-color: black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.video-player .top-video {
  float: left;
  width: 640px;
  height: 360px;
}
.video-player ul {
  width: 290px;
  list-style-type: none;
  text-align: left;
  float: right;
  display: table;
}
.video-player ul li.active h4 {
  color: #999999;
}
.video-player ul li.active h5 {
  color: white;
}
.video-player ul li.active a.dotted-link {
  color: rgba(0, 0, 0, 0.3);
}
.video-player ul li.active a.share {
  color: rgba(0, 0, 0, 0.3);
  background: url(../images/twitter.png) no-repeat left center;
}
.video-player ul li.active .arrow {
  width: 12px;
  position: absolute;
  top: 46px;
  left: -12px;
  transition: all 0.2s ease-out;
}
.video-player ul li {
  height: 120px;
  display: table-row;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.video-player ul li div {
  display: table-cell;
  padding-left: 28px;
  position: relative;
  vertical-align: middle;
  border-top: 1px solid rgba(256, 256, 256, 0.15);
  cursor: default;
}
.video-player ul li div .arrow {
  width: 0;
  height: 32px;
  position: absolute;
  top: 46px;
  left: 0px;
  transition: all 0.2s ease-out;
}
.video-player ul li div h4 {
  font-size: 15px;
  color: #999999;
  transition: all 0.2s ease-out;
}
.video-player ul li div h5 {
  font-size: 14px;
  color: white;
}
.video-player ul li div h5.dark {
  color: #999999;
}
.video-player ul li div a.dotted-link {
  font-size: 14px;
  color: #999999;
  text-decoration: none;
  margin-bottom: 5px;
  transition: all 0.2s ease-out;
}
.video-player ul li div a.dotted-link:hover {
  color: white;
  background: url(../images/dotted-line-white.png) repeat-x bottom;
}
.video-player ul li div a.share {
  font-family: "Gotham";
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  width: 45px;
  margin-top: 12px;
  background: url(../images/twitter-gray.png) no-repeat left center;
  padding: 1px 0 0 22px;
  transition: all 0.2s ease-out;
}
.video-player ul li div a.share:hover {
  color: white;
  background: url(../images/twitter-white.png) no-repeat left center;
}
.video-player ul li div:hover {
  cursor: pointer;
}
.video-player ul li.video-1 {
  background: url(../images/green-strip.svg) repeat-y left top #323230;
  transition: all 0.2s ease-out;
}
.video-player ul li.video-1:hover {
  background: url(../images/green-strip.svg) repeat-y left top #383838;
}
.video-player ul li.video-1:hover h4 {
  color: white;
}
.video-player ul li.video-1.active {
  background-color: #42b979;
}
.video-player ul li.video-1.active h4 {
  color: white;
}
.video-player ul li.video-2 {
  background: url(../images/orange-strip.svg) repeat-y left top #323230;
}
.video-player ul li.video-2:hover {
  background: url(../images/orange-strip.svg) repeat-y left top #383838;
}
.video-player ul li.video-2:hover h4 {
  color: white;
}
.video-player ul li.video-2.active {
  background-color: #e57726;
}
.video-player ul li.video-2.active h4 {
  color: white;
}
.video-player ul li.video-3 {
  background: url(../images/blue-strip.svg) repeat-y left top #323230;
}
.video-player ul li.video-3:hover {
  background: url(../images/blue-strip.svg) repeat-y left top #383838;
}
.video-player ul li.video-3:hover h4 {
  color: white;
}
.video-player ul li.video-3.active {
  background-color: #52c2b9;
}
.video-player ul li.video-3.active h4 {
  color: white;
}
.video-player ul li.video-3.active h5.dark {
  color: #37837d;
}
.enrollment {
  background-color: #f2f2f2;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  position: relative;
}
.enrollment h4 {
  font-size: 14px;
  color: #424340;
}
.enrollment h5 {
  font-size: 16px;
  color: #52c2b9;
}
.enrollment button {
  width: 250px;
  background-color: #b92685;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 24px;
}
.enrollment .tooltip, .enrollment-small .tooltip {
  font-family: "Mercury Italic";
  font-size: 16px;
  color: white;
  background-color: #42b979;
  padding: 10px;
  position: absolute;
  bottom: -78px;
  right: 0px;
  width: 230px;
  opacity: 0;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.open .enrollment-small a .tooltip {
  width: 130px;
  bottom: -103px;
}
.enrollment-small a:hover .tooltip {
  bottom: -63px;
  opacity: 1;
}
.open .enrollment-small a:hover .tooltip {
  bottom: -88px;
}
.enrollment .tooltip:after, .enrollment-small .tooltip:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #42B979;
  border-width: 9px;
  margin-left: -9px;
}
.scholarship-enrollment .column-1 {
  width: 930px;
}
.scholarship-enrollment.open .column-1 {
  width: 450px;
  float: right;
}
.scholarship-enrollment .column-2 {
  width: 450px;
  float: left;
}
.scholarship-enrollment div {
  margin-top: 2px;
}
.scholarship-enrollment div h4 {
  font-size: 14px;
  color: #424340;
}
.scholarship-enrollment div h5 {
  font-size: 14px;
  color: #52c2b9;
}
.scholarship-enrollment.open div h4 {
  width: 60%;
}
.scholarship-enrollment.open div h5 {

}
.scholarship-enrollment div button {
  width: 175px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 24px;
}
.scholarship-enrollment div.scholarship,
.scholarship-enrollment div.enrollment-small {
  background-color: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
  position: relative;
  padding: 20px;
}
.scholarship-enrollment div.scholarship button {
  background-color: #52c2b9;
}
.scholarship-enrollment div.scholarship button:hover:after {
  right: 5px;
}
.scholarship-enrollment div.enrollment-small a {
  color: #fff;
  width: 250px;
  position: absolute;
  right: 20px;
  top: 24px;
  display: block;
  font-family: 'Gotham';
  text-transform: uppercase;
  background: #b92685;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 14px;

  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.scholarship-enrollment.open div.enrollment-small a {
  width: 150px;
}
.header-image  {
  width: 100%;
  height: 465px;
  background: #fff url(../images/thank-you/header.jpg) center top no-repeat;
  overflow: hidden;
}
.program-guide {
  margin: 48px 0 80px 0;
  text-align: left;
}
.thank-you .program-guide h2 {
  font-family: "Mercury Italic";
  text-transform: none;
  font-weight: normal;
  color: #555;
  font-size: 34px;
  line-height: 1.3;
  margin: 0 0 50px;
}
.program-guide .column-2 h4 {
  font-size: 30px;
}
.program-guide .column-2 h5 {
  font-size: 20px;
  color: #b92685;
  margin: 5px 0 30px 0;
}
.program-guide .column-2 a {
  color: #b92685;
}
.program-guide .column-1 .download-box {
  display: block;
  background-color: #f2f2f2;
  padding: 15px 0 15px 100px;
  margin: 95px 0 0 20px;
  position: relative;
  text-decoration: none;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  transition: all 0.2s ease-out;
}
.thank-you .program-guide .column-1 .download-box {
  margin-top: 0;
}
.program-guide .column-1 .download-box .download-icon-purple {
  display: block;
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #b92685;

  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.program-guide .column-1 .download-box .download-icon-purple img {
  margin-left: 15px;
  margin-top: 15px;
}
.program-guide .column-1 .download-box h4 {
  font-size: 14px;
  color: #b92685;
}
.program-guide .column-1 .download-box .dotted-link {
  font-size: 14px;
  width: 205px;
}
.program-guide .column-1 .download-box:hover {
  background-color: #ecebea;
}
.live-your-dream {
  text-align: left;
  margin: 80px 0 0 0;
}
.live-your-dream .dotted-link {
  color: #b92685;
  background-image: url(../images/dotted-line-purple.png);
  background-position-x: -3px;
  transition: all 0.2s ease-out;
}
.live-your-dream .dotted-link:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}
.testimonials {
  margin: 80px 0 0 0;
}
.testimonials .copy {
  margin-top: 30px;
}
.hear-from-you {
  margin: 42px 0 200px 0;
}
.hear-from-you h4 {
  font-size: 34px;
  margin-bottom: 15px;
}
.hear-from-you h5 {
  color: #999999;
  font-size: 16px;
}
.hear-from-you .love-like-it {
  margin: 39px 0 30px 150px;
  position: relative;
}
.hear-from-you .love-like-it p.love-it {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #e57726;
  width: 272px;
  margin-right: 15px;
  float: left;
}
.hear-from-you .love-like-it img {
  margin: -12px 15px 0 0;
  float: left;
}
.hear-from-you .love-like-it iframe {
  margin-left: -75px;
}
.hear-from-you .love-like-it div {
  float: left;
}
.hear-from-you .love-like-it .aww-yeah {
  font-family: "Gotham";
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  background-color: #b92685;
  padding: 10px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 100px;
}
.hear-from-you .love-like-it:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.hear-from-you .recent-comments {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #999999;
  margin-bottom: 30px;
}
.read-more {
  font-family: "Mercury Italic";
  color: #b92685;
  text-decoration: none;
  background: url(../images/dotted-line-purple.png) repeat-x bottom;
  padding-bottom: 3px;
}
.read-more:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}
.praise-jumbotron {
  height: 400px;
  position: relative;
  background: url(../images/color-bars-green.svg) repeat-x bottom #52c2b9;
  margin-bottom: 43px;
}
.praise-jumbotron.partner {
  background: url(../images/color-bars-green.svg) repeat-x bottom #e57f7d;
}
.praise-jumbotron .contain {
  height: 100%;
  text-align: left;
  padding-top: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.praise-jumbotron.partner .contain {
	padding-top: 140px;
	padding-left: 400px;
}
.praise-jumbotron.partner .contain img {
	right: 600px;
	bottom: 6px;
}
.praise-jumbotron .contain img {
  position: absolute;
  right: 11px;
  bottom: 6px;
}
.praise-jumbotron .contain h4 {
  color: white;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 20px;
}
.praise-jumbotron .contain h5 {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 15px;
  font-family: 'Gotham';
}
.praise-jumbotron.extended .contain h4 {
	margin-bottom: 3px;
}
.praise-jumbotron .contain p {
  font-size: 16px;
  width: 526px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.35);
}
.praise-jumbotron.partner .contain p {
  font-size: 20px;
  width: 400px;
}
.praise-jumbotron .contain p.callout {
  padding: 0;
  margin: 0;
  border: 0;
}
.praise-jumbotron .contain p.callout a {
  font-family: 'Mercury Italic';
  font-size: 14px;
  color: white;
  background: #e57726;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  width: 380px;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.praise-jumbotron .contain p.callout a:hover {
  color: #7c411c;
}
.stories-button {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 535px;
  left: 0;
}
.stories-button .contain {
  position: relative;
}
.stories-button p {
  color: #e57726;
  background: #fff;
  width: 120px;
  height: 97px;
  font-family: 'Gotham';
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 23px;
  line-height: 15px;
  background: url(../images/stories-arrow.png) no-repeat 49px 93px;
  border: 2px solid #e57726;

  -o-border-radius: 64px;
  -ms-border-radius: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  border-radius: 64px;

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.stories-button.bounce p {
  top: 20px;

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.stories-button.fixed {
  position: fixed;
  top: 30px;
}
.praise-questions .question-nav-place {
  float: left;
}
.praise-questions .question-nav {
  background: url(../images/dark-arrow-left.svg) no-repeat 16px 15px;
  width: 104px;
  float: left;
  transition: background-position 0.2s ease-out;
  -webkit-transition: background-position 0.2s ease-out;
}
.praise-questions .question-nav ul {
  width: 184px;
  background-color: #424340;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  text-align: left;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 30px;
}
.praise-questions .question-nav ul li {
  margin-bottom: 14px;
}
.praise-questions .question-nav ul li a {
  display: block;
  font-family: "Gotham";
  font-size: 9px;
  color: #999999;
  text-transform: uppercase;
  line-height: 12px;
  text-decoration: none;
  transition: color 0.2s ease-out;
}
.praise-questions .question-nav ul li a:hover {
  color: white !important;
}
.praise-questions .question-set {
  float: left;
}
.praise-questions .question-set .question {
  width: 716px;
  background-color: #f2f2f2;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-bottom: 24px;
  margin-bottom: 80px;
}
.praise-questions .question-set .question h4 {
  font-size: 14px;
  color: white;
  padding: 12px 21px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px 2px 0 0;
}
.praise-questions .question-set .question .answer {
  position: relative;
  padding-left: 212px;
  margin: 60px 0 40px 0;
  min-height: 117px;
}
.praise-questions .question-set .question .answer img {
  position: absolute;
  left: 39px;
  top: 0;
}
.praise-questions .question-set .question .answer .answer-copy {
  font-family: "Mercury Italic";
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #424340;
  width: 464px;
}
.praise-questions .question-set .question .answer .contributor {
  font-family: "Mercury Bold Italic";
  text-transform: capitalize;
  margin-top: 12px;
}
.praise-questions .question-set #one h4,
.praise-questions .question-set #six h4,
.praise-questions .question-set #eleven h4,
.praise-questions .question-set #sixteen h4 {
  background-color: #e57f7d;
}
.praise-questions .question-set #one .contributor,
.praise-questions .question-set #six .contributor,
.praise-questions .question-set #eleven .contributor,
.praise-questions .question-set #sixteen .contributor {
  color: #e57f7d;
}
.praise-questions .question-set #two h4,
.praise-questions .question-set #seven h4,
.praise-questions .question-set #twelve h4,
.praise-questions .question-set #seventeen h4 {
  background-color: #42b979;
}
.praise-questions .question-set #two .contributor,
.praise-questions .question-set #seven .contributor,
.praise-questions .question-set #twelve .contributor,
.praise-questions .question-set #seventeen .contributor {
  color: #42b979;
}
.praise-questions .question-set #three h4,
.praise-questions .question-set #eight h4,
.praise-questions .question-set #thirteen h4,
.praise-questions .question-set #eighteen h4 {
  background-color: #b92685;
}
.praise-questions .question-set #three .contributor,
.praise-questions .question-set #eight .contributor,
.praise-questions .question-set #thirteen .contributor,
.praise-questions .question-set #eighteen .contributor {
  color: #b92685;
}
.praise-questions .question-set #four h4,
.praise-questions .question-set #nine h4,
.praise-questions .question-set #fourteen h4,
.praise-questions .question-set #nineteen h4 {
  background-color: #e57726;
}
.praise-questions .question-set #four .contributor,
.praise-questions .question-set #nine .contributor,
.praise-questions .question-set #fourteen .contributor,
.praise-questions .question-set #nineteen .contributor {
  color: #e57726;
}
.praise-questions .question-set #five h4,
.praise-questions .question-set #ten h4,
.praise-questions .question-set #fifteen h4,
.praise-questions .question-set #twenty h4 {
  background-color: #52c2b9;
}
.praise-questions .question-set #five .contributor,
.praise-questions .question-set #ten .contributor,
.praise-questions .question-set #fifteen .contributor,
.praise-questions .question-set #twenty .contributor {
  color: #52c2b9;
}
.praise-questions:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.praise-questions .testimonial {
	padding-left: 215px;
	padding-top: 40px;
	padding-right: 150px;
	overflow: hidden;
	position: relative;
	text-align: left;
	border-bottom: 1px dotted #ddd;
	margin: 0 0 35px;
}
.praise-questions .testimonial.highlight {
	padding-top: 0;
}
.praise-questions .testimonial.bottom {
	border-bottom: 0;
	margin: 0 0 60px;
}
.praise-questions .testimonial img {
	position: absolute;
	top: 0;
	left: 0;
	border: 8px solid #ddd;

	border-radius: 91px;
	-o-border-radius: 91px;
	-ms-border-radius: 91px;
	-moz-border-radius: 91px;
	-webkit-border-radius: 91px;
}
.praise-questions .testimonial h3 {
	font-family: "Gotham";
	font-size: 20px;
	letter-spacing: 1px;
	color: #444;
	text-transform: uppercase;
}
.praise-questions .testimonial h4 {
	font-family: "Mercury Italic";
	text-transform: none;
	font-size: 20px;
	color: #999;
}
.praise-questions .testimonial h4.website {
	margin-bottom: 30px;
}
.praise-questions .testimonial h4 a {
	text-decoration: none;
	color: #52c2b9;
}
.praise-questions .testimonial h4 a:hover {
	color: #999;
}
.praise-questions .testimonial p {
	font-family: "Mercury Roman";
	margin: 0 0 25px;
	color: #444;
}
.praise-questions .testimonial.highlight p {
	font-family: "Mercury Italic";
	font-size: 20px;
	color: #e57726;
}
.praise-questions .testimonial ul {
	font-family: "Mercury Roman";
	margin: 0 0 25px 25px;
	color: #444;
}
.convince-your-partner {
	text-align: left;
	color: #444;
}
.convince-your-partner section {
	margin: 80px 0;
	border-bottom: 2px dotted #ddd;
	overflow: hidden;
	padding-bottom: 55px;
	position: relative;
}
.convince-your-partner section.biased {
	padding-right: 430px;
}
.convince-your-partner section.biased h3 span {
	color: #52c2b9;
}
.convince-your-partner section.biased p.personal {
	position: absolute;
	right: 30px;
	top: 50px;
	width: 270px;
	background: #52c2b9;
	color: #fff;
	font-size: 14px;
	padding: 20px;
	font-family: 'Mercury Italic';

	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;

	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);
	-o-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);
}
.convince-your-partner section.more-questions img {
	position: absolute;
	bottom: 0;
	right: 30px;
}
.convince-your-partner section.more-questions h3 {
	font-size: 42px;
}
.convince-your-partner section.more-questions h4 {
	margin: 100px 0 30px;
}
.convince-your-partner section.more-questions a {
	color: #e57f7d;
	text-decoration: none;
}
.convince-your-partner section.more-questions a:hover {
	color: #424340;
}
.convince-your-partner section.more-questions p.question a {
	color: #e57f7d;
	font-size: 20px;
	font-family: 'Mercury Italic';
	text-decoration: none;
}
.convince-your-partner section.more-questions p.question a:hover {
	text-decoration: underline;
}
.convince-your-partner .concern {
	background: #f2f2f2;
	padding: 0 20px 20px;
	margin: 0 0 60px;

	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.convince-your-partner .concern h4 {
	background: #e57726;
	margin: 0 -20px 30px;
	padding: 15px 20px;
	color: #fff;

	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-ms-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;

	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-ms-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}
.convince-your-partner .concern h5 {
	color: #e57726;
	margin: 0 0 30px;
}
.convince-your-partner .concern h4 span {
	color: #7c411c;
}
.convince-your-partner .concern.blue h4 {
	background: #52c2b9;
}
.convince-your-partner .concern.blue h4 span {
	color: #29625e;
}
.convince-your-partner .concern.green h4 {
	background: #42b979;
}
.convince-your-partner .concern.green h4 span {
	color: #205b3c;
}
.convince-your-partner .concern.purple h4 {
	background: #b92685;
}
.convince-your-partner .concern.purple h4 span {
	color: #5a1541;
}
.convince-your-partner .concern.pink h4 {
	background: #e57f7d;
}
.convince-your-partner .concern.pink h4 span {
	color: #7c4644;
}
.convince-your-partner .concern.black h4 {
	background: #424340;
}
.convince-your-partner .concern.black h4 span {
	color: #999;
}
.convince-your-partner .concern.blue h5 {
	color: #52c2b9;
}
.convince-your-partner .concern.green h5 {
	color: #42b979;
}
.convince-your-partner .concern.purple h5 {
	color: #b92685;
}
.convince-your-partner .concern.pink h5 {
	color: #e57f7d;
}
.convince-your-partner .concern.black h5 {
	color: #424340;
}
.convince-your-partner .concern p.quote {
	padding-top: 30px;
	border-top: 2px dotted #ddd;
	color: #e57726;
	font-style: italic;
}
.convince-your-partner .concern p.quote span {
	color: #a55725;
}
.convince-your-partner .concern.blue p.quote {
	color: #52c2b9;
}
.convince-your-partner .concern.blue p.quote span {
	color: #37837d;
}
.convince-your-partner .concern.green p.quote {
	color: #42b979;
}
.convince-your-partner .concern.green p.quote span {
	color: #2b7950;
}
.convince-your-partner .concern.pink p.quote {
	color: #e57f7d;
}
.convince-your-partner .concern.pink p.quote span {
	color: #a55d5b;
}
.convince-your-partner .concern.purple p.quote {
	color: #b92685;
}
.convince-your-partner .concern.purple p.quote span {
	color: #781c57;
}
.convince-your-partner .concern.black p.quote {
	color: #999;
}
.convince-your-partner .concern.black p.quote span {
	color: #424340;
}
.convince-your-partner h3 {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0 0 40px;
}
.convince-your-partner p {
	font-size: 16px;
	margin: 0 0 25px;
	font-family: 'Mercury Roman';
}
.faq-jumbotron {
  height: 367px;
  position: relative;
  background: url(../images/color-bars-blue.svg) repeat-x bottom #42b979;
  margin-bottom: 43px;
}
.faq-jumbotron .contain {
  height: 100%;
  text-align: left;
  padding-top: 108px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.faq-jumbotron .contain img {
  position: absolute;
  right: 76px;
  bottom: 6px;
}
.faq-jumbotron .contain h4 {
  color: white;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 22px;
}
.faq-jumbotron .contain p {
  font-size: 16px;
  width: 500px;
  color: rgba(0, 0, 0, 0.35);
}
.faq-jumbotron .contain p i {
  font-family: "Mercury Italic";
}
.faq-questions .question-nav-place {
  float: left;
}
.faq-questions .question-nav {
  background: url(../images/dark-arrow-left.svg) no-repeat 16px 15px;
  width: 104px;
  float: left;
  transition: background-position 0.2s ease-out;
  -webkit-transition: background-position 0.2s ease-out;
}
.faq-questions .question-nav ul {
  width: 184px;
  background-color: #424340;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  text-align: left;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 30px;
}
.faq-questions .question-nav ul li {
  margin-bottom: 14px;
}
.faq-questions .question-nav ul li a {
  display: block;
  font-family: "Gotham";
  font-size: 9px;
  color: #999999;
  text-transform: uppercase;
  line-height: 12px;
  text-decoration: none;
  transition: color 0.2s ease-out;
}
.faq-questions .question-nav ul li a:hover {
  color: white !important;
}
.faq-questions .question-set {
  float: left;
  margin-bottom: 130px;
}
.faq-questions .question-set .question {
  width: 716px;
  background-color: #f2f2f2;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 80px;
}
.faq-questions .question-set .question h4 {
  font-size: 14px;
  color: white;
  padding: 12px 21px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px 2px 0 0;
}
.faq-questions .question-set .question h5 {
  margin: 10px 0 20px 0;
}
.faq-questions .question-set .question .answer {
  padding: 20px;
}
.faq-questions .question-set .question .answer p.copy {
  margin-bottom: 20px;
}
.faq-questions .question-set .question .answer p.footnote {
  font-family: "Mercury Italic";
  font-size: 14px;
  margin-top: 30px;
}
.faq-questions .question-set .question .answer img {
  margin-bottom: 20px;
}
.faq-questions .question-set .question .answer img.faq-email {
  width: 678px;
}
.faq-questions .question-set .question .answer img.faq-facebook {
  width: 523px;
}
.faq-questions .question-set .question .answer .image-frame {
  text-align: center;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.faq-questions .question-set .question .answer ul {
  margin: 0 0 30px 40px;
}
.faq-questions .question-set #one h4,
.faq-questions .question-set #six h4,
.faq-questions .question-set #eleven h4,
.faq-questions .question-set #sixteen h4 {
  background-color: #e57f7d;
}
.faq-questions .question-set #one .accent,
.faq-questions .question-set #six .accent,
.faq-questions .question-set #eleven .accent,
.faq-questions .question-set #sixteen .accent {
  color: #e57f7d;
}
.faq-questions .question-set #two h4,
.faq-questions .question-set #seven h4,
.faq-questions .question-set #twelve h4,
.faq-questions .question-set #seventeen h4 {
  background-color: #42b979;
}
.faq-questions .question-set #two .accent,
.faq-questions .question-set #seven .accent,
.faq-questions .question-set #twelve .accent,
.faq-questions .question-set #seventeen .accent {
  color: #42b979;
}
.faq-questions .question-set #three h4,
.faq-questions .question-set #eight h4,
.faq-questions .question-set #thirteen h4 {
  background-color: #b92685;
}
.faq-questions .question-set #three .accent,
.faq-questions .question-set #eight .accent,
.faq-questions .question-set #thirteen .accent {
  color: #b92685;
}
.faq-questions .question-set #four h4,
.faq-questions .question-set #nine h4,
.faq-questions .question-set #fourteen h4 {
  background-color: #e57726;
}
.faq-questions .question-set #four .accent,
.faq-questions .question-set #nine .accent,
.faq-questions .question-set #fourteen .accent {
  color: #e57726;
}
.faq-questions .question-set #five h4,
.faq-questions .question-set #ten h4,
.faq-questions .question-set #fifteen h4 {
  background-color: #52c2b9;
}
.faq-questions .question-set #five .accent,
.faq-questions .question-set #ten .accent,
.faq-questions .question-set #fifteen .accent {
  color: #52c2b9;
}
.praise-questions:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.scholarship-jumbotron {
  height: 367px;
  position: relative;
  background: url(../images/color-bars-blue.svg) repeat-x bottom #b92685;
  margin-bottom: 99px;
}
.scholarship-jumbotron .contain {
  height: 100%;
  text-align: left;
  padding: 100px 0 0 320px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.scholarship-jumbotron .contain img {
  position: absolute;
  left: -100px;
  bottom: 6px;
}
.scholarship-jumbotron .contain h4 {
  color: white;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 22px;
}
.scholarship-jumbotron .contain h5 {
  color: #fff;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  border-top: 1px dotted #751c52;
  border-bottom: 1px dotted #751c52;
  font-family: 'Gotham', arial, sans-serif;
  width: 510px;
  text-transform: uppercase;
  margin-top: 20px;
}
.scholarship-jumbotron .contain p {
  font-size: 16px;
  width: 500px;
  color: rgba(0, 0, 0, 0.35);
}
.who-were-looking-for {
  text-align: center;
}
.who-were-looking-for h4 {
  font-size: 32px;
  line-height: 32px;
}
.who-were-looking-for .big-circle {
  margin-top: 75px;
  width: 290px !important;
  padding-right: 0 !important;
  margin-left: 10px;
  margin-right: 10px;
}
.who-were-looking-for .big-circle div {
  width: 191px;
  height: 191px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 96px;
  margin: 0 auto;
}
.who-were-looking-for .big-circle div h4 {
  width: 191px;
  height: 191px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: white;
}
.who-were-looking-for .big-circle div.pink {
  background-color: #e57f7d;
}
.who-were-looking-for .big-circle div.blue {
  background-color: #52c2b9;
}
.who-were-looking-for .big-circle div.green {
  background-color: #42b979;
}
.who-were-looking-for .big-circle p {
  text-align: center;
  margin-top: 35px;
}
.who-were-looking-for hr {
  margin: 80px 0;
}
.how-to-enter {
  text-align: left;
  position: relative;
  padding-top: 20px;
}
.how-to-enter p.you-got-this {
  color: #fff;
  background: #b92685;
  padding: 8px 0 7px;
  font-family: 'Gotham';
  font-size: 14px;
  width: 160px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: -60px;
  left: 50px;
  opacity: 0;

  border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.how-to-enter:hover p.you-got-this {
  top: -45px;
  opacity: 1;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.how-to-enter p.you-got-this span.arrow {
  background: #b92685;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 70px;
  width: 20px;
  height: 20px;

  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.how-to-enter .column-1 h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 32px;
}
.how-to-enter .column-1 h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  color: #52c2b9;
  margin-bottom: 32px;
}
.how-to-enter .column-2 {
  margin-top: 70px;
}
.how-to-enter .column-2 .step {
  background-color: #f2f2f2;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
}
.how-to-enter .column-2 .step.orange a {
  color: #e57726;
  text-decoration: none;
  border-bottom: 1px dotted #e57726;
}
.how-to-enter .column-2 .step.orange a:hover {
  color: #999;
  border-bottom: 1px dotted #999;
}
.how-to-enter .column-2 .step h3 {
  width: 35px;
  height: 35px;
  color: white;
  text-align: center;
  padding-top: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
}
.how-to-enter .column-2 .step h3 img {
  margin-top: 2px;
}
.how-to-enter .column-2 .step h4 {
  font-size: 14px;
  margin-bottom: 9px;
}
.how-to-enter .column-2 .step p {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #999999;
}
.how-to-enter .column-2 .step .example-box {
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-top: 40px;
}
.how-to-enter .column-2 .step .example-box h4 {
  color: rgba(0, 0, 0, 0.35);
}
.how-to-enter .column-2 .step .example-box h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  color: white;
  margin-bottom: 9px;
}
.how-to-enter .column-2 .step .example-box p {
  color: white;
  margin-bottom: 20px;
}
.how-to-enter .column-2 .step .example-box p strong {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
}
.how-to-enter .column-2 .step.purple h3 {
  background-color: #b92685;
}
.how-to-enter .column-2 .step.purple h4 {
  color: #b92685;
}
.how-to-enter .column-2 .step.orange h3 {
  background-color: #e57726;
}
.how-to-enter .column-2 .step.orange h4 {
  color: #e57726;
}
.how-to-enter .column-2 .step.blue h3 {
  background-color: #52c2b9;
}
.how-to-enter .column-2 .step.blue h4 {
  color: #52c2b9;
}
.how-to-enter .column-2 .step.green h3 {
  background-color: #42b979;
}
.how-to-enter .column-2 .step.green > h4 {
  color: #42b979;
}
.how-to-enter .column-2 .step.green .example-box {
  background-color: #42b979;
}
.how-to-enter .column-2 .step.pink h3 {
  background-color: #e57f7d;
}
.how-to-enter .column-2 .step.pink > h4 {
  color: #e57f7d;
}
.how-to-enter .column-2 .step.pink .example-box {
  background-color: #e57f7d;
}
.how-to-enter hr {
  margin: 80px 0;
}
.meet-past-winners h4.primary {
  margin-bottom: 9px;
}
.meet-past-winners .columns {
  text-align: left;
}
.meet-past-winners hr {
  margin: 80px 0;
}
.meet-past-winners .dotted-link {
  font-family: "Mercury Roman";
  color: #999;
  border-bottom: 1px dotted #999;
  transition: all 0.2s ease-out;
  background: #fff;
}
.meet-past-winners .dotted-link:hover {
  color: #b92685;
  border-bottom: 1px dotted #b92685;
  background: #fff;
}
.meet-past-winners .winners {
  margin-top: 75px;
}
.meet-past-winners .winners h4 {
  font-size: 16px;
  margin-top: 30px;
}
.meet-past-winners .winners h5 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #999999;
}
.meet-past-winners .winners p {
  font-family: "Mercury Italic";
}
.meet-past-winners .winners .column-1 {
  position: relative;
}
.meet-past-winners .winners .column-1 a:hover > .play-button {
  cursor: pointer;
}
.meet-past-winners .winners .column-1 a:hover > .play-button circle {
  fill: #b92685;
}
.meet-past-winners .winners .column-1 a:hover > .play-button path {
  fill: #fff;
}
.meet-past-winners .winners .column-1 .play-button {
  width: 40px;
  position: absolute;
  top: 91px;
  left: 16px;
}
.meet-past-winners .winners .column-1 .play-button circle {
  fill: #fff;
  stroke: #b92685;
  transition: all 0.2s ease-out;
}
.meet-past-winners .winners .column-1 .play-button path {
  fill: #b92685;
  transition: all 0.2s ease-out;
}
.meet-past-winners hr {
  margin: 80px 0;
}
.everything-you-need h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 70px;
}
.everything-you-need h5 {
  width: 720px;
  margin: 0 auto;
  font-size: 20px;
  color: #b92685;
  margin-bottom: 55px;
}
.everything-you-need a {
  color: #b92685;
  border-bottom: 1px dotted #b92685;
  text-decoration: none;
}
.everything-you-need a:hover {
  color: #424340;
  border-bottom: 1px dotted #424340;
}
.everything-you-need hr {
  margin: 80px 0;
}
footer.scholarship {
  color: #808080;
}
footer.scholarship p {
  text-align: justify;
}
footer.scholarship a {
  color: #808080;
}
.lyd-jumbotron {
  height: 465px;
  padding-top: 80px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 60px;
  transition: all 0.4s ease-out;
  position: relative;
}
.lyd-jumbotron .jumbo-background li {
  z-index: -500;
  width: 100%;
  height: 465px;
  position: absolute;
  top: 0;
  left: 0;
}
.lyd-jumbotron .jumbo-background li.header-0 {
  background: url(../images/header-live-community.jpg) center;
}
.lyd-jumbotron .jumbo-background li.header-1 {
  background: url(../images/header-tonia.jpg) center;
}
.lyd-jumbotron .jumbo-background li.header-2 {
  background: url(../images/header-hayley.jpg) center;
}
.lyd-jumbotron .jumbo-background li.header-3 {
  background: url(../images/header-tiff.jpg) center;
}
.lyd-jumbotron .jumbo-background li.header-4 {
  background: url(../images/header-alex.jpg) center;
}
.lyd-jumbotron .accessories {
  height: 300px;
  float: left;
  padding: 125px 0 0 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
}
.lyd-jumbotron .accessories .sub-header {
  height: 49px;
  width: 360px;
  font-family: "Mercury Italic";
  background-color: #424340;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 1s ease-out;
  position: relative;
  letter-spacing: -0.04em;
}
.lyd-jumbotron .accessories .sub-header li {
  position: absolute;
  top: 13px;
  left: 14px;
}
.lyd-jumbotron .accessories ul {
  list-style-type: none;
  width: 100%;
  height: 50px;
  margin-bottom: 12px;
}
.lyd-jumbotron .accessories ul .pointer {
  float: left;
}
.lyd-jumbotron .accessories ul .pointer span {
  background-color: #424340;
  font-family: "Gotham";
  font-size: 35px;
  text-transform: uppercase;
  color: white;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.lyd-jumbotron .accessories ul .pointer span:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #424340;
  border-width: 10px;
  margin-top: -10px;
}
.lyd-jumbotron .accessories ul .arrow {
  float: left;
}
.lyd-jumbotron .accessories ul .arrow a img {
  height: 18px;
  width: 16px;
  transition: all 0.2s ease-out;
}
.lyd-jumbotron .accessories ul .arrow a span {
  display: block;
  padding: 14px 14px 10px 18px;
  margin: 2px 0 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}
.lyd-jumbotron .accessories ul .arrow a span.orange {
  background-color: #e57726;
}
.lyd-jumbotron .accessories ul .arrow a span.orange:hover {
  background-color: #a55725;
}
.lyd-jumbotron .accessories ul .arrow a span.green {
  background-color: #42b979;
}
.lyd-jumbotron .accessories ul .arrow a span.green:hover {
  background-color: #2b7950;
}
.lyd-jumbotron .accessories ul .arrow a span.blue {
  background-color: #52c2b9;
}
.lyd-jumbotron .accessories ul .arrow a span.blue:hover {
  background-color: #37837d;
}
.lyd-jumbotron .accessories ul .arrow a span.purple {
  background-color: #b92685;
}
.lyd-jumbotron .accessories ul .arrow a span.purple:hover {
  background-color: #781c57;
}
.lyd-jumbotron .accessories ul .arrow a span.pink {
  background-color: #e57f7d;
}
.lyd-jumbotron .accessories ul .arrow a span.pink:hover {
  background-color: #a55d5b;
}
.lyd-jumbotron .accessories:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.lyd-jumbotron .wheel-mask {
  overflow: hidden;
  position: relative;
  width: 272px;
  height: 300px;
  float: left;
}
.lyd-jumbotron .wheel-mask ul {
  position: absolute;
  top: 0;
  right: 0;
  list-style-type: none;
  text-align: right;
}
.lyd-jumbotron .wheel-mask ul li {
  font-family: "Gotham";
  font-size: 35px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 10px;
}
.lyd-jumbotron .wheel-mask ul li span {
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.lyd-jumbotron .wheel-mask ul li.live span {
  background-color: #b92685;
}
.lyd-jumbotron .wheel-mask ul li.live span:hover {
  background-color: #781c57;
}
.lyd-jumbotron .wheel-mask ul li.expand span {
  background-color: #e57f7d;
}
.lyd-jumbotron .wheel-mask ul li.expand span:hover {
  background-color: #a55d5b;
}
.lyd-jumbotron .wheel-mask ul li.find span {
  background-color: #52c2b9;
}
.lyd-jumbotron .wheel-mask ul li.find span:hover {
  background-color: #37837d;
}
.lyd-jumbotron .wheel-mask ul li.strengthen span {
  background-color: #42b979;
}
.lyd-jumbotron .wheel-mask ul li.strengthen span:hover {
  background-color: #2b7950;
}
.lyd-jumbotron .wheel-mask ul li.launch span {
  background-color: #e57726;
}
.lyd-jumbotron .wheel-mask ul li.launch span:hover {
  background-color: #a55725;
}
.lyd-jumbotron:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.lyd-intro {
  text-align: left;
  margin-bottom: 80px;
  position: relative;
}
.lyd-intro h4 {
  font-size: 24px;
  margin-bottom: 30px;
}
.lyd-intro p {
  width: 500px;
  margin-bottom: 20px;
}
.lyd-intro p i {
  font-family: "Mercury Italic";
}
.lyd-intro a.dotted-link {
  font-family: "Mercury Roman";
  color: #e57726;
  background: url(../images/dotted-line-orange.png) repeat-x bottom;
  transition: all 0.2s ease-out;
}
.lyd-intro a.dotted-link:hover {
  color: #a55725;
  background: url(../images/dotted-line-dark-orange.png) repeat-x bottom;
}
.lyd-intro img {
  position: absolute;
  bottom: 1px;
  right: -10px;
}
.lyd-intro hr {
  margin-top: 80px;
}
.favorite-stories {
  text-align: left;
  margin-bottom: 120px;
}
.favorite-stories h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
.favorite-stories .dotted-link {
  color: #e57726;
  background: url(../images/dotted-line-orange.png) repeat-x bottom;
  transition: all 0.2s ease-out;
}
.favorite-stories .dotted-link:hover {
  color: #a55725;
  background: url(../images/dotted-line-dark-orange.png) repeat-x bottom;
}
.favorite-stories .columns {
  margin-top: 50px;
}
.favorite-stories .columns a {
  position: relative;
  text-decoration: none;
}
.favorite-stories .columns a img {
  margin-bottom: 20px;
}
.favorite-stories .columns a .play-video {
  display: block;
  width: 42px;
  height: 40px;
  background: url(../images/square-play-button.png) no-repeat;
  position: absolute;
  bottom: 60px;
  left: 20px;
  transition: all 0.2s ease-out;
}
.favorite-stories .columns a:hover .play-video {
  background: url(../images/square-play-button-hover.png) no-repeat;
}
.favorite-stories .columns a:hover h4 {
  color: #999999;
}
.favorite-stories .columns h4 {
  font-size: 16px;
  transition: all 0.2s ease-out;
}
.favorite-stories .columns h5 {
  font-size: 14px;
  color: #999999;
  margin-bottom: 25px;
}
.favorite-stories .columns p {
  font-family: "Mercury Italic";
}
.tweet-the-love {
  height: 550px;
  padding: 80px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #f2f2f2;
}
.tweet-the-love .contain {
  text-align: left;
}
.tweet-the-love .contain .love-box {
  background-color: #b92685;
  width: 280px;
  height: 116px;
  padding: 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 50px;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.tweet-the-love .contain .love-box h4 {
  color: white;
  font-size: 28px;
  line-height: 35px;
}
.tweet-the-love .contain .love-box img {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.tweet-the-love .contain .feeling-inspired {
  background-color: #424340;
  padding: 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 134px;
  width: 100%;
}
.tweet-the-love .contain .feeling-inspired h4 {
  color: white;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 13px;
}
.tweet-the-love .contain .feeling-inspired .tweet-button {
  display: block;
  background: url(../images/lyd-tweet-button.png);
  width: 250px;
  height: 40px;
  font-family: "Gotham";
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-size: 12px;
  text-align: right;
  padding: 12px 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
}
.tweet-the-love .contain .feeling-inspired .tweet-button:hover {
  color: white;
  background: url(../images/lyd-tweet-button-hover.png);
}
.tweet-the-love .contain .love-tweet .tweet-tooltip {
  float: right;
  width: 500px;
  padding: 15px 20px 40px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 40px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 13px;
  margin-top: 3px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip img {
  position: absolute;
  left: -100px;
  top: 25px;
  border-radius: 40px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip p {
  font-family: "Mercury Italic";
  color: white;
  font-size: 14px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip h4 {
  color: white;
  font-size: 12px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip h4.username {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip h4.date {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.green {
  background-color: #42b979;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.green:after {
  border-right-color: #42b979;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.orange {
  background-color: #e57726;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.orange:after {
  border-right-color: #e57726;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.blue {
  background-color: #52c2b9;
}
.tweet-the-love .contain .love-tweet .tweet-tooltip.blue:after {
  border-right-color: #52c2b9;
}
footer.lyd {
  color: #808080;
  padding-top: 75px;
}
footer.lyd a {
  color: #808080;
}
.ty-video {
  padding-top: 50px;
  position: relative;
  margin-bottom: 61px;
}
.ty-video .play-button {
  position: absolute;
  top: 275px;
  left: 426px;
  transition: all 0.2s ease-out;
}
.ty-video .play-button circle {
  fill: #fff;
  stroke: #b92685;
  transition: all 0.2s ease-out;
}
.ty-video .play-button path {
  fill: #b92685;
  transition: all 0.2s ease-out;
}
.ty-video .play-button:hover {
  cursor: pointer;
}
.ty-video .play-button:hover circle {
  fill: #b92685;
}
.ty-video .play-button:hover path {
  fill: #fff;
}
.ty-video .color-bars {
  position: absolute;
  bottom: -11px;
  left: 0;
}
.ty-video .thanks_vid {
  height: 523px;
}
.welcome-to-roda {
  width: 500px;
  margin: 0 auto;
}
.welcome-to-roda.delinquent {
  margin-top: 100px;
}
.welcome-to-roda h4 {
  font-size: 32px;
  margin-bottom: 14px;
}
.welcome-to-roda.delinquent h4 {
  line-height: 1.2;
  margin-bottom: 50px;
}
.welcome-to-roda h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  color: #b92685;
  margin-bottom: 30px;
}
.welcome-to-roda p {
  margin-bottom: 30px;
}
.welcome-to-roda.delinquent p a {
  color: #b92685;
}
.welcome-to-roda p .dotted-link {
  color: #b92685;
  background-image: url(../images/dotted-line-purple.png);
  background-position-x: -3px;
  transition: all 0.2s ease-out;
}
.welcome-to-roda p .dotted-link:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}
.something-incredible {
  margin: 55px 0 300px 0;
}
.something-incredible h4 {
  font-size: 16px;
  margin-bottom: 50px;
}
.something-incredible ul {
  list-style-type: none;
  margin-bottom: 80px;
}
.something-incredible ul li {
  display: inline;
  text-align: right;
  margin-right: 15px;
}
.something-incredible ul li a {
  color: white;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  width: 230px;
  height: 40px;
  padding: 14px 24px 13px 68px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}
.something-incredible ul li a.twitter {
  background: url(../images/twitter-ty.svg) left no-repeat #52c2b9;
}
.something-incredible ul li a.twitter:hover {
  background: url(../images/twitter-ty.svg) left no-repeat #37837d;
}
.something-incredible ul li a.facebook {
  background: url(../images/fb-ty.svg) no-repeat #b92685;
}
.something-incredible ul li a.facebook:hover {
  background: url(../images/fb-ty.svg) no-repeat #781c57;
}
.something-incredible hr {
  width: 287px;
  margin: 0 auto;
}
.thanks-survey {
  height: 116px;
  width: 416px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  margin: 0 auto 40px;
  position: relative;
}
.thanks-survey img {
  position: absolute;
  bottom: 0;
  left: 25px;
}
.thanks-survey h5 {
  width: 265px;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 0;
  color: #42b979;
  font-family: 'Gotham', arial;
  font-size: 14px;
  text-transform: uppercase;
}
.thanks-survey a {
  color: #fff;
  background: #42b979;
  outline: none;
  display: block;
  padding: 10px;
  width: 100px;
  font-family: "Mercury Italic";
  text-decoration: none;
  position: absolute;
  top: 52px;
  right: 73px;

  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;

  -ms-box-shadow: 5px 5px 0px #ececec;
  -o-box-shadow: 5px 5px 0px #ececec;
  -moz-box-shadow: 5px 5px 0px #ececec;
  -webkit-box-shadow: 5px 5px 0px #ececec;
  box-shadow: 5px 5px 0px #ececec;
}
.thanks-survey a:hover {
  background: #205b3c;
}
.legal-header {
  height: 300px;
  padding-top: 220px;
  margin-bottom: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.legal-header h4 {
  text-align: left;
  color: white;
  font-size: 46px;
}
.legal-header.privacy {
  background-color: #52c2b9;
}
.legal-header.disclaimer {
  background-color: #e57f7d;
}
.legal-header.terms {
  background-color: #42b979;
}
.legal {
  text-align: left;
  margin-bottom: 300px;
}
.legal h4 {
  font-size: 16px;
  margin: 30px 0;
}
.legal p,
.legal li {
  font-family: "Mercury Roman";
  font-size: 14px;
  color: #424340;
  margin-bottom: 20px;
}
.legal p a,
.legal li a {
  color: #b92685;
  text-decoration: none;
}
.legal p a:hover,
.legal li a:hover {
  color: #781c57;
}
.legal ul li,
.legal ol li {
  margin-left: 15px;
}
.lyd-splash {
  margin-bottom: 38px;
  padding-top: 52px;
  position: relative;
}
.lyd-splash .interview-overlay {
  position: absolute;
  top: 240px;
  left: 380px;
  text-align: left;
}
.lyd-splash .interview-overlay h4 {
  color: white;
  font-size: 32px;
  margin-bottom: 6px;
}
.lyd-splash .interview-overlay h5 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.35);
  margin-bottom: 25px;
}
.lyd-splash .interview-overlay p {
  font-family: "Mercury Italic";
  font-size: 24px;
  line-height: 30px;
  color: white;
  width: 470px;
}
.lyd-splash svg {
  width: 66px;
  height: 66px;
  position: absolute;
  top: 275px;
  left: 430px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.lyd-splash svg .square {
  fill: none;
  stroke: white;
  transition: all 0.2s ease-out;
}
.lyd-splash svg:hover .square {
  stroke: #52c2b9;
  fill: #52c2b9;
}
.lyd-splash svg .arrow {
  fill: white;
}
.lyd-splash-subheader {
  text-align: left;
  margin-bottom: 40px;
  position: relative;
}
.lyd-splash-subheader h4 {
  font-size: 32px;
  margin-bottom: 7px;
}
.lyd-splash-subheader h5 {
  font-size: 20px;
  color: #b92685;
  padding-bottom: 40px;
  width: 600px;
}
.lyd-splash-subheader ul {
  list-style-type: none;
  margin-bottom: 80px;
  position: absolute;
  top: 25px;
  right: 0;
}
.lyd-splash-subheader ul li {
  display: inline;
  text-align: right;
  margin-left: 15px;
}
.lyd-splash-subheader ul li a {
  color: #999999;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  width: 230px;
  height: 28px;
  padding: 6px 20px 6px 45px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}
.lyd-splash-subheader ul li a.twitter {
  background: url(../images/twitter-lyd.svg) left no-repeat #f2f2f2;
}
.lyd-splash-subheader ul li a.twitter:hover {
  color: white;
  background: url(../images/twitter-lyd.svg) left no-repeat #37837d;
}
.lyd-splash-subheader ul li a.facebook {
  background: url(../images/facebook-lyd.svg) no-repeat #f2f2f2;
}
.lyd-splash-subheader ul li a.facebook:hover {
  color: white;
  background: url(../images/facebook-lyd.svg) no-repeat #781c57;
}
.lyd-interview {
  text-align: left;
  margin-bottom: 40px;
}
.lyd-interview .quote {
  font-family: "Mercury Italic";
  font-size: 24px;
  color: #424340;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}
.lyd-interview h4 {
  font-size: 14px;
  margin-bottom: 15px;
}
.lyd-interview p {
  color: #424340;
  margin-bottom: 30px;
}
.lyd-interview p strong {
  font-family: "Mercury Roman";
  font-weight: bold;
}
.lyd-interview p i {
  font-family: "Mercury Italic";
  font-weight: normal;
}
.lyd-interview ul {
  margin: 0 0 25px 20px;
}
.lyd-interview ul li {
  font-family: "Mercury Roman";
  font-size: 16px;
  color: #424340;
}
.lyd-cta {
  background: #f2f2f2;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.lyd-cta h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.lyd-cta h5 {
  font-size: 16px;
  color: #52c2b9;
  margin-bottom: 10px;
}
.lyd-cta p {
  font-size: 14px;
  margin-bottom: 16px;
}
.lyd-cta p i {
  font-family: "Mercury Italic";
}
.lyd-cta button {
  width: 100%;
  background-color: #b92685;
  color: white;
  transition: all 0.2s ease-out;
}
.lyd-cta button:hover {
  color: #781c57;
}
.lyd-learn-more {
  background: #f2f2f2;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 60px;
}
.lyd-learn-more h4 {
  color: #b92685;
  font-size: 14px;
  margin-bottom: -4px;
}
.lyd-learn-more .dotted-link {
  font-size: 14px;
  transition: all 0.2s ease-out;
}
.lyd-learn-more .dotted-link:hover {
  color: #424340;
  background: url(../images/dotted-line-charcoal.png) repeat-x bottom;
}
.more-stories {
  text-align: left;
}
.more-stories a {
  text-decoration: none;
  position: relative;
}
.more-stories a:hover .play-video {
  background: url(../images/square-play-button-hover.png) no-repeat;
}
.more-stories a:hover h4 {
  color: #999999;
}
.more-stories img {
  margin-bottom: 40px;
}
.more-stories .play-video {
  display: block;
  width: 42px;
  height: 40px;
  background: url(../images/square-play-button.png) no-repeat;
  position: absolute;
  bottom: 60px;
  left: 20px;
  transition: all 0.2s ease-out;
}
.more-stories h4 {
  font-size: 16px;
  transition: all 0.2s ease-out;
}
.more-stories h5 {
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
}
.more-stories p {
  font-family: "Mercury Italic";
  font-size: 15px;
}
.more-stories hr {
  margin: 34px 0 60px 0;
}
.more-stories .columns {
  margin-bottom: 35px;
}
footer.lyd hr {
  margin-bottom: 40px;
}
.stories-jumbotron {
  height: 408px;
  background: url(../images/color-bars-wide.svg) repeat-x bottom #52c2b9;
  margin-bottom: 90px;
}
.stories-jumbotron .contain {
  position: relative;
  text-align: left;
  padding-top: 84px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.stories-jumbotron svg {
  position: absolute;
  top: 40px;
  right: 0px;
}
.stories-jumbotron h4 {
  color: white;
  font-size: 34px;
  line-height: 32px;
  width: 377px;
  margin-bottom: 15px;
}
.stories-jumbotron p {
  color: rgba(0, 0, 0, 0.35);
  width: 377px;
}
.directives {
  text-align: left;
}
.directives .directive-set {
  width: 718px;
  float: right;
}
.directives .directive-set .directive {
  margin-bottom: 70px;
}
.directives .directive-set .directive .directive-header {
  background-color: #f2f2f2;
  height: 50px;
  padding: 3px 30px;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.directives .directive-set .directive .directive-header .stripe {
  display: block;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.directives .directive-set .directive .directive-header h4 {
  font-size: 14px;
  margin: 0;
}
.directives .directive-set .directive .directive-header h5 {
  font-size: 14px;
  color: #999999;
  margin-top: -6px;
}
.directives .directive-set .directive .directive-header .story-count {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 19px;
}
.directives .directive-set .directive .story {
  margin-top: 60px;
  position: relative;
  padding-left: 322px;
  height: 170px;
}
.directives .directive-set .directive .story a {
  text-decoration: none;
}
.directives .directive-set .directive .story a .play-video {
  display: block;
  z-index: 500;
  width: 42px;
  height: 40px;
  background: url(../images/square-play-button.png) no-repeat;
  position: absolute;
  bottom: 22px;
  left: 20px;
  transition: all 0.2s ease-out;
}
.directives .directive-set .directive .story a:hover .play-video {
  background: url(../images/square-play-button-hover.png) no-repeat;
}
.directives .directive-set .directive .story a:hover h4 {
  color: #999999;
}
.directives .directive-set .directive .story img {
  position: absolute;
  top: 6px;
  left: 0;
}
.directives .directive-set .directive .story h4 {
  font-size: 16px;
  transition: all 0.2s ease-out;
}
.directives .directive-set .directive .story h5 {
  font-size: 14px;
  color: #999999;
  margin-bottom: 30px;
}
.directives .directive-set .directive .story p {
  font-family: "Mercury Italic";
}
.directives .directive-set .directive hr {
  margin-top: 63px;
}
.directives .directive-set .directive-1 .directive-header .story-count {
  color: #b92685;
}
.directives .directive-set .directive-1 .stripe {
  background-color: #b92685;
}
.directives .directive-set .directive-2 .directive-header .story-count {
  color: #52c2b9;
}
.directives .directive-set .directive-2 .stripe {
  background-color: #52c2b9;
}
.directives .directive-set .directive-3 .directive-header .story-count {
  color: #e57726;
}
.directives .directive-set .directive-3 .stripe {
  background-color: #e57726;
}
.directives .directive-set .directive-4 .directive-header .story-count {
  color: #e57f7d;
}
.directives .directive-set .directive-4 .stripe {
  background-color: #e57f7d;
}
.directives .directive-set .directive-5 .directive-header .story-count {
  color: #42b979;
}
.directives .directive-set .directive-5 .stripe {
  background-color: #42b979;
}
.directives .directive-set .directive-6 .directive-header .story-count {
  color: #cccbcb;
}
.directives .directive-set .directive-6 .stripe {
  background-color: #cccbcb;
}
.directives .directive-set #az_filter .stripe {
  background-color: #52c2b9;
}
.directives .directive-set #az_filter .directive-header h4 {
  font-size: 30px;
  margin-top: 8px;
}
.directives:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.directives .directive-nav-place .directive-nav {
  width: 184px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.directives .directive-nav-place .directive-nav .az-filter {
  margin-top: 20px;
}
.directives .directive-nav-place .directive-nav .az-filter.active a {
  color: white;
}
.directives .directive-nav-place .directive-nav .az-filter.active a:after {
  left: 100%;
}
.directives .directive-nav-place .directive-nav .az-filter.active a span {
  background-color: #424340;
  border: solid 6px white;
}
.directives .directive-nav-place .directive-nav .az-filter a {
  display: block;
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
  height: 50px;
  padding: 16px 0 0 60px;
  background-color: #424340;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  position: relative;
}
.directives .directive-nav-place .directive-nav .az-filter a:after {
  left: 92%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  border-left-color: #424340;
  margin-top: -10px;
  z-index: -400;
  transition: all 0.2s ease-out;
}
.directives .directive-nav-place .directive-nav .az-filter a:hover {
  color: white;
}
.directives .directive-nav-place .directive-nav .az-filter a .circle {
  display: block;
  background-color: #cccbcb;
  position: absolute;
  top: 14px;
  left: 14px;
  height: 11px;
  width: 11px;
  border: solid 6px #cccbcb;
  border-radius: 20px;
  transition: all 0.2s ease-out;
}
.directives .directive-nav-place .directive-nav ul {
  list-style-type: none;
}
.directives .directive-nav-place .directive-nav ul li {
  height: 50px;
  position: relative;
  transition: all 0.2s ease-out;
}
.directives .directive-nav-place .directive-nav ul li:after {
  left: 93%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-top: -10px;
  z-index: -400;
  transition: all 0.2s ease-out;
}
.directives .directive-nav-place .directive-nav ul li:first-child a {
  border-radius: 3px 3px 0 0;
}
.directives .directive-nav-place .directive-nav ul li:first-child .stripe {
  border-radius: 3px 0 0 0;
}
.directives .directive-nav-place .directive-nav ul li:last-child a {
  border-radius: 0 0 3px 3px;
}
.directives .directive-nav-place .directive-nav ul li:last-child .stripe {
  border-radius: 0 0 0 3px;
}
.directives .directive-nav-place .directive-nav ul li a {
  height: 50px;
  display: block;
  width: 100%;
  color: #999999;
  font-family: "Gotham";
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 13px;
  padding: 11px 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  position: relative;
  background-color: #424340;
}
.directives .directive-nav-place .directive-nav ul li a:hover {
  /*background-color: #4a4a4a;*/

  color: white;
}
.directives .directive-nav-place .directive-nav ul li .stripe {
  display: block;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 400;
}
.directives .directive-nav-place .directive-nav ul li.active a {
  color: white;
}
.directives .directive-nav-place .directive-nav ul li.active:after {
  left: 100%;
}
.directives .directive-nav-place .directive-nav ul .one .stripe {
  background-color: #b92685;
}
.directives .directive-nav-place .directive-nav ul .one:after {
  border-left-color: #b92685;
}
.directives .directive-nav-place .directive-nav ul .one.active a {
  background-color: #b92685;
}
.directives .directive-nav-place .directive-nav ul .one.active .stripe {
  background-color: #781c57;
}
.directives .directive-nav-place .directive-nav ul .two .stripe {
  background-color: #52c2b9;
}
.directives .directive-nav-place .directive-nav ul .two:after {
  border-left-color: #52c2b9;
}
.directives .directive-nav-place .directive-nav ul .two.active a {
  background-color: #52c2b9;
}
.directives .directive-nav-place .directive-nav ul .two.active .stripe {
  background-color: #37837d;
}
.directives .directive-nav-place .directive-nav ul .three .stripe {
  background-color: #e57726;
}
.directives .directive-nav-place .directive-nav ul .three:after {
  border-left-color: #e57726;
}
.directives .directive-nav-place .directive-nav ul .three.active a {
  background-color: #e57726;
}
.directives .directive-nav-place .directive-nav ul .three.active .stripe {
  background-color: #a55725;
}
.directives .directive-nav-place .directive-nav ul .four .stripe {
  background-color: #e57f7d;
}
.directives .directive-nav-place .directive-nav ul .four:after {
  border-left-color: #e57f7d;
}
.directives .directive-nav-place .directive-nav ul .four.active a {
  background-color: #e57f7d;
}
.directives .directive-nav-place .directive-nav ul .four.active .stripe {
  background-color: #a55d5b;
}
.directives .directive-nav-place .directive-nav ul .five .stripe {
  background-color: #42b979;
}
.directives .directive-nav-place .directive-nav ul .five:after {
  border-left-color: #42b979;
}
.directives .directive-nav-place .directive-nav ul .five.active a {
  background-color: #42b979;
}
.directives .directive-nav-place .directive-nav ul .five.active .stripe {
  background-color: #2b7950;
}
.directives .directive-nav-place .directive-nav ul .six .stripe {
  background-color: #cccbcb;
}
.directives .directive-nav-place .directive-nav ul .six:after {
  border-left-color: #cccbcb;
}
.directives .directive-nav-place .directive-nav ul .six.active a {
  background-color: #cccbcb;
}
.directives .directive-nav-place .directive-nav ul .six.active .stripe {
  background-color: #999999;
}
.about-hero {
  margin-top: 60px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  height: 522px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 50px;
}
.about-hero ul {
  list-style-type: none;
  width: 505px;
  margin: 0 auto;
}
.about-hero ul li {
  float: left;
}
.about-hero ul li span {
  color: white;
  font-size: 38px;
  text-transform: uppercase;
  margin-right: 15px;
  padding: 6px 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #424340;
}
.about-hero ul li span.pointer {
  position: relative;
}
.about-hero ul li span.pointer:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #424340;
  border-width: 11px;
  margin-top: -11px;
}
.about-hero ul li span.arrow {
  background: url(../images/lyd-arrowa.svg) no-repeat 21px center #52c2b9;
  background-size: 19px;
  padding: 6px 28px;
  margin-right: 0;
}
.about-hero ul li span.blue {
  background-color: #52c2b9;
}
.about-hero ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.about-hero .color-bars {
  position: absolute;
  bottom: 0;
  left: 0;
}
.about-subheader {
  text-align: left;
  margin-bottom: 30px;
}
.about-subheader h4 {
  font-size: 32px;
  margin-bottom: 4px;
}
.about-subheader h5 {
  font-size: 20px;
  color: #52c2b9;
}
.about-body {
  text-align: left;
  margin-bottom: 70px;
}
.about-roda-difference {
  margin: 80px 0 60px 0;
  text-align: left;
}
.about-roda-difference h4 {
  font-size: 32px;
  margin-bottom: 50px;
}
.about-roda-difference h5 {
  color: #999999;
  font-size: 30px;
  line-height: 45px;
}
.about-roda-difference h5 strong {
  font-weight: normal;
  color: #52c2b9;
}
.about-roda-difference .offset-columns {
  margin-top: 50px;
}
.about-roda-difference .offset-columns .column-2 {
  padding-right: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.about-roda-difference .offset-columns .column-2 h4 {
  font-size: 16px;
  margin-bottom: 33px;
}
.about-roda-difference .offset-columns .column-1 h4 {
  font-size: 25px;
}
.about-roda-difference .offset-columns .column-1 h5 {
  line-height: 25px;
}
.about-roda-difference ul {
  list-style-type: none;
  display: table;
  margin-top: -27px;
  padding-left: 20px;
  width: 100%;
}
.about-roda-difference ul li {
  background: url(../images/dotted-line.png) repeat-x bottom;
  display: table-row;
  height: 86px;
}
.about-roda-difference ul li:last-child {
  background: none;
}
.about-roda-difference ul li div {
  display: table-cell;
  vertical-align: middle;
}
.about-roda-difference ul li h4 {
  margin: 0;
}
.about-roda-difference ul li h5 {
  font-size: 16px;
  color: #52c2b9;
}
.meet-the-founder {
  margin: 80px 0 48px 0;
  text-align: left;
}
.meet-the-founder h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 30px;
}
.meet-the-founder h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  margin-bottom: 10px;
}
.meet-the-founder ul {
  list-style-type: none;
  margin-top: 40px;
}
.meet-the-founder ul li {
  display: inline;
}
.meet-the-founder ul li:first-child {
  margin-right: 10px;
}
.meet-the-founder ul li:first-child button:hover:after {
  right: 4px;
}
.meet-the-founder ul li button {
  background-color: #b92685;
  width: 242px;
}
.meet-the-founder .column-1 {
  position: relative;
}
.meet-the-founder .column-1 img {
  position: absolute;
  top: -50px;
  right: 20px;
}
.eatshit {
  margin-top: 300px;
}








.roda-curriculum {
  text-align: left;
  margin: 80px 0;
}
.roda-curriculum .curriculum-header {
  margin-bottom: 100px;
}
.roda-curriculum .curriculum-header .column-2 h4 {
  font-size: 32px;
  margin-bottom: 30px;
}
.roda-curriculum .curriculum-header .column-1 .download-box {
  background-color: #f2f2f2;
  width: 396px;
  padding: 15px 20px 20px 89px;
  margin-top: 60px;
  position: relative;
  float: right;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.roda-curriculum .curriculum-header .column-1 .download-box:hover {
  background-color: #ecebea;
}
.roda-curriculum .curriculum-header .column-1 .download-box img {
  position: absolute;
  left: 18px;
  top: 22px;
}
.roda-curriculum .curriculum-header .column-1 .download-box h4 {
  font-size: 14px;
  color: #b92685;
}
.roda-curriculum .curriculum-header .column-1 .download-box .dotted-link {
  font-size: 14px;
  width: 275px;
}
.roda-curriculum .curriculum-header .column-1 #calendar-modal {
  display: none;
}
.roda-curriculum .curriculum-header .column-1 .calendar-modal img {
  float: left;
  width: 100px;
}
.roda-curriculum .module {
  background-color: #f2f2f2;
  margin-bottom: 70px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.roda-curriculum .module.green .module-tab,
.roda-curriculum .module.green .module-tab h4,
.roda-curriculum .module.green .module-tab h4:after,
.roda-curriculum .module.green .module-header button {
  background-color: #42b979;
}
.roda-curriculum .module.green .module-header .copy i,
.roda-curriculum .module.green .module-body h4 {
  color: #42b979;
}
.roda-curriculum .module.green .module-header .arrow:hover svg line,
.roda-curriculum .module.green .module-header .arrow:hover svg polyline {
  stroke: #2b7950;
}
.roda-curriculum .module.orange .module-tab,
.roda-curriculum .module.orange .module-tab h4,
.roda-curriculum .module.orange .module-tab h4:after,
.roda-curriculum .module.orange .module-header button {
  background-color: #e57726;
}
.roda-curriculum .module.orange .module-header .copy i,
.roda-curriculum .module.orange .module-body h4 {
  color: #e57726;
}
.roda-curriculum .module.orange .module-header .arrow:hover svg line,
.roda-curriculum .module.orange .module-header .arrow:hover svg polyline {
  stroke: #a55725;
}
.roda-curriculum .module.blue .module-tab,
.roda-curriculum .module.blue .module-tab h4,
.roda-curriculum .module.blue .module-tab h4:after,
.roda-curriculum .module.blue .module-header button {
  background-color: #52c2b9;
}
.roda-curriculum .module.blue .module-header .copy i,
.roda-curriculum .module.blue .module-body h4 {
  color: #52c2b9;
}
.roda-curriculum .module.blue .module-header .arrow:hover svg line,
.roda-curriculum .module.blue .module-header .arrow:hover svg polyline {
  stroke: #37837d;
}
.roda-curriculum .module.purple .module-tab,
.roda-curriculum .module.purple .module-tab h4,
.roda-curriculum .module.purple .module-tab h4:after,
.roda-curriculum .module.purple .module-header button {
  background-color: #b92685;
}
.roda-curriculum .module.purple .module-header .copy i,
.roda-curriculum .module.purple .module-body h4 {
  color: #b92685;
}
.roda-curriculum .module.purple .module-header .arrow:hover svg line,
.roda-curriculum .module.purple .module-header .arrow:hover svg polyline {
  stroke: #781c57;
}
.roda-curriculum .module.pink .module-tab,
.roda-curriculum .module.pink .module-tab h4,
.roda-curriculum .module.pink .module-tab h4:after,
.roda-curriculum .module.pink .module-header button {
  background-color: #e57f7d;
}
.roda-curriculum .module.pink .module-header .copy i,
.roda-curriculum .module.pink .module-body h4 {
  color: #e57f7d;
}
.roda-curriculum .module.pink .module-header .arrow:hover svg line,
.roda-curriculum .module.pink .module-header .arrow:hover svg polyline {
  stroke: #a55d5b;
}
.roda-curriculum .module.charcoal .module-tab,
.roda-curriculum .module.charcoal .module-tab h4,
.roda-curriculum .module.charcoal .module-tab h4:after,
.roda-curriculum .module.charcoal .module-header button {
  background-color: #424340;
}
.roda-curriculum .module.charcoal .module-header button:hover {
  /* color: #cccbcb; */
  color: #9e0680;
}
.roda-curriculum .module.charcoal .module-header .copy i,
.roda-curriculum .module.charcoal .module-body h4 {
  color: #424340;
}
.roda-curriculum .module.charcoal .module-header .arrow:hover svg line,
.roda-curriculum .module.charcoal .module-header .arrow:hover svg polyline {
  stroke: #cccbcb;
}
.roda-curriculum .module .module-tab {
  position: relative;
  height: 23px;
  border-radius: 0 3px 0 0;
}
.roda-curriculum .module .module-tab h4 {
  text-align: center;
  width: 266px;
  height: 50px;
  color: white;
  font-size: 14px;
  padding: 12px 0;
  border-radius: 13px 13px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.roda-curriculum .module .module-tab h4:after {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -10px;
  top: 17px;
}
.roda-curriculum .module .module-tab:after {
  content: " ";
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 0 0 0 10px;
  position: absolute;
  bottom: 23px;
  left: 266px;
}
.roda-curriculum .module .module-mask {
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.roda-curriculum .module .module-header {
  padding: 35px;
  position: relative;
}
.roda-curriculum .module .module-header .copy {
  width: 570px;
  margin-bottom: 35px;
}
.roda-curriculum .module .module-header .arrow-fixer {
  position: absolute;
  left: 0;
  top: 49px;
}
.roda-curriculum .module .module-header .arrow-fixer .arrow-contain {
  width: 930px;
  margin: 0 auto;
  text-align: right;
  position: relative;
}
.roda-curriculum .module .module-header .arrow-fixer .arrow-contain .arrow {
  position: static;
  margin-right: 0;
}
.roda-curriculum .module .module-header .arrow-fixer.active {
  width: 100%;
  position: fixed;
  top: 100px;
  right: 0;
}
.roda-curriculum .module .module-header .arrow-fixer.active.stopped {
  position: absolute;
}
.roda-curriculum .module .module-header button {
  position: absolute;
  top: 48px;
}
.roda-curriculum .module .module-header button:after {
  content: none;
}
.roda-curriculum .module .module-header button.explore {
  right: 75px;
  width: 213px;
  line-height: 30px;
  overflow: hidden;
  z-index: 4000;
}
.roda-curriculum .module .module-header button.explore span {
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0;
  transition: top 0.2s ease-out;
  -webkit-transition: top 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow {
  right: -2px;
  border-radius: 0 0 0 3px;
}
.roda-curriculum .module .module-header button.arrow svg {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow svg line {
  stroke: #fff;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow svg polyline {
  stroke: #fff;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-body .module-list {
  padding: 0 30px 30px 30px;
}
.roda-curriculum .module .module-body .module-list h4 {
  font-size: 14px;
  width: 185px;
  margin: 0 50px 0 70px;
  float: left;
  line-height: 20px;
}
.roda-curriculum .module .module-body .module-list ul {
  width: 504px;
  font-size: 14px;
  font-family: "Mercury Roman";
  color: #424340;
  float: left;
}
.roda-curriculum .module .module-body .module-list ul li {
  margin-bottom: 14px;
}
.roda-curriculum .module .module-body .module-list:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}



















.roda-curriculum {
  text-align: left;
  margin: 80px 0;
}
.roda-curriculum .curriculum-header {
  margin-bottom: 100px;
}
.roda-curriculum .curriculum-header .column-2 h4 {
  font-size: 32px;
  margin-bottom: 30px;
}
.roda-curriculum .curriculum-header .column-1 .download-box {
  background-color: #f2f2f2;
  width: 396px;
  padding: 15px 20px 20px 89px;
  margin-top: 60px;
  position: relative;
  float: right;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.roda-curriculum .curriculum-header .column-1 .download-box:hover {
  background-color: #ecebea;
}
.roda-curriculum .curriculum-header .column-1 .download-box img {
  position: absolute;
  left: 18px;
  top: 22px;
}
.roda-curriculum .curriculum-header .column-1 .download-box h4 {
  font-size: 14px;
  color: #b92685;
}
.roda-curriculum .curriculum-header .column-1 .download-box .dotted-link {
  font-size: 14px;
  width: 275px;
}
.roda-curriculum .curriculum-header .column-1 #calendar-modal {
  display: none;
}
.roda-curriculum .curriculum-header .column-1 .calendar-modal img {
  float: left;
  width: 100px;
}
.roda-curriculum .module {
  background-color: #f2f2f2;
  margin-bottom: 70px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.roda-curriculum .module.green .module-tab,
.roda-curriculum .module.green .module-tab h4,
.roda-curriculum .module.green .module-tab h4:after,
.roda-curriculum .module.green .module-header button {
  background-color: #42b979;
}
.roda-curriculum .module.green .module-header .copy i,
.roda-curriculum .module.green .module-body h4 {
  color: #42b979;
}
.roda-curriculum .module.green .module-header .arrow:hover svg line,
.roda-curriculum .module.green .module-header .arrow:hover svg polyline {
  stroke: #2b7950;
}
.roda-curriculum .module.orange .module-tab,
.roda-curriculum .module.orange .module-tab h4,
.roda-curriculum .module.orange .module-tab h4:after,
.roda-curriculum .module.orange .module-header button {
  background-color: #e57726;
}
.roda-curriculum .module.orange .module-header .copy i,
.roda-curriculum .module.orange .module-body h4 {
  color: #e57726;
}
.roda-curriculum .module.orange .module-header .arrow:hover svg line,
.roda-curriculum .module.orange .module-header .arrow:hover svg polyline {
  stroke: #a55725;
}
.roda-curriculum .module.blue .module-tab,
.roda-curriculum .module.blue .module-tab h4,
.roda-curriculum .module.blue .module-tab h4:after,
.roda-curriculum .module.blue .module-header button {
  background-color: #52c2b9;
}
.roda-curriculum .module.blue .module-header .copy i,
.roda-curriculum .module.blue .module-body h4 {
  color: #52c2b9;
}
.roda-curriculum .module.blue .module-header .arrow:hover svg line,
.roda-curriculum .module.blue .module-header .arrow:hover svg polyline {
  stroke: #37837d;
}
.roda-curriculum .module.purple .module-tab,
.roda-curriculum .module.purple .module-tab h4,
.roda-curriculum .module.purple .module-tab h4:after,
.roda-curriculum .module.purple .module-header button {
  background-color: #b92685;
}
.roda-curriculum .module.purple .module-header .copy i,
.roda-curriculum .module.purple .module-body h4 {
  color: #b92685;
}
.roda-curriculum .module.purple .module-header .arrow:hover svg line,
.roda-curriculum .module.purple .module-header .arrow:hover svg polyline {
  stroke: #781c57;
}
.roda-curriculum .module.pink .module-tab,
.roda-curriculum .module.pink .module-tab h4,
.roda-curriculum .module.pink .module-tab h4:after,
.roda-curriculum .module.pink .module-header button {
  background-color: #e57f7d;
}
.roda-curriculum .module.pink .module-header .copy i,
.roda-curriculum .module.pink .module-body h4 {
  color: #e57f7d;
}
.roda-curriculum .module.pink .module-header .arrow:hover svg line,
.roda-curriculum .module.pink .module-header .arrow:hover svg polyline {
  stroke: #a55d5b;
}
.roda-curriculum .module.charcoal .module-tab,
.roda-curriculum .module.charcoal .module-tab h4,
.roda-curriculum .module.charcoal .module-tab h4:after,
.roda-curriculum .module.charcoal .module-header button {
  background-color: #424340;
}
.roda-curriculum .module.charcoal .module-header button:hover {
  /* color: #cccbcb; */
  color: #9e0680;
}
.roda-curriculum .module.charcoal .module-header .copy i,
.roda-curriculum .module.charcoal .module-body h4 {
  color: #424340;
}
.roda-curriculum .module.charcoal .module-header .arrow:hover svg line,
.roda-curriculum .module.charcoal .module-header .arrow:hover svg polyline {
  stroke: #cccbcb;
}
.roda-curriculum .module .module-tab {
  position: relative;
  height: 23px;
  border-radius: 0 3px 0 0;
}
.roda-curriculum .module .module-tab h4 {
  text-align: center;
  width: 266px;
  height: 50px;
  color: white;
  font-size: 14px;
  padding: 12px 0;
  border-radius: 13px 13px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.roda-curriculum .module .module-tab h4:after {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -10px;
  top: 17px;
}
.roda-curriculum .module .module-tab:after {
  content: " ";
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 0 0 0 10px;
  position: absolute;
  bottom: 23px;
  left: 266px;
}
.roda-curriculum .module .module-mask {
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.roda-curriculum .module .module-header {
  padding: 35px;
  position: relative;
}
.roda-curriculum .module .module-header .copy {
  width: 570px;
  margin-bottom: 35px;
}
.roda-curriculum .module .module-header .arrow-fixer {
  position: absolute;
  left: 0;
  top: 49px;
}
.roda-curriculum .module .module-header .arrow-fixer .arrow-contain {
  width: 930px;
  margin: 0 auto;
  text-align: right;
  position: relative;
}
.roda-curriculum .module .module-header .arrow-fixer .arrow-contain .arrow {
  position: static;
  margin-right: 0;
}
.roda-curriculum .module .module-header .arrow-fixer.active {
  width: 100%;
  position: fixed;
  top: 100px;
  right: 0;
}
.roda-curriculum .module .module-header .arrow-fixer.active.stopped {
  position: absolute;
}
.roda-curriculum .module .module-header button {
  position: absolute;
  top: 48px;
}
.roda-curriculum .module .module-header button:after {
  content: none;
}
.roda-curriculum .module .module-header button.explore {
  right: 75px;
  width: 213px;
  line-height: 30px;
  overflow: hidden;
  z-index: 4000;
}
.roda-curriculum .module .module-header button.explore span {
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0;
  transition: top 0.2s ease-out;
  -webkit-transition: top 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow {
  right: -2px;
  border-radius: 0 0 0 3px;
}
.roda-curriculum .module .module-header button.arrow svg {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow svg line {
  stroke: #fff;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-header button.arrow svg polyline {
  stroke: #fff;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.roda-curriculum .module .module-body .module-list {
  padding: 0 30px 30px 30px;
}
.roda-curriculum .module .module-body .module-list h4 {
  font-size: 14px;
  width: 185px;
  margin: 0 50px 0 70px;
  float: left;
  line-height: 20px;
}
.roda-curriculum .module .module-body .module-list ul {
  width: 504px;
  font-size: 14px;
  font-family: "Mercury Roman";
  color: #424340;
  float: left;
}
.roda-curriculum .module .module-body .module-list ul li {
  margin-bottom: 14px;
}
.roda-curriculum .module .module-body .module-list:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.curriculum-plus {
  margin-bottom: 80px;
}
.curriculum-plus .labelette {
  color: white;
  background-color: #424340;
  font-size: 11px;
  padding: 2px 3px;
  text-transform: uppercase;
  margin-top: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.curriculum-plus .columns {
  margin: 80px 0;
  text-align: left;
}
.curriculum-plus .columns .column-2 h4 {
  font-size: 32px;
  margin-bottom: 5px;
}
.curriculum-plus .columns .column-2 h4 span {
  font-size: 43px;
  font-weight: normal;
  color: #52c2b9;
  vertical-align: -13%;
}
.curriculum-plus .columns .column-2 h5 {
  color: #b92685;
  margin-bottom: 24px;
}
.curriculum-plus .columns .column-1 {
  padding-top: 40px;
}
.curriculum-plus .columns .column-1 .copy {
  font-family: "Mercury Italic";
  font-size: 15px;
  color: #999999;
  margin-top: 15px;
}
.curriculum-plus .offset-columns {
  text-align: left;
  margin-bottom: 80px;
  height: 229px;
}
.curriculum-plus .offset-columns div:last-child {
  float: right;
}
.curriculum-plus .offset-columns .column-1 {
  width: 400px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.curriculum-plus .offset-columns .column-1 .hitbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5000;
}
.curriculum-plus .offset-columns .column-2 {
  width: 500px;
  padding-top: 37px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.curriculum-plus .offset-columns .column-2 h4 {
  font-size: 16px;
  margin-bottom: 25px;
}
.curriculum-plus .offset-columns .column-2 .copy {
  width: 480px;
}
.curriculum-plus .offset-columns .column-2 .labelette {
  margin-left: 10px;
  vertical-align: 7%;
}
.advanced-training {
  margin-bottom: 45px;
}
.advanced-training .atrain-intro {
  width: 189px;
  text-align: left;
  float: left;
}
.advanced-training .atrain-intro h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
.advanced-training .training-widget {
  width: 716px;
  height: 348px;
  float: right;
  position: relative;
  z-index: 100;
}
.advanced-training .training-widget .training-box {
  width: 222px;
  height: 159px;
  float: left;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
}
.advanced-training .training-widget .training-box.training-box-1 {
  background-color: #b92685;
  top: 0;
  left: 0;
}
.advanced-training .training-widget .training-box.training-box-1 svg line {
  stroke: #b92685;
}
.advanced-training .training-widget .training-box.training-box-2 {
  background-color: #424340;
  top: 0;
  left: 247px;
}
.advanced-training .training-widget .training-box.training-box-2 svg line {
  stroke: #424340;
}
.advanced-training .training-widget .training-box.training-box-2.active {
  top: 0;
  left: 0;
}
.advanced-training .training-widget .training-box.training-box-2 .small-state span,
.advanced-training .training-widget .training-box.training-box-2 .big-state .close {
  background-color: rgba(255, 255, 255, 0.35);
}
.advanced-training .training-widget .training-box.training-box-2 .small-state h5 {
  color: #999999;
}
.advanced-training .training-widget .training-box.training-box-2 .big-state .title-area h4 {
  color: #999999;
}
.advanced-training .training-widget .training-box.training-box-2 .big-state .title-area h4 strong {
  color: white;
}
.advanced-training .training-widget .training-box.training-box-2 .big-state .side-bar {
  background-color: #999999;
}
.advanced-training .training-widget .training-box.training-box-2 .big-state .side-bar:after {
  border-right-color: #999999;
}
.advanced-training .training-widget .training-box.training-box-2 .big-state .side-bar .copy {
  color: #424340;
}
.advanced-training .training-widget .training-box.training-box-3 {
  background-color: #42b979;
  top: 0;
  right: 0;
}
.advanced-training .training-widget .training-box.training-box-3 svg line {
  stroke: #42b979;
}
.advanced-training .training-widget .training-box.training-box-3 .small-state {
  padding-top: 40px;
}
.advanced-training .training-widget .training-box.training-box-4 {
  background-color: #52c2b9;
  bottom: 0;
  left: 0;
}
.advanced-training .training-widget .training-box.training-box-4 svg line {
  stroke: #52c2b9;
}
.advanced-training .training-widget .training-box.training-box-4 .small-state {
  padding-top: 40px;
}
.advanced-training .training-widget .training-box.training-box-4 .labelette {
  color: #52c2b9;
}
.advanced-training .training-widget .training-box.training-box-5 {
  background-color: #e57f7d;
  bottom: 0;
  left: 247px;
}
.advanced-training .training-widget .training-box.training-box-5 svg line {
  stroke: #e57f7d;
}
.advanced-training .training-widget .training-box.training-box-5.active {
  bottom: 0;
  left: 0;
}
.advanced-training .training-widget .training-box.training-box-5 .small-state {
  padding-top: 40px;
}
.advanced-training .training-widget .training-box.training-box-5 .labelette {
  color: #e57f7d;
}
.advanced-training .training-widget .training-box.training-box-6 {
  background-color: #e57726;
  bottom: 0;
  right: 0;
}
.advanced-training .training-widget .training-box.training-box-6 svg line {
  stroke: #e57726;
}
.advanced-training .training-widget .training-box.training-box-6 .small-state {
  padding-top: 30px;
}
.advanced-training .training-widget .training-box.training-box-6 .labelette {
  color: #e57726;
}
.advanced-training .training-widget .training-box.active {
  width: 716px;
  height: 348px;
  z-index: 6000;
}
.advanced-training .training-widget .training-box.active .small-state {
  opacity: 0;
  margin-top: -30px;
}
.advanced-training .training-widget .training-box .small-state {
  padding-top: 50px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.advanced-training .training-widget .training-box .small-state h4 {
  color: white;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.advanced-training .training-widget .training-box .small-state h5 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 20px;
}
.advanced-training .training-widget .training-box .small-state .labelette {
  color: white;
  background-color: rgba(0, 0, 0, 0.35);
  font-size: 11px;
  padding: 2px 3px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 3px;
}
.advanced-training .training-widget .training-box .small-state .plus {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 3px 0 0 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.advanced-training .training-widget .training-box .small-state:hover .plus {
  background-color: #fff;
}
.advanced-training .training-widget .training-box .big-state {
  opacity: 1;
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.advanced-training .training-widget .training-box .big-state .labelette {
  text-transform: uppercase;
  background-color: white;
  font-size: 16px;
  padding: 7px 24px;
  border-radius: 0 0 3px 0;
  position: absolute;
  top: 0;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  left: 41px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.advanced-training .training-widget .training-box .big-state.active .side-bar {
  right: 0;
}
.advanced-training .training-widget .training-box .big-state.active .close {
  opacity: 1;
}
.advanced-training .training-widget .training-box .big-state.active .labelette {
  opacity: 1;
}
.advanced-training .training-widget .training-box .big-state.active .title-area h4 {
  opacity: 1;
  margin-top: 0;
}
.advanced-training .training-widget .training-box .big-state .close {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  opacity: 0;
  left: 0;
  cursor: pointer;
  padding: 9px 0 0 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.advanced-training .training-widget .training-box .big-state .close:hover {
  background-color: white;
}
.advanced-training .training-widget .training-box .big-state .title-area {
  display: table-cell;
  height: 346px;
  vertical-align: middle;
}
.advanced-training .training-widget .training-box .big-state .title-area h4 {
  font-size: 32px;
  line-height: 34px;
  width: 494px;
  color: white;
  opacity: 0;
  margin-top: -30px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.advanced-training .training-widget .training-box .big-state .title-area h4 strong {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
}
.advanced-training .training-widget .training-box .big-state .side-bar {
  height: 100%;
  width: 222px;
  background-color: #424340;
  text-align: left;
  padding: 20px;
  position: absolute;
  right: -237px;
  top: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.advanced-training .training-widget .training-box .big-state .side-bar h4 {
  font-size: 14px;
  line-height: 16px;
  color: white;
  margin: 20px 0;
}
.advanced-training .training-widget .training-box .big-state .side-bar .copy {
  font-size: 14px;
  color: #cccbcb;
  height: 195px;
}
.advanced-training .training-widget .training-box .big-state .side-bar hr {
  background: url(../images/dotted-line-white.png);
  opacity: .35;
}
.advanced-training .training-widget .training-box .big-state .side-bar:after {
  right: 100%;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #424340;
  border-width: 15px;
  margin-top: -15px;
}
.advanced-training .training-widget:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.advanced-training:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.here-for-you img {
  float: left;
}
.here-for-you .content-column {
  width: 505px;
  margin: 80px 0 0 20px;
  text-align: left;
  float: left;
}
.here-for-you .content-column h4 {
  font-size: 32px;
  margin-bottom: 40px;
}
.here-for-you .content-column .copy {
  margin-bottom: 35px;
}
.here-for-you .content-column ul {
  list-style-type: none;
}
.here-for-you .content-column ul li {
  position: relative;
  height: 107px;
  padding-left: 213px;
  margin-bottom: 40px;
}
.here-for-you .content-column ul li img {
  width: 107px;
  height: 107px;
  position: absolute;
  left: 37px;
  top: 0;
}
.here-for-you .content-column ul li h4 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.here-for-you .content-column ul li h4.blue {
  color: #52c2b9;
}
.here-for-you .content-column ul li h4.purple {
  color: #b92685;
}
.here-for-you .content-column ul li h4.orange {
  color: #e57726;
}
.here-for-you .content-column ul li h5 {
  font-size: 14px;
  letter-spacing: normal;
}
.here-for-you:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.by-the-numbers {
  text-align: left;
  padding-top: 80px;
  margin-bottom: 80px;
}
.by-the-numbers h4 {
  font-size: 32px;
  margin-bottom: 40px;
}
.by-the-numbers .left-column {
  width: 464px;
  float: left;
  padding-right: 67px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.by-the-numbers .left-column .copy {
  margin-bottom: 30px;
}
.by-the-numbers .left-column .value {
  padding-top: 40px;
}
.by-the-numbers .left-column .value .value-bar {
  display: block;
  height: 70px;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.by-the-numbers .left-column .value .value-bar.blue {
  background-color: #52c2b9;
}
.by-the-numbers .left-column .value .value-bar.blue h4 {
  padding: 24px 22px;
}
.by-the-numbers .left-column .value .value-bar.purple {
  background-color: #b92685;
}
.by-the-numbers .left-column .value .value-bar.purple h4 {
  padding: 13px 22px;
}
.by-the-numbers .left-column .value .value-bar h4 {
  color: white;
  font-size: 16px;
  float: left;
  margin: 0;
  line-height: 22px;
}
.by-the-numbers .left-column .value .value-bar h5 {
  color: white;
  font-size: 24px;
  height: 100%;
  width: 137px;
  padding: 17px;
  text-align: center;
  float: right;
  background-color: rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.by-the-numbers .left-column .value .value-bar:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.by-the-numbers .left-column .value .copy {
  font-size: 14px;
  margin-bottom: 35px;
}
.by-the-numbers .left-column .addendum {
  font-family: "Mercury Italic";
  font-size: 14px;
  margin-top: 15px;
  color: #999999;
}
.by-the-numbers .right-column {
  width: 465px;
  float: right;
  padding-left: 67px;
  background: url(../images/vr-gray.png) repeat-y left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.by-the-numbers .right-column ul {
  list-style-type: none;
}
.by-the-numbers .right-column ul li {
  height: 125px;
  background-color: #f2f2f2;
  padding: 15px 50px 15px 20px;
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.by-the-numbers .right-column ul li:last-child {
  margin-bottom: 0;
}
.by-the-numbers .right-column ul li h4 {
  font-size: 14px;
  margin-bottom: 8px;
}
.by-the-numbers .right-column ul li h5 {
  font-size: 14px;
  color: #999999;
}
.by-the-numbers .right-column ul li span {
  color: white;
  background-color: #42b979;
  font-size: 10px;
  padding: 4px 10px;
  text-transform: uppercase;
  position: absolute;
  top: 16px;
  right: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.by-the-numbers:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.title-box {
  width: 319px;
  height: 117px;
  padding: 18px 24px;
  background-color: #b92685;
  box-shadow: 10px 10px 0 #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.title-box h4 {
  color: white;
  font-size: 22px;
  line-height: 26px;
}
.title-box img {
  position: absolute;
  right: 27px;
  top: 32px;
}
/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
.happy-rodaroda .roda {
  position: relative;
  float: left;
  width: 245px;
  height: 100%;
  margin: 0;
  padding: 0;
  /* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.happy-roda .roda .title-box {
  position: absolute;
  top: 50px;
  left: -120px;
}
.happy-roda .roda .hbs-wrapper {
  position: absolute;
  width: 400px;
  height: 240px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.happy-roda .roda .hbs-wrapper img {
  position: absolute;
}
.happy-roda .roda .hbs-wrapper p {
  position: absolute;
  left: 120px;
}
.happy-roda .roda.top .hbs-wrapper {
  top: 0;
  left: -170px;
}
.happy-roda .roda.top .hbs-wrapper img {
  bottom: 40px;
  left: 0;
}
.happy-roda .roda.top .hbs-wrapper p {
  top: 20px;
}
.happy-roda .roda.top .hbs-wrapper p:after {
  bottom: 44%;
}
.happy-roda .roda.top.raised img {
  bottom: 100px;
}
.happy-roda .roda.top.raised p:after {
  bottom: 66%;
}
.happy-roda .roda.bottom .hbs-wrapper {
  bottom: 1px;
  left: -170px;
}
.happy-roda .roda.bottom .hbs-wrapper img {
  bottom: 40px;
  left: 0;
}
.happy-roda .roda.bottom .hbs-wrapper p {
  bottom: 50px;
}
.happy-roda .roda.bottom .hbs-wrapper p:after {
  top: 44%;
}
.happy-roda {
  background-color: #f2f2f2;
  width: 100%;
  height: 487px;
  position: relative;
}
.happy-roda p {
  position: relative;
  font-family: "Mercury Italic";
  width: 267px;
  color: white;
  float: left;
  padding: 20px;
  box-shadow: 10px 10px 0 #ccc;
  vertical-align: middle;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.happy-roda p:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 15px;
  margin-top: -15px;
}
.happy-roda p.orange {
  background-color: #e57726;
}
.happy-roda p.orange:after {
  border-right-color: #e57726;
}
.happy-roda p.blue {
  background-color: #52c2b9;
}
.happy-roda p.blue:after {
  border-right-color: #52c2b9;
}
.happy-roda p.green {
  background-color: #42b979;
}
.happy-roda p.green:after {
  border-right-color: #42b979;
}
.happy-roda p.pink {
  background-color: #e57f7d;
}
.happy-roda p.pink:after {
  border-right-color: #e57f7d;
}
.happy-roda p.purple {
  background-color: #b92685;
}
.happy-roda p.purple:after {
  border-right-color: #b92685;
}
.happy-roda #inner {
  height: 487px;
  width: 19000px;
  position: absolute;
  right: -13900px;
  top: 0;
}
.happy-roda .draggable {
  float: right;
  width: 15000px;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.happy-roda .title-box {
  position: absolute;
  top: 60px;
  left: 200px;
  width: 319px;
  height: 117px;
  padding: 18px 24px;
  background-color: #b92685;
  box-shadow: 10px 10px 0 #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.happy-roda .title-box h4 {
  color: white;
  font-size: 22px;
  line-height: 26px;
}
.happy-roda .title-box img {
  position: absolute;
  right: 27px;
  top: 32px;
}
.happy-roda ul {
  list-style-type: none;
  position: absolute;
}
.happy-roda ul.hbs-row-2 {
  left: 650px;
  top: 0px;
  display: table;
}
.happy-roda ul.hbs-row-2 .happy-roda {
  height: 200px;
  vertical-align: middle;
}
.happy-roda ul.hbs-row-2 li p:after {
  top: 42%;
}
.happy-roda ul.hbs-row-1 {
  left: 0px;
  bottom: 35px;
  display: table;
  height: 200px;
}
.happy-roda ul.hbs-row-1 li p:after {
  top: 35%;
}
.happy-roda ul li {
  width: 500px;
  display: table-cell;
  /*padding: 40px 0 0 115px;*/

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid red;
}
.happy-roda ul li.raised {
  /*padding:10px 0 30px 115px;*/

}
.happy-roda ul li.raised img {
  bottom: 95px;
}
.happy-roda ul li.raised p:after {
  top: 25%;
}
.happy-roda ul li.long p {
  width: 290px;
}
.happy-roda ul li .happy-roda {
  height: 100%;
  width: 85px;
  float: left;
  border: 1px solid blue;
}
.happy-roda ul li p {
  position: relative;
  font-family: "Mercury Italic";
  width: 267px;
  color: white;
  float: left;
  padding: 20px;
  box-shadow: 10px 10px 0 #ccc;
  vertical-align: middle;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.happy-roda ul li p:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 15px;
  margin-top: -15px;
}
.happy-roda ul li p.orange {
  background-color: #e57726;
}
.happy-roda ul li p.orange:after {
  border-right-color: #e57726;
}
.happy-roda ul li p.blue {
  background-color: #52c2b9;
}
.happy-roda ul li p.blue:after {
  border-right-color: #52c2b9;
}
.happy-roda ul li p.green {
  background-color: #42b979;
}
.happy-roda ul li p.green:after {
  border-right-color: #42b979;
}
.happy-roda ul li p.pink {
  background-color: #e57f7d;
}
.happy-roda ul li p.pink:after {
  border-right-color: #e57f7d;
}
.happy-roda ul li p.purple {
  background-color: #b92685;
}
.happy-roda ul li p.purple:after {
  border-right-color: #b92685;
}
.happy-roda ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.test-drive {
  text-align: left;
  margin: 80px 0 30px 0;
}
.test-drive a {
  color: #e57726;
  background: url(../images/dotted-line-orange.png) repeat-x bottom;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
test-drive a:hover {
  color: #a55725;
  background: url(../images/dotted-line-dark-orange.png) repeat-x bottom;
}
.test-drive h4 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 40px;
}
.test-drive .column-2 h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  color: #52c2b9;
  margin-bottom: 10px;
}
.test-drive .column-2 .addendum {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #999999;
  margin-top: 30px;
}
.test-drive .column-1 .note-box {
  background-color: #f2f2f2;
  padding: 12px 35px 16px 20px;
  margin-left: 25px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.test-drive .column-1 .note-box h4 {
  font-size: 14px;
  color: #52c2b9;
  margin-bottom: 8px;
}
.test-drive .column-1 .note-box .copy {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #999999;
}
.test-drive .column-1 .note-box span {
  width: 35px;
  height: 35px;
  background-color: #52c2b9;
  padding: 7px 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
}
.test-drive .column-1 .note-box span img {
  width: 20px;
}
.test-drive ul {
  list-style-type: none;
  margin-top: 60px;
}
.test-drive ul li {
  width: 310px;
  padding-right: 25px;
  margin-bottom: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}
.test-drive ul li h4 {
  color: #231f20;
  font-size: 16px;
  margin-bottom: 30px;
}
.test-drive ul li .link-list {
  margin: 0;
}
.test-drive ul li .link-list li {
  margin: 0 0 12px 0;
}
.test-drive ul li .dotted-link {
  font-size: 15px;
  color: #e57726;
  background: url(../images/dotted-line-orange.png) repeat-x bottom;
  transition: all 0.2s ease-out;
}
.test-drive ul li .dotted-link:hover {
  color: #a55725;
  background: url(../images/dotted-line-dark-orange.png) repeat-x bottom;
}
.test-drive ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.change-the-world {
  padding-top: 80px;
  margin-bottom: 120px;
  text-align: left;
}
.change-the-world .column-2 .copy {
  padding-right: 30px;
}
.change-the-world .column-1 {
  padding: 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.change-the-world .column-1 h4 {
  color: #52c2b9;
  font-size: 14px;
  margin: -5px 0 10px;
}
.change-the-world .column-1 h5 {
  font-size: 14px;
  color: #999999;
}
.change-the-world h4 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 40px;
}
.change-the-world .showcase-columns {
  margin-top: 40px;
}
.change-the-world .showcase-columns .column-side {
  width: 184px;
  float: left;
}
.change-the-world .showcase-columns .column-side img:first-child {
  margin-bottom: 23px;
}
.change-the-world .showcase-columns .column-center {
  width: 504px;
  margin: 0 29px;
  float: left;
}
.change-the-world .showcase-columns:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.enroll {
  background-color: #b92685;
  padding-top: 67px;
  position: relative;
}
.enroll.rfm {
  margin-top: 200px;
}
.enroll button {
  font-size: 48px;
  width: 718px;
  height: 95px;
  background-color: #781c57;
  margin-bottom: 52px;
}
.enroll button:after {
  content: " ";
}
.enroll .payments {
  font-family: "Mercury Roman";
  text-align: center;
  color: white;
  font-size: 20px;
  padding: 8px;
  background-color: #781c57;
  margin-top: 80px;
}
.login-page {
  height: 100%;
  position: relative;
  min-height: 700px;
  margin-top: -50px;
}
.login-page img.login-marie {
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 504px;
  z-index: -1000;
}
.login-table {
  display: table;
  height: 100%;
  padding-left: 424px;
  position: absolute;
  top: 0;
  left: 0;
}
.login-form {
  text-align: left;
  width: 440px;
  display: table-cell;
  vertical-align: middle;
}
.login-form.thanks {
  width: 440px;
}
.login-form h4 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 5px;
}
.login-form h5 {
  color: #b92685;
  font-size: 16px;
  margin-bottom: 30px;
}
.login-form form {
  width: 427px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
  width: 100%;
  background-color: #f2f2f2;
  margin-bottom: 12px;
}
.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
  background-color: #eaeaea;
}
.login-form ul {
  list-style-type: none;
  margin: 20px 0 30px 0;
}
.login-form ul li {
  display: block;
  font-family: "Gotham";
  text-transform: uppercase;
  font-size: 12px;
  height: 42px;
}
.login-form ul li.email {
  width: 185px;
  float: left;
  margin-top: -2px;
}
.login-form ul li.remember {
  background-color: #f2f2f2;
  color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 188px;
  float: left;
  padding: 13px 0 0 17px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  cursor: pointer;
  position: relative;
}
.login-form ul li.remember label {
  margin-left: 40px;
  cursor: pointer;
}
.login-form ul li.remember:hover {
  color: #424340;
}
.login-form ul li.remember:hover #remember-checkbox rect {
  stroke: #bbb;
  transition: all 0.2s ease-out;
}
.login-form ul li.remember.active #remember-checkbox polyline {
  fill: #fff;
  stroke: #B92685;
}
.login-form ul li.remember #remember-checkbox {
  x: 0px;
  y: 0px;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 11px;
  left: 15px;
}
.login-form ul li.remember #remember-checkbox rect {
  stroke: #ccc;
  fill: white;
  transition: all 0.2s ease-out;
}
.login-form ul li.remember #remember-checkbox polyline {
  fill: #fff;
  stroke: #fff;
  transition: all 0.2s ease-out;
}
.login-form ul li.login-submit {
  width: 212px;
  float: right;
}
.login-form ul li button {
  background-color: #b92685;
  font-size: 12px;
  width: 100%;
}
.login-form ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.login-form p {
  font-size: 14px;
  margin-top: 10px;
}
.login-form p a {
  color: #b92685;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
.login-form p a:hover {
  color: #781c57;
}
.login-color-bars {
  display: block;
  width: 100%;
  height: 8px;
  background: url(../images/color-bars-skinny.svg) repeat-x center;
  position: fixed;
  bottom: 0;
  left: 0;
}
.subnav-mask {
  width: 100%;
  height: 45px;
  overflow: hidden;
}
.subnav-mask.right-for-me {
  background: #42b979;
}
.subnav-mask.get-on-board {
  background: #e57f7d;
}
.subnav-mask.praise {
  background: #52c2b9;
}
.sales-subnav {
  width: 100%;
  background-color: #f2f2f2;
  padding-top: 10px;
  height: 45px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  margin-top: -45px;
  z-index: 9999;
}
.get-on-board .sales-subnav,
.in-their-own-words .sales-subnav {
  margin-top: 0;
}
.sales-subnav h4 {
  float: right;
  font-size: 11px;
  margin: 0px 12px 0 0;
  letter-spacing: .05em;
}
.sales-subnav button {
  float: right;
  font-size: 12px;
  background-color: #b92685;
  height: 26px;
  padding: 3px 23px;
}
.sales-subnav button:after {
  top: 5px;
}
.sales-subnav button:hover:after {
  right: 4px;
}
.sales-video {
  margin-top: 40px;
}
.what-is-roda {
  height: 405px;
  margin-top: 80px;
  text-align: left;
}

.what-is-roda h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 30px;
}
.what-is-roda h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  margin-bottom: 10px;
}
.what-is-roda ul {
  list-style-type: none;
  margin-top: 40px;
}
.what-is-roda ul li {
  display: inline;
}
.what-is-roda ul li:first-child {
  margin-right: 10px;
}
.what-is-roda ul li:first-child button:hover:after {
  right: 4px;
}
.what-is-roda ul li button {
  background-color: #b92685;
  width: 242px;
}
.what-is-roda .column-1 {
  position: relative;
}
.what-is-roda .column-1 img {
  position: absolute;
  top: -50px;
  right: 20px;
}
.what-is-roda hr {
  position: absolute;
  bottom: 0;
  left: 0;
}
.what-is-roda-different {
  margin-top: 80px;
}
.what-is-roda-different h4 {
  font-size: 32px;
  line-height: 32px;
}
.what-is-rodal-different .big-circle {
  margin-top: 75px ;
}
.what-is-roda-different .big-circle div {
  width: 191px;
  height: 191px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.what-is-roda-different .big-circle div:hover {
  margin-top: -5px;
  margin-bottom: 35px;
}
.what-is-roda-different .big-circle div h4 {
  width: 191px;
  height: 191px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: white;
}
.what-is-roda-different .big-circle div h4 strong {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
}
.what-is-roda-different .big-circle div.orange {
  background-color: #e57726;
}
.what-is-roda-different .big-circle div.blue {
  background-color: #52c2b9;
}
.what-is-roda-different .big-circle div.green {
  background-color: #42b979;
}
.what-is-roda-different .big-circle p {
  text-align: center;
}
.what-is-roda-different hr {
  margin: 80px 0;
}













.what-is-roda h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 30px;
}
.what-is-roda h5 {
  font-family: "Mercury Bold Italic";
  font-size: 16px;
  margin-bottom: 10px;
}
.what-is-roda ul {
  list-style-type: none;
  margin-top: 40px;
}
.what-is-roda ul li {
  display: inline;
}
.what-is-roda ul li:first-child {
  margin-right: 10px;
}
.what-is-roda ul li:first-child button:hover:after {
  right: 4px;
}
.what-is-roda ul li button {
  background-color: #b92685;
  width: 242px;
}
.what-is-roda .column-1 {
  position: relative;
}
.what-is-roda .column-1 img {
  position: absolute;
  top: -50px;
  right: 20px;
}
.what-is-roda hr {
  position: absolute;
  bottom: 0;
  left: 0;
}
.what-makes-roda-different {
  margin-top: 200px;
}
.what-makes-roda-different h4 {
  font-size: 32px;
  line-height: 32px;
}
.what-makes-roda-different .big-circle {
  margin-top: 75px ;
}
.what-makes-roda-different .big-circle div {
  width: 191px;
  height: 191px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.what-makes-roda-different .big-circle div:hover {
  margin-top: -5px;
  margin-bottom: 35px;
}
.what-makes-roda-different .big-circle div h4 {
  width: 191px;
  height: 191px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: white;
}
.what-makes-roda-different .big-circle div h4 strong {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
}
.what-makes-roda-different .big-circle div.orange {
  background-color: #e57726;
}
.what-makes-roda-different .big-circle div.blue {
  background-color: #52c2b9;
}
.what-makes-roda-different .big-circle div.green {
  background-color: #42b979;
}
.what-makes-roda-different .big-circle p {
  text-align: center;
}
.what-makes-roda-different hr {
  margin: 80px 0;
}
.how-roda-works {
  text-align: left;
  color: white;
  margin-bottom: 80px;
}
.how-roda-works h4 {
  font-size: 32px;
  margin-bottom: 40px;
}
.how-roda-works .content-book {
  height: 374px;
  position: relative;
}
.how-roda-works .content-book li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.how-roda-works .content-book li.weekly-training .info-box-header {
  background-color: #e57726;
}
.how-roda-works .content-book li.weekly-training strong {
  color: #e57726;
}
.how-roda-works .content-book li.grab-and-go .info-box-header {
  background-color: #52c2b9;
}
.how-roda-works .content-book li.grab-and-go strong {
  color: #52c2b9;
}
.how-roda-works .content-book li.multimedia-training .info-box-header {
  background-color: #42b979;
}
.how-roda-works .content-book li.multimedia-training strong {
  color: #42b979;
}
.how-roda-works .content-book li.ongoing-support .info-box-header {
  background-color: #b92685;
}
.how-roda-works .content-book li.ongoing-support strong {
  color: #b92685;
}
.how-roda-works .content-book li.such-community .info-box-header {
  background-color: #e57f7d;
}
.how-roda-works .content-book li.such-community strong {
  color: #e57f7d;
}
.how-roda-works .column-1 {
  float: right;
}
.how-roda-works .info-box {
  background-color: #f2f2f2;
  height: 374px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.how-roda-works .info-box .info-box-header {
  height: 45px;
}
.how-roda-works .info-box .info-box-header h4 {
  font-size: 15px;
  color: white;
  float: left;
  margin: 9px 0 0 14px;
}
.how-roda-works .info-box .info-box-header span {
  display: block;
  width: 45px;
  height: 45px;
  background: url(../images/check-mark.svg) no-repeat center rgba(0, 0, 0, 0.3);
  float: left;
}
.how-roda-works .info-box .info-box-header:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.how-roda-works .info-box .info-box-content {
  padding: 20px;
}
.how-roda-works .info-box .info-box-content strong {
  font-family: "Mercury Bold Italic";
  font-weight: normal;
}
.how-roda-works .info-box .info-box-content i {
  font-family: "Mercury Italic";
}
.how-roda-works .info-box .info-box-content .copy {
  font-size: 14px;
  margin-bottom: 20px;
}
.how-roda-works .info-box .info-box-content hr {
  margin-bottom: 20px;
}
.how-roda-works .jump-bar {
  width: 100%;
  height: 70px;
  background: #424340;
  margin-top: 30px;
  list-style-type: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.how-roda-works .jump-bar li {
  height: 100%;
  width: 186px;
  vertical-align: middle;
  position: relative;
  padding: 18px 0 0 13px;
  cursor: pointer;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.how-roda-works .jump-bar li:after {
  top: -13px;
  left: 91px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 13px 17px;
  margin-left: -15px;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  z-index: -5000;
}
.how-roda-works .jump-bar li:last-child {
  border-right: none;
}
.how-roda-works .jump-bar li h4 {
  font-size: 12px;
  color: white;
  margin-bottom: -7px;
}
.how-roda-works .jump-bar li h5 {
  font-size: 13px;
  color: #999999;
}
.how-roda-works .jump-bar li .divider {
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.how-roda-works .jump-bar li .active-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  vertical-align: middle;
}
.how-roda-works .jump-bar li .active-mask .active-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -62px;
  left: 0;
  text-align: center;
  padding-top: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.how-roda-works .jump-bar li .active-mask .active-box .stripe {
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.how-roda-works .jump-bar li.active .active-box {
  top: 0;
}
.how-roda-works .jump-bar li.active .divider {
  height: 0;
}
.how-roda-works .jump-bar li.active:after {
  top: -26px;
}
.how-roda-works .jump-bar li:hover .active-box .stripe,
.how-roda-works .jump-bar li.active .active-box .stripe {
  background-color: rgba(0, 0, 0, 0.35);
}
.how-roda-works .jump-bar li.purple .active-box {
  background-color: #b92685;
}
.how-roda-works .jump-bar li.purple:after {
  border-bottom-color: #b92685;
}
.how-roda-works .jump-bar li.orange .active-box {
  background-color: #e57726;
}
.how-roda-works .jump-bar li.orange:after {
  border-bottom-color: #e57726;
}
.how-roda-works .jump-bar li.pink .active-box {
  background-color: #e57f7d;
}
.how-roda-works .jump-bar li.pink:after {
  border-bottom-color: #e57f7d;
}
.how-roda-works .jump-bar li.blue .active-box {
  background-color: #52c2b9;
}
.how-roda-works .jump-bar li.blue:after {
  border-bottom-color: #52c2b9;
}
.how-roda-works .jump-bar li.green .active-box {
  background-color: #42b979;
}
.how-roda-works .jump-bar li.green:after {
  border-bottom-color: #42b979;
}
.carousel-wrapper {
  margin: 0 auto;
  position: relative;
  border: 0;
}
.carousel {
  position: relative;
  overflow: hidden;
  width: 930px;
  height: 405px;
}
.carousel .dotted-link {
  color: #b92685;
  background-image: url(../images/dotted-line-purple.png);
  background-position-x: -3px;
  transition: all 0.2s ease-out;
}
.carousel .dotted-link:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}
.carousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel li {
  float: left;
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 70px;
}
.carousel-control-prev {
  left: -92px;
}
.carousel-control-next {
  right: -92px;
}
.carousel-control-prev circle,
.carousel-control-next circle {
  fill: #F3F3F3;
  stroke: #F3F3F3;
  stroke-width: 0;
  transition: all 0.2s ease-in-out;
}
.carousel-control-prev path,
.carousel-control-next path {
  fill: #CCCBCB;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  cursor: pointer;
}
.carousel-control-prev:hover circle,
.carousel-control-next:hover circle {
  fill: #52c2b9;
  stroke: #52c2b9;
  stroke-width: 2;
}
.carousel-control-prev:hover path,
.carousel-control-next:hover path {
  fill: #fff;
}
.carousel-control-prev:hover circle,
.carousel-control-next:hover circle {
  fill: #52c2b9;
}
.carousel-control-prev:hover span,
.carousel-control-next:hover span {
  display: block;
}
.carousel-control-prev.inactive,
.carousel-control-next.inactive {
  opacity: .5;
  cursor: default;
}
.preview-nav {
  background-color: #424340;
  position: fixed;
  bottom: 0px;
  left: 0;
  border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  overflow: hidden;
}
.preview-nav ul {
  list-style-type: none;
  padding: 15px;
}
.preview-nav ul a {
  font-size: 11px;
  text-decoration: none;
  color: #cccbcb;
  transition: color 0.2s ease-out;
}
.preview-nav ul a:hover {
  color: white;
}
.the-roda-difference {
  margin: 80px 0 55px 0;
  text-align: left;
}
.the-roda-difference h4 {
  font-size: 32px;
  margin-bottom: 40px;
}
.the-roda-difference h5 {
  color: #999999;
  font-size: 30px;
  line-height: 40px;
}
.the-roda-difference h5 strong a {
  text-decoration: none;
  font-weight: normal;
  color: #52c2b9;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.the-roda-difference h5 strong a:hover {
  color: #37837d;
}
.the-roda-difference .offset-columns {
  margin-top: 50px;
}
.the-roda-difference .offset-columns .column-1 h4 {
  font-size: 20px;
}
.as-seen-in.ploi {
  margin-bottom: 80px;
}
.livin-the-dream {
  text-align: left;
  margin: 70px 0 50px;
}
.livin-the-dream h4 {
  font-size: 20px;
}
.livin-the-dream .columns {
  margin-bottom: 60px;
}
.livin-the-dream .columns .column-1 {
  text-align: center;
}
.livin-the-dream .carousel p {
  margin-top: 30px;
  text-align: left;
}
.livin-the-dream .dotted-link {
  font-family: "Mercury Roman";
  color: #b92685;
  background-image: url(../images/dotted-line-purple.png);
  padding-bottom: 1px;
  background-position-x: -3px;
  transition: all 0.2s ease-out;
}
.livin-the-dream .dotted-link:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}




.ploi-meet-the-founder {
  text-align: left;
  margin: 70px 0 230px;
  position: relative;
}
.ploi-meet-the-founder h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 40px;
}
.ploi-meet-the-founder img {
  position: absolute;
  right: 30px;
  top: -40px;
}
.ploi-meet-the-founder .column-a {
  width: 504px;
}
.ploi-meet-the-founder .column-a .copy {
  margin-bottom: 35px;
}
.ploi-meet-the-founder .column-a hr {
  margin-bottom: 40px;
}
.ploi-meet-the-founder .column-a form input[type="text"] {
  width: 100%;
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.ploi-meet-the-founder .column-a form button {
  background-color: #b92685;
  font-size: 12px;
  width: 184px;
}
.ploi-meet-the-founder .column-a form ul {
  list-style-type: none;
}
.ploi-meet-the-founder .column-a form ul li {
  float: right;
}
.ploi-meet-the-founder .column-a form ul li.get-inspired {
  float: left;
  width: 290px;
}
.ploi-meet-the-founder .column-a form ul li.get-inspired p {
  font-family: "Mercury Italic";
  font-size: 14px;
  color: #999999;
}
.ploi-meet-the-founder .column-a form ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.ploi-top {
  height: 100%;
  position: relative;
  min-height: 620px;
  margin-top: -50px;
}
.ploi-top .contain {
  position: relative;
  height: 100%;
}
.ploi-top img.login-marie {
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 504px;
  z-index: -1000;
}
.ploi-top .ploi-color-bars {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ploi-top .learn-more-tab {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
}
.ploi-top .learn-more-tab ul {
  list-style-type: none;
}
.ploi-top .learn-more-tab ul .tab {
  width: 300px;
  margin: 0 auto;
  background-color: #424340;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ploi-top .learn-more-tab ul .tab a {
  display: block;
  padding: 13px;
  color: white;
  text-decoration: none;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.ploi-top .learn-more-tab ul .tab a:hover {
  color: #cccbcb;
}
.ploi-top .learn-more-tab ul .tab a:before,
.ploi-top .learn-more-tab ul .tab a:after {
  content: " ";
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 8px;
}
.ploi-top .learn-more-tab ul .tab a:before {
  left: -16px;
  border-radius: 0 0 8px 0;
  box-shadow: 5px 5px 0 #424340;
}
.ploi-top .learn-more-tab ul .tab a:after {
  right: -16px;
  border-radius: 0 0 0 8px;
  box-shadow: -5px 5px 0 #424340;
}
.ploi-top .learn-more-tab ul .tab img {
  position: absolute;
  top: 15px;
  right: 24px;
}
.ploi-top .learn-more-tab ul .bar {
  width: 100%;
  position: absolute;
  height: 8px;
  background-color: #424340;
  bottom: 0;
  left: 0;
}
.opt-in-table {
  display: table;
  height: 100%;
  padding-left: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
.opt-in-form {
  text-align: left;
  width: 440px;
  display: table-cell;
  vertical-align: middle;
}
.opt-in-form.thanks {
  width: 440px;
}
.opt-in-form h4 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 5px;
}
.opt-in-form h5 {
  color: #b92685;
  font-size: 16px;
  margin-bottom: 30px;
}
.opt-in-form form {
  width: 427px;
}
.opt-in-form input[type="text"],
.opt-in-form input[type="password"] {
  width: 100%;
  background-color: #f2f2f2;
  margin-bottom: 12px;
}
.opt-in-form input[type="text"]:focus,
.opt-in-form input[type="password"]:focus {
  background-color: #eaeaea;
}
.opt-in-form p {
  margin-bottom: 30px;
}
.opt-in-form button {
  background-color: #b92685;
  width: 202px;
  margin-top: 6px;
}
.ploi-color-bars {
  display: block;
  width: 100%;
  height: 8px;
  background: url(../images/color-bars-skinny.svg) repeat-x center;
}
.ploi-ty-video {
  position: relative;
  margin: 44px 0 80px;
}
.ploi-ty-video .video {
  background-color: black;
  width: 612px;
  height: 342px;
  text-align: left;
  overflow: hidden;
}
.ploi-ty-video .video-sidebar {
  height: 342px;
  width: 320px;
  text-align: left;
  padding: 22px 31px;
  border-radius: 0 3px 3px 0;
  background: url(../images/color-bars-vert.svg) repeat-y left top #424340;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ploi-ty-video .video-sidebar h4 {
  color: white;
  font-size: 16px;
  margin-bottom: 22px;
}
.ploi-ty-video .video-sidebar h5 {
  color: white;
  font-size: 16px;
  margin-bottom: 22px;
}
.ploi-ty-video .video-sidebar .copy {
  color: white;
  font-size: 14px;
  color: #cccbcb;
  margin-bottom: 27px;
}
.ploi-ty-video .video-sidebar ul {
  list-style-type: none;
  margin-bottom: 27px;
}
.ploi-ty-video .video-sidebar ul li {
  width: 106px;
  float: left;
}
.ploi-ty-video .video-sidebar ul li a {
  display: block;
  color: white;
  text-decoration: none;
  font-family: "Gotham";
  font-size: 12px;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 20px;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.ploi-ty-video .video-sidebar ul li a:hover {
  color: #999999;
}
.ploi-ty-video .video-sidebar ul li a.twitter {
  background: url(../images/twitter-white.png) no-repeat left;
  padding: 1px 0 0 28px;
}
.ploi-ty-video .video-sidebar ul li a.twitter:hover {
  background: url(../images/twitter-gray.png) no-repeat left;
}
.ploi-ty-video .video-sidebar ul li a.facebook {
  background: url(../images/facebook-white.png) no-repeat left;
  padding: 1px 0 0 23px;
}
.ploi-ty-video .video-sidebar ul li a.facebook:hover {
  background: url(../images/facebook-gray.png) no-repeat left;
}
.ploi-ty-video .video-sidebar ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.ploi-ty-video .video-sidebar hr {
  background: url(../images/dotted-line-white.png);
}
.know-more h4 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 40px;
}
.know-more .copy {
  width: 504px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.know-more .copy a {
  text-decoration: none;
  color: #b92685;
}
.know-more .copy a:hover {
  color: #424340;
}
.know-more ul {
  list-style-type: none;
  width: 480px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.know-more ul li {
  float: left;
}
.know-more ul li button {
  width: 230px;
  background-color: #b92685;
  font-size: 12px;
}
.know-more ul li button:hover:after {
  right: 8px;
}
.know-more ul li:first-child {
  float: left;
}
.know-more ul li:last-child {
  float: right;
}
.know-more ul:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.know-more hr {
  width: 287px;
  margin: 0 auto;
}
.carousel-wrapper {
  margin: 0 auto;
  position: relative;
  border: 0;
}
.carousel {
  position: relative;
  overflow: hidden;
  width: 930px;
  height: 405px;
}
.carousel .dotted-link {
  color: #b92685;
  background-image: url(../images/dotted-line-purple.png);
  background-position-x: -3px;
  transition: all 0.2s ease-out;
}
.carousel .dotted-link:hover {
  color: #781c57;
  background-image: url(../images/dotted-line-dark-purple.png);
}
.carousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel li {
  float: left;
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 70px;
}
.carousel-control-prev {
  left: -92px;
}
.carousel-control-next {
  right: -92px;
}
.carousel-control-prev circle,
.carousel-control-next circle {
  fill: #F3F3F3;
  stroke: #F3F3F3;
  stroke-width: 0;
  transition: all 0.2s ease-in-out;
}
.carousel-control-prev path,
.carousel-control-next path {
  fill: #CCCBCB;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  cursor: pointer;
}
.carousel-control-prev:hover circle,
.carousel-control-next:hover circle {
  fill: #52c2b9;
  stroke: #52c2b9;
  stroke-width: 2;
}
.carousel-control-prev:hover path,
.carousel-control-next:hover path {
  fill: #fff;
}
.carousel-control-prev:hover circle,
.carousel-control-next:hover circle {
  fill: #52c2b9;
}
.carousel-control-prev:hover span,
.carousel-control-next:hover span {
  display: block;
}
.carousel-control-prev.inactive,
.carousel-control-next.inactive {
  opacity: .5;
  cursor: default;
}

.header-image h1 {
  font-size: 60px;
  color: #fff;
  font-family: 'Gotham';
  margin-bottom: 0;
  margin-top: 140px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
}
.header-image p {
  font-size: 20px;
  color: #fff;
  text-align: left;
  font-family: 'Mercury Italic';
  margin: 0;
}
.header-image p a {
  font-family: 'Gotham';
  font-size: 16px;
  display: block;
  width: 250px;
  height: 52px;
  padding-top: 14px;
  padding-left: 72px;
  text-align: left;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  background: transparent url(../images/thank-you/play.png) no-repeat;
  margin-top: 23px;
}

.still-curious {
  padding: 90px 0 120px;
  height: 520px;
  background: transparent url(../images/thank-you/circle.png) 245px 170px no-repeat;
  text-align: left;
  position: relative;
}
.still-curious h2 {
  font-family: 'Gotham';
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
}
.still-curious p.copy {
  width: 175px;
}
.still-curious p.copy a {
  color: #b92685;
}
.still-curious .bubble {
  position: absolute;
  display: block;
  padding-left: 190px;
  padding-top: 40px;
  height: 170px;
}
.still-curious .bubble.blue {
  background: transparent url(../images/thank-you/quote-blue.png) no-repeat;
  width: 245px;
  top: 90px;
  right: 25px;
}
.still-curious .bubble.green {
  background: transparent url(../images/thank-you/quote-green.png) no-repeat;
  width: 190px;
  bottom: 40px;
  right: 35px;
}
.still-curious .bubble.purple {
  background: transparent url(../images/thank-you/quote-purple.png) right top no-repeat;
  width: 140px;
  bottom: 140px;
  left: 0;
  padding-left: 0;
  padding-right: 190px;
}
.still-curious .bubble p {
  width: auto;
}
.still-curious .bubble p a {
  color: #b92685;
}

.heres-whats-next {
  padding: 90px 0;
  overflow: hidden;
  text-align: left;
}
.heres-whats-next h2 {
  font-family: 'Gotham';
  font-size: 30px;
  font-weight: normal;
  margin: 30px 0;
  text-transform: uppercase;
}
.heres-whats-next img.marie {
  float: right;
  margin-left: 60px;
}
.heres-whats-next p.copy {
  margin-bottom: 30px;
}
.heres-whats-next p.copy a {
  color: #b92685;
}
.heres-whats-next p.copy.social {
  font-family: 'Mercury Italic';
}
.heres-whats-next .sharing-icons {
  margin-bottom: 30px;
}
.heres-whats-next .sharing-icons img {
  margin-right: 10px;
}

@media screen and (max-width: 1000px) {
    nav .m-dot.pt {
		display: none;
    }
}


/* ------------- /Depomimentos ------------- */

#sliderdepoimentos {
min-width: 100%;
height: 520px;
margin-top: -90px;
margin-bottom: 70px;
overflow:hidden;
}

/* ------------- /Contador ------------- */

#contador {
min-width: 100%;
height: 520px;
margin-top: 4px;
margin-bottom: 4px;
overflow:hidden;
}


.video-container {
padding-top: 16px;
	
}

/* ------------------------------------- */
html *
{
font-family: Gotham, Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}