body {
  color: #3E3E3E;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-size: 16px;
}

h1 {font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 44px;color: #212121;}
h2 {font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 36px;color: #212121;}
h3 {font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 36px;color: #212121;}
h4 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 22px;color: #212121;}
h5 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 18px;color: #212121;}
h6 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;color: #212121;}

a {
  color: #1976D2;
}

a:hover {
  color: #2074A8;
}

i {
  color: #FFF;
  font-size: 100px;
}

.lead {
  font-size: 24px;
  color: #212121;
}

/*Nav*/
.navbar-default {
  background-color: #FFF;
  border-color: #FFF;
}

.navbar {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-bottom: 0px;
  min-height: 80px;
  z-index: 100;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.12);
}

.navbar-nav>li>a {
  padding-top: 30px;
  padding-bottom: 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}

.navbar-nav>li.btn-on-nav>a {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
  color: #727272;
}

.navbar-default .navbar-nav>li>a.active {
  color: #1976D2;
}

.navbar-btn {
  margin-top: 22px;
}

#logo {
  width: 200px;
  height: 41px;
}

.navbar-toggle {
  margin-top: 22px;
}

/*banner*/
#banner {
  background-color: #f5f7f9;
  background-image: url('../images/paper_2.png');
  background-repeat:repeat;
  position: relative;
}

.home-check {
  margin-bottom: 20px;
}

.home-check .fa {
  color: #5bc739;
}

.home-check span {
  padding-left: 6px;
  padding-right: 10px;
  font-size: 14px;
  font-family: 'Lato', 'Helvetica', sans-serif;
  color: #585858;
}

.how-to-video {
  text-align: center;
  color: #3E3E3E;
  margin-top: 25px;
  cursor: pointer;
  font-size: 18px;
}

.how-to-video:hover {
  color: #E81515;
}

.how-to-video i {
  font-size: 50px;
  vertical-align: middle;
  color: #448AFF;
  margin-right: 15px;
}

.how-video {
    position: relative;
    box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
    margin-top: 30px;
    cursor: pointer;
}

.how-video i {
    font-size: 60px;
    vertical-align: middle;
    color: #fff;
}

.how-video p {
    padding-left: 10px;
    font-size: 16px;
    display: inline-block;
    color: #f5f7f9;
}

.how-video p:hover {
    color: #448AFF;
}

.hero-unit {
  padding-top: 9em;
  padding-bottom: 9.9em;
  position: relative;
}

.video-text {
  position: absolute;
  bottom: 0;
  background-color: #1976D2;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.video-text span {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.box {
  padding-right: 25px;
}

.box h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 44px;
  color: #222;
  padding-top: 0px;
  margin-top: 0px;
}

.box .lead {
  font-size: 18px;
  font-weight: 400;
  color: #444;
  margin-top: 20px;
}

.box .auto-text {
  font-size: 26px;
  font-weight: 400;
  color: #444;
  margin-top: 20px;
}

.pointer {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  background-color: #555;
  box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
  outline: 0 !important;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.pointer i {
  color: #FFF;
  font-size: 22px;
  line-height: 60px;
}

#sub-page-banner {
  background-color: #1976D2;
  background: linear-gradient( rgba(6,8,5, 0.3), rgba(0,0,5, 0.9) ), url('../images/replace.jpg') 50% 50% no-repeat;
  background: -webkit-linear-gradient( rgba(6,8,5, 0.3), rgba(0,0,5, 0.9) ), url('../images/replace.jpg') 50% 50% no-repeat;
  background: -o-linear-gradient( rgba(6,8,5, 0.3), rgba(0,0,5, 0.9) ), url('../images/replace.jpg') 50% 50% no-repeat;
  background: -moz-linear-gradient( rgba(6,8,5, 0.3), rgba(0,0,5, 0.9) ), url('../images/replace.jpg') 50% 50% no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 520px;
}

#sub-page-banner h3 {
  color: #FFF;
  padding-top: 210px;
  font-size: 50px;
}

/*Home page testimonials*/
.quote-card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin: 50px 25px 25px;
    background-color: #FFF;
    width: 100%;
    max-height: 320px;
}

.quote-card .carousel-indicators {
  bottom: -20%;
}

.quote-card .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 2px solid #1976D2;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.quote-card .carousel-indicators .active {
    background-color: #1976D2;
}

.quote-card-header {
  padding: 30px;
  position: relative;
  display: inline-block;
  float: left;
  width: 60%;
}
.quote-card-header:after {
    content: '';
    position: absolute;
    top: 15%;
    left: 100%;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: solid 25px transparent;
    border-left: solid 25px #FFF;
}
.quote-card-header blockquote {
  font-size: 24px;
  font-weight: 700;
  color: #1976D2;
  border-left: 0px;
  padding: 0px 20px 0px 0px;
}
.quote-card-header footer {
  font-size: 15px;
  font-weight: 300;
  background-color: transparent;
  margin-top: 5px;
}
.quote-card-header p {
  font-size: 15px;
}

.quote-card-right {
  width: 40%;
  height: 100%;
  overflow: hidden;
  display: inline-block;
  background-color: #1976D2;
}

.quote-card-img {
  height: 320px;
  background-position: center;
  background-size: cover;
}

.legacy-text {
  font-size: 20px;
  color: #212121;
  margin: 20px 0;
}

.legacy-btn {
  width: 65%;
  margin-top: 20px;
}

.collage {
  position: relative;
  margin: 40px 0 120px;
}

.collage-1 {
  max-width: 470px;
  float: right;
  border: 5px solid #FFF;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
.collage-2 {
  max-width: 350px;
  position: absolute;
  z-index: 1000;
  top: 190px;
  border: 5px solid #FFF;
  left: 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
.collage-3 {
  max-width: 230px;
  position: absolute;
  z-index: 2000;
  top: 260px;
  right: 120px;
  border: 5px solid #FFF;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}

/*general*/
.section-spacer {
  padding-top: 4.5em;
  padding-bottom: 6.5em;
}

.sub-banner-spacer {
  padding-top: 3em;
  padding-bottom: 3em;
  position: relative;
  z-index: 200;
}
.modal-spacer {
  padding-top: 2em;
  padding-bottom: 1.5em;
}

.step {
  /*border-radius: 3px;
  background: #FFF;
  box-shadow: 0 2px 6px rgba(191,191,191,0.56);*/
  padding: 15px;
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  background-color: #448AFF;
  color: #FFF;
  line-height: 100px;
  font-size: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
}

.small-circle {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  background-color: #D32F2F;
  position: absolute;
  right: 0px;
  font-size: 12px;
  line-height: 30px;
}

.color-bg {
  background-color: #f5f7f9;
  border-top: 1px solid #DCDEDF;
  border-bottom: 1px solid #DCDEDF;
}

.blue-bg {
  background-color: #1976D2;
  padding-left: 35px;
  height: 100%;
}

.blue-bg h3 {
  color: #FFF;
}

.blue-bg p {
  color: #FFF;
}

.blue-bg ul {
  color: #FFF;
}

.blue-bg-sub {
  background-color: #1976D2;
  min-height: 250px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  border-bottom: 5px solid #1976D2;
}

.blue-bg-sub h1 {
  color: #FFF;
  text-transform: uppercase;
}

.blue-bg-sub p {
  color: #FFF;
  margin-bottom: 0px;
  font-size: 18px;
  max-width: 650px;
}

.blue-bg-sub .feature-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0,0,0,0.7);
}

.half-section {
  height: 650px;
}

.half-img {
  padding-left: 0px;
  background-image: url('../images/couple-writing-book.jpg');
  height: 100%;
  background-position: bottom;
  -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.home-list i {
  font-size: 20px;
  padding-right: 15px;
}

.home-list li {
  padding-top: 15px;
}

.book-type {
  display: inline-block;
  width: 85%;
  vertical-align: top;
  padding-left: 10px;
  font-weight: 700;
  font-size: 18px;
}

.book-type .small {
  display: block;
  font-weight: 300;
  font-size: 14px;
}

.below-btn {
  margin-top: 10px;
  font-size: 14px;
}

.panel-default>.panel-heading {
    background-color: #ddd;
}

#how-works .how-works-content {
  margin-top: 55px;
}

#how-works .how-img {
    margin-top: 15px;
}

#how-works h5 {
  font-weight: bold;
}


.how-works-circle {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #448AFF;
    background-color: #FFF;
    color: #448AFF;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    float: left;
}

#how-works .how-works-right {
  display: inline-block;
  padding-left: 15px;
  width: 70%;
}

#how-works i {
  color: #448AFF;
}


/*modals*/
@media (min-width: 768px) {
  .sign-modal .modal-dialog {
    width: 330px;
    margin: 80px auto;
  }
}
.sign-modal .modal-header {
  padding: 25px 25px 10px 25px;
  border-bottom: 0px;
}
.sign-modal label {
  font-weight: 400;
}
@media (min-width: 768px) {
  .onb-modal .modal-dialog {
    margin: 80px auto;
  }
}
.onb-modal .modal-header {
  padding: 25px 25px 10px 25px;
  border-bottom: 0px;
}
.onb-modal label {
  font-weight: 400;
}
.modal-content {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.modal-body {
  padding: 15px 20px;
}
.onb-modal .book-name .host-details {
  margin-left: 95px;
  text-align: left;
}
.onb-modal .host-avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  background-color: #FFF;
  display: inline-block;
  float: left;
}
.onb-modal .host-avatar img {
  width: 100%;
  height: 100%;
}
.onb-modal .host-details {
  padding-top: 20px;
  padding-bottom: 15px;
}
.onb-modal .host-details p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0px;
}
.host-details h6 {
  font-size: 16px;
  margin-top: 0px;
}
.host-details h6 a {
  color: #fff;
  text-decoration: underline;
}
.onb-modal .book-footer {
  padding: 15px;
}
#workshopsNear .book-footer {
  text-align: left;
}
#workshopsNear .book-footer p {
  font-size: 14px;
}
#workshopsNear .book-footer-button {
  text-align: center;
}
#non-avail {
  text-align: center;
}
#sold-out {
  color: #D32F2F;
  font-size: 20px;
  text-transform: uppercase;
}
#selectBooksize .row {
  padding-left: 15px;
  padding-right: 15px;
}
#selectBooksize .col-md-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.form-bg {
  background-color: #f2f2f2;
  margin-top: 20px;
}
.form-bg form {
  margin: 15px 0px 20px 0px;
}
.form-control {
  height: 45px;
}
select.form-control {
  color: #999;
}
textarea {
  resize: none;
}

.widget-header {
  margin-top: 15px;
  padding-left: 10px;
}

.widget-inner {
  padding: 20px 20px 30px 20px;
}

.your-book {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin: 25px 0px;
  background-color: #f2f2f2;
}

.book-orange {
  background-color: #ffc107;
}

.book-black {
  background-color: #212121;
}

.book-blue {
  background-color: #1976D2;
}

.book-name {
  padding: 15px 15px;
  text-align: center;
}

.book-name-icon {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background-color: #FFF;
  text-align: center;
  margin: auto;
}

.book-name-icon i {
  font-size: 28px;
  color: #ffc107;
  line-height: 50px;
}

.book-footer {
  text-align: center;
  padding: 0px 10px 20px 10px;
}

.book-footer h3 {
  font-size: 24px;
}

.book-footer form {
  padding: 5px 0px;
}

.book-footer button {
  margin: 5px 0px;
}

.feature-table p {
  border-bottom: 1px solid #fff;
  padding: 5px 0px 10px 0px;
}

.price {
  color: #212121;
  font-size: 40px;
  font-weight: bold;
}

.price-features {
  text-align: left;
  padding: 0px 25px;
}

.price-features span {
  color: #212121;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Lato', 'Helvetica', sans-serif;
  margin-left: 10px;
}

.price-features .fa {
  color: #5bc739;
}

.school-price {
  color: #212121;
  font-size: 18px;
  font-weight: bold;
}

.price-descr {
  font-size: 14px;
  font-weight: normal;
}

.top-sm {
  padding-top: 5px;
}

.top-md {
  margin-top: 25px;
}

/*buttons*/
.btn {
  background-color: #448AFF;
  color: #FFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 150px;
}

.btn:hover {
  background-color: #fff;
  color: #448AFF;
  border: 1px solid #448AFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
}

.navbar-btn {
  background-color: #D32F2F;
  border-color: #D32F2F;/*#D50000*/
  color: #FFF;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.navbar-btn:hover {
  background-color: #E81515;
  border-color: #E81515;
  color: #FFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
}

.btn-primary {
  color: #fff;
  background-color: #E81515;
  border-color: #E81515;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 16px;
  height: 55px;
  text-transform: uppercase;
  margin-top: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.btn-primary:hover {
  background-color: #D32F2F;
  border-color: #D32F2F;
  color: #FFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
}

.btn-example {
  background-color: transparent;
  color: #BBDEFB;
  border: 1px solid #BBDEFB;
}

.btn-example:hover {
  background-color: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}

.btn-price {
  background-color: #448AFF;
  color: #FFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 150px;
}

.btn-price:hover {
  background-color: #fff;
  color: #448AFF;
  border: 1px solid #448AFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
}

.btn-green {
  background-color: #5bc739;
}

.btn-green:hover {
  color: #5bc739;
  border: 1px solid #5bc739;
}

.btn-close {
  background-color: #FFF;
  color: #448AFF;
  border: 1px solid #448AFF;
}

.btn-close:hover {
  background-color: #448AFF;
  color: #FFF;
}

#expert-profile i {
  color: #585858;
  padding-right: 10px;
}
#expert-profile .book-name-icon i {
  color: #ffc107;
  padding-right: 0px;
}

.expert-pic {
  position: absolute;
  top: -175px;
  z-index: 300;
}

.expert-pic img {
  width: 190px;
  height: 190px;
  border: 3px solid #f2f2f2;
}
.expert-pic h5 {
  margin-bottom: 25px;
}

.profile-content .your-book {
  margin-top: 5px;
}

.profile-content .book-footer {
  text-align: left;
}
.profile-content .book-footer {
  padding: 20px;
}
.profile-content .book-footer p {
  font-size: 14px;
}
.profile-content .book-footer-button {
  text-align: center;
}

/*blog*/
body#blog {
  background-color: #f5f7f9;
}

.section-spacer-blog {
  padding-top: 4em;
}

.blue-bg-blog {
  background-color: #212121;
  min-height: 70px;
  position: relative;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

.blue-bg-blog h1 {
  color: #FFF;
  font-size: 32px;
  font-weight: 300;
  margin-top: 15px;
}

.blue-bg-blog p {
  color: #FFF;
  margin-bottom: 0px;
  font-size: 18px;
  max-width: 650px;
}

.blog-card {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 25px;
  background-color: #FFF;
}

.blog-card-footer {
  padding: 20px;
}

.blog-date {
  font-size: 11px;
  color: #929292;
}

.blog-card-footer h4 {
  font-weight: 700;
}

.blog-card-footer .blog-title {
  color: #212121;
}

.blog-card-footer .blog-title:hover {
  color: #1976D2;
  text-decoration: none;
}

.blog-card-footer p {
  font-size: 14px;
  color: #929292;
  font-weight: 300;
}

.blog-card-cats {
  margin-top: 15px;
}

.blog-card-cats a {
  font-size: 11px;
  color: #929292;
  padding-right: 6px;
}

#blog .pagination>li>a {
  color: #FFF;
  background-color: #1976D2;
}

#blog .pagination>li>a:hover {
  color: #1976D2;
  background-color: #FFF;
}

.blog-post h2 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 32px;color: #212121;}
.blog-post h3 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 32px;color: #212121;}
.blog-post h4 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 22px;color: #212121;}
.blog-post h5 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 18px;color: #212121;}
.blog-post h6 {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;color: #212121;}

.blog-card-post {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  margin-bottom: 30px;
}

.blog-card-footer-post {
  padding: 10px 30px 30px 30px;
  font-weight: 300;
  font-size: 16px;
}

.blog-post-cats {
  padding-bottom: 20px;
}

.blog-post-cats a {
  font-size: 11px;
  padding-right: 6px;
}

.blog-post-cats .blog-date {
  font-size: 11px;
  padding-right: 6px;
  color: #585858;
  font-weight: 400;
}

#disqus_thread {
  margin-top: 45px;
}

.blog-sidebar {
  padding-left: 30px;
}

.blog-sb-heading {
  font-size: 22px;
}

.recent-art {
  margin-top: 30px;
  color: #212121;
}

.blog-recent-post {
  margin-top: 15px;
}

.blog-thumb {
  width: 80px;
  height: 80px;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.blog-thumb img {
  width: 80px;
  height: 80px;
}

.blog-rp-link {
  display: inline-block;
  max-width: 70%;
  min-height: 80px;
}

.bf-adv {
  background-color: #FFF;
  color: #1976D2;
  height: 300px;
  padding: 25px;
}

.bf-adv .ad-head {
  font-size: 26px;
  text-align: center;
  display: block;
  padding-top: 30px;
}
.bf-adv .ad-sub {
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 10px 0;
}

/* Partners.html page */
#partner-logos img {
  height: 60px;
  width: auto;
  margin-bottom: 15px;
}

/*footer*/
.footer-spacer {
  padding-top: 2em;
  padding-bottom: 2em;
}

footer {
  background-color: #212121;
}

footer p {
  color: #727272;
}

footer a {
  color: #f5f7f9;
}

/* Onboarding Pages replace modals */
#onboarding-pages h4 {
  padding-bottom: 20px;
}

#onboarding-pages h3 {
  font-size: 16px;
}

#onboarding-pages .book-name .host-details {
  margin-left: 65px;
  text-align: left;
}

#onboarding-pages .host-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background-color: #FFF;
  display: inline-block;
  float: left;
}
#onboarding-pages .host-avatar img {
  width: 100%;
  height: 100%;
}

#onboarding-pages.host-details {
  padding-top: 20px;
  padding-bottom: 15px;
}
#onboarding-pages .host-details p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0px;
}

.onboard-box {
  border: 1px solid #f2f2f2;
  padding: 25px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
}

.onboard-box-footer {
  margin-top: 25px;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-toggle {
    display: block !important;
  }
  .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-header {
    float: none;
  }
}

@media (max-width: 767px) {
  .in .navbar-btn {
    margin-left: 15px;
  }
}

/*iphone*/
@media only screen and (max-width: 767px) {
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .hero-unit {
    padding-top: 3em;
    padding-bottom: 6em;
  }
  .how-video {
    margin-top: 40px;
  }
  .video-text {
    padding: 5px 10px;
  }
  .collage {
    display: none;
  }

  .quote-card {
    margin: 25px 0px 70px;
    min-height: 350px;
  }

  .quote-card .carousel-indicators {
    bottom: -10%;
  }

  #testimonial-slider {
    min-height: 925px;
  }

  .quote-card-header {
    padding: 15px;
    display: block;
    width: 100%;
  }
  .quote-card-header:after {
      display: none;
  }
  .quote-card-header blockquote {
    font-size: 18px;
    padding: 0px 15px 0px 0px;
  }

  .quote-card-right {
    height: 100%;
    width: 100%;
    display: block;
  }
  #expert-profile .profile-content {
    margin-top: 80px;
  }
  .blue-bg {
    height: auto;
  }

  #partner-logos img {
    margin-top: 25px;
  }

  #how-five-points {
    padding-top: 30px;
  }

  .half-img {
    display: none;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .how-video {
    margin-top: 60px;
  }

  #expert-profile .profile-content {
    margin-top: 80px;
  }

  .quote-card {
    margin: 25px 0px 60px;
    height: auto;
  }

  #how-five-points {
    padding-top: 30px;
  }

  #partner-logos img {
    margin-top: 25px;
  }
}

/*ipad*/
@media only screen and (max-width: 1024px) and (orientation : landscape) {
  #expert-profile .profile-content {
    margin-top: 80px;
  }

  #partner-logos img {
    margin-top: 25px;
  }
}

/* flat block editing */
.flatblock-editable-content {
  border: 1px solid #D32F2F;
}
.flatblock-edit-link {
  color: #D32F2F;
}

/* fix scolling issues with modal */

.modal {
  overflow-y: scroll;
}

form.no-style {
  padding: 0;
}