.icon-plans {
    font-size: 120%;
    margin-bottom: -3px;
    margin-right: 7px;
    margin-left: -10px;
}

.form-control {
    height: 35px !important;
}

.demo {
    padding: 30px 0
}

a {
    text-decoration: none;
}

:root {
    --pricingTable-mini: #00b2c8;
    --pricingTable-basico: #00b2c8;
    --pricingTable-estandar: #00b2c8;
    --pricingTable-privilegiado: #8592a3;
    --pricingTable-premium: #00b2c8;
    --pricingTable-empresarial: #8592a3;
}

.pricingTable {
    padding-bottom: 10px;
    background: #fff;
    border-bottom: 15px solid var(--pricingTable-yellow);
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 1.5rem;
}

.pricingTable:before {
    content: "";
    width: 100%;
    height: 350px;
    background: var(--pricingTable-yellow);
    position: absolute;
    top: -150px;
    left: 0;
    transform: skewY(-20deg)
}

.pricingTable .price-value:after,
.pricingTable .price-value:before,
.pricingTable .value:after,
.pricingTable5 .value:before,
.pricingTable5 .year:after,
.pricingTable5 .year:before {
    content: "";
    left: 50%;
    transform: translateX(-50%) scaleY(.5) rotate(45deg)
}

.pricingTable .pricingTable-header {
    padding: 20px 20px 60px;
    text-align: left;
    position: relative
}

.pricingTable .title {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.pricingTable .sub-title {
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

.pricingTable .value,
.pricingTable .year {
    color: var(--pricingTable-yellow);
    background: #fff
}

.pricingTable .year {
    width: 70px;
    height: 35px;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1;
    border-radius: 1.5rem;
}

.pricingTable .year:after,
.pricingTable .year:before {
    width: 57px;
    height: 57px;
    background: #fff;
    position: absolute;
    top: -28px;
    z-index: -1
}

.pricingTable .year:after {
    top: auto;
    bottom: -28px
}

.pricingTable .price-value {
    display: inline-block;
    width: 179px;
    height: 110px;
    padding: 15px;
    border: 2px solid var(--pricingTable-yellow);
    border-top: none;
    border-bottom: none;
    position: relative;
    margin-left: -15px;
    margin-top: -50px !important;
}

.pricingTable .price-value:after,
.pricingTable .price-value:before {
    width: 151px;
    height: 131px;
    border: 3px solid var(--pricingTable-yellow);
    border-right: none;
    border-bottom: none;
    position: absolute;
    top: -60px
}

.pricingTable .price-value:after {
    border-top: none;
    border-left: none;
    border-bottom: 3px solid var(--pricingTable-yellow);
    border-right: 3px solid var(--pricingTable-yellow);
    top: auto;
    bottom: -60px
}

.pricingTable .value {
    width: 110%;
    height: 100%;
    border: 2px solid var(--pricingTable-yellow);
    border-top: none;
    border-bottom: none;
    z-index: 1;
    position: relative
}

.pricingTable .value:after,
.pricingTable .value:before {
    width: 110px;
    height: 110px;
    background: #fff;
    border: 3px solid var(--pricingTable-yellow);
    border-bottom: none;
    border-right: none;
    position: absolute;
    top: -28px;
    z-index: -1
}

.pricingTable .value:after {
    border-right: 3px solid var(--pricingTable-yellow);
    border-bottom: 3px solid var(--pricingTable-yellow);
    border-top: none;
    border-left: none;
    top: auto;
    bottom: -56px
}

.pricingTable .currency {
    display: inline-block;
    font-size: 30px;
    margin-top: 7px;
    vertical-align: top
}

.pricingTable .amount {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 65px
}

.pricingTable .amount span {
    display: inline-block;
    font-size: 40px;
    font-weight: 400;
    vertical-align: top;
    margin-top: -7px
}

.pricingTable .month {
    display: block;
    font-size: 16px;
    line-height: 0
}

.pricingTable .pricing-content {
    padding: 50px 0 0 0px;
    margin-bottom: 20px;
    list-style: none;
    text-align: left;
    transition: all .3s ease 0s
}

.pricingTable .pricing-content li {
    padding: 7px 0;
    font-size: 15px;
    color: grey;
    position: relative
}

.pricingTable .pricingTable-signup {
    display: inline-block;
    width: 60%;
    height: 46px;
    font-size: 21px;
    font-weight: 700;
    color: var(--pricingTable-mini);
    text-transform: uppercase;
    border: 2px solid var(--pricingTable-mini);
    margin: 0 auto 10px;
    position: relative;
    transition: all .3s ease 0s;
    border-radius: 1.5rem;
}

.pricingTable-signup2 {
    width: 60%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: 700;
    color: var(--pricingTable-mini);
    text-transform: uppercase;
    border: 2px solid var(--pricingTable-mini);
    margin: 0 auto 10px;
    position: relative;
    transition: all .3s ease 0s;
}

/* Mini */
.pricingTable.mini .price-value:before,
.pricingTable.mini .value:before {
    border-left-color: var(--pricingTable-mini);
    border-top-color: var(--pricingTable-mini)
}

.pricingTable.mini .price-value,
.pricingTable.mini .price-value:after,
.pricingTable5.mini .value,
.pricingTable5.mini .value:after {
    border-right-color: var(--pricingTable-mini)
}

.pricingTable.mini,
.pricingTable5.mini .price-value:after,
.pricingTable5.mini .value:after {
    border-bottom-color: var(--pricingTable-mini)
}

.pricingTable.mini .price-value:after {
    border-bottom: 3px solid var(--pricingTable-mini);
    border-right: 3px solid var(--pricingTable-mini);
}

.pricingTable.mini .value {
    border: 2px solid var(--pricingTable-mini);
}

.pricingTable.mini .value:after {
    border-right: 3px solid var(--pricingTable-mini);
    border-bottom: 3px solid var(--pricingTable-mini);
}

.pricingTable.mini .value,
.pricingTable.mini .year {
    color: var(--pricingTable-mini)
}

.pricingTable.mini:before {
    background: var(--pricingTable-mini)
}

.pricingTable.mini .price-value {
    border-left-color: var(--pricingTable-mini)
}

.pricingTable.mini .value {
    border-left-color: var(--pricingTable-mini)
}

.pricingTable.mini .pricingTable-signup {
    color: var(--pricingTable-mini);
    border-color: var(--pricingTable-mini);
}

.pricingTable.mini .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-mini)
}

/* /Mini_______________________________________________________*/

/* Basico */
.pricingTable.basico .price-value:before,
.pricingTable.basico .value:before {
    border-left-color: var(--pricingTable-basico);
    border-top-color: var(--pricingTable-basico)
}

.pricingTable.basico .price-value,
.pricingTable.basico .price-value:after,
.pricingTable5.basico .value,
.pricingTable5.basico .value:after {
    border-right-color: var(--pricingTable-basico)
}

.pricingTable.basico,
.pricingTable5.basico .price-value:after,
.pricingTable5.basico .value:after {
    border-bottom-color: var(--pricingTable-basico)
}

.pricingTable.basico .price-value:after {
    border-bottom: 3px solid var(--pricingTable-basico);
    border-right: 3px solid var(--pricingTable-basico);
}

.pricingTable.basico .value {
    border: 2px solid var(--pricingTable-basico);
}

.pricingTable.basico .value:after {
    border-right: 3px solid var(--pricingTable-basico);
    border-bottom: 3px solid var(--pricingTable-basico);
}

.pricingTable.basico .value,
.pricingTable.basico .year {
    color: var(--pricingTable-basico)
}

.pricingTable.basico:before {
    background: var(--pricingTable-basico)
}

.pricingTable.basico .price-value {
    border-left-color: var(--pricingTable-basico)
}

.pricingTable.basico .value {
    border-left-color: var(--pricingTable-basico)
}

.pricingTable.basico .pricingTable-signup {
    color: var(--pricingTable-basico);
    border-color: var(--pricingTable-basico)
}

.pricingTable.basico .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-basico)
}

/* /Basico_______________________________________________________*/

/* Estandar */
.pricingTable.estandar .price-value:before,
.pricingTable.estandar .value:before {
    border-left-color: var(--pricingTable-estandar);
    border-top-color: var(--pricingTable-estandar)
}

.pricingTable.estandar .price-value,
.pricingTable.estandar .price-value:after,
.pricingTable5.estandar .value,
.pricingTable5.estandar .value:after {
    border-right-color: var(--pricingTable-estandar)
}

.pricingTable.estandar,
.pricingTable5.estandar .price-value:after,
.pricingTable5.estandar .value:after {
    border-bottom-color: var(--pricingTable-estandar)
}

.pricingTable.estandar .price-value:after {
    border-bottom: 3px solid var(--pricingTable-estandar);
    border-right: 3px solid var(--pricingTable-estandar);
}

.pricingTable.estandar .value {
    border: 2px solid var(--pricingTable-estandar);
}

.pricingTable.estandar .value:after {
    border-right: 3px solid var(--pricingTable-estandar);
    border-bottom: 3px solid var(--pricingTable-estandar);
}

.pricingTable.estandar .value,
.pricingTable.estandar .year {
    color: var(--pricingTable-estandar)
}

.pricingTable.estandar:before {
    background: var(--pricingTable-estandar)
}

.pricingTable.estandar .price-value {
    border-left-color: var(--pricingTable-estandar)
}

.pricingTable.estandar .value {
    border-left-color: var(--pricingTable-estandar)
}

.pricingTable.estandar .pricingTable-signup {
    color: var(--pricingTable-estandar);
    border-color: var(--pricingTable-estandar)
}

.pricingTable.estandar .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-estandar)
}

/* /Estandar_______________________________________________________*/

/* Privilegiado */
.pricingTable.privilegiado .price-value:before,
.pricingTable.privilegiado .value:before {
    border-left-color: var(--pricingTable-privilegiado);
    border-top-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .price-value,
.pricingTable.privilegiado .price-value:after,
.pricingTable5.privilegiado .value,
.pricingTable5.privilegiado .value:after {
    border-right-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado,
.pricingTable5.privilegiado .price-value:after,
.pricingTable5.privilegiado .value:after {
    border-bottom-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .price-value:after {
    border-bottom: 3px solid var(--pricingTable-privilegiado);
    border-right: 3px solid var(--pricingTable-privilegiado);
}

.pricingTable.privilegiado .value {
    border: 2px solid var(--pricingTable-privilegiado);
}

.pricingTable.privilegiado .value:after {
    border-right: 3px solid var(--pricingTable-privilegiado);
    border-bottom: 3px solid var(--pricingTable-privilegiado);
}

.pricingTable.privilegiado .value,
.pricingTable.privilegiado .year {
    color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado:before {
    background: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .price-value {
    border-left-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .value {
    border-left-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .pricingTable-signup {
    color: var(--pricingTable-privilegiado);
    border-color: var(--pricingTable-privilegiado)
}

.pricingTable.privilegiado .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-privilegiado)
}

/* /Privilegiado_______________________________________________________*/

/* Premiun */
.pricingTable.premium .price-value:before,
.pricingTable.premium .value:before {
    border-left-color: var(--pricingTable-premium);
    border-top-color: var(--pricingTable-premium)
}

.pricingTable.premium .price-value,
.pricingTable.premium .price-value:after,
.pricingTable5.premium .value,
.pricingTable5.premium .value:after {
    border-right-color: var(--pricingTable-premium)
}

.pricingTable.premium,
.pricingTable5.premium .price-value:after,
.pricingTable5.premium .value:after {
    border-bottom-color: var(--pricingTable-premium)
}

.pricingTable.premium .price-value:after {
    border-bottom: 3px solid var(--pricingTable-premium);
    border-right: 3px solid var(--pricingTable-premium);
}

.pricingTable.premium .value {
    border: 2px solid var(--pricingTable-premium);
}

.pricingTable.premium .value:after {
    border-right: 3px solid var(--pricingTable-premium);
    border-bottom: 3px solid var(--pricingTable-premium);
}

.pricingTable.premium .value,
.pricingTable.premium .year {
    color: var(--pricingTable-premium)
}

.pricingTable.premium:before {
    background: var(--pricingTable-premium)
}

.pricingTable.premium .price-value {
    border-left-color: var(--pricingTable-premium)
}

.pricingTable.premium .value {
    border-left-color: var(--pricingTable-premium)
}

.pricingTable.premium .pricingTable-signup {
    color: var(--pricingTable-premium);
    border-color: var(--pricingTable-premium)
}

.pricingTable.premium .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-premium)
}

/* /Premium_______________________________________________________*/

/* Empresarial */
.pricingTable.empresarial .price-value:before,
.pricingTable.empresarial .value:before {
    border-left-color: var(--pricingTable-empresarial);
    border-top-color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial .price-value,
.pricingTable.empresarial .price-value:after,
.pricingTable5.empresarial .value,
.pricingTable5.empresarial .value:after {
    border-right-color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial,
.pricingTable5.empresarial .price-value:after,
.pricingTable5.empresarial .value:after {
    border-bottom-color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial .price-value:after {
    border-bottom: 3px solid var(--pricingTable-empresarial);
    border-right: 3px solid var(--pricingTable-empresarial);
}

.pricingTable.empresarial .value {
    border: 2px solid var(--pricingTable-empresarial);
}

.pricingTable.empresarial .value:after {
    border-right: 3px solid var(--pricingTable-empresarial);
    border-bottom: 3px solid var(--pricingTable-empresarial);
}

.pricingTable.empresarial .value,
.pricingTable.empresarial .year {
    color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial:before {
    background: var(--pricingTable-empresarial)
}

.pricingTable.empresarial .price-value {
    border-left-color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial .value {
    border-left-color: var(--pricingTable-empresarial)
}

.pricingTable.empresarial .pricingTable-signup {
    color: var(--pricingTable-empresarial);
    border-color: var(--pricingTable-empresarial);
}

.pricingTable.empresarial .pricingTable-signup:hover {
    color: #fff;
    background: var(--pricingTable-empresarial)
}

/* /Empresarial_______________________________________________________*/

@media only screen and (max-width:990px) {
    .pricingTable {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .pricingTable:before {
        transform: skewY(-15deg)
    }

    .pricingTable .title {
        font-size: 22px
    }
}