#TavePricing {
  text-align: center;
  position: relative;
  font-family: Lato, sans-serif;
  max-width: 1200px;
  margin: 0 auto;
}

#TavePricing .btn {
    border: 1px solid #fff;
    font-size: 13px;
    border-radius: 3px;
    background: 0 0;
    text-transform: uppercase;
    font-weight: 700;
    padding: 11px 10px;
    min-width: 162px;
    max-width: 100%;
    text-decoration: none;
    cursor: pointer;
}

#TavePricing .btn-secondary {
    background: 0 0;
    border: 1px solid #1ac6ff;
    color: #1ac6ff
}

#TavePricing .btn-secondary.hovered,
#TavePricing .btn-secondary:hover {
    background: #dff7ff;
    border: 1px solid #1ac6ff;
}

#TavePricing .btn-secondary.pressed,
#TavePricing .btn-secondary:active {
    background: #1ac6ff;
    border: 1px solid #1ac6ff;
    color: #fff
}


#TavePricing .btn-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle
}

#TavePricing .btn-group>.btn {
    position: relative;
    flex: 1 1 auto;
    min-width: 200px;
    transition: background 0.2s, color 0.2s;
}

#TavePricing .btn-group>.btn.active,
#TavePricing .btn-group>.btn:active,
#TavePricing .btn-group>.btn:focus,
#TavePricing .btn-group>.btn:hover {
    z-index: 2
}

#TavePricing .btn-group>.btn:focus {
    outline: 0
}

#TavePricing .btn-group .btn+.btn,
#TavePricing .btn-group .btn+.btn-group,
#TavePricing .btn-group .btn-group+.btn,
#TavePricing .btn-group .btn-group+.btn-group {
    margin-left: -1px
}

#TavePricing .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

#TavePricing .btn-group>.btn:first-child {
    margin-left: 0
}

#TavePricing .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#TavePricing .btn-group>.btn:last-child:not(:first-child),
#TavePricing .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#TavePricing .btn-group>.btn-group {
    float: left
}

#TavePricing .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

#TavePricing .btn-group>.btn-group:first-child>.btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#TavePricing .btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#TavePricing [data-toggle=buttons]>.btn input[type=checkbox],
#TavePricing [data-toggle=buttons]>.btn input[type=radio],
#TavePricing [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
#TavePricing [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

#TavePricing .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

#TavePricing a.label:focus,
#TavePricing a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

#TavePricing .label:empty {
    display: none
}

#TavePricing .btn .label {
    position: relative;
    top: -1px
}

#TavePricing .label-default {
    background-color: #999
}

#TavePricing .label-default[href]:focus,
#TavePricing .label-default[href]:hover {
    background-color: grey
}

#TavePricing .label-savings {
    background-color: #ab3070;
    display: inline-block;
    margin-top: 0;
    opacity: 1;
    transition: margin .33s,opacity .33s,font-size .33s
}

#TavePricing .label-savings[href]:focus,
#TavePricing .label-savings[href]:hover {
    background-color: #832556
}

#TavePricing .animate {
    margin-top: -20px!important;
    opacity: 0!important;
    font-size: 50px!important
}

#TavePricing .sale-info {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin: 40px 0 10px
}

#TavePricing .sale-info .label-savings {
    font-size: 30px!important;
    margin-bottom: 8px
}

#TavePricing .sale-info .call-to-action {
    text-style: italic
}

#TavePricing .period-row {
    margin-top: 50px;
    margin-bottom: 50px;
}

#TavePricing .product-time-period-container .btn {
    text-transform: none;
    margin-bottom: 20px
}

#TavePricing .product-time-period-container .btn.active {
    background: #1ac6ff;
    border: 1px solid #1ac6ff;
    color: #fff
}

#TavePricing .product-time-period-container .btn.active .save-percent {
    color: #fff;
    font-weight: 700
}

#TavePricing .label-save-percent {
    background-color: #ab3070;
    margin-left: 4px;
    display: inline-block;
    font-size: 80%
}

#TavePricing .label-save-percent[href]:focus,
#TavePricing .label-save-percent[href]:hover {
    background-color: #832556
}

#TavePricing .savings-stack {
    display: inline-block
}

#TavePricing .savings-stack .label-savings {
    position: absolute;
    background-color: #ab3070;
    font-size: 16px;
    top: -18px;
    left: calc(50% - 60px);
    z-index: 500
}

#TavePricing .savings-stack .label-savings[href]:focus,
#TavePricing .savings-stack .label-savings[href]:hover {
    background-color: #832556
}

#TavePricing .savings-stack .label-default {
    text-decoration: line-through
}

#TavePricing #product .section-header {
    margin-bottom: 60px
}


#TavePricing .package-column,
#TavePricing .package-details {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#TavePricing .package-column {
    border: 1px solid #F0F0F0;
    background: #F7F7F7;
    margin-bottom: 10px
}

#TavePricing .package-column .package-title {
    color: #47484c;
    font-size: 25px;
    padding: 20px 0 18px;
    font-weight: 300;
    text-transform: uppercase
}

#TavePricing .package-column .package-price {
    background: rgba(171,172,179,.1);
    padding: 15px
}

#TavePricing .package-column .package-price .price {
    color: #1ac6ff;
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    position: relative;
    letter-spacing: -3px
}

#TavePricing .package-column .package-price .cents,
#TavePricing .package-column .package-price .currency {
    font-size: 47px;
    line-height: 47px;
    font-weight: 300;
    position: relative;
    top: -40px
}

#TavePricing .package-column .package-price .cents {
    font-size: 32px;
    top: -56px
}

#TavePricing .package-column .package-price .period {
    font-size: 15px;
    color: #1ac6ff;
    text-transform: uppercase
}

#TavePricing .package-column .package-price .period:first-child {
    margin-bottom: -10px
}

#TavePricing .package-column .package-detail {
    padding: 30px 15% 50px
}

#TavePricing .package-column .package-detail ul {
    margin-bottom: 30px
}

#TavePricing .package-column .package-detail ul li {
    font-weight: 300;
    font-size: 16px;
    color: #47484c;
    border-bottom: 1px solid #dadfe3;
    padding: 15px 0
}

#TavePricing .package-column b {
    color: #47484c;
}

#TavePricing .package-column .package-detail ul li:last-child {
    border-bottom: none
}

#TavePricing .package-column:hover {
    background: #1ac6ff
}

#TavePricing .package-column:hover b {
    color: #fff
}

#TavePricing .package-column:hover>.package-price {
    background: rgba(71,72,76,.2)
}

#TavePricing .package-column:hover>.package-detail ul li {
    border-color: rgba(255,255,255,.3)
}

#TavePricing .package-column:hover>.package-detail ul li,
#TavePricing .package-column:hover>.package-price .period,
#TavePricing .package-column:hover>.package-price .price,
#TavePricing .package-column:hover>.package-title {
    color: #fff
}

#TavePricing .package-column.featured {
    background: #1ac6ff
}

#TavePricing .package-column.featured>.package-price {
    background: rgba(71,72,76,.2)
}

#TavePricing .package-column.featured>.package-detail ul li,
#TavePricing .package-column.featured>.package-price .period,
#TavePricing .package-column.featured>.package-price .price,
#TavePricing .package-column.featured>.package-title {
    color: #fff;
    border-color: rgba(255,255,255,.3)
}

#TavePricing .package-column.featured>.package-detail .btn.btn-secondary,
#TavePricing .package-column:hover>.package-detail .btn.btn-secondary {
    color: #fff;
    border-color: #fff!important
}

#TavePricing .package-detail .btn.btn-secondary:hover {
    color: #1ac6ff!important;
    background: #fff!important;
    border-color: #fff!important
}

#TavePricing .package-column.disabled {
    background: #fafafa
}

#TavePricing .package-column.disabled .package-title {
    color: #8b8b8b
}

#TavePricing .package-column.disabled .package-price {
    background: #e0e0e0
}

#TavePricing .package-column.disabled .package-price .price {
    color: #afafaf
}

#TavePricing .package-column.disabled .package-detail ul li {
    color: #8b8b8b
}

#TavePricing .package-column.disabled .package-detail .btn {
    color: #dadfe3;
    background: transprarent;
    color: #A5A5A5;
    border: 1px solid #A5A5A5
}

#TavePricing #pricing-clauses {
    color: #999;
    font-size: 12px;
    margin-top: 15px
}

#TavePricing .clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

#TavePricing .period-row {
  position: relative;
  display: block;
}

#TavePricing .pricing-cols {
  display: flex;
  flex-wrap: wrap;
}

#TavePricing .pricing-cols:before {
  content: " ";
  display: table;
}
#TavePricing .pricing-cols:after {
  clear: both;
}

@media (min-width: 992px) {
  #TavePricing .pricing-cols {
    flex-wrap: nowrap;
  }
}

#TavePricing .pricing-col {
  flex: 1 1 auto;
  position: relative;
  min-width: 280px;
  padding-left: 15px;
  padding-right: 15px
}

#TavePricing .list-unstyled {
  margin-left: 0;
  padding-left: 0;
}

#TavePricing .list-unstyled li {
  list-style: none;
}