/* ==========================================
   HOSTIKO PREMIUM COMPARISON
   ========================================== */

/* CONTAINER */

#order-premium_comparison {

    color:#555555;
}

/* CARTÕES */

#order-premium_comparison .price-table-container .price-table {

    width:300px !important;

    min-width:300px !important;

    border-radius:25px !important;

    overflow:hidden !important;

    border:1px solid #d4c8f1 !important;

    box-shadow:
        0 15px 40px rgba(90,38,201,.08) !important;

    transition:all .35s ease !important;

    background:#ffffff;
}

#order-premium_comparison .price-table-container .price-table:hover {

    transform:translateY(-10px);

    box-shadow:
        0 25px 60px rgba(90,38,201,.18) !important;
}

/* TOPO */

#order-premium_comparison .price-table-container .price-table .top-head {

    background:
    linear-gradient(
        135deg,
        #261345,
        #5a26c9
    ) !important;

    filter:none !important;
}

/* NOME DO PLANO */

#order-premium_comparison .top-area h4 {

    color:#ffffff !important;

    font-size:28px !important;

    font-weight:700 !important;
}

/* SUBTÍTULO */

#order-premium_comparison .top-area p {

    color:rgba(255,255,255,.75) !important;
}

/* BADGE POPULAR */

#order-premium_comparison .popular-plan {

    background:#fa4a2d !important;

    color:#ffffff !important;

    font-weight:700 !important;

    letter-spacing:1px !important;

    border:none !important;

    text-transform:uppercase;
}

/* PREÇO */

#order-premium_comparison .price-area {

    color:#ffffff !important;
}

#order-premium_comparison .price-area .price {

    color:#ffffff !important;

    font-weight:700;
}

#order-premium_comparison .price-area .price span {

    font-size:64px !important;

    line-height:1;

    font-weight:800 !important;

    color:#ffffff !important;
}

/* FEATURES */

#order-premium_comparison .price-table ul {

    padding-top:10px !important;
}

#order-premium_comparison .price-table ul li {

    border-bottom:1px solid rgba(90,38,201,.08) !important;

    color:#555555 !important;

    padding:12px 0 !important;

    line-height:1.25 !important;
}

/* ÍCONES */

.feature-icon {

    color:#5a26c9;

    margin-right:10px;

    font-size:11px;
}

/* BOTÕES */

#order-premium_comparison .order-button {

    background:
    linear-gradient(
        135deg,
        #5a26c9,
        #261345
    ) !important;

    border-radius:50px !important;

    border:none !important;

    text-transform:uppercase;

    font-weight:600;

    letter-spacing:.5px;

    box-shadow:none !important;
}

#order-premium_comparison .order-button:hover {

    background:
    linear-gradient(
        135deg,
        #fa4a2d,
        #ff7043
    ) !important;

    color:#ffffff !important;
}

/* SIDEBAR */

.product-selection-sidebar {

    background:#ffffff;

    border-right:1px solid #d4c8f1;

    box-shadow:
        5px 0 20px rgba(0,0,0,.05);
}

/* BOTÃO MOSTRAR MENU */

#btnShowSidebar {

    background:#5a26c9 !important;

    color:#ffffff !important;

    border:none !important;

    border-radius:50px !important;

    padding:10px 20px !important;
}

#btnShowSidebar:hover {

    background:#fa4a2d !important;
}

/* INCLUDED FEATURES */

#order-premium_comparison .includes-features .head-area span {

    background:#5a26c9 !important;

    color:#ffffff !important;

    border-radius:30px;

    padding:8px 25px;
}

#order-premium_comparison .includes-features ul.list-features li {

    color:#555555;
}

/* RESPONSIVO */

@media (max-width: 768px){

    #order-premium_comparison .price-table-container .price-table {

        width:100% !important;

        min-width:auto !important;
    }

}

/* ==========================================
   HOSTIKO VPS SLIDER
   ========================================== */

/* Barra completa */

.irs--flat .irs-line {

    height: 10px !important;

    background: #e7e1f7 !important;

    border-radius: 20px;
}

/* Parte preenchida */

.irs--flat .irs-bar {

    height: 10px !important;

    background:
    linear-gradient(
        90deg,
        #261345,
        #5a26c9
    ) !important;

    border-radius: 20px;
}

/* Bola do slider */

.irs--flat .irs-handle {

    width: 26px !important;

    height: 26px !important;

    top: 20px !important;

    border-radius: 50% !important;

    background: #fa4a2d !important;

    border: 4px solid #ffffff !important;

    box-shadow:
        0 0 0 4px rgba(250,74,45,.15),
        0 4px 12px rgba(0,0,0,.2);
}

.irs--flat .irs-handle:hover {

    transform: scale(1.1);
}

/* Remove o ícone interno */

.irs--flat .irs-handle > i {

    display:none !important;
}

/* Valores VPS-1 VPS-2 VPS-3 */

.irs--flat .irs-grid-text {

    color:#261345 !important;

    font-weight:600 !important;

    font-size:13px !important;
}

/* Preço */

.price,
.price-area,
.price-value {

    color:#5a26c9 !important;

    font-weight:800 !important;
}

/* Caixa do preço */

.irs-single {

    background:#5a26c9 !important;

    color:#fff !important;

    border-radius:20px !important;

    padding:5px 12px !important;
}

.irs-single:before {

    border-top-color:#5a26c9 !important;
}