/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:800);
img.ed-scott {
  border: 5px solid #EEE;
  border-radius: 50%;
  margin: 20px;
  width: 200px;
}
.compare {
  color: #000000;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 16px;
  margin: 30px auto 50px;
  text-align: center;
  width: 100%;
  max-width: 960px;
}
.compare-header {
  background-color: #2f0072;
  color: #FFF;
  margin: 20px auto;
  padding: 0px;
  width: 960px;
}
.compare .plan {
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  overflow: hidden;
}
.compare .plan:first-of-type {
  border-radius: 7px 0 0 7px;
}
.compare .plan:last-of-type {
  border-radius: 7px 7px 7px 0;
}
.compare * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.compare .plan-title {
  font-weight: 600;
  padding: 15px;
  margin: 0;
  background: rgba(0, 0, 0, 0.09);
  color: #FFFFFF;
}
.compare .complete .plan-title {
  padding: 25px 15px;
}
.compare .plan-cost {
  padding: 20px 10px;
  border-bottom: 1px solid #d2d7e2;
}
.compare .plan-price {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 800;
  font-size: 3em;
  color: #FFFFFF;
}
.compare .plan-type {
  opacity: 0.6;
}
.compare .plan-features {
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: outside none none;
  font-size: 0.8em;
}
.compare .plan-features li {
  border-bottom: 1px solid #d2d7e2;
  padding: 10px 5%;
  height: 4rem;
}
.compare .plan-features li:nth-child(even) {
  background: rgba(0, 0, 0, 0.09);
}
.compare .plan-features i {
  margin-right: 8px;
  opacity: 0.6;
}
.compare .complete {
  background-color: #2f0072;
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  margin-top: -20px;
  z-index: 1;
}
.compare .beginner {
  background-color: #008099;
  color: #ffffff;
}
.compare .pitch {
  background-color: #2980b9;
  color: #ffffff;
}
.compare .plan-select {
  border-radius: 50px;
  color: #f4f4f4;
  font-size: 1.1em;
  font-weight: 500;
  margin: 30px 20px;
  padding: 7px 15px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.compare .plan-select a {
  color: #FFF;
}
.compare .plan-select:hover {
  font-weight: 600;
  transform: scale(1.1);
}
.compare .complete .plan-select {
  background-color: #00cc99;
  box-shadow: 0 0 5px 0 #00cc99 inset, 0 0 7px 1px #00cc99;
}
.compare .complete .plan-select:hover {
  box-shadow: 0 0 10px 0 #00cc99 inset, 0 0 15px 2px #00cc99;
}
.compare .beginner .plan-select {
  background-color: #ff007c;
  box-shadow: 0 0 5px 0 #ff007c inset, 0 0 7px 1px #ff007c;
}
.compare .beginner .plan-select:hover {
  box-shadow: 0 0 10px 0 #ff007c inset, 0 0 15px 2px #ff007c;
}
.compare .pitch .plan-select {
  background-color: #ffae42;
  box-shadow: 0 0 5px 0 #ffae42 inset, 0 0 7px 1px #ffae42;
}
.compare .pitch .plan-select:hover {
  box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 15px 2px #ffae42;
}
/* START TABLE CSS */
table.table {
  font-size: 0.9rem;
  margin: 0px auto 50px;
  width: 100%;
  max-width: 960px;
}
table.rounded-corners {
  /* Change these properties */
  --border: 1px solid #2980b9;
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  /* Don't change these properties */
  border-spacing: 0;
  border-collapse: separate;
  border: var(--border);
  overflow: hidden;
}
/* Apply a border to the right of all but the last column */
table.rounded-corners th:not(:last-child), table.rounded-corners td:not(:last-child) {
  border-right: var(--border);
}
/* Apply a border to the bottom of all but the last row */
table.rounded-corners > thead > tr:not(:last-child) > th, table.rounded-corners > tbody > tr:not(:last-child) > th, table.rounded-corners > tbody > tr:not(:last-child) > td, table.rounded-corners > tr:not(:last-child) > td, table.rounded-corners > tr:not(:last-child) > th, table.rounded-corners > thead:not(:last-child), table.rounded-corners > tbody:not(:last-child) {
  border-bottom: var(--border);
}
table.table thead th {
  background-color: #2980b9 !important;
  color: white;
  overflow: hidden;
}
.fa-check {
  color: green;
}
.fa-x {
  color: red;
}
#g-mainbar {
  padding: 0rem;
}
#focalpoint .fp_label {
  font-family: lato;
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 0px;
}
h1 {
  font-size: 1.7rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.3rem;
}
h4 {
  font-size: 1.2rem;
}
h3.wb-margin {
  background-color: #FFF;
  color: #00327D;
  line-height: 1.7rem;
  margin: 10px 150px;
  padding: 10px;
}
.bold {
  font-weight: 600;
}
.color-black {
  color: #000000 !important;
}
.color-blue {
  color: #678FCB !important;
}
.color-brown {
  color: #C5986D !important;
}
.color-gray {
  color: #555555 !important;
}
.color-green {
  color: #B5C587 !important;
}
.color-orange {
  color: #D57D42 !important;
}
.color-purple {
  color: #9571AB !important;
}
.color-red {
  color: #BF7384 !important;
}
.color-white {
  color: #FFFFFF !important;
}
.box {
  border-radius: 7px;
  border: 1px solid #CCC;
  box-shadow: 0 0 5px #CCC;
  color: #555555;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.bg-black {
  background-color: #000000;
  color: #FFFFFF;
}
.bg-gray {
  background-color: #555555;
  color: #FFFFFF;
}
.bg-blue {
  background-color: #678FCB;
  color: #FFFFFF;
}
.bg-blue.light {
  background-color: #8dabd8;
  color: #FFFFFF;
}
.bg-blue.dark {
  background-color: #345c98;
}
.bg-blue.dark a {
  color: #FFFFFF;
}
.bg-blue.dark a:hover {
  color: #b3c7e5;
}
.bg-blue.bold {
  font-weight: bold;
}
.bg-blue a {
  color: #FFFFFF;
}
.bg-blue a:hover {
  color: #345c98;
}
.bg-brown {
  background-color: #C5986D;
  color: #FFFFFF;
}
.bg-brown.light {
  background-color: #d4b292;
  color: #555555;
}
.bg-brown.dark {
  background-color: #a47241;
}
.bg-green {
  background-color: #B5C587;
  color: #FFFFFF;
}
.bg-green.light {
  background-color: #cad6a9;
  color: #555555;
}
.bg-green.dark {
  background-color: #869b4b;
}
.bg-green.bold {
  font-weight: bold;
}
.bg-green a {
  color: #FFFFFF;
}
.bg-green a:hover {
  color: #345c98;
}
.bg-orange {
  background-color: #D57D42;
  color: #FFFFFF;
}
.bg-orange.light {
  background-color: #de9a6c;
  color: #555555;
}
.bg-orange.dark {
  background-color: #bb6429;
}
.bg-purple {
  background-color: #9571AB;
  color: #FFFFFF;
}
.bg-purple.light {
  background-color: #ad91be;
  color: #555555;
}
.bg-purple.dark {
  background-color: #6e4d82;
}
.bg-purple.bold {
  font-weight: bold;
}
.bg-purple a {
  color: #FFFFFF;
}
.bg-purple a:hover {
  color: #345c98;
}
.bg-red {
  background-color: #BF7384;
  color: #FFFFFF;
}
.bg-red.light {
  background-color: #cf96a3;
  color: #555555;
}
.bg-red.dark {
  background-color: #af5065;
}
.bg-white {
  background-color: #FFFFFF;
  color: #555555;
}
.box-shadow {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: inset 0 0 5px #DDD;
  margin: 0 auto 20px;
}
.box-in {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: inset 0 0 5px #DDD;
  margin: 0 auto 25px;
  padding: 0.5rem;
}
.box-in-out {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: inset 0 0 5px #DDD;
  margin: 0 auto 25px;
  padding: 0.5rem;
}
.box-in-out:hover {
  box-shadow: 0 0 5px #DDD;
}
.box-out {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: 0 0 5px #DDD;
  margin: 0 auto 25px;
  padding: 0.5rem;
}
.box-out-in {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: 0 0 5px #DDD;
  margin: 0 auto 25px;
  padding: 0.5rem;
}
.box-out-in:hover {
  box-shadow: inset 0 0 5px #DDD;
  background-color: #EEE;
}
.box-clean {
  border: 1px solid #DDD;
  border-radius: 7px;
  padding: 0.5rem;
}
.button-black {
  background-color: #000000 !important;
  border: 1px solid #555555;
}
.button-black:hover {
  background-color: #333 !important;
}
.button-blue {
  background-color: #678FCB !important;
  border: 1px solid #555555;
}
.button-blue:hover {
  background-color: #4173be !important;
}
.button-brown {
  background-color: #C5986D !important;
  border: 1px solid #555555;
}
.button-brown:hover {
  background-color: #b77e49 !important;
}
.button-gray {
  background-color: #555555 !important;
  border: 1px solid #555555;
}
.button-gray:hover {
  background-color: #3c3c3c !important;
}
.button-green {
  background-color: #B5C587 !important;
  border: 1px solid #555555;
}
.button-green:hover {
  background-color: #a0b465 !important;
}
.button-orange {
  background-color: #D57D42 !important;
  border: 1px solid #555555;
}
.button-orange:hover {
  background-color: #bb6429 !important;
}
.button-purple {
  background-color: #9571AB !important;
  border: 1px solid #555555;
}
.button-purple:hover {
  background-color: #7c5792 !important;
}
.button-red {
  background-color: #BF7384 !important;
  border: 1px solid #555555;
}
.button-red:hover {
  background-color: #af5065 !important;
}
.button-white {
  background-color: #FFFFFF !important;
  border: 1px solid #555555;
  color: #555555 !important;
}
.button-white:hover {
  background-color: #e6e6e6 !important;
  color: #888 !important;
}
a.button-black, a.button-blue, a.button-brown, a.button-gray, a.button-green, a.button-orange, a.button-purple, a.button-red {
  color: #FFFFFF !important;
}
a.button-black:hover, a.button-blue:hover, a.button-brown:hover, a.button-gray:hover, a.button-green:hover, a.button-orange:hover, a.button-purple:hover, a.button-red:hover {
  color: #e6e6e6;
}
.blog-items .blog-item, .featured {
  border-radius: 7px;
  box-shadow: 0px 3px 5px #DDD;
  margin: 0 0 25px 0;
  padding: 0px 10px 10px;
}
div.pull-left.item-image {
  max-width: 50%;
}
div.input-prepend.inline-display input.input-large {
  display: none;
}
.display-amount-textbox div.input-prepend.inline-display input.input-large {
  display: initial;
}
.hide-key #form-login-secretkey, .hide-key ul {
  display: none;
}
.clear {
  clear: both;
}
blockquote p {
  font-weight: 450;
}
blockquote .quote {
  color: #CCBBCC;
  font-size: 1.2em;
}
blockquote .quote-name {
  color: #BBBBCC;
  font-size: 1.3em;
  margin-top: 10px;
  text-indent: 40%;
}
.image-right {
  margin: 0 0 15px 15px;
}
.image-left {
  margin: 0 15px 15px 0;
}
/* Media Queries */
/* Large Mode */
/* Desktop Modes */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  h3.wb-margin {
    margin: 10px 100px;
  }
}
/* Tablet Modes */
@media (min-width: 768px) and (max-width: 959px) {
  img.ed-scott {
    margin: 20px auto;
    width: 350px;
  }
  h3.wb-margin {
    margin: 10px 75px;
  }
  .compare {
    margin: 25px auto 50px;
    max-width: 800px;
  }
  .compare-header {
    max-width: 800px;
  }
  table.table {
    margin: 0px auto 50px;
    max-width: 800px;
  }
}
/* Mobile Modes */
@media (max-width: 767px) {
  .blog-items .blog-item, .featured {
    border-radius: 7px;
    box-shadow: 0px 3px 5px #DDD;
    margin: 0 0 25px 0;
    padding: 0px 5px 5px;
  }
  h3.wb-margin {
    margin: 10px 50px;
  }
}
@media only screen and (max-width: 767px) {
  /*  
  .compare .complete .plan-select {
    padding: 30px 10px;
  }
*/
  img.ed-scott {
    margin: 20px auto;
    width: 100%;
  }
  .compare {
    width: 85%;
    border-radius: 0 !important;
    margin: 20px auto 50px;
  }
  .compare-header {
    border-radius: 0px;
    width: 100%;
  }
  .compare .plan {
    width: 100%;
    border-radius: 0 !important;
  }
  .compare .plan-features li {
    height: auto;
  }
  .compare .complete {
    margin-top: 0;
    border-radius: 0;
  }
  .compare .complete .plan-title {
    padding: 15px;
  }
  .compare li.hide-767 {
    display: none;
  }
  table.table {
    font-size: 0.8rem;
    width: 100%;
  }
  table.rounded-corners {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
}
@media only screen and (max-width: 480px) {
  table.table {
    font-size: 0.6rem;
    font-weight: 300;
    width: 100%;
  }
}
/*# sourceMappingURL=custom_12.css.map */