/*!
 *    Main Page custom styles for CyberFilter
 */
#screenshotModal > .modal-dialog {
  width: 900px;
}
#intro > .jumbotron {
  background-color: #808080;
  padding-bottom: 60px;
  padding-top: 60px;
  margin-bottom: 0px;
  color: #fff;
}
#about {
  /*background-color: #f1f4f5;*/

  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e3e3e3;
}
#howwork > .container {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
}
#howwork {
  background-color: #ecf0f1;
  padding-top: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
}
#screenshots {
  /*background-color: #f1f4f5;*/

  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-bottom: 40px;
  border-top: 1px solid #e3e3e3;
}
#usage > .container {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
}
#usage {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
}
#question > .container {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
}
#question {
  background-color: #2B99B5;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}
#contact > .container {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
}
.contact-email {
  color: #fff;
  font-weight: bold;
}
#contact {
  background-color: #808080;
  color: #fff;
  padding-top: 20px;
  border-bottom: 1px solid #e3e3e3;
}
/* ========== PRICING SECTION ========== */
#pricing {
  background-color: #ecf0f1;
  padding-top: 20px;
}
#pricing ul {
  list-style: none;
}
#pricing .pricing-box {
  margin: 48px 0;
  text-align: center;
}
#pricing .pricing-box .pricing-heading {
  background-color: #1fb4da;
  color: #ecf0f1;
  font-size: 24px;
  line-height: 48px;
  padding: 6px;
}
#pricing .pricing-box .pricing-price {
  background-color: #30a0bd;
  font-weight: 400;
  color: #ecf0f1;
  font-size: 36px;
  line-height: 48px;
  padding: 6px;
}
#pricing .pricing-box .pricing-description {
  background-color: #1fb4da;
  font-size: 21px;
  line-height: 48px;
  color: #ecf0f1;
  padding: 6px;
}
#pricing .pricing-box ul.pricing-list {
  margin: 0;
  padding: 0;
}
#pricing .pricing-box ul.pricing-list li {
  font-size: 18px;
  line-height: 48px;
  color: #7f8c8d;
  padding: 12px 0;
  list-style: none;
}
#pricing .pricing-box ul.pricing-list li:nth-child(odd) {
  background-color: white;
}
#pricing .pricing-box ul.pricing-list li:nth-child(even) {
  background-color: #f5f7f7;
}
#pricing .pricing-box .pricing-cta {
  background: #1fb4da;
  text-transform: uppercase;
  padding: 24px;
}
#pricing .pricing-box .pricing-cta .btn-pricing {
  font-size: 1.1em;
  background-color: #2b7386;
  color: white;
}
#pricing .pricing-box .pricing-cta .btn-pricing:hover {
  background-color: #1e4d5a;
  color: white;
}
#pricing .pricing-box.popular {
  margin-top: 24px;
}
#pricing .pricing-box.popular .pricing-heading {
  background-color: #e74c3c;
  color: #ffffff;
  font-size: 28px;
  padding: 24px;
}
#pricing .pricing-box.popular .pricing-price {
  background-color: #c0392b;
  font-weight: 400;
  color: #ffffff;
}
#pricing .pricing-box.popular .pricing-description {
  background-color: #e74c3c;
  color: #ffffff;
}
#pricing .pricing-box.popular .pricing-cta {
  background: #e74c3c;
  text-transform: uppercase;
  padding: 24px;
}
#pricing .pricing-box.popular .pricing-cta .btn-pricing-popular {
  font-size: 1.1em;
  background-color: #c0392b;
  color: white;
}
#pricing .pricing-box.popular .pricing-cta .btn-pricing-popular:hover {
  background-color: #b33528;
  color: white;
}