.plans__bg {
  background-color: #ff4848;
  padding-top: 100px;
  width: 100%;
  height: auto;
  overflow: hidden; }
  @media (max-width: 40em) {
    .plans__bg {
      padding-bottom: 20px; } }

.plans__box {
  border-radius: 5px;
  position: relative; }
  @media (max-width: 40em) {
    .plans__box {
      margin-top: auto;
      margin-bottom: 20px; } }

.wrap-title-plans {
  height: 100px;
  display: table;
  width: calc(100% - 2px);
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #DDDDDD; }

.plans__title {
  font-size: 20px !important;
  color: #7c7c7c !important;
  text-align: center;
  font-weight: 400;
  line-height: 1.0 !important;
  display: table-cell;
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px; }
  .plans__title--small {
    font-size: 14px; }

.plans__text {
  font-size: 16px;
  color: #999999;
  line-height: 25px;
  text-align: center;
  font-weight: 300; }

.plans__price-1, .plans__price-3, .plans__price-2, .plans__price-4 {
  text-align: center;
  display: block;
  padding: 10px 0;
  background: #ff6819;
  font-size: 20px;
  color: #fff;
  font-weight: 400; }

.plans__price-3 {
  background: #9966cb; }

.plans__price-2 {
  background: #00c7c0; }

.plans__price-4 {
  background: #70c034; }

.plans__features {
  border-radius: 0 0 5px 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: #fff;
  border: 1px solid #DDDDDD;
  position: relative;
  z-index: 1; }

.plans__action {
  border-top: 1px solid #EEEEEE;
  margin: 10px 0; }

.plans__intro {
  background-color: transparent;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px 8px;
  color: #999999;
  position: relative;
  transition: color ease 0.3s;
  border: 1px solid #DDDDDD;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  margin-top: -6px;
  border-top: transparent 0px; }
  .plans__intro-title, .plans__intro-text {
    color: inherit; }
  .plans__intro-title {
    font-size: 24px;
    margin-bottom: 16px; }
  .plans__intro-text {
    font-size: 14px;
    font-weight: 300; }
  .plans__intro-text-bottom {
    font-size: 11px;
    position: absolute;
    bottom: 12px;
    right: 15px; }

  .plans__intro-1 {
    height: 352px; }
    @media (max-width: 40em) {
      .plans__intro-1 {
        height: 341px; }
    }
    .plan--1:hover .plans__intro-1, .plan--1.active .plans__intro-1 {
      background-color: #ff6819; }

  .plans__intro-2 {
    height: 302px; }
    .plan--2:hover .plans__intro-2, .plan--2.active .plans__intro-2 {
      background-color: #00c7c0; }

  .plans__intro-3 {
    height: 283px; }
    .plan--3:hover .plans__intro-3, .plan--3.active .plans__intro-3 {
      background-color: #9966cb; }

  .plans__intro-4 {
    height: 131px; }
    @media (max-width: 40em) {
      .plans__intro-4 {
        height: 90px; }
    }

.plan--disable .plans__intro {
  background-color: #e8e8e8; }

.slider-xs-plan {
  text-decoration: none;
  color: #000;
  outline: none; }
  .slider-xs-plan:hover .plans__intro, .slider-xs-plan.active .plans__intro {
    color: #fff; }
  .slider-xs-plan:hover .plans__intro-4, .slider-xs-plan.active .plans__intro-4 {
    background-color: #fff; }

.plan--disable:hover .plans__intro, .plan--disable.active .plans__intro {
  background-color: #e8e8e8;
  color: #999999; }

.plans__btn-1, .plans__btn-3, .plans__btn-2, .box__btn {
  margin: 15px auto;
  display: inline-block;
  background: #ff6819;
  color: #fff;
  text-align: center;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 4px;
  min-width: 210px; }
  .plans__btn-1:hover, .plans__btn-3:hover, .plans__btn-2:hover, .box__btn:hover {
    background: #e54f00; }

.plans__btn-3 {
  background: #9966cb; }
  .plans__btn-3:hover {
    background: #8040be; }

.plans__btn-2 {
  background: #00c7c0; }
  .plans__btn-2:hover {
    background: #00948f; }

.oozobox {
  margin: 40px 0; }

.box__title {
  font-size: 39px;
  font-weight: 300; }
  @media (min-width: 414px) and (max-width: 1023px) {
    .box__title {
      text-align: left; } }

.box__text {
  font-size: 15px;
  line-height: 24px;
  color: #999999;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 10px 0 0 5px; }
  @media (min-width: 414px) and (max-width: 1023px) {
    .box__text {
      text-align: left; } }

.box__btn {
  background: #ff006b;
  margin-left: 0; }
  .box__btn:hover {
    background: #cc0056; }

@media (min-width: 414px) and (max-width: 1023px) {
  .tablet-left {
    text-align: left; } }

.text-top-header {
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  margin-bottom: 40px;
  font-weight: 300;
  text-align: center;
  margin: 0 10px;
  width: 80%;
  margin: 0 auto; }
  @media screen and (max-width: 40em) {
    .text-top-header {
      width: 100%;
      padding: 10px; } }

.min-height-text {
  min-height: 149px; }

.mini-box {
  background-image: url("../images/mini-caixinha.png");
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 119px;
  height: 80px;
  display: block;
  top: -48px;
  background-size: cover; }

@media (max-width: 767px) {
  .intro-plan {
    overflow-x: hidden;
    margin-top: -100px;
    padding-top: 60px; } }

.plan-include {
  margin: 40px 0; }

.slider-xs {
  display: table;
  padding-right: 0;
  padding-left: 0; }
  .slider-xs-plan {
    padding-left: 2.5px;
    padding-right: 2.5px; }
  .slider-xs.active .plans__intro {
    color: #fff; }

.wrap-plan {
  margin-bottom: 40px; }

.feature {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px; }
  .feature-separate {
    border-bottom: solid 1px #EEEEEE; }
  .feature__wrap-icon {
    width: 50px;
    position: relative;
    text-align: center;
    margin-right: 6px; }
  .feature__icon.icon-font {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    .feature__icon.icon-font::before {
      width: 100%;
      height: 100%; }
  .feature__icon::before {
    color: #000; }
  .feature__title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px; }
  .feature__content {
    padding-left: 8px;
    padding-right: 8px; }
  .feature__list {
    width: 100%; }
    @media (max-width: 40em) {
      .feature__list {
        width: 90%;
        margin-left: auto; } }
  .feature__item {
    position: relative;
    margin-bottom: 2px;
    font-size: 14px; }
    .feature__item-icon {
      position: relative;
      margin-right: 4px; }
      .feature__item-icon::before {
        position: relative; }
      .plan-wrap-1 .feature__item-icon::before {
        color: #ff6819; }
      .plan-wrap-2 .feature__item-icon::before {
        color: #00c7c0; }
      .plan-wrap-3 .feature__item-icon::before {
        color: #9966cb; }
      .plan-wrap-4 .feature__item-icon::before {
        color: #70c034; }
    .feature__item-content, .feature__item-icon {
      display: inline-block;
      vertical-align: middle; }
    .feature__item-content {
      font-weight: 300;
      font-size: 13px;
      width: calc(100% - 26px); }
  .feature-box {
    padding-left: 0px;
    padding-right: 0px; }
    .feature-box__title {
      font-size: 22px;
      text-align: center;
      margin-top: 15px; }
    .feature-box__item .feature__item-content,
    .feature-box__item + .feature__item span {
      width: auto; }
    .feature-box__price {
      font-size: 21px; }
    .feature-box .feature__item-content {
      font-weight: 400; }
    .feature-box-separate {
      border-top: dotted 5px #ff006b; }

.plan-c-1, .plan-c-2, .plan-c-3, .plan-c-4 {
  font-weight: 400; }

.plan-c-1 {
  color: #ff6819; }

.plan-c-2 {
  color: #00c7c0; }

.plan-c-3 {
  color: #9966cb; }

.plan-c-4 {
  color: #70c034; }

.plan-c-pink {
  color: #ff006b; }

.icon-space-bottom {
  margin-bottom: 15px; }

.plans-box {
  width: 100%; }

@media (min-width: 40em) {
  .container-system {
    width: 744px; } }

.slider-xs-plan {
  float: left;
  width: calc(25% - 5px);
  overflow: hidden; }

.payment-plan .slider-xs-plan {
  width: 190px; }

.payment-plan.hidden-list-xs .slider-xs-plan {
  width: 100%; }

.plan__btn {
  display: inline-block;
  width: calc(100% - 20px);
  left: 10px;
  right: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #b7267d;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  border: solid 2px transparent;
  transition: all ease 0.3s;
  cursor: pointer; }
  .plan__btn:hover, .slider-xs-plan:hover .plan__btn, .slider-xs-plan.active .plan__btn {
    background-color: #fff;
    border: solid 2px #b7267d;
    color: #b7267d; }
  .plan__btn--disable {
    background-color: #272727;
    cursor: default; }
  .plan__btn--disable:hover, .slider-xs-plan:hover .plan__btn--disable, .slider-xs-plan.active .plan__btn--disable {
    background-color: #272727;
    color: #fff;
    border: solid 2px transparent; }

.plan-headline {
  position: absolute;
  left: 0;
  top: 0;
  width: 68px;
  height: 68px;
  background-image: url(../images/selo-6.png);
  border-top-left-radius: 5px; }
  .plan-headline__text {
    position: absolute;
    top: 0;
    z-index: 2;
    transform: rotate(-45deg);
    text-align: center;
    line-height: 0.8;
    color: #1e222a;
    font-size: 10px;
    text-transform: uppercase;
    left: -1px;
    top: 13px; }

span {
  font-size: 13px; }

.action.card {
  display: block;
  padding: 10px;
  text-align: center; }
  .action.card span {
    display: block;
    margin: 5px auto 10px auto;
    text-align: center;
    color: #7c7c7c; }
  .action.card div {
    text-align: center;
    margin: 0 0 3px 0; }
    .action.card div img {
      display: inline-block;
      vertical-align: middle; }
  .action.card .stripe {
    width: 100px;
    margin: 10px  0 0 0; }

/*# sourceMappingURL=plans-system.css.map */