/* PLANOS */
.switch-toggle a{
    display:none
}
@media only screen{
    .switch-toggle{
        background:#FFF;
        position:relative;
        display:block
    }
    .switch-toggle::after{
        clear:both;
        content:'';
        display:table
    }
    .switch-toggle a{
        display:block;
        transition:all .2s ease-out
    }
    .switch-toggle label,.switch-toggle > span{
        line-height:2em;
        cursor:pointer
    }
    .switch-toggle input:focus ~ span a,.switch-toggle input:focus + label{
        outline:none
    }
    .switch-toggle input{
        position:absolute;
        left:0;
        opacity:0
    }
    .switch-toggle input + label{
        position:relative;
        z-index:2;
        display:block;
        float:left;
        padding:0 .5em;
        margin:0;
        text-align:center
    }
    .switch-toggle a{
        position:absolute;
        top:0;
        left:0;
        padding:0;
        z-index:1;
        width:10px;
        height:100%
    }
    .switch-toggle label:nth-child(2):nth-last-child(4),.switch-toggle label:nth-child(2):nth-last-child(4) ~ label,.switch-toggle label:nth-child(2):nth-last-child(4) ~ a{
        width:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a{
        left:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6),.switch-toggle label:nth-child(2):nth-last-child(6) ~ label,.switch-toggle label:nth-child(2):nth-last-child(6) ~ a{
        width:33.33%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a{
        left:33.33%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a{
        left:66.66%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8),.switch-toggle label:nth-child(2):nth-last-child(8) ~ label,.switch-toggle label:nth-child(2):nth-last-child(8) ~ a{
        width:25%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a{
        left:25%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a{
        left:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a{
        left:75%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10),.switch-toggle label:nth-child(2):nth-last-child(10) ~ label,.switch-toggle label:nth-child(2):nth-last-child(10) ~ a{
        width:20%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a{
        left:20%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a{
        left:40%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a{
        left:60%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a{
        left:80%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12),.switch-toggle label:nth-child(2):nth-last-child(12) ~ label,.switch-toggle label:nth-child(2):nth-last-child(12) ~ a{
        width:16.6%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a{
        left:16.6%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a{
        left:33.2%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a{
        left:49.8%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a{
        left:66.4%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a{
        left:83%
    }
}
.switch-toggle.pricing{
    background:#b8baf3;
    padding:3px;
    border-radius:100px;
    margin-bottom:60px;
    border:3px solid transparent
}
.switch-toggle.pricing label{
    font-size:16px;
    color:#FFF;
    transition:color .5s ease-out
}
.switch-toggle.pricing label>small{
    font-size:14px
}
.switch-toggle.pricing input:checked+label{
    /* color:#007bff */
}
.switch-toggle.pricing a{
    border:0;
    border-radius:100px
}
.plan-loading{
    height:100px;
    width:100%;
    display:block;
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    background-color:#FFF;
    background-size:100px;
    background-repeat:no-repeat;
    background-position:center
}
.plans span[data-toggle=tooltip]{
    font-size:16px;
    line-height:1;
    color:#395B7B;
    display:inline-block;
    position:relative;
    top:1px;
    cursor:help;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.plans span[data-toggle=tooltip]:before{
    content:'\e085'
}
.plans .plan-list{
    padding:60px 0 0
}
.plans .plan-item{
    text-align:center;
    background:#FFF;
    border:1px solid #C9D3DD;
    padding-left:0;
    padding-right:0
}
.plans .plan-item:first-child,.plans .plan-item:first-child .plan-header{
    border-top-left-radius:20px
}
.plans .plan-item:last-child,.plans .plan-item:last-child .plan-header{
    border-top-right-radius:20px;
    border-left:0
}
.plans .plan-header{
    background:#F1F4F9;
    padding: 15px 10px 15px 10px;
}
.plans .plan-body{
    position:relative;
    padding:20px 10px 10px
}
.plans .plan-type{
    font-size:28px;
    text-align:center;
    text-transform:uppercase;
    color:#979afc
}
.plans .plan-description{
    height:50px;
    font-size:14px;
    line-height:16px;
    color:#385A7B;
    margin:10px 0 20px
}
.plans .plan-graph{
    height:70px
}
.plans .plan-discount{
    font-size:14px;
    color:#B54848;
    text-decoration:line-through;
    margin-top:20px
}
.plans p{
  margin: 0px
}
.plans .plan-value{
    height:50px;
    position:relative;
    display: flex;
}
.plans .plan-value sub{
    font-size:14px;
    display:inline-block;
    top:0
}
.plans .plan-value input{
    margin: 0px 20px;
}
.plans .plan-value sup{
    font-size:14px;
    text-align:right;
    color:#9CA5AC;
    display:inline-block;
    top:0;
    margin-top: 20px;
}
.plans .plan-value sup span:last-child{
    display:block;
    padding-top:15px
}
.plans .plan-value .plan-price-value{
    font-size:58px;
    color:#385A7B;
    display:inline-block
}
.plans .plan-money-back p,.plans .plan-time{
    color:#9CA5AC;
}
.plans .plan-time{
    font-size:14px;
    margin: 15px 0 15px
}
.plans .plan-buynow a{
    width:auto
}
.plans .plan-money-back p{
    font-size:12px;
    line-height:14px;
    margin:10px 0 30px
}
.plans .plan-features ul{
    text-align:left;
    padding: 0px;
    padding-left: 5px
}
.plans .plan-features ul li{
    font-size:16px;
    color:#385A7B;
    margin-bottom:15px;
    list-style-type: none
}
.plans .plan-features ul li:last-child{
    margin-bottom:0
}
.plans .plan-features del{
    color:#9CA5AC
}
.plans .plan-hover{
    border:1px solid #979afc;
    position:relative;
    z-index:3;
    box-shadow:0 0 7px 7px rgba(56,90,123,.15);
    -webkit-transform:scale(1.03);
    transform:scale(1.03)
}
.plans .plan-hover .plan-header{
    padding-top:22px
}
.plans .plan-popular{
    width:100%;
    background:#979afc;
    position:absolute;
    top:-39px;
    left:0;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    padding:7px
}
.plans .plan-popular strong{
    text-transform:uppercase;
    color:#FFF;
    font-size:14px;
    line-height:100%
}
.plans .plan-disabled del,.plans .plan-disabled p,.plans .plan-disabled span,.plans .plan-disabled ul li{
    color:#C9D3DD;
    cursor:default;
    -webkit-user-select:none;
    user-select:none
}
.plans .plan-disabled .plan-graph{
    opacity:.5;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.plans .plan-disabled .plan-values{
    visibility:hidden
}
.plans .plan-disabled .plan-buynow a{
    color:#C9D3DD;
    border-color:#C9D3DD;
    cursor:not-allowed;
    pointer-events:none
}
.plans .plan-disabled-description{
    width:100%;
    position:absolute;
    top:30px;
    left:0;
    right:0
}
.plans .plan-disabled-description p{
    font-size:16px;
    line-height:24px;
    color:#C9D3DD
}
.plans .plan-buynow a,.plans .plan-description,.plans .plan-features del,.plans .plan-features ul li,.plans .plan-graph,.plans .plan-money-back p,.plans .plan-type,.plans span[data-toggle=tooltip]{
    -webkit-transition-delay:all 2s ease;
    transition:all 2s ease
}
@media (min-width:768px) and (max-width:991px){
    .switch-toggle.pricing{
        margin-bottom:30px
    }
    .plans .plan-item{
        margin-top:30px
    }
    .plans .plan-item:nth-child(3),.plans .plan-item:nth-child(3) .plan-header{
        border-top-left-radius:20px
    }
    .plans .plan-hover .plan-header{
        padding-top:30px
    }
    .plans .plan-hover{
        box-shadow:none;
        -webkit-transform:none;
        transform:none
    }
}
@media (max-width:767px){
    .switch-toggle.pricing{
        margin-bottom:30px
    }
    .plans .plan-list{
        padding:0
    }
    .plans .plan-item,.plans .plan-item .plan-header{
        border-top-left-radius:20px;
        border-top-right-radius:20px
    }
    .plans .plan-item.plan-hover{
        margin-top:70px
    }
    .plans .plan-item.plan-hover,.plans .plan-item.plan-hover .plan-header{
        border-radius:0
    }
    .plans .plan-item:last-child{
        border:1px solid #C9D3DD
    }
    .plans .plan-hover{
        box-shadow:none;
        -webkit-transform:none;
        transform:none
    }
}
.plans p {
    font-size: 16px;
    line-height: 24px;
    color: #7F7F7F;
}
.loading i.fa-refresh.fa-spin{
    font-size: 25px
}
.loading{
    display: none;
    padding: 11.5px
}
/* .col-md-3-5{
  float: left;
  width: 20%
} */
@media (min-width:768px){
  .col-md-offset-1 {
      margin-left: 8.33333333%;
  }
}
.plans .content-plan{
  padding-bottom: 30px;
  margin: 20px 0px
}
.col-md-3-5{
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
  padding-left:15px
}
.plan-features{
  padding-left: 15px
}
@media (max-width: 768px) {
  .col-md-3-5{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .plan-list{
    flex-wrap: wrap;
    display: flex;
  }
  .switch-toggle.pricing label{
    font-size: 13px;
  }
}  
@media (min-width:768px) and (max-width:991px){
  .col-md-3-5{
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
  .plan-list{
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width:992px){
  .col-md-3-5{
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%;
    max-width:20%
  }
  .plan-list{
    display: flex;
  }
}
.destaque-btn{
  padding: 5px 50px
}
@media (max-width: 768px) {
  .destaque-btn{
    padding: 5px 15px;
  }
}