@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");

.hide {
  display: none;
}

.missing {
  background: yellow;
}

.ruzuku-logo {
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 1.41421;
  height: 60px;
  width: 180px;
}

.logo-letter {
  fill: #343434;
  fill-rule: nonzero;
}

.site-logo a {
  text-decoration: none;
}

.page-title {
  line-height: 1.15em;
  color: #4a4a4a;
  font-family: "coquette", "Gill Sans", "Gill Sans MT", sans-serif;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

.page-title__sub {
  text-align: center;
}

.ruzuku-demo .page-title {
  margin-left: -5px;
  margin-right: -5px
}

.content-section > div,
.footer-inner {
  margin: 0 auto;
  max-width: 1140px;
}

.footer-inner {
  padding: 1em;
}

.narrow-section > div {
  max-width: 900px;
}

.page-header {
  margin: 0;
  padding: 3em 2em;
}

.page-pricing .page-header {
  padding: 3em 2em 1em;
}


/* ================================== */
/*        Section headings            */
/* ================================== */

.section-heading {
  font-size: 2.5em;
  text-align: center;
  margin: .6em;
}

.section-heading-small {
  font-size: 1.75em;
  text-align: center;
}

.section-subhead {
  font-weight: 300;
  text-align: center;
  font-size: 1.1em;
}

.bottom-heart-ctn {
  text-align: center;
  margin-top: 3em;
}

.bottom-heart {
  width: 140px;
  height: 121px;
}

.hero-feature {
  max-width: 850px;
  margin: 50px auto;
  overflow: hidden;
  text-align: center;
  border: 1px solid #f1e7ea;
}

.hero-feature img,
.hero-feature video {
  width: 100%;
}

/* ================================== */
/*             Common                 */
/* ================================== */

html,
button,
input,
select,
textarea {
  color: #666;
  font-family: "Lato", "Gill Sans", "Gill Sans MT", sans-serif;
}

html {
  font-size: 1.313em;
  line-height: 1.2;
}

p,
li {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 1.4em;
}

li p,
li li {
  font-size: 1em;
}

.light-p p {
  font-size: 1.095em;
  font-weight: 300;
}

.light-p p strong {
  color: #797879;
  font-size: 1.15em;
  font-weight: 700;
}

/* ==================================== */
/*              Fontawesome             */
/* ==================================== */

/* Fontawesome icon-style list */
.features-list-icons ul li {
  font-size: .9em;
  line-height: 1.5;
  margin-left: 1.5em;
  list-style: none;
}

/* Fontawesome icons */
.icon-wrapper i {
  margin-right: 0.5em;
}

/* ================================== */
/*           Headings                 */
/* ================================== */

h1 {
  color: #4a4a4a;
  font-family: "coquette", "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 2.952em;
  font-weight: 400;
  margin: 0.1em 0 0.6em;
  text-align: center;
}

h2 {
  color: #4a4a4a;
  font-size: 1.714em;
  font-weight: 300;
  margin: 0.1em 0 0.3em;
  text-align: center;
}

h3 {
  color: #4a4a4a;
  font-size: 1.524em;
  font-weight: 300;
  margin: 0.1em 0 0.3em;
}

h4 {
  color: #4a4a4a;
  font-size: 1.333em;
  font-weight: 300;
  margin: 0.1em 0 0.3em;
}

h5 {
  color: #4a4a4a;
  font-size: 1.619em;
  font-weight: 700;
  margin: 0.1em 0 0.3em;
}

h6 {
  color: #4a4a4a;
  font-size: 1.190em;
  font-weight: 700;
  margin: 0.1em 0 0.3em;
}

hr {
  border: none;
  height: 70px;
  margin: 0;
}

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

.callout {
  color: #4a4a4a;
  font-size: 2.5em;
  font-weight: 300;
  margin: .5em 0 .75em;
  text-align: center;
}

/* background colors */
.lt-grey {
  background: #fbfbfb;
}

.eggshell {
  background: #fdf5e9;
}

.coffee {
  background: #f3ebdf;
}

.lt-mauve {
  background: #f1e7ea;
}

.lilac {
  background: #f2eff9;
}

.green {
  background: #eaf8db;
}

.lt-green {
  background: #e5ebe3;
}

.lt-green2 {
  background: #f2faf4
}

.lime {
  background: #effae4;
}

.off-white {
  background: #f9fdf4;
}

.lt-blue {
  background: #f8fcff;
}

.yellow {
  background: #fdfad5;
}

.tan {
  background: #f3f0cc;
}

.grn-yel {
  background: #f2f8b2;
}

.blue {
  background: #e6f4ff;
}

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


/* ================================== */
/*           Links and buttons        */
/* ================================== */  
a:link,
a:visited {
  color: #4a90e2;
}

a:hover,
a:active {
  color: #6aa3e6;
}

a.button {
  background: #8466cc;
  color: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px 0 #777;
  box-shadow: 0px 1px 2px 0 #777;
}

a.button.outline {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #8466cc;
  color: #8466cc;
  box-shadow: none;
}

a.button:hover {
  background: #9277d2;
}

/* Free Trial Button in content not header */
.free-trial-button {
  max-width: 300px;
  padding: 1em 4em;
}

.sign-nav .free-trial-button {
  display: inline;
  font-size: 0.762em;
  padding: .5em 2em;
}

.free-trial-button.wide-button {
  font-weight: 400;
}

/* ================================== */
/*           Tagline                  */
/* ================================== */

.tagline-heart {
  vertical-align: middle;
}

.sub-tagline {
  font-size: 2em;
  margin: .5em 0 1.25em 0;
}

/* 7 ways ruzuku helps you change the world */
.ruzuku-ways-heading {
  margin: .6em 0 1em;
}

.ruzuku-ways-number {
  font-size: 2.5em;
  font-weight: 100;
  text-align: center;
}

.ruzuku-way-heading {
  text-align: center;
  margin: 0.8em 0 1em;
}

/* We want to help you change the world */
.letter .abe {
  text-align: center;
}

.letter h5 {
  color: #000;
  font-size: 1em;
  text-align: center;
  margin: 0 0 3em;
}

/* How People are changing the world with ruzuku */
.how-change {
  padding-top: 2em;
}

.superstar p {
  font-size: 0.905em;
  margin: 0.9em 0 0;
}

.superstar-name {
  font-weight: 400;
}

.superstar-details a:link,
.superstar-details a:visited {
  color: #666666;
}

/* ================================== */
/*           Call to Action           */
/* ================================== */

.get-started-heading,
.call-to-action-heading {
  font-size: 3em;
  line-height: 1em;
  font-family: "coquette", "Gill Sans", "Gill Sans MT", sans-serif;
  margin: 0 0 .75em 0;
  font-weight: 400;
}

.call-to-action h3 {
  text-align: center;
  margin-bottom: 1em;
}

.call-to-action h4 {
  font-weight: 700;
  margin: 1.8em 0;
}

.call-to-action ul {
  padding-left: 11%;
}

.call-to-action li {
  background-image: url('../img/check.png');
  background-repeat: no-repeat;
  background-position: 0 54%;
  padding-left: 42px;
  color: 797879;
  font-size: 1.138em;
  font-style: italic;
  font-weight: 300;
  list-style: none;
  margin: 0 0 0.82em;
}

.self-courses img {
  margin-bottom: 1em;
}

.self-improvement-course .superstar-name {
  margin: 0;
}

.self-improvement-course .superstar-name a:link,
.self-improvement-course .superstar-name a:visited {
  color: #683a79;
  font-size: 1em;
  text-decoration: none;
}

.self-improvement-course .superstar-course {
  font-size: 1em;
  margin: 0;
}

/* Get Started */
.get-started-heading {
  font-size: 3em;
  line-height: 1em;
  font-family: "coquette", "Gill Sans", "Gill Sans MT", sans-serif;
  margin: .75em 0;
  font-weight: 400;
}

/* ================================== */
/*           Features                 */
/* ================================== */

.feature-highlight {
  margin: 50px auto;
}

.feature-heading {
  font-size: 1.5em;
  font-weight: 400;
  text-align: left;
}

.feature-description .sayer {
  display: block;
}

.feature-description .authority a {
  color: #666666;
}

.feature-quote {
  text-align: left;
  font-size: 1em;
}


/* ================================== */
/*           Praise page              */
/* ================================== */

.praise .attribute {
  text-align: center;
  margin-bottom: 1em;
}

.praise .attribute img {
  margin-left: 0;
}

.praise .sayer {
  display: block;
  margin-top: .5em;
}

.praise .authority {
  font-size: 0.8em;
  font-weight: 300;
}

.praise .authority a {
  color: #666666;
}

.all-the-people {
  text-align: center;
}

.all-the-people .people-pic {
  margin: 0 .25em .25em 0;
}

/* ================================== */
/*           Fill containers          */
/* ================================== */

.fill-container {
  fill: none;
  fill-rule: evenodd;
}

.fill-red {
  fill: #FF2B00;
}

.fill-eggshell {
  fill: #fdf5e9;
}

.fill-white {
  fill: #FDFDFD;
}

.fill-lt-mauve {
  fill: #f1e7ea;
}


/* ================================== */
/*             Pricing                */
/* ================================== */
.pricing_plans {
  text-align: center;
  font-family: "Lato", "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 0.8em;
  position: relative;
}

.plan_features_list {
  font-family: "Lato", "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: calc-em(20px, 16px);
  font-weight: 300;
  list-style: none;
  margin: 25px 0 25px 50px;
  padding: 0;
}

.plan_features_list li {
  margin: 5px 0;
  color: #444;
  font-size: 1.138em;
  font-weight: 300;
  list-style: none;
  text-align: left;
}

.plan_features_list li .feature_info {
  border-bottom: 1px dotted #999;
  cursor: pointer;
}

.plan_features_list .inplan:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet' version='1.1' x='0px' y='0px' xml:space='preserve' class='style0'><style>.style0{enable-background: new 0 0 512 512;fill:darkgreen;}</style><path d='M461.6 109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4 0-4.6 1-6.3 2.5L194.5 323c0 0-78.5-75.5-80.7-77.7 c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4 0-6.4 3.1-8.7 5.4c-1.7 1.8-29.7 31.2-43.5 45.8c-0.8 0.9-1.3 1.4-2 2.1c-1.2 1.7-2 3.6-2 5.7 c0 2.2 0.8 4 2 5.7l2.8 2.6c0 0 139.3 133.8 141.6 136.1c2.3 2.3 5.1 5.2 9.2 5.2c4 0 7.3-4.3 9.2-6.2L462 121.8 c1.2-1.7 2-3.6 2-5.8C464 113.5 463 111.4 461.6 109.6z'/></svg>");
  background-size: 90%;
  background-position: center;
  transition: background-size 0.3s;
  -webkit-transition: background-size 0.3s;
  content: "";
  height: 1em;
  width: 1em;
  display: block;
  float: left;
  margin-left: -1.5em;
  margin-top: 0.25em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.outplan {
  text-decoration: line-through;
}

/* ======================================== */
/*              Plan features               */
/* ======================================== */

.plan_features_list .outplan:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' width='18px' height='18px' viewBox='0 0 512 512' xml:space='preserve' class='x'><style>.x{fill: rgb(255, 56, 22);}</style><path class='x' d='M256 33C132.3 33 32 133.3 32 257c0 123.7 100.3 224 224 224c123.7 0 224-100.3 224-224C480 133.3 379.7 33 256 33z M364.3 332.5c1.5 1.5 2.3 3.5 2.3 5.6c0 2.1-0.8 4.2-2.3 5.6l-21.6 21.7c-1.6 1.6-3.6 2.3-5.6 2.3c-2 0-4.1-0.8-5.6-2.3L256 289.8 l-75.4 75.7c-1.5 1.6-3.6 2.3-5.6 2.3c-2 0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1 0.8-4.2 2.3-5.6l75.7-76 l-75.9-75c-3.1-3.1-3.1-8.2 0-11.3l21.6-21.7c1.5-1.5 3.5-2.3 5.6-2.3c2.1 0 4.1 0.8 5.6 2.3l75.7 74.7l75.7-74.7 c1.5-1.5 3.5-2.3 5.6-2.3c2.1 0 4.1 0.8 5.6 2.3l21.6 21.7c3.1 3.1 3.1 8.2 0 11.3l-75.9 75L364.3 332.5z'/></svg>");
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.3s;
  -webkit-transition: background-size 0.3s;
  content: "";
  height: 1em;
  width: 1em;
  display: block;
  float: left;
  margin-left: -1.5em;
  margin-top: 0.25em;
}

/* All Plans Features List */
.all-plans ul {
  padding: 0 0 0 11%;
}

.all-plans ul li {
  margin: 10px 0;
}


/* =============================== */
/*              Q & A              */
/* =============================== */

/* Q & A */
.question {
  font-weight: 400;
  margin: 0;
}

.answer {
  font-weight: 300;
  margin: 0 0 1.5em;
}

/* Profiles */
.profile .attribute {
  text-align: center;
}

.profile .team-name {
  margin: .5em 0 1em;
  font-weight: 400;
}

h2 + .profile {
  margin-top: 94px;
}

.header {
  background: #fff;
  border-bottom: 1px solid #ededed;
  position: relative;
}


/* ====================================================== */
/*              Testimonial images                        */
/* ====================================================== */


/* Image masks */
.circled-big {
  width: 10em;
  border-radius: 12em;
  border: 1px solid #BDBDBD;
  margin-left: 1em;
}

.circled-small {
  width: 7em;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
}

/* Centered single column images */
.centered-image {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 2em;
  display: block;
}

/* ====================================================== */
/*              Home People                               */
/* ====================================================== */

.two-col > .home-people {
  margin: 0 0 0.4em;
  min-height: 200px;
  width: 45%;
}

.uni-price-summary {
  margin-top: -75px;
  margin-bottom: 50px;
}

.uni-starting {
  margin: 0;
  font-size: .7em;
}

.uni-price {
  font-size: 3em;
  margin: 0;
}

.uni-subtext {
  margin: 0;
  font-size: .5em;
}

.uni-mo-price {
  height: 140px;
  background-color: #f2eff9;
  text-align: center;
  text-transform: uppercase;
  padding: 5%;
}

.uni-setup {
  height: 140px;
  background-color: #f2eff9;
  text-align: center;
  text-transform: uppercase;
  padding: 5%;
}

#agile-crm-popup-copyright {
  display: none;
}

.appt-schedule {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.appt-schedule__iframe {
  display: block;
  position: relative;
  top: 4em;
  width: 100%;
  margin: 0 auto;
  width: calc(100% - 4em);
  height: 580px;
  border: none;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.appt-schedule__btn {
  position: absolute;
  top: 1em;
  width: 3em;
  right: .5em;
}

.appt-schedule:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #666;
  opacity: .7;
  z-index: -1;
}

.promotion {
  color: #fff;
  display: none;
}

@media only screen and (min-width: 480px) {
  .appt-schedule__iframe {
    top: 2em;
    margin: 0 auto;
    width: calc(100% - 4em);
    height: 580px;
    border: none;
    overflow: hidden;
  }
  .appt-schedule__btn {
    top: 1em;
    width: auto;
    right: 1em;
  }
}

:root {
  --purple-300: #8563CF;
}

.content,
.site-nav a {
  animation: fadeIn .5s ease-in forwards;
  -webkit-animation: fadeIn .5s ease-in forwards;
}

.progress-bar {
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -1px;
  height: 2px;
  background-color: #8563CF;
  background-color: var(--purple-300);
  transition: right .1s linear;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Iframes */
#frame-pricing-plans, #frame-change-logs {
  background: white url('../img/icon-spinner.gif') no-repeat center 100px;
}