/*======================================================
SPA SERVICES
======================================================*/

.spa-services-dynamic{
    width:100% !important;
    float:left;
    margin:0 0 35px 0 !important;
    border-collapse:collapse;
}

/*======================================================
ROWS
======================================================*/

.online-buy-page .info-block table.service-sertif.spa-services-dynamic {margin: 20px 0 0 0!important;}

.spa-services-dynamic tr{
    transition:All .4s ease;
}

/*.spa-services-dynamic tr:hover{
    transform:scale(1.01);
}*/

/*======================================================
TH / TD
======================================================*/

.spa-services-dynamic th,
.spa-services-dynamic td{
    padding:22px;
    font-size:14.5px;
    color:#000;
    text-align:center;

    box-shadow: inset 0 0 0 1px #cdcdcd;

    transition:All .3s ease;

    background:white;
}

/*======================================================
HEAD
======================================================*/

.spa-services-dynamic th{
    text-transform:uppercase;
    font-size:18px;
    font-weight:bold;

    color:#ac9463;

    font-family:'Century Gothic';

    background:white;

    box-shadow: inset 0 0 0 1px #ac9463;
}

.spa-services-dynamic th span{
    font-size:14px;
    color:#ac9463;
    text-transform:none;
}

/*======================================================
COLUMNS
======================================================*/

.spa-services-dynamic .one{
    width:60%;
    text-align:left;
}

.spa-services-dynamic .two{
    width:17%;
    text-align:center;

    font-family:'Century Gothic';
    font-weight:bold;
}

.spa-services-dynamic .three{
    width:17%;
    text-align:center;

    font-family:'Century Gothic';
    font-weight:bold;
}

.spa-services-dynamic .four{
    width:auto;
    text-align:center;
}

/*======================================================
TITLE
======================================================*/

.spa-services-dynamic td.title-td{
    background:#FFF9EF;

    color:#ac9463;

    font-size:15.5px;
    font-family:'OpenB';

    text-transform:uppercase;
    text-align:left;
}

/*======================================================
TEXT
======================================================*/

.spa-services-dynamic strong{
    width:100%;
    float:left;

    font-size:15.5px;
    font-weight:normal;

    font-family:'OpenB';

    color:#000;

    padding-bottom:0;
}

.spa-services-dynamic td span{
    width:100%;
    float:left;

    padding-top:5px;

    font-size:14.5px;
    line-height:19px;

    color:#000;

    font-family:'Open';
}

/*======================================================
WOOCOMMERCE
======================================================*/

.spa-services-dynamic .woocommerce,
.spa-services-dynamic .woocommerce ul.products,
.spa-services-dynamic .woocommerce ul.products li.product{
    width:100%;
    margin:0 !important;
    padding:0 !important;
}

/*======================================================
BUTTON
======================================================*/

.spa-services-dynamic a.button,
.spa-services-dynamic .woocommerce ul.products li.product a.button{
    font-family:'MontserratB';

    position:relative;
    z-index:2;

    display:inline-block;

    padding:7px 12px !important;

    font-size:15px;
    line-height:24px;

    color:#2A1207 !important;

    background:#FFD382 !important;

    border:none !important;

    border-radius:0 10px 0 10px;

    text-decoration:none !important;
    text-transform:none;
    letter-spacing:0;

    cursor:pointer;

    left:50%;
    transform:translate(-50%,0);

    margin:0 !important;

    box-shadow:none !important;
}

/*======================================================
BUTTON HOVER
======================================================*/

.spa-services-dynamic a.button:hover,
.spa-services-dynamic .woocommerce ul.products li.product a.button:hover{
    background:#FFC641 !important;
}

/*======================================================
LOADING / ADDED
======================================================*/

.spa-services-dynamic .add_to_cart_button.loading,
.spa-services-dynamic .add_to_cart_button.added{
    position:relative !important;
}

/*======================================================
WOOCOMMERCE ICON
======================================================*/

.spa-services-dynamic .add_to_cart_button.loading::after,
.spa-services-dynamic .add_to_cart_button.added::after{
    position:absolute !important;

    right:-7px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    margin:0 !important;

    line-height:1 !important;
}

/*======================================================
HIDE VIEW CART
======================================================*/

.spa-services-dynamic .added_to_cart{
    display:none !important;
}

/*======================================================
MOBILE
======================================================*/

@media(max-width:768px){

    .spa-services-dynamic{
        display:block;
        overflow-x:auto;
    }

    .spa-services-dynamic th,
    .spa-services-dynamic td{
        padding:14px;
    }

    .spa-services-dynamic strong{
        font-size:14px;
    }

    .spa-services-dynamic td span{
        font-size:13px;
        line-height:18px;
    }

}