/*For the new plans page test, July 2016 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700);
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

p, li {
  font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5 {
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 400; }

html,
body {
  height: 100%; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.core_container h1 {
    margin: 0;
    font-size: 2rem;
  }

.core_container p.intro {
  text-align: center;
  margin-top: 10px;
  padding-left: 75px;
  padding-right: 75px;
  font-size: 13px;
  font-weight: 200;
}

.content {
  width: 960px;
  margin: auto;
  padding: 5px 0; }
  .content del {
    color: #ddd; }
  .content h2 {
    margin: 0 0 .5em 0;
    font-size: 1.75rem;
    text-align: center;
    color: #4a4a4a; }
  .content p {
    width: 480px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    color: rgba(74, 74, 74, 0.8); }
    .content .plan {
      padding: 20px 0 0 0 !important;
      background: #fff !important;
      font-weight: 200;
    }
    .content .plan .price-annual {
      display: none; }
    .content .plan .interval-annual {
      display: none; }
  .content .plans .plan p.plan-desc {
    border-top: 2px solid #ddd;
    padding: 20px 20px 0px 20px; }
  .content .plans .plan h3 {
    margin: 0;
    font-size: .8rem;
    color: #759132;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .10em; }
  .content .plans .plan h4 {
    margin: 1em 0 .25em 0;
    font-size: 1.25rem;
    color: #4a4a4a;
    text-align: center; }
  .content .plans .plan p {
    width: auto;
    margin: 0 0 20px 0;
    font-size: .8rem;
    color: rgba(74, 74, 74, 0.8); }
  .content .plans .plan .features {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    }
    .content .plans .plan .features li {
      padding: 10px;
      border-top: 1px solid #eee; }
    .content .plans .plan .features li strong {
      border-bottom: 2px solid #759132; }
  .content .plans .plan .ctabtn {
    display: block;
    height: 40px;
    margin: 0 20px;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    color: white;
    background: #759132;
    border-style: solid;
    border-width: 1px 1px 2px;
    outline: 0;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
    border-color: #617b23; }
    .content .plans .plan .ctabtn:hover {
      background: #617b23; }
  .content .plans.two {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    margin: 40px 0 0 0; }
    .content .plans.two .plan {
      width: 40%;
      background: #f9f9f9;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 20px 0; }
  .content .plans.three {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 40px 0 0 0; }
    .content .plans.three .plan {
      width: 30%;
      background: #f9f9f9;
      border: 2px solid #eee;
      border-radius: 3px;
      padding: 20px 0; }
  .content .plans.four {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 40px 0 0 0; }
    .content .plans.four .plan {
      width: 23%;
      background: #f9f9f9;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 20px 0; }
  .content .enterprise {
    width: 600px;
    margin: 40px auto 0;
    font-size: .9rem;
    text-align: center;
    line-height: 1.5;
    color: rgba(74, 74, 74, 0.8);
    font-weight: 200;}
    .content .enterprise a {
      color: #759132;
      text-decoration: none; }
      .content .enterprise a:hover {
        border-bottom: 2px solid #759132; }

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 40px 0;
  background: #f9f9f9;
  border-top: 1px solid #eee; }

@media (max-width: 420px) {
  #header #wpcc-sign-in {
    right: 5px;
  }

  .core_content {
    padding: 0 !important;
  }

  .core_container {
    padding: 20px !important;
  }

  .core_container h1 {
    margin: 0;
    font-size: 1.35rem;
  }

  .content {
    width: 100%;
  }
  .content .plans {
    width: 100%;
    display: block !important;
    margin: 0 !important;
  }

  .content .plans .plan {
  width: 100% !important;
  margin: 0 0 20px 0;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.06);
  }

  .content .plans .plan p+p {
  width: auto;
  margin: 0;
  font-size: .8rem;
  color: rgba(74, 74, 74, 0.8);
  }

  .content .plans .plan .features {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #eee;
  }

  .content .plans .plan .features li {
  padding: 5px 0;
  font-size: .8rem;
  border-top: 1px solid #eee;
  }

  .content .enterprise {
    width: 100%;
  }
}


@media (min-width: 600px) and (max-width: 800px) {
  .content .enterprise {
    width: 100% !important;
  }
  .content {
    width: 100%;
  }
  .content .plans {
    flex-wrap: wrap;
    width: 100% !important;
  }
  .content .plans.four .plan {
    width: 48% !important;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
	.content {
		max-width: 100%;
	}

	.content .plans.three {
		display: block;
		max-width: 100%;
	}

	.content .plans.three .plan {
		float: left;
		width: 100%;
		margin-bottom: 2rem;
	}
}

#main_title {
	padding-bottom: 20px;
	text-align: center;
}


:root {
  --color-white: #FFFFFF;
  --color-gray: #DCDCDE;
  --color-gray-dark: #646970;
  --color-green-base: #7B9041;
  --color-green-light: #A6BF61;
  --color-green-dark: #667A32;
  --color-green-text: #687C33;
  --spacing-plans: 16px;
  --font-brand: 'Merriweather Sans';
}

.september-2020-plans .plans-title {
  margin: 0;
  font-size: 2rem;
  text-align: center;
}
.september-2020-plans .pricing-toggle {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 24px 0 32px;
}
.september-2020-plans .pricing-toggle ul {
  list-style: none;
  display: flex;
}
.september-2020-plans .pricing-toggle li:first-of-type a {
  border-radius: 3px 0 0 3px;
}
.september-2020-plans .pricing-toggle li:last-of-type a {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.september-2020-plans .pricing-toggle a {
  padding: 8px 16px;
  font-size: 14px;
  font-family: var(--font-brand);
  color: var(--color-gray-dark);
  border: 1px solid var(--color-green-dark);
  text-decoration: none;
}
.september-2020-plans .pricing-toggle a:hover {
  background: var(--color-white);
}
.september-2020-plans .pricing-toggle a.is-active {
  color: var(--color-white);
  background: var(--color-green-base);
}
.september-2020-plans .pricing-toggle p {
  flex-basis: 100%;
  margin: 16px 0 0;
  font-style: italic;
  text-align: center;
}
.september-2020-plans .plans-wrapper {
  max-width: 1140px;
  margin: 0 -90px 56px;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plans-wrapper {
    max-width: 660px;
    margin: 0 auto 56px;
  }
}
.september-2020-plans .plans-container {
  display: flex;
  margin: 0 -8px;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plans-container {
    display: block;
    margin: 0;
  }
}
.september-2020-plans .plans-container .plans-type {
  display: block;
  margin: 0;
  padding: 12px var(--spacing-plans);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-gray-dark);
  border-bottom: 1px solid var(--color-gray);
  background-position: top 50% right var(--spacing-plans);
  background-repeat: no-repeat;
}
.september-2020-plans .plans-personal-use {
  flex: 1;
}
.september-2020-plans .plans-personal-use .plans-type {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8c0-2.21-1.79-4-4-4S8 5.79 8 8s1.79 4 4 4 4-1.79 4-4zm-4 5c4.1 0 8 2.6 8 5 0 2-8 2-8 2s-8 0-8-2c0-2.4 3.9-5 8-5z' fill='%23000'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='4' y='4' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8c0-2.21-1.79-4-4-4S8 5.79 8 8s1.79 4 4 4 4-1.79 4-4zm-4 5c4.1 0 8 2.6 8 5 0 2-8 2-8 2s-8 0-8-2c0-2.4 3.9-5 8-5z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23A6BF61' d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plans-personal-use {
    margin-bottom: 32px;
  }
}
.september-2020-plans .plans-commercial-use {
  flex: 3;
}
.september-2020-plans .plans-commercial-use .plans-type {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='4' width='24' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 12C14.2 12 16 10.2 16 8C16 5.8 14.2 4 12 4C9.8 4 8 5.8 8 8C8 10.2 9.8 12 12 12ZM6 11H6.8L7.4 11.9C5.3 12.8 3.5 14.1 2.6 15.8C1.2 15.6 0 15.2 0 14.6C0 12.9 2.9 11 6 11ZM21.4 15.8C22.8 15.6 24 15.2 24 14.6C24 12.9 21.1 11 18 11.1H17.2C17.1 11.25 17 11.375 16.9 11.5C16.8 11.625 16.7 11.75 16.6 11.9C18.7 12.8 20.5 14.1 21.4 15.8ZM4 18C4 15.6 7.9 13 12 13C16.1 13 20 15.6 20 18C20 20 12 20 12 20C12 20 4 20 4 18ZM17.7 10H18C19.7 10 21 8.7 21 7C21 5.3 19.7 4 18 4C17.5 4 17.1 4.1 16.7 4.3C17.5 5.3 18 6.6 18 8C18 8.7 17.9 9.4 17.7 10ZM6.3 10H6C4.3 10 3 8.7 3 7C3 5.3 4.3 4 6 4C6.5 4 6.9 4.1 7.3 4.3C6.5 5.3 6 6.6 6 8C6 8.7 6.1 9.4 6.3 10Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='24' height='24' fill='%23A6BF61'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.september-2020-plans .plans-personal-use,
.september-2020-plans .plans-commercial-use {
  margin: 0 calc( var( --spacing-plans ) / 2 );
  background: var(--color-white);
  box-shadow: 0 0 0 1px var(--color-gray);
  border-radius: 3px;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plans-personal-use,
  .september-2020-plans .plans-commercial-use {
    margin: 0 0 32px;
    background: none;
    box-shadow: none;
    border-radius: 0;
  }
}
.september-2020-plans .plans-inner {
  display: flex;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plans-inner {
    display: block;
  }
}
.september-2020-plans .plan {
  padding: 24px var(--spacing-plans);
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan {
    margin-bottom: 24px;
    background: var(--color-white);
    box-shadow: 0 0 0 1px var(--color-gray);
    border-radius: 3px;
  }
}
@media screen and (max-width: 660px) {
  .september-2020-plans .plan {
    border-radius: 0;
  }
}
.september-2020-plans .plan + .plan {
  padding-left: 0;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan + .plan {
    padding-left: var(--spacing-plans);
  }
}
.september-2020-plans .plan h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--color-green-text);
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan .header {
    display: flex;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan .info {
    flex: 3;
  }
}
.september-2020-plans .plan .plan-popular {
  margin-left: 8px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--color-white);
  background: var(--color-green-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  vertical-align: 3px;
}
.september-2020-plans .plan .description {
  font-size: 14px;
  color: var(--color-gray-dark);
  min-height: 4rem;
}
.september-2020-plans .plan .pricing {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0;
  min-height: 60px;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan .pricing {
    justify-content: flex-end;
    flex: 2;
    min-height: 0;
    margin: 0;
    text-align: right;
  }
}
.september-2020-plans .plan .pricing h3 {
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  display: block;
  font-size: 36px;
  font-family: var(--font-brand);
  line-height: 1;
}
.september-2020-plans .plan .pricing h3 + h3 {
  padding: 0;
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan .pricing h3 + h3 {
    margin-right: 0;
  }
}
@media screen and (max-width: 660px) {
  .september-2020-plans .plan .pricing h3 {
    font-size: 24px;
  }
}
.september-2020-plans .plan .pricing sup {
  font-size: 16px;
  font-weight: 400;
}
.september-2020-plans .plan .pricing small {
  width: 100%;
  font-size: 13px;
  color: var(--color-gray-dark);
}
@media screen and (max-width: 1140px) {
  .september-2020-plans .plan .pricing small {
    margin-top: -16px;
  }
}
.september-2020-plans .plan .pricing .pricing-original.struck {
  position: relative;
  color: var(--color-gray-dark);
}
.september-2020-plans .plan .pricing .pricing-original.struck::before {
  position: absolute;
  content: "";
  left: 0;
  top: 18px;
  right: 0;
  border-top: 2px solid var(--color-green-dark);
  transform: rotate(-16deg);
  opacity: .9;
}
@media screen and (max-width: 660px) {
  .september-2020-plans .plan .pricing .pricing-original::before {
    top: 12px;
  }
}
.september-2020-plans .plan .button {
  display: block;
  font-family: var(--font-brand);
  font-size: 16px;
  text-align: center;
  color: var(--color-white);
  background: var(--color-green-base);
  box-shadow: 0 0 0 1px var(--color-green-dark), 0 1px 0 1px var(--color-green-dark);
  border: none;
  border-radius: 3px;
  text-shadow: none;
}
.september-2020-plans .plan .button:hover, .september-2020-plans .plan .button:focus {
  background: var(--color-green-light);
  box-shadow: 0 0 0 1px var(--color-green-base), 0 1px 0 1px var(--color-green-base);
}
.september-2020-plans .plan.plan-personal .pricing strong {
  margin: 0;
  font-size: 24px;
}
@media screen and (max-width: 960px) {
  .september-2020-plans .plan.plan-personal .pricing strong {
    font-size: 16px;
  }
}
.september-2020-plans .plan .features {
  list-style: none;
  margin: 32px 0 0;
  font-size: 16px;
}
.september-2020-plans .plan .features li {
  margin: 0 0 8px;
  text-indent: 24px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.575 10.243L2.339 6 .927 7.414l4.236 4.243 1.412 1.414 1.412-1.414 7.06-7.071-1.413-1.414-7.06 7.07z' fill='%23D8D8D8'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='3' width='16' height='11'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.575 10.243L2.339 6 .927 7.414l4.236 4.243 1.412 1.414 1.412-1.414 7.06-7.071-1.413-1.414-7.06 7.07z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23A6BF62' d='M0 0h15.974v16H0z'/%3E%3C/g%3E%3C/svg%3E");
}
.september-2020-plans .faq-container {
  max-width: 660px;
  margin: 0 auto;
}
@media screen and (max-width: 660px) {
  .september-2020-plans .faq-container {
    margin: 0 16px;
  }
}
.september-2020-plans .faq-container h3 {
  font-size: 24px;
}
.september-2020-plans .faq-container p {
  margin: 0 0 16px;
  color: var(--color-gray-dark);
}
.september-2020-plans .faq-container .question {
  position: relative;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  text-indent: 32px;
  border-top: 1px solid var(--color-gray);
}
.september-2020-plans .faq-container .question:first-of-type {
  border: none;
}
.september-2020-plans .faq-container .question:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='8' y='6' width='8' height='12'%3E%3Cpath d='M9.705 6l-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6-6-6z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2350575E' d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/svg%3E");
  transition: transform .25s ease-out;
}
.september-2020-plans .faq-container .question.is-open:before {
  transform: rotate(90deg);
}
.september-2020-plans .faq-container .answer {
  display: none;
  padding: 0 0 16px 32px;
}