@charset "UTF-8";
/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
.main .shell {
  font-size: 18px;
  padding-left: 0px;
  padding-right: 0px; }
  @supports (-ms-ime-align: auto) {
    .main .shell {
      font-size: 16px; } }

.container {
  width: 186px;
  grid-template-columns: auto;
  -ms-grid-columns: 190px;
  display: grid;
  display: -ms-grid;
  grid-gap: 10px 15px;
  justify-content: center;
  justify-items: center;
  align-items: start;
  align-content: start;
  grid-auto-columns: 60px; }

.app_content, .download_content {
  font-size: .83em; }

.download_content {
  margin-bottom: 20px; }

.pricing-info {
  position: relative;
  margin-top: 10px;
  min-width: 320px; }

.pricing-calculator {
  position: relative;
  margin-top: 10px;
  text-align: center; }
  .pricing-calculator .form {
    display: inline-block; }
    .pricing-calculator .form .one-column {
      margin-top: 0; }

.pricing-calculator-link {
  position: absolute;
  top: -12px;
  right: 0; }
  .pricing-calculator-link:hover {
    text-decoration: none; }

.plan {
  border-radius: 10px;
  border-color: #e0e6ed;
  border-width: 1px;
  border-style: solid;
  width: 150px;
  padding: 1.5em;
  margin: 10px; }

@supports (-ms-ime-align: auto) {
  .plan {
    width: 130px; } }
.btn {
  font-size: 16px; }

.item {
  grid-column-start: auto;
  grid-column-end: auto;
  grid-row-start: auto;
  grid-row-end: auto; }

.a, .feat1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1; }

.b, .feat2 {
  -ms-grid-column: 1;
  -ms-grid-row: 3; }

.c {
  -ms-grid-column: 1;
  -ms-grid-row: 5; }

/*
.d {
	-ms-grid-column: 1;
	-ms-grid-row: 7;
}
*/
.toggle {
  padding-bottom: 20px; }

.center {
  text-align: center; }

.annual_rate, .monthly_rate {
  height: 40px; }

hr {
  margin-bottom: 10px; }

.description {
  height: 80px;
  font-size: .9em;
  font-style: italic; }

.features {
  padding-top: 20px; }

@supports (-ms-ime-align: auto) {
  .features {
    margin-top: 100px;
    padding-left: 40px; } }
.free_features {
  list-style: none; }
  .free_features li:before {
    content: "•";
    margin-right: 4px; }

.paid_features {
  list-style: none; }
  .paid_features li:before {
    content: "+";
    margin-right: 4px; }

.price {
  font-size: 16px; }

.purple {
  color: #905191; }

div.plan p.btn-c {
  margin-top: 20px; }

.plan_information {
  border-radius: 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 10px;
  margin: 10px;
  grid-column-start: 0;
  grid-column-end: span 1;
  text-align: center;
  -ms-grid-column: 1;
  -ms-grid-row: 7; }

@supports (-ms-ime-align: auto) {
  .plan_information {
    margin-top: 60px;
    margin-left: 20px; } }
.plan_information div {
  padding-bottom: 10px; }

.encouragement {
  font-size: 1.5em; }

.article p {
  padding-bottom: 10px; }

#pricing-faq {
  margin-top: 20px;
  float: none; }

@media (min-width: 550px) {
  .container {
    width: 380px;
    grid-template-columns: auto auto;
    -ms-grid-columns: 190px 10px 190px; }

  .a, .feat1 {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }

  .b, .feat2 {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }

  .c {
    -ms-grid-column: 1;
    -ms-grid-row: 3; }

  /*
  	.d {
  		-ms-grid-column: 3;
  		-ms-grid-row: 3;
  	}
  */
  .plan_information {
    grid-column-start: 0;
    grid-column-end: span 2;
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    -ms-grid-column-span: 3; } }
@media (max-width: 615px) {
  .pricing-calculator {
    padding: 0 30px; }

  .shell div.form input[type='text'], .shell div.form input[type='number'], .shell div.form input[type='password'], .shell div.form textarea, .shell div.form select, .shell div.form .two-column, .shell .ui-tabs .ui-tabs-nav li, .shell .ui-tabs .ui-tabs-nav li a, .shell .total_price {
    width: 100%;
    box-sizing: border-box; } }
@media (max-width: 900px) {
  @supports (-ms-ime-align: auto) {
    .features {
      margin-top: 20px; } } }
@media (min-width: 900px) {
  .container {
    grid-template-columns: auto auto auto auto;
    width: 600px;
    -ms-grid-columns: 190px 10px 190px 10px 190px;
    -ms-grid-rows: 260px 15px 176px; }

  @supports (-ms-ime-align: auto) {
    .no-row {
      -ms-grid-rows: 0px; } }
  .features {
    -ms-grid-rows: 120px;
    -ms-grid-columns: 50px 250px 250px 50px; }

  .feat1 {
    -ms-grid-column: 2;
    -ms-grid-row: 1; }

  .feat2 {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }

  .feat1, .feat2 {
    -ms-grid-column-span: 2; }

  .a {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }

  .b {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }

  .c {
    -ms-grid-column: 5;
    -ms-grid-row: 1; }

  /*
  	.d {
  		-ms-grid-column: 7;
  		-ms-grid-row: 1;
  	}
  */
  .plan_information {
    min-height: 156px;
    height: 156px;
    grid-column-start: 0;
    grid-column-end: span 3;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-span: 5; }

  @supports (-ms-ime-align: auto) {
    .plan_information {
      min-height: 210px;
      height: 210px; } }
  html > body .plan_information {
    height: auto; } }
/* IE adjustments */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .main .shell {
    font-size: 16px; }

  .plan {
    width: 130px; }

  .features {
    margin-top: 100px;
    padding-left: 40px; }

  .plan_information {
    margin-top: 60px;
    margin-left: 20px; }

  .no-row {
    -ms-grid-rows: 0px; } }
@media all and (-ms-high-contrast: none) and (min-width: 900px), (-ms-high-contrast: active) and (min-width: 900px) {
  .plan_information {
    min-height: 210px;
    height: 210px; } }
@media all and (-ms-high-contrast: none) and (max-width: 900px), (-ms-high-contrast: active) and (max-width: 900px) {
  .features {
    margin-top: 20px; } }

/*# sourceMappingURL=pricing.css.map */