/*
Title:		Master styles for screen media
Author: 	brad@overnightaccoutant.com
*/
/* Default Styling
---------------------------------*/
body {
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
  font-weight: 100;
}

img {
  width: 100%;
  height: auto;
}

a:link {
  color: RGBA(39, 57, 118, 1);
  text-decoration: none;
  border-bottom: 1px solid;
  transition: color 0.2s ease-in;
}

a:visited {
  color: RGBA(39, 57, 118, 1);
  text-decoration: none;
  border-bottom: 1px solid;
}

a:hover {
  color: RGBA(39, 57, 118, 1);
  text-decoration: none;
  border-bottom: 1px dotted #ABB2BA;
}

.desktop {
  display: none;
}

.widescreen {
  display: none;
}

@media screen and (min-width: 640px) {
  .desktop {
    display: inline-block;
  }
}
@media screen and (min-width: 1200px) {
  .widescreen {
    display: inline-block;
  }
}
/* HELLOBAR REPLACEMENT - STYLES
-----------------------------*/
.announcement {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 900;
  padding: 10px 0 15px 0;
  margin: 0;
  position: static;
  font-size: 80%;
  line-height: 1.5em;
}

.announcement a:link {
  color: #fff;
}

.announcement a:visited {
  color: #fff;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.purple {
  background-color: #A161FA;
}

.yellow {
  background-color: yellow;
}

.blue {
  background-color: #142FE0;
}

.orange {
  background-color: orange;
}

@media screen and (min-width: 640px) {
  .announcement {
    text-align: center;
    color: #fff;
    font-weight: 900;
    padding: 10px 0 15px 0;
    position: static;
    margin: 0;
    font-size: 100%;
  }
  .announcement a:link {
    color: #fff;
    border-bottom: 1px solid;
  }
  .announcement a:hover {
    color: #fff;
    border-bottom: 1px dotted;
  }
}
/* Header Styling
---------------------------------*/
header {
  background-color: RGBA(39, 57, 118, 1);
  font-family: "jaf-domus-titling-web", sans-serif;
  padding-top: 5px;
}

header img {
  width: 30%;
  height: auto;
}

header li {
  list-style-type: none;
}

header .join {
  padding: 5px 7px 15px 0;
  float: right;
  width: 220px;
  text-align: right;
  font-size: 85%;
}

header .join a {
  color: #fff;
  border-bottom: 1px solid;
  text-decoration: none;
}

header .navigation {
  margin: 0;
  padding: 4px 0 0 0;
}

header .navigation li a:link {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  display: block;
  width: 100%;
  height: 100%;
}

header .navigation li a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}

header .navigation li a:hover {
  color: RGBA(255, 255, 255, 0.5);
  text-decoration: none;
  border-bottom: none;
}

header .navigation i {
  float: right;
  margin: 0 15px 0 0;
}

header .navigation svg {
  float: right;
  margin: 5px 15px 0 0;
}

header .nav-toggle {
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 3px;
  padding: 0px 8px 5px 8px;
  color: #fff;
  margin-left: 5px;
}

.navigation ul {
  text-align: left;
  width: 100%;
  border-top: 1px solid RGBA(35, 92, 157, 1);
  padding: 20px 0;
  margin: 20px 0;
  min-height: 175px;
}

header nav li {
  padding: 6px 4px;
  border-bottom: 1px solid RGBA(35, 92, 157, 1);
  width: 100%;
}

.nav-collapse {
  width: 100%;
}

header .logo a {
  border-bottom: none;
}

header .logo-text {
  font-weight: 800;
  font-size: 120%;
  color: RGBA(39, 57, 118, 1);
  margin: 0;
  padding: 0;
}

header .logo {
  background-color: #fff;
  border-top: 1px solid RGBA(248, 164, 54, 1);
  border-bottom: 1px solid RGBA(248, 164, 54, 1);
  width: 100%;
  text-align: center;
  float: left;
  padding: 10px 0;
}

header .logo img {
  vertical-align: middle;
}

header .logo-thin {
  font-weight: 100;
}

header .navigation li.sign-up-nav {
  background-color: RGBA(248, 164, 54, 1);
  display: none;
}

header .navigation li.log-in-nav {
  display: none;
}

@media screen and (min-width: 640px) {
  header {
    padding: 0;
  }
  header .navigation {
    font-size: 80%;
    padding: 8px 0;
  }
  header .navigation ul {
    text-align: center;
    padding: 3px 0 3px 0;
    min-height: 0;
    border-top: none;
  }
  header .navigation li {
    display: inline;
    border-bottom: none;
  }
  header .navigation li a:link {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
    display: inline;
  }
  header .navigation li a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
  }
  header .navigation li a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
  }
  header .navigation i {
    display: none;
  }
  header .navigation svg {
    display: none;
  }
  header .logo-text {
    font-size: 100%;
  }
  header .logo img {
    width: 30px;
    height: auto;
  }
  header .join {
    display: none;
  }
  header .navigation li.sign-up-nav {
    display: inline;
    background-color: RGBA(39, 57, 118, 1);
  }
  header .navigation li.log-in-nav {
    display: inline;
  }
}
@media screen and (min-width: 900px) {
  header {
    background-color: #fff;
    border-top: 1px solid RGBA(248, 164, 54, 1);
    border-bottom: 1px solid RGBA(248, 164, 54, 1);
    padding: 20px 0;
  }
  header .join {
    display: none;
  }
  header .join a {
    color: #fff;
    background-color: RGBA(39, 57, 118, 1);
    border-bottom: none;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 10px 8px 10px;
    margin: 5px 0 0 0;
  }
  header .join a:hover {
    background-color: RGBA(35, 92, 157, 1);
  }
  header .join i {
    font-size: 75%;
  }
  header .navigation {
    float: left;
    width: 64%;
    font-size: 90%;
    display: block;
  }
  header .navigation ul {
    text-align: left;
    padding: 3px 0 3px 20px;
    min-height: 0;
    border-top: none;
  }
  header .navigation li {
    display: inline;
    border-bottom: none;
  }
  header .navigation li a:link {
    color: RGBA(39, 57, 118, 1);
    text-decoration: none;
    border-bottom: none;
    display: inline;
  }
  header .navigation li a:visited {
    color: RGBA(39, 57, 118, 1);
    text-decoration: none;
    border-bottom: none;
  }
  header .navigation li a:hover {
    color: RGBA(35, 92, 157, 1);
    text-decoration: none;
    border-bottom: none;
  }
  header .navigation i {
    display: none;
  }
  header .navigation .mobile {
    display: none;
  }
  header .navigation .fa-youtube {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 0 10px;
    vertical-align: sub;
    font-size: 120%;
    border-left: 1px solid #e3e5e8;
  }
  header .navigation .fa-facebook {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 10px 0 0;
    vertical-align: sub;
    font-size: 120%;
  }
  header .navigation .fa-twitter {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
    font-size: 120%;
  }
  header nav ul {
    border-top: none;
  }
  header .logo {
    float: right;
    width: 28%;
    padding: 0 30px 0 0;
    margin: 0 auto;
    border: none;
  }
  header .logo img {
    width: 50px;
    height: auto;
  }
  header .logo-text {
    text-align: left;
  }
  header .navigation li.sign-up-nav {
    background-color: RGBA(39, 57, 118, 1);
    padding: 0 10px;
    margin: 0;
    border-bottom: 3px solid RGBA(39, 57, 118, 1);
    border-radius: 3px;
    display: inline;
    color: #fff;
  }
  header .navigation li.sign-up-nav a {
    color: #fff;
  }
  header .navigation li.log-in-nav {
    display: inline;
  }
}
@media screen and (min-width: 1200px) {
  header .navigation {
    float: right;
    width: 39%;
    font-size: 100%;
  }
  header .navigation ul {
    text-align: left;
    padding: 3px 0 0 20px;
    min-height: 0;
    border-top: none;
  }
  header .join {
    width: 23%;
    padding: 10px 15px 0 0;
    display: block;
    font-size: 100%;
  }
  header .navigation .sign-up-nav {
    display: none;
  }
  header .logo {
    float: left;
  }
  header .navigation li.sign-up-nav {
    display: none;
  }
  header .navigation li.log-in-nav {
    display: none;
  }
  header .navigation .icon-facebook {
    padding: 0;
    vertical-align: sub;
    font-size: 120%;
    border-right: none;
  }
}
/* Hero Image Styling
---------------------------------*/
.welcome {
  border-bottom: 3px solid RGBA(248, 164, 54, 1);
  padding: 75px 0 75px 20px;
}

.welcome h1 {
  margin: 0;
  font-weight: 800;
  text-align: left;
  width: 50%;
  font-size: 175%;
  line-height: 1em;
  color: #fff;
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
}

.welcome .start-learning {
  float: left;
  width: 50%;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: 20px;
  text-align: center;
  padding: 7px 0 9px 0;
  font-weight: 900;
}

.welcome .start-learning svg {
  vertical-align: middle;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 0px;
}

.welcome .start-learning a {
  color: #fff;
  border-bottom: none;
}

.welcome .start-learning:hover {
  color: #fff;
  border-bottom: none;
  background-color: RGBA(39, 57, 118, 1);
  border: 1px solid RGBA(39, 57, 118, 1);
}

@media screen and (min-width: 640px) {
  .welcome {
    padding: 200px 0 100px 20px;
  }
  .welcome .start-learning {
    width: 230px;
    font-size: 140%;
  }
  .welcome h1 {
    font-size: 275%;
    line-height: 1em;
  }
}
@media screen and (min-width: 900px) {
  .welcome {
    padding: 400px 0 100px 20px;
  }
  .welcome h1 {
    font-size: 325%;
    line-height: 1em;
  }
}
@media screen and (min-width: 1500px) {
  .welcome {
    padding: 500px 0 150px 20px;
  }
  .welcome .start-learning {
    margin-left: 25%;
  }
  .welcome h1 {
    font-size: 450%;
    line-height: 1em;
    margin-left: 25%;
    padding-left: 0;
  }
}
@media screen and (min-width: 1900px) {
  .welcome {
    padding: 700px 0 150px 20px;
  }
  .welcome h1 {
    font-size: 550%;
    line-height: 1em;
    margin-left: 25%;
    padding-left: 0;
  }
}
/* Home About Section Styling
---------------------------------*/
.home-about {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  padding: 20px;
}

.home-about p:first-of-type {
  font-weight: 800;
  font-size: 150%;
  margin-top: 0;
}

.home-about .call-to-action {
  padding: 5px;
  background-color: RGBA(248, 164, 54, 1);
  color: RGBA(39, 57, 118, 1);
  text-align: center;
  border-radius: 3px;
  border: none;
  width: 85%;
  display: block;
  margin: 10px auto;
  font-weight: 800;
}

.home-about .call-to-action a:link {
  padding: 5px 10px;
  background-color: RGBA(248, 164, 54, 1);
  color: #fff;
  text-align: center;
}

.home-about .call-to-action:hover {
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
}

@media screen and (min-width: 900px) {
  .home-about {
    padding: 40px 0;
  }
  .home-about p {
    width: 85%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .home-about p:first-of-type {
    font-size: 300%;
  }
  .home-about .call-to-action {
    width: 50%;
  }
}
@media screen and (min-width: 1500px) {
  .home-about p {
    width: 50%;
  }
}
/* Primary Content Styling
---------------------------------*/
.primary-content {
  color: RGBA(39, 57, 118, 1);
  padding: 0 20px 60px 20px;
  line-height: 1.4em;
  font-weight: 400;
}

.primary-content h1 {
  text-align: center;
  color: RGBA(39, 57, 118, 1);
  line-height: 1em;
}

.primary-content p {
  padding: 5px 0;
}

.primary-content p em {
  padding: 0;
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

.primary-content li {
  padding: 5px 0;
}

.primary-content .related-course p {
  line-height: 1.5em;
}

.primary-content .related-course em {
  border-bottom: 5px solid RGBA(248, 164, 54, 1);
  font-style: normal;
  padding: 0;
  font-weight: 700;
}

.primary-content .related-course i {
  display: inline;
  vertical-align: middle;
}

.primary-content .white {
  background-color: #fff;
}

/* Shopping Cart / Buy Now Styling
---------------------------------*/
.primary-content a:link.purchase {
  color: #fff;
  text-decoration: none;
  background-color: RGBA(39, 57, 118, 1);
  padding: 10px;
  border-radius: 3px;
  display: block;
  margin: 10px 0;
  text-align: center;
}

.primary-content a:visited.purchase {
  color: #fff;
  text-decoration: none;
}

.primary-content a:hover.purchase {
  color: #fff;
  text-decoration: none;
  background-color: RGBA(248, 164, 54, 1);
  margin: 10px 0;
}

.primary-content .course-title h1 {
  font-size: 230%;
  text-transform: uppercase;
  line-height: 1em;
}

.primary-content .course-title i {
  font-size: 75%;
}

.course-pricing {
  padding: 10px;
  margin: 10px 0;
  border-radius: 3px;
  border-top: 1px solid #ABB2BA;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
}

.course-pricing p {
  padding: 0;
  margin: 10px 0px 0 7px;
  line-height: 1.1em;
  display: inline-block;
}

.pricing {
  float: left;
  width: 125px;
}

.course-price {
  font-size: 200%;
}

.sale {
  font-size: 80%;
  display: inline;
}

.buy-now {
  -webkit-appearance: none;
  background-color: #fff;
  color: RGBA(35, 92, 157, 1);
  border: none;
  padding: 12px 17px;
  border-radius: 3px;
  float: right;
}

.buy-now:hover {
  background-color: RGBA(248, 164, 54, 1);
}

.buy-now-bottom {
  text-align: center;
  background-color: RGBA(248, 164, 54, 1);
  color: #fff;
  border: none;
  padding: 12px 17px;
  border-radius: 3px;
  -webkit-appearance: none;
  width: 100%;
}

.buy-now-bottom:hover {
  background-color: RGBA(39, 57, 118, 1);
}

.disclaimer {
  font-style: italic;
}

.lesson-disclaimer {
  width: 80%;
  max-width: 1024px;
  padding: 40px 0;
  margin: auto;
  font-size: 80%;
  color: #ABB2BA;
}

.already-purchased {
  text-align: center;
  padding: 10px;
  margin: 10px 0 20px 0;
  border-radius: 3px;
  background-color: #ABB2BA;
}

.primary-content .app-promo img {
  width: 100px;
  height: auto;
  border-radius: 25px;
  float: left;
  margin-right: 20px;
}

.primary-content .realtor-library-promo {
  border: 10px solid rgb(38, 226, 38);
  display: flex;
  padding: 0 10px 0 0;
  border-radius: 5px;
  margin: 10px 0 0 0;
}

.primary-content .realtor-library-promo em {
  display: block;
  font-weight: 900;
  font-size: 200%;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  text-align: center;
  padding: 11% 20px 20px 10px;
  margin-right: 20px;
}

.primary-content .realtor-library-promo sup {
  vertical-align: super;
  font-size: 50%;
  top: 0.5em;
}

.primary-content .realtor-library-promo p {
  display: block;
}

.primary-content .realtor-library-promo a {
  border-bottom: none;
}

.primary-content .about-five-pillars {
  padding-bottom: 25px;
}

.about-five-pillars .hook {
  border-bottom: 3px solid RGBA(248, 164, 54, 1);
}

.five-pillars-notification {
  text-align: center;
}

.five-pillars-notification h2 {
  margin-bottom: 0;
}

.five-pillars-notification p {
  padding: 0;
}

.five-pillars-notification img {
  width: 100px;
  height: auto;
}

.five-pillars-sign-up {
  text-align: left;
  padding-top: 20px;
  border-bottom: 1px solid #e3e5e8;
  border-top: 1px solid #e3e5e8;
}

.five-pillars-sign-up label {
  font-size: 100%;
  text-align: left;
  color: RGBA(39, 57, 118, 1);
  font-weight: 800;
}

.five-pillars-sign-up input {
  border: 1px solid RGBA(171, 178, 186, 1);
  border-radius: 3px;
  background: none;
  color: RGBA(39, 57, 118, 1);
  padding: 5px;
  width: 95%;
}

.five-pillars-sign-up .button {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  margin: 10px 0;
  width: 50%;
}

.five-pillars-sign-up .button:hover {
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
}

.five-pillars-sign-up .mc-field-group {
  padding-bottom: 10px;
}

.checkout {
  width: 100%;
}

.checkout p {
  padding: 0;
}

.checkout h2 {
  text-align: center;
  color: #fff;
  background-color: RGBA(39, 57, 118, 1);
  padding: 10px;
  border-radius: 3px;
}

.checkout h4 {
  font-size: 150%;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid RGBA(35, 92, 157, 1);
  border-top: 1px solid RGBA(35, 92, 157, 1);
  color: RGBA(35, 92, 157, 1);
}

.checkout h4:first-of-type {
  border-top: none;
}

.checkout fieldset {
  border: none;
  color: RGBA(39, 57, 118, 1);
  margin: 0;
  padding: 0;
}

.checkout .form-group {
  padding: 10px 0;
}

.checkout label {
  font-size: 100%;
  text-align: left;
  color: RGBA(39, 57, 118, 1);
  font-weight: 800;
}

.checkout input[type=text] {
  border: 1px solid RGBA(171, 178, 186, 1);
  border-radius: 3px;
  background: none;
  color: RGBA(39, 57, 118, 1);
  padding: 3px;
  width: 95%;
}

.checkout input[type=password] {
  border: 1px solid RGBA(171, 178, 186, 1);
  border-radius: 3px;
  background: none;
  color: RGBA(39, 57, 118, 1);
  padding: 5px;
  width: 95%;
}

.checkout input[type=email] {
  border: 1px solid RGBA(171, 178, 186, 1);
  border-radius: 3px;
  background: none;
  color: RGBA(39, 57, 118, 1);
  padding: 5px;
  width: 95%;
}

.checkout input[type=text]:focus {
  border: 1px solid RGBA(248, 164, 54, 1);
  outline: none;
}

.checkout input.input-mini {
  width: 30px;
  border: 1px solid RGBA(171, 178, 186, 1);
  border-radius: 3px;
  padding: 5px;
}

.checkout .btn {
  border: none;
  padding: 10px;
  border-radius: 3px;
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
  width: auto;
  float: right;
  margin: 0 0 10px 10px;
}

.checkout .btn-danger {
  background-color: darkred;
}

.checkout .btn-primary {
  background-color: #000;
}

.checkout .btn-success {
  background-color: RGBA(8, 120, 66, 1);
}

.checkout .btn-back {
  padding: 9px 10px 6px 10px;
}

.checkout .btn-log-in {
  float: none;
  margin: 0;
}

.checkout .btn:hover {
  background-color: RGBA(39, 57, 118, 1);
}

.checkout .submit {
  background-color: RGBA(39, 57, 118, 1);
}

.checkout .submit:hover {
  background-color: RGBA(35, 92, 157, 1);
}

.checkout .alert-error {
  color: Red;
}

.checkout .error {
  color: Red;
  display: block;
}

.checkout .alert {
  color: Red;
  display: block;
}

.checkout .alert-error li {
  list-style-type: decimal;
  padding: 5px 10px;
  margin: 0;
}

.checkout .breadcrumbs {
  color: rgba(255, 255, 255, 0.2);
}

.checkout .agreement {
  padding: 0 0 20px 0;
}

.checkout .order-description {
  text-align: center;
}

.checkout .price {
  float: right;
  padding: 5px 0;
}

.checkout .order-subtotal {
  text-align: right;
}

.checkout .course-access {
  background-color: rgba(50, 50, 50, 0.1);
  border-radius: 3px;
  padding: 7px 5px;
  text-align: center;
  overflow: scroll;
}

.purchases {
  padding: 0 0 60px 0;
}

.purchases ul {
  padding: 0;
  margin: 0;
}

.purchases li {
  list-style-type: none;
  color: RGBA(171, 178, 186, 1);
}

.checkout .order-details {
  border-bottom: 1px solid rgba(50, 50, 50, 0.1);
  padding: 10px 0 55px 0;
}

.checkout .order-details:last-of-type {
  border-bottom: none;
}

.course-library h1 {
  font-size: 150%;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid RGBA(35, 92, 157, 1);
  border-top: 1px solid RGBA(35, 92, 157, 1);
  color: RGBA(39, 57, 118, 1);
}

.course-library ul {
  padding: 0;
  margin: 0;
  text-align: center;
}

.course-library li {
  list-style-type: none;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
  width: 90%;
  border-radius: 3px;
  vertical-align: top;
  text-align: left;
}

.course-library .course-synopsis li {
  padding: 0;
  margin: 0;
  display: inline;
}

.course-library .course-synopsis {
  padding: 5px 0 20px 0;
  margin-bottom: 10px;
  font-size: 90%;
  border-bottom: 1px solid #e3e5e8;
}

.course-library .course-synopsis:last-of-type {
  border-bottom: none;
}

.course-library .course-synopsis .more-about {
  padding: 7px 0;
  display: block;
  font-size: 110%;
}

.course-library .more-about {
  font-weight: 800;
  border-bottom: none;
  padding: 7px 0;
}

.course-library .continue-reading {
  display: none;
}

.course-library .course-video {
  margin-bottom: 10px;
}

.course-library .course-video img {
  opacity: 0.7;
  margin-bottom: 0;
}

.course-library .course-video img:hover {
  opacity: 1;
}

.course-library .course-video img a:link {
  border-bottom: none;
}

.forgot-pass {
  padding: 5px 0;
  display: block;
  text-align: left;
}

.remember-me {
  padding: 5px 0;
  display: block;
  text-align: left;
}

.supplements {
  list-style: none;
  margin: 0;
  padding: 0 25px;
}

.supplements li {
  border-bottom: 1px dotted #e3e5e8;
  padding: 10px 0;
}

.supplements li:last-of-type {
  border-bottom: none;
}

.supplements svg {
  margin-left: -25px;
  padding-right: 5px;
  margin-top: 1px;
  /* display: inline; */
  float: left;
}

.faqs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.faqs strong {
  display: block;
  padding-bottom: 4px;
}

.faqs em {
  display: inline;
  font-weight: 900;
  background-color: transparent;
}

.faq-heading {
  border-bottom: 1px solid #e3e5e8;
  border-top: 1px solid #e3e5e8;
  padding: 5px 0;
}

.faq-list {
  border-bottom: 1px solid #e3e5e8;
  padding-bottom: 30px;
}

.faq-list li {
  list-style-type: decimal;
}

.faqs li {
  padding: 20px 0;
  border-bottom: 1px solid #e3e5e8;
}

.faqs li:last-of-type {
  border-bottom: none;
}

.faqs li p {
  padding: 0 0 20px 0;
  margin: 0;
}

.faqs li p:last-of-type {
  padding-bottom: 0;
}

.faqs li a.to-top {
  margin: 15px 0 0 89%;
  padding: 5px 7px;
  display: inline-block;
  background-color: #e3e5e8;
  border-bottom: none;
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 70%;
  min-width: 80px;
}

/* Lesson Page Styling
---------------------------------*/
.primary-content h1.lesson-title {
  text-align: left;
  margin-bottom: 0;
  line-height: 1em;
}

.primary-content p.course-title {
  text-align: left;
  padding-top: 3px;
  margin: 0;
  color: #ABB2BA;
}

.primary-content em {
  border-bottom: 3px solid RGBA(248, 164, 54, 1);
  border-top: 3px solid RGBA(248, 164, 54, 1);
  background-color: RGBA(248, 164, 54, 1);
  padding: 0 5px;
}

.primary-content blockquote {
  padding: 0 3%;
  font-size: 110%;
  line-height: 1.3em;
}

.primary-content blockquote.hook {
  border-bottom: 1px solid #e3e5e8;
  font-weight: 100;
  margin: 0;
  padding: 20px 10px;
  text-align: justify;
  width: 90%;
  float: none;
}

.primary-content blockquote em {
  border-bottom: 3px solid RGBA(248, 164, 54, 1);
  border-top: 3px solid RGBA(248, 164, 54, 1);
  background-color: RGBA(248, 164, 54, 1);
  padding: 0 5px;
}

.trial {
  border-top: 1px solid #e3e5e8;
}

.lesson-listing {
  padding: 0 25px;
  margin: 0;
}

.topics {
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e5e8;
}

.topics h3 {
  margin-bottom: 0px;
  padding-bottom: 10px;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #e3e5e8;
}

.topics h3 svg {
  float: right;
}

.topics ul {
  padding: 0;
  margin: 0;
}

.topics li {
  list-style-type: none;
  padding: 5px 0;
  border-top: 1px solid #e3e5e8;
}

.topics .free-trial-link {
  background-color: RGBA(248, 164, 54, 1);
  text-align: center;
  font-weight: 900;
  border-radius: 3px;
}

.topics .free-trial-link:hover {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
}

.topics .free-trial-link a {
  border-bottom: none;
}

.topics .free-trial-link a:hover {
  color: #fff;
}

.quotes {
  text-align: center;
  padding-bottom: 30px;
  color: RGBA(39, 57, 118, 1);
}

.quotes svg {
  border-right: 1px solid #e3e5e8;
  padding-right: 10px;
}

.quotes ul {
  padding: 0;
  margin: 0 10px 0 27px;
}

.quotes li svg {
  border-right: none;
  color: RGBA(248, 164, 54, 1);
}

.quotes li {
  border: 1px solid #e3e5e8;
  background-color: #fff;
  border-top-left-radius: 3px;
  margin: 25px 0 7px 0;
  text-align: left;
  box-shadow: 9px 8px 0px -2px RGBA(248, 164, 54, 1);
}

.quotes strong {
  padding: 5px 15px;
  display: block;
}

.quotes em {
  display: block;
  border-top: 1px solid #e3e5e8;
  border-bottom: none;
  padding: 5px 0;
  text-align: center;
  background-color: transparent;
}

.customer_quotes {
  text-align: center;
  padding: 0;
  margin: 0 10%;
}

.customer_quotes li {
  padding: 20px;
  list-style-type: none;
  border: 1px solid #e3e5e8;
  margin: 40px 0;
  box-shadow: 9px 8px 0px -2px #e3e5e8;
}

.customer_quotes p {
  border-bottom: 1px solid #e3e5e8;
  padding: 0 0 20px 0;
  font-weight: 900;
  margin: 0 0 20px 0;
}

video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
}

.search {
  text-align: center;
  border-bottom: 1px solid #e3e5e8;
  padding-bottom: 20px;
}

.search p {
  padding: 0;
}

.search fieldset {
  border: none;
}

.search input {
  border: 1px solid RGBA(39, 57, 118, 1);
  border-radius: 3px;
  background: none;
  color: RGBA(39, 57, 118, 1);
  padding: 5px;
  width: 50%;
}

.search input[type=submit] {
  border: 1px solid RGBA(39, 57, 118, 1);
  border-radius: 3px;
  background: RGBA(39, 57, 118, 1);
  color: #fff;
  padding: 5px;
  width: 25%;
}

.search.categories {
  padding-top: 20px;
  border-top: 1px solid #e3e5e8;
  border-bottom: none;
  margin-top: 20px;
}

ul.serp li {
  padding: 10px 0;
  list-style-type: decimal-leading-zero;
}

p.contact {
  text-align: center;
}

.lesson-listing ol {
  counter-reset: li; /* Initiate a counter */
  margin-left: 0; /* Remove the default left margin */
  padding-left: 0; /* Remove the default left padding */
}

.lesson-listing ol > li {
  position: relative; /* Create a positioning context */
  margin: 16px 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
  padding: 4px 0; /* Add some spacing around the content */
  list-style: none; /* Disable the normal item numbering */
  border-bottom: 1px solid #e3e5e8;
}

.lesson-listing ol > li:last-of-type {
  border-bottom: none;
}

.lesson-listing ol > li:before {
  content: counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  top: 2px;
  left: -3em;
  box-sizing: border-box;
  width: 2em;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it (Camino 2 is one example) */
  margin-right: 8px;
  padding: 4px;
  color: #fff;
  background: RGBA(39, 57, 118, 1);
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
}

.lesson-listing li ol,
li ul {
  margin-top: 6px;
}

ol ol li:last-child {
  margin-bottom: 0;
}

.lesson-plan {
  background: white;
  color: RGBA(39, 57, 118, 1);
  width: 100%;
  padding: 0 0 20px 0;
  margin-top: -20px;
  border-top: 1px solid #e3e5e8;
  border-bottom: 1px solid #e3e5e8;
}

.lesson-plan h2 {
  text-align: center;
  border: 1px solid #e3e5e8;
  background-color: #fff;
  padding: 7px 20px;
  border-radius: 3px;
  display: block;
  margin-top: -23px;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.lesson-plan p {
  text-align: center;
}

.lesson-plan ol p {
  text-align: left;
}

.description-lesson-listing {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.description-lesson-listing ol {
  counter-reset: li; /* Initiate a counter */
  margin-left: 0; /* Remove the default left margin */
  padding-left: 0; /* Remove the default left padding */
  text-align: left;
}

.description-lesson-listing ol > li {
  position: relative; /* Create a positioning context */
  margin: 16px 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
  padding: 4px 0; /* Add some spacing around the content */
  list-style: none; /* Disable the normal item numbering */
  border-bottom: none;
}

.description-lesson-listing ol > li:last-of-type {
  border-bottom: none;
}

.description-lesson-listing ol > li:before {
  content: counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  top: 2px;
  left: -3em;
  box-sizing: border-box;
  width: 2em;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it (Camino 2 is one example) */
  margin-right: 8px;
  padding: 5px;
  color: #fff;
  background: RGBA(39, 57, 118, 1);
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
}

.description-lesson-listing li ol,
li ul {
  margin-top: 6px;
}

ol ol li:last-child {
  margin-bottom: 0;
}

.free-trial-form {
  text-align: left;
  margin: 0 auto;
  padding: 20px 0;
}

.free-trial-form label {
  font-weight: 400;
  display: block;
}

.free-trial-form h4 {
  border-bottom: none;
}

.free-trial-form input {
  margin-bottom: 5px;
  padding: 5px;
}

.free-trial-form input[type=submit] {
  border-radius: 4px;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  border: none;
  padding: 6px 12px;
  width: 150px;
  margin: 10px 0 0 0;
  display: block;
}

.free-trial-form input[type=text] {
  width: 90%;
  border: 1px solid #ABB2BA;
  border-radius: 3px;
}

.free-trial-form input[type=email] {
  border: 1px solid #ABB2BA;
  width: 90%;
  border-radius: 3px;
}

a.download-button {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  margin: 10px auto;
  border-radius: 3px;
  padding: 5px 7px;
  display: block;
  text-align: center;
}

.discount-code {
  text-align: center;
  font-size: 200%;
  display: block;
}

@media screen and (min-width: 640px) {
  .content-wrapper {
    background-color: RGBA(250, 250, 252, 1);
    padding-top: 10px;
  }
  .primary-content {
    width: 80%;
    margin: 0 auto;
  }
  .primary-content.white {
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    margin-top: -9px;
    padding-top: 30px;
    text-align: center;
  }
  .primary-content.white p {
    width: 80%;
    margin: 0 auto;
  }
  .primary-content.white h1 {
    border-bottom: 1px solid #e3e5e8;
    width: 25%;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
  }
  .primary-content blockquote {
    float: right;
    width: 30%;
    margin: 0 0 0 5%;
    border-left: 5px solid #ABB2BA;
  }
  .primary-content blockquote.hook {
    width: 55%;
    float: none;
  }
  .primary-content .realtor-library-promo em {
    display: block;
    font-weight: 900;
    font-size: 200%;
    background-color: RGBA(39, 57, 118, 1);
    color: #fff;
    text-align: center;
    padding: 7% 3% 4% 3%;
    margin-right: 20px;
  }
  .primary-content .realtor-library-promo sup {
    vertical-align: super;
    font-size: 50%;
    top: 0.5em;
  }
  .quotes ul {
    margin: 0;
  }
  .quotes .fa-li {
    display: none;
  }
  .quotes li:first-of-type {
    margin-left: 0;
  }
  .quotes li {
    width: 100%;
    display: block;
    margin: 25px 10px 0 10px;
    vertical-align: top;
  }
  .course-price:first-letter {
    font-size: 50%;
  }
  .pricing {
    width: 250px;
  }
  .checkout .course-access {
    overflow: visible;
  }
  .checkout fieldset {
    border: 1px solid RGBA(35, 92, 157, 1);
    border-radius: 3px;
    color: RGBA(39, 57, 118, 1);
  }
  .checkout input[type=text] {
    border: 1px solid RGBA(39, 57, 118, 1);
    border-radius: 3px;
    background: none;
    color: RGBA(39, 57, 118, 1);
    padding: 5px;
    width: 30%;
  }
  .checkout input[type=password] {
    border: 1px solid RGBA(39, 57, 118, 1);
    border-radius: 3px;
    background: none;
    color: RGBA(39, 57, 118, 1);
    padding: 5px;
    width: 30%;
  }
  .checkout input[type=email] {
    border: 1px solid RGBA(39, 57, 118, 1);
    border-radius: 3px;
    background: none;
    color: RGBA(39, 57, 118, 1);
    padding: 5px;
    width: 30%;
  }
  .checkout .order-description {
    padding: 10px 0;
    text-align: left;
    font-size: 120%;
    font-weight: 900;
  }
  .checkout button {
    margin-right: 4%;
  }
  .checkout .expiration {
    margin-left: 4%;
  }
  .checkout .agreement {
    padding: 0 30px 20px;
  }
  .checkout .error {
    color: Red;
    display: block;
  }
  .checkout .card-used {
    text-align: center;
  }
  .course-library .continue-reading {
    display: inline;
    color: RGBA(35, 92, 157, 1);
  }
  .course-library li {
    padding: 10px;
    display: block;
  }
  .course-video {
    margin: 0 0 10px 0;
  }
  .course-library .course-synopsis .more-about {
    font-size: 140%;
    border-bottom: 3px solid RGBA(248, 164, 54, 1);
    text-align: center;
  }
  .course-library .course-synopsis:first-of-type:before {
    content: "NEW!";
    font-weight: 900;
    color: #fff;
    display: inline;
    float: left;
    background: RGBA(39, 57, 118, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 7px;
  }
  .course-library .course-synopsis ul.course-info {
    border-bottom: 1px solid #e3e5e8;
    border-top: 1px solid #e3e5e8;
    padding: 7px 0;
    margin-bottom: 10px;
    display: block;
  }
  .course-library .course-synopsis ul.course-info li {
    background: none;
    color: RGBA(39, 57, 118, 1);
    display: inline;
    border: none;
    vertical-align: middle;
    margin: 0;
    padding: 0 5px;
  }
  .course-library .course-synopsis ul.course-info form {
    padding-top: 10px;
    display: inline;
  }
  .course-library .course-synopsis .course-price {
    vertical-align: middle;
    font-size: 90%;
  }
  .forgot-pass {
    padding: 5px 25px;
  }
  .remember-me {
    padding: 5px 25px;
  }
  .checkout .log-in-card {
    width: 300px;
    border: 1px solid #e3e5e8;
    border-radius: 3px;
    text-align: left;
    margin: 50px auto;
    padding: 0 10px 0 20px;
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
  }
  .checkout .log-in-card label {
    font-weight: 400;
  }
  .checkout .log-in-card h4 {
    border-bottom: none;
  }
  .checkout .log-in-card input[type=text] {
    width: 90%;
    border: 1px solid #ABB2BA;
  }
  .checkout .log-in-card input[type=password] {
    border: 1px solid #ABB2BA;
    width: 90%;
  }
  .description-lesson-listing {
    width: 70%;
    margin: 0 auto;
  }
  a.download-button {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .primary-content {
    width: 70%;
    margin: 0 auto;
  }
  .course-library {
    text-align: center;
  }
  .course-video.large {
    width: 100%;
    display: inline-block;
    float: none;
    border: none;
  }
  .course-library h1 {
    font-size: 150%;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid RGBA(35, 92, 157, 1);
    border-top: 1px solid RGBA(35, 92, 157, 1);
  }
  .course-library h2 {
    font-size: 150%;
    text-align: left;
    margin: 10px 0;
    padding: 10px;
    text-transform: uppercase;
  }
  .course-library ul {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .course-library li {
    list-style-type: none;
    padding: 10px;
    display: block;
    background-color: inherit;
    width: 100%;
    border-radius: 0;
    vertical-align: top;
    text-align: left;
    color: RGBA(35, 92, 157, 1);
  }
  .course-library .course-info li {
    margin: 0;
  }
  .course-library li:last-of-type {
    border-bottom: none;
  }
  .course-library .more-about {
    font-weight: 800;
    border-bottom: none;
  }
  .description-lesson-listing {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .primary-content {
    max-width: 1024px;
    margin: 0 auto;
  }
  .primary-content .course-title h1 {
    font-size: 400%;
    text-transform: uppercase;
    line-height: 1em;
  }
  .primary-content .realtor-library-promo em {
    display: block;
    font-weight: 900;
    font-size: 200%;
    background-color: RGBA(39, 57, 118, 1);
    color: #fff;
    text-align: center;
    padding: 4%;
    margin-right: 20px;
  }
  .primary-content .realtor-library-promo sup {
    vertical-align: super;
    font-size: 50%;
    top: 0.5em;
  }
  .content-wrapper h1.hero-text {
    text-align: left;
    font-size: 800%;
    color: #fff;
    text-shadow: 1px 1px 1px RGBA(39, 57, 118, 1);
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    margin-top: -200px;
    text-transform: uppercase;
  }
  .course-title h1 {
    line-height: 0.9em;
    margin-bottom: 30px;
  }
  .description-lesson-listing {
    max-width: 1024px;
    margin: 0 auto;
  }
  .course-library .course-synopsis {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 20px 3% 20px 0;
    padding-bottom: 50px;
    min-height: 450px;
  }
  .course-library .course-synopsis .more-about {
    font-size: 120%;
  }
  .course-library .course-synopsis li {
    padding: 0;
  }
}
@media screen and (min-width: 1500px) {
  .primary-content {
    margin: 0 auto;
  }
}
/* User Account Styling
---------------------------------*/
.user-account label {
  min-width: 80px;
  display: inline-block;
  padding: 12px 0;
  font-weight: 800;
}

.user-account input[type=text] {
  background-color: #fff;
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 4px;
  padding: 5px;
  width: 90%;
}

.user-account input[type=text]:focus {
  border-color: RGBA(248, 164, 54, 1);
  background-color: #fff;
  color: RGBA(39, 57, 118, 1);
  outline: none;
}

.user-account input[type=password] {
  background-color: #fff;
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 4px;
  padding: 5px;
  width: 90%;
}

.user-account input[type=password]:focus {
  border-color: RGBA(248, 164, 54, 1);
  background-color: #fff;
  color: RGBA(39, 57, 118, 1);
  outline: none;
}

.user-account #submit {
  border-radius: 4px;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  border: none;
  padding: 6px 12px;
  width: 150px;
  margin: 10px 0 0 82px;
  display: block;
  float: right;
}

.user-account #submit:focus {
  background-color: RGBA(248, 164, 54, 1);
}

@media screen and (min-width: 900px) {
  .user-account {
    padding: 20px 0;
  }
  .user-account label {
    float: left;
  }
  .user-account h3 {
    font-size: 200%;
    padding: 10px 0;
  }
  .user-account p {
    padding: 10px 0;
    clear: both;
  }
  .user-account input {
    float: right;
  }
  .user-account input[type=text] {
    width: 70%;
  }
  .user-account input[type=password] {
    width: 70%;
  }
  .user-account #submit {
    border-radius: 4px;
    background-color: RGBA(39, 57, 118, 1);
    color: #fff;
    border: none;
    padding: 6px 12px;
    width: 150px;
    margin: 10px 0 0 82px;
    display: block;
    float: right;
  }
  .user-account #submit:focus {
    background-color: RGBA(248, 164, 54, 1);
  }
}
/* Upcoming Styling
---------------------------------*/
.courses {
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
  padding: 0;
}

.courses a:link {
  color: #fff;
  border-bottom: none;
}

.courses a:visited {
  color: #fff;
  border-bottom: none;
}

.courses a:hover {
  color: #fff;
  border-bottom: none;
}

.courses h2 {
  padding: 10px 20px;
  margin: 0;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid RGBA(39, 57, 118, 1);
}

.courses ul {
  margin: 0;
  padding: 0;
}

.courses li {
  list-style-type: none;
  padding: 15px 20px;
  margin: 0;
  border-top: 1px solid RGBA(256, 256, 256, 0.1);
  border-bottom: 1px solid RGBA(39, 57, 118, 1);
}

.courses-description {
  display: none;
}

.courses a.more-about {
  display: none;
}

.course-overview {
  background-color: RGBA(115, 115, 115, 0.1);
  padding: 10px;
  border-radius: 3px;
  border: 1px solid RGBA(115, 115, 115, 0.4);
}

.lesson-nav {
  padding-bottom: 10px;
}

.lesson-nav a {
  border-bottom: none;
  color: #fff;
  display: block;
}

.lesson-nav i {
  font-size: 75%;
  margin-bottom: -10px;
  display: inline;
}

.lesson-nav .fa-angle-left {
  float: left;
  margin-top: 3px;
}

.lesson-nav .fa-angle-right {
  float: right;
  margin-top: 3px;
}

.lesson-nav .navigate {
  padding: 5px 10px;
  background: RGBA(39, 57, 118, 1);
  border-radius: 3px;
  display: inline-block;
  width: 100px;
}

.lesson-nav .navigate:hover {
  background-color: RGBA(35, 92, 157, 1);
}

.lesson-nav .previous {
  text-align: right;
}

.lesson-nav .next {
  float: right;
}

.lesson-updated {
  color: #ABB2BA;
  text-align: right;
  font-size: 90%;
}

.lesson-alt-link {
  color: #ABB2BA;
  text-align: right;
  font-size: 90%;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 640px) {
  .course-library .courses-description {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .courses {
    border-top: 1px solid RGBA(256, 256, 256, 0.1);
    border-bottom: 1px solid RGBA(39, 57, 118, 1);
  }
  .courses h2 {
    font-size: 200%;
  }
  .courses li {
    display: inline;
    width: 27%;
    padding: 20px 3%;
    float: left;
    border-top: none;
    border-bottom: none;
    min-height: 250px;
    text-align: center;
    border-right: 1px solid RGBA(256, 256, 256, 0.1);
    border-left: 1px solid RGBA(39, 57, 118, 1);
  }
  .courses li:first-of-type {
    border-left: none;
  }
  .courses li:last-of-type {
    border-right: none;
  }
  .courses li:nth-of-type(3) {
    border-right: none;
  }
  .courses li:nth-of-type(4) {
    display: none;
  }
  .courses strong {
    font-size: 150%;
    padding: 10px 0;
  }
  .courses-description {
    display: block;
    padding: 10px 0;
  }
  .courses a.more-about {
    border-bottom: 1px solid;
    display: inline;
  }
  .courses a.more-about:hover {
    border-bottom: 1px dotted;
    display: inline;
  }
}
/* Blog Styling
---------------------------------*/
.blog em {
  font-size: 90%;
  color: #ABB2BA;
  display: inline;
  font-style: normal;
}

.blog ul {
  padding: 0;
  margin: 0;
}

.blog li {
  list-style-type: none;
  padding: 15px 0;
  border-top: 1px solid #efefef;
}

.blog li a {
  font-weight: 900;
}

.popular em {
  color: #ABB2BA;
  font-style: normal;
}

.popular ul {
  padding: 0;
  margin: 0;
}

.popular li {
  list-style-type: none;
  padding: 7px 0;
}

.popular li a {
  font-weight: 900;
}

.popular svg {
  float: right;
  font-size: 90%;
}

.tint {
  background-color: RGBA(35, 92, 157, 1);
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
  line-height: 0;
  border-left: 5px solid RGBA(248, 164, 54, 1);
}

.article-preview-image {
  border-radius: 3px;
  width: 70px;
  height: 70px;
  opacity: 0.9;
}

#cat-list a {
  background: RGBA(39, 57, 118, 1);
  border-radius: 3px;
  color: #fff;
  padding: 5px 7px;
  border-bottom: none;
}

#cat-list a:hover {
  background: RGBA(35, 92, 157, 1);
}

.pagination a:link {
  color: #fff;
  border-bottom: none;
}

.pagination a:visited {
  color: #fff;
  border-bottom: none;
}

.pagination li {
  display: inline;
  background: RGBA(39, 57, 118, 1);
  border-radius: 3px;
  color: #fff;
  padding: 5px 7px;
  border-bottom: none;
}

.page-reference {
  color: #c7ccd1;
}

.blog-title h1 {
  font-size: 230%;
  text-transform: uppercase;
  line-height: 1em;
}

.blog-title img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
}

.blog-title ul {
  padding: 10px 0;
  margin: 0;
  display: block;
  border-top: 1px solid #e3e5e8;
  border-bottom: 1px solid #e3e5e8;
  text-align: center;
}

.blog-title ul.desktop {
  display: none;
}

.blog-title ul ul {
  border-bottom: none;
  border-top: none;
  display: inline;
  padding: 7px 0 0 0;
  float: right;
}

.blog-title li {
  list-style-type: none;
  display: inline;
}

.blog-title li.release-date {
  float: right;
  padding: 0;
}

.blog-title ul.sharing a {
  border-bottom: none;
}

.blog-title ul.sharing i {
  vertical-align: sub;
}

.blog-title form {
  padding-top: 10px;
}

.blog-title .course-price {
  vertical-align: middle;
}

.blog-article img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  border: 1px solid #e3e5e8;
  margin-top: 20px;
}

.blog-article table, th, td {
  padding: 5px 10px;
  border-color: white;
}

.blog-article table {
  border: 1px solid #e3e5e8;
}

.blog-article tr {
  border-bottom: 1px solid #e3e5e8;
}

.header-purchase h1 {
  font-size: 230%;
  text-transform: uppercase;
  line-height: 1em;
}

.header-purchase h2 {
  font-size: 230%;
  text-transform: capitalize;
  line-height: 1em;
  padding-bottom: 30px;
  border-bottom: 1px solid RGBA(39, 57, 118, 1);
  text-align: center;
}

.header-purchase img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
}

.header-purchase ul {
  padding: 10px 0;
  margin: 0;
  display: block;
  border-top: 1px solid #e3e5e8;
  border-bottom: 1px solid #e3e5e8;
  text-align: center;
}

.header-purchase ul.desktop {
  display: none;
}

.header-purchase ul ul {
  border-bottom: none;
  border-top: none;
  display: inline;
  padding: 7px 0 0 0;
  float: right;
}

.header-purchase li {
  list-style-type: none;
  display: inline-block;
  margin: 0 0 10px 0;
}

.header-purchase li:after {
  content: ",";
}

.header-purchase li:nth-last-child(-n+3):after {
  content: "";
}

.header-purchase ul.sharing a {
  border-bottom: none;
}

.header-purchase ul.sharing i {
  vertical-align: sub;
}

.header-purchase form {
  padding-top: 10px;
}

.header-purchase .course-price {
  vertical-align: middle;
}

.header-purchase button[type=submit] {
  background-color: #0920E8;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 5px 7px;
}

.header-purchase .plyr__play-large {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
}

.footer-purchase ul {
  padding: 10px 0;
  margin: 0;
  display: block;
  border-bottom: 1px solid #e3e5e8;
  text-align: center;
}

.footer-purchase ul.desktop {
  display: none;
}

.footer-purchase ul ul {
  border-bottom: none;
  border-top: none;
  display: inline;
  padding: 7px 0 0 0;
  float: right;
}

.footer-purchase li {
  list-style-type: none;
  display: inline;
}

.footer-purchase li:after {
  content: ",";
}

.footer-purchase li:nth-last-child(-n+3):after {
  content: "";
}

.footer-purchase ul.sharing a {
  border-bottom: none;
}

.footer-purchase ul.sharing i {
  vertical-align: sub;
}

.footer-purchase form {
  padding-top: 10px;
}

.footer-purchase .course-price {
  vertical-align: middle;
}

.footer-purchase button[type=submit] {
  background-color: #0920E8;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 5px 7px;
}

.footer-purchase .guarantee {
  text-align: center;
  padding: 20px 0;
  color: #000;
}

.footer-purchase .guarantee p:first-of-type {
  font-size: 400%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e3e5e8;
  display: inline;
}

.footer-purchase .guarantee p:last-of-type {
  border-top: 1px solid #e3e5e8;
  padding-top: 10px;
  font-size: 90%;
  display: block;
  width: 90%;
  margin: 0 auto;
  line-height: 1.3em;
}

.footer-purchase .guarantee strong {
  border-bottom: 3px solid RGBA(248, 164, 54, 1);
}

.blog-video {
  padding: 0;
  border: 1px solid #e3e5e8;
  border-radius: 3px;
  margin: 20px 0;
}

.related {
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e5e8;
}

.related h3 {
  margin-bottom: 8px;
  padding-bottom: 10px;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #e3e5e8;
}

.related h3 svg {
  float: right;
}

.related ul {
  padding: 0;
  margin: 0;
}

.related li {
  list-style-type: none;
  padding: 5px 0;
}

.related .fa-certificate {
  margin-left: -20px;
}

.about-the-author {
  border-top: 1px solid #e3e5e8;
}

.about-the-author h3 {
  text-align: center;
}

.about-the-author img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.about-the-author ul {
  padding: 0;
  margin: 0;
}

.about-the-author li {
  list-style-type: none;
}

@media screen and (min-width: 640px) {
  .blog {
    width: 60%;
    display: inline-block;
  }
  .popular {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-left: 9%;
  }
  .blog-title h1 {
    font-size: 350%;
  }
  .blog-title ul {
    text-align: left;
  }
  .blog-title ul.desktop {
    display: inline-block;
  }
  .blog-title form {
    padding-top: 0;
    float: right;
  }
  .header-purchase h1 {
    font-size: 350%;
  }
  .header-purchase ul.desktop {
    display: inline-block;
  }
  .related {
    width: 30%;
    float: right;
    padding-bottom: 0;
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-left: 1px solid #e3e5e8;
    border-bottom: 1px solid #e3e5e8;
    border-right: 1px solid #e3e5e8;
  }
  .topics {
    width: 30%;
    float: right;
    padding-bottom: 0;
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-left: 1px solid #e3e5e8;
    border-bottom: 1px solid #e3e5e8;
    border-right: 1px solid #e3e5e8;
  }
  .footer-purchase .guarantee p:last-of-type {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .header-purchase ul {
    text-align: left;
  }
  .header-purchase form {
    padding-top: 0;
    float: right;
  }
  .footer-purchase .guarantee p:last-of-type {
    width: 30%;
  }
}
/* Email Sign Up Styling
---------------------------------*/
.email-signup {
  background-color: RGBA(248, 164, 54, 1);
  color: RGBA(39, 57, 118, 1);
  padding: 0 20px 10px;
}

.email-signup h3 {
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
  font-size: 120%;
}

.email-signup p:last-of-type {
  text-align: center;
}

.email-signup label {
  min-width: 80px;
  display: inline-block;
  padding: 12px 0;
  font-weight: 800;
}

.email-signup input[type=text] {
  background-color: RGBA(248, 164, 54, 1);
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 4px;
  padding: 5px;
  width: 65%;
}

.email-signup input[type=text]:focus {
  border-color: RGBA(35, 92, 157, 1);
  background-color: #fff;
  color: RGBA(39, 57, 118, 1);
  outline: none;
}

.email-signup input[type=email] {
  background-color: RGBA(248, 164, 54, 1);
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 4px;
  padding: 5px;
  width: 65%;
}

.email-signup input[type=email]:focus {
  border-color: RGBA(35, 92, 157, 1);
  background-color: #fff;
  color: RGBA(39, 57, 118, 1);
  outline: none;
}

.email-signup input[type=submit] {
  border-radius: 4px;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  border: none;
  padding: 6px 12px;
  width: 180px;
  margin: 10px 0 0 82px;
  display: block;
}

.email-signup input[type=submit]:focus {
  background-color: RGBA(35, 92, 157, 1);
}

.email-popup {
  background: #fff;
  color: RGBA(39, 57, 118, 1);
  padding: 20px;
  text-align: center;
  font-weight: 600;
}

.email-popup h3 {
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
  font-size: 120%;
}

.email-popup p:last-of-type {
  text-align: center;
}

.email-popup label {
  min-width: 80px;
  display: inline-block;
  padding: 12px 0;
  font-weight: 800;
}

.email-popup input[type=text] {
  background-color: #fff;
  border: 1px solid RGBA(35, 92, 157, 1);
  border-radius: 4px;
  padding: 5px;
  width: 65%;
}

.email-popup input[type=text]:focus {
  border-color: RGBA(35, 92, 157, 1);
  background-color: #fff;
  color: RGBA(39, 57, 118, 1);
  outline: none;
}

.email-popup input[type=submit] {
  border-radius: 4px;
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  border: none;
  padding: 6px 12px;
  margin: 10px auto 0 auto;
  display: block;
  width: 50%;
}

.email-popup input[type=submit]:focus {
  background-color: RGBA(35, 92, 157, 1);
}

@media screen and (min-width: 900px) {
  .email-signup {
    padding: 20px 0;
    z-index: -1;
  }
  .email-signup form {
    width: 50%;
    margin: 0 auto;
  }
  .email-signup h3 {
    font-size: 200%;
    padding: 10px 0;
  }
  .email-signup p {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .email-signup input[type=text] {
    width: 80%;
  }
}
/* SOCIAL SHARING LINKS
--------------------------*/
.share {
  font-weight: 900;
  display: block;
  padding-bottom: 20px;
}

ul.social-sharing {
  padding: 10px 0 20px 10px;
  margin: 10px;
  text-align: center;
  font-weight: 900;
}

.social-sharing li {
  display: inline;
  list-style-type: none;
  padding: 0 5px 0 0;
  font-size: 125%;
  text-align: center;
  border-bottom: none;
}

.social-sharing li.twitter a {
  color: #000;
  border-radius: 7%;
  padding: 10px;
  background-color: #F2F2F2;
  border-bottom: none;
}

.social-sharing li.twitter a:hover {
  color: #fff;
  border-radius: 7%;
  padding: 10px;
  background-color: #4099FF;
}

.social-sharing li.facebook a {
  color: #000;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #F2F2F2;
  border-bottom: none;
}

.social-sharing li.facebook a:hover {
  color: #fff;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #3b5998;
}

.social-sharing li.google a {
  color: #000;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #F2F2F2;
  border-bottom: none;
}

.social-sharing li.google a:hover {
  color: #fff;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #DB4437;
}

.social-sharing li.linkedin a {
  color: #000;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #F2F2F2;
  border-bottom: none;
}

.social-sharing li.linkedin a:hover {
  color: #fff;
  text-align: center;
  border-radius: 7%;
  padding: 10px;
  background-color: #0077B5;
}

/* Footer Styling
---------------------------------*/
footer {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  padding: 20px;
  line-height: 2em;
}

footer ul {
  margin: 0;
  padding: 10px 0;
}

footer li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

footer a:link {
  color: #fff;
  border-bottom: 1px solid #fff;
}

footer a:visited {
  color: #fff;
  border-bottom: 1px solid #fff;
}

footer a:hover {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

footer .mascots {
  display: none;
}

.lesson-footer {
  text-align: center;
}

.lesson-footer ul {
  text-align: center;
}

.lesson-footer li {
  padding: 5px 0;
  text-align: center;
}

.lesson-footer li a {
  background: #fff;
  color: RGBA(39, 57, 118, 1);
  border-radius: 4px;
  padding: 6px 12px;
}

@media screen and (min-width: 900px) {
  footer {
    text-align: center;
    padding: 20px 20px 22px 20px;
    font-size: 90%;
  }
  footer ul {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-right: 20px;
    line-height: 1.5em;
  }
  footer ul:nth-last-of-type(2) {
    width: 8%;
  }
  footer li {
    padding: 7px 0;
  }
  .lesson-footer {
    min-height: 100px;
  }
  .lesson-footer ul {
    width: 90%;
  }
  .lesson-footer li {
    display: inline-block;
    margin: 0 7px;
  }
  .lesson-footer li a:hover {
    background: RGBA(35, 92, 157, 1);
    color: #fff;
  }
  .lesson-footer .disclaimer {
    width: 50%;
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 1200px) {
  footer {
    text-align: right;
    padding: 20px 20px 22px 20px;
    font-size: 90%;
    min-height: 260px;
    background: RGBA(39, 57, 118, 1);
  }
  footer ul {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-right: 20px;
    line-height: 1.5em;
  }
  footer ul:nth-last-of-type(2) {
    width: 10%;
  }
  footer li {
    padding: 7px 0;
  }
  footer .mascots {
    width: 475px;
    height: auto;
    float: left;
    display: inline;
    position: sticky;
    margin-top: -60px;
  }
}
@media screen and (min-width: 1500px) {
  footer ul {
    width: 15%;
  }
}
/* Freeform Styling
---------------------------------*/
.ff_composer form .unit {
  padding: 0;
  margin: 0;
}

.ff_composer form .page-number {
  margin: 10px 0;
  text-align: right;
  font-weight: 900;
}

.ff_composer form .size1of2 {
  padding: 0;
  margin: 0;
  width: 100%;
}

.ff_composer form .size2of2 {
  padding: 0;
  margin: 0;
  width: 100%;
}

.ff_composer form .size1of3 {
  padding: 0;
  margin: 0;
  width: 100%;
}

.ff_composer form .size2of3 {
  padding: 0;
  margin: 0;
  width: 100%;
}

.ff_composer form .size3of3 {
  padding: 0;
  margin: 0;
  width: 100%;
}

.ff_composer form .field_label {
  padding: 0;
  margin: 0;
  font-weight: 100;
}

.ff_composer form p {
  padding: 0;
}

.ff_composer form li {
  list-style-type: none;
  margin-left: 20px;
}

.ff_composer form .error {
  color: red;
  font-weight: 100;
}

.ff_composer form input {
  border: 1px solid RGBA(35, 92, 157, 1);
  color: RGBA(39, 57, 118, 1);
  padding: 7px;
  border-radius: 3px;
  background: none;
}

.ff_composer form input:focus {
  border: 1px solid RGBA(35, 92, 157, 1);
  color: RGBA(39, 57, 118, 1);
}

.ff_composer input[type=text] {
  width: 100%;
  font-size: 90%;
  border: 1px solid RGBA(35, 92, 157, 1);
  padding: 7px;
  border-radius: 3px;
}

.ff_composer input[type=submit] {
  background-color: RGBA(39, 57, 118, 1);
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  padding: 7px;
  border-radius: 3px;
  border: none;
}

.ff_composer input[type=submit]:hover {
  background-color: RGBA(35, 92, 157, 1);
  color: #fff;
}

.ff_composer textarea {
  width: 100%;
  border: 1px solid RGBA(35, 92, 157, 1);
  color: RGBA(39, 57, 118, 1);
  padding: 7px;
  border-radius: 3px;
}

.ff_composer textarea:focus {
  border: 1px solid RGBA(39, 57, 118, 1);
}

@media screen and (min-width: 640px) {
  .ff_composer form .size1of2 {
    padding: 0;
    margin: 0 10px 0 0;
    width: 48%;
  }
  .ff_composer form .size2of2 {
    padding: 0;
    margin: 0 5px 0 0;
  }
  .ff_composer form .size1of3 {
    padding: 0;
    margin: 0 10px 0 0;
    width: auto;
  }
  .ff_composer form .size2of3 {
    padding: 0;
    margin: 0 10px 0 0;
    width: auto;
  }
  .ff_composer form .size3of3 {
    padding: 0;
    margin: 0;
    width: auto;
  }
}
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.wrap {
  min-height: calc(100vh - 941px);
}

.antispam {
  display: none;
}/*# sourceMappingURL=overnightaccountant.css.map */