/*
Theme Name: Salesgroup
Theme URI: http://www.salesgroup.pt/
Description: Bridge child theme.
Author: Paulo Gonçalves
Author URI:
Template: bridge
Version: 0.1.0
*/

/*******************************************************************************
 COLORS
#B19E60
#39081F
#8B8B8B


*******************************************************************************/
/*
<br class="d-block-1200">

class="text-39081F"

<sup>(3)</sup>

<sup>®</sup>
*/
/*******************************************************************************
 FONTS
h2 - 40
h3 - 28
h4 - 24

*******************************************************************************/
/*******************************************************************************
 HELPERS
*******************************************************************************/
.text-ffffff * {
    color: #ffffff;
}
.text-39081F {
    color: #39081F;
}
.text-39081F * {
    color: #39081F;
}
.text-B19E60 {
    color: #B19E60;
}
.text-B19E60 * {
    color: #B19E60;
}
.text-EC646F {
    color: #EC646F;
}
.text-EC646F * {
    color: #EC646F;
}
.text-A21A5B * {
    color: #A21A5B;
}
.font-size-12px * {
    font-size: 12px;
    line-height: 16px;
}
.font-size-14px * {
    font-size: 14px;
    line-height: 22px;
}
.font-size-16px * {
    font-size: 16px;
    line-height: 20px;
}
.font-size-28px * {
    font-size: 28px;
    line-height: 32px;
}
.text-underline {
    text-decoration: underline;
}
.text-border-bottom-2px {
    border-color: inherit;
    border-style: solid;
    border-bottom-width: 2px;
}

.d-block-1200 {
    display: none;
}
@media only screen and (min-width: 1200px) {
    .d-block-1200 {
        display: block;
    }
}
.font-weigth-100 * {
    font-weight: 100;
}
.font-weigth-300 * {
    font-weight: 300;
}
.font-weigth-400 * {
    font-weight: 400;
}
.font-weigth-500 * {
    font-weight: 500;
}
strong {
    font-weight: 700 !important;
}
ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.same-heigth {
    border: 1px solid rgba(57, 8, 31, 0.15);
}
.opacity-30 {
    opacity: 0.3 !important;
}
.hide-this {
    display: none !important;
}
/*******************************************************************************
 GENERAL
*******************************************************************************/
.ul-li-bullets-image-check ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/2021/03/cellulase-icon-check.png') no-repeat left top 2px;
    background-size: 26px 19px;
    padding-left: 36px;
    margin-bottom: 10px;
}
.ul-li-bullets-image-arrow ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-icon-arrow.png') no-repeat left top 5px;
    background-size: 20px 13px;
    padding-left: 36px;
    margin-bottom: 10px;
}
/*******************************************************************************
 AVISO GERAL
*******************************************************************************/
.aviso-geral {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #FEF7F5;
}
.aviso-geral sup {
    font-size: 0.850em;
}
.aviso-geral p {
    font-size: 12px;
    line-height: 16px;
}
/*******************************************************************************
 HOME PAGE
*******************************************************************************/
.hp-cellulase-boxes * {
    box-sizing: border-box;
}
.hp-cellulase-box {
    margin-top: 70px;
}
.vc_column_container > .vc_column-inner {

}
.hp-cellulase-boxes .vc_column_container > .vc_column-inner {
    width: 96% !important;
}
.hp-cellulase-box-number-01 {

}
.hp-cellulase-box-number-02 {

}
.hp-cellulase-box-number-03 {

}
.hp-cellulase-boxes-number-image {
    border: 1px solid blue;
    margin-top: -105px;
}
@media only screen and (min-width: 1200px) {
    .vc_column_container>.vc_column-inner {

    }
}
.hp-creme-refirmante {
    position: relative;
    height: 100%;
}
@media only screen and (min-width:768px) {

}
/*******************************************************************************
 PRODUTO GEL ESFOLIANTE
*******************************************************************************/
.cellulase-gel-esfoliante-ul .ul-li-bullets-image-duche ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-gel-esfoliante-como-usar-icon-01.png') no-repeat left center;
    background-size: 39px 55px;
    min-height: 55px;
    padding-left: 74px;
    display: flex;
    align-items: center;
}
.cellulase-gel-esfoliante-ul .ul-li-bullets-image-aplica-noz ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-gel-esfoliante-como-usar-icon-02.png') no-repeat left center;
    background-size: 55px 54px;
    min-height: 100px;
    padding-left: 74px;
    display: flex;
    align-items: center;
}
.cellulase-gel-esfoliante-ul .ul-li-bullets-image-enxaguar ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-gel-esfoliante-como-usar-icon-03.png') no-repeat left center;
    background-size: 47px 48px;
    min-height: 53px;
    padding-left: 74px;
    display: flex;
    align-items: center;
}
.cellulase-gel-esfoliante-ul .ul-li-bullets-image-nao-alicar-rosto ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-gel-esfoliante-como-usar-icon-04.png') no-repeat left center;
    background-size: 33px 33px;
    min-height: 38px;
    padding-left: 74px;
    display: flex;
    align-items: center;
}
/*******************************************************************************
 PRODUTO ADVANCED
*******************************************************************************/
.cellulase-advanced-ul .ul-li-bullets-image-01 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-advanced-como-tomar-icon-01.png') no-repeat left center;
    background-size: 57px 69px;
    min-height: 69px;
    padding-left: 95px;
}
.cellulase-advanced-ul .ul-li-bullets-image-02 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-advanced-como-tomar-icon-02.png') no-repeat left center;
    background-size: 53px 57px;
    min-height: 57px;
    padding-left: 95px;
}
.cellulase-advanced-ul .ul-li-bullets-image-03 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-advanced-como-usar-icon-03.png') no-repeat left center;
    background: blue;
    background-size: 33px 33px;
    min-height: 38px;
    padding-left: 95px;
}
/*******************************************************************************
 PRODUTO XANTHIGEN
*******************************************************************************/
.xanthigen-como-tomar-ul .ul-li-bullets-image-01 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-xanthingen-como-tomar-icon-01.png') no-repeat left center;
    background-size: 87px 67px;
    min-height: 67px;
    padding-left: 114px;
}
.xanthigen-como-tomar-ul .ul-li-bullets-image-02 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-xanthingen-como-tomar-icon-03.png') no-repeat left center;
    background-size: 50px 55px;
    min-height: 55px;
    padding-left: 114px;
}
.xanthigen-como-tomar-ul .ul-li-bullets-image-03 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-xanthingen-como-tomar-icon-02.png') no-repeat left center;
    background-size: 50px 55px;
    min-height: 55px;
    padding-left: 114px;
}
/*******************************************************************************
 CELLULASE PEARLS
*******************************************************************************/
.cellulase-pearls-como-tomar-ul .ul-li-bullets-image-01 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-pearls-como-tomar-icon-01.png') no-repeat left center;
    background-size: 57px 69px;
    min-height: 69px;
    padding-left: 80px;
}
.cellulase-pearls-como-tomar-ul .ul-li-bullets-image-02 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-pearls-como-tomar-icon-02.png') no-repeat left center;
    background-size: 53px 57px;
    min-height: 57px;
    padding-left: 80px;
}
/*******************************************************************************
 CELLULASE CREME REFIRMANTE
*******************************************************************************/
.cellulase-creme-refirmante-como-tomar-ul .ul-li-bullets-image-01 ul li {
    background: url('https://www.cellulase.em.pt/wp-content/uploads/cellulase-creme-refirmante-como-tomar-icon-01.png') no-repeat left center;
    background-size: 42px 90px;
    min-height: 90px;
    padding-left: 75px;
}
/*******************************************************************************
 OVERRIDE CSS
*******************************************************************************/
ol li {
    margin-bottom: 30px;
}
/*******************************************************************************
 FAQS
*******************************************************************************/
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header {
    text-transform: none !important;
    padding-top: 5px;
}
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon {
    background-image: url(https://www.cellulase.em.pt/wp-content/uploads/cellulase-faq-icon-minus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
}
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
    display: block;
    width: 41px;
    height: 41px;
    background-image: url(https://www.cellulase.em.pt/wp-content/uploads/cellulase-faq-icon-plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
}
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark {
    background-color: #ffffff;
    transition: background-color .3s ease-in-out;
}
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header .accordion_mark {
    background: transparent;
}
.duvidas-e-faq .q_accordion_holder.accordion .ui-accordion-header .accordion_mark {
    border: none;
}
.q_accordion_holder.accordion h5.ui-accordion-header {
    font-size: 18px !important;
    padding-top: 9px;
}
.q_accordion_holder .title-holder {
    margin-bottom: 20px !important;
}
.qode_search_form_3 .qode_search_close a:hover {
    color: #ffffff !important;
}
/*******************************************************************************
 ERROR PAGE
*******************************************************************************/
.error404 .page_not_found {
    padding-top: 125px;
}
/*******************************************************************************
 TITLE SUBSTRIKE
*******************************************************************************/
.title-substrike {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.title-substrike::before,
.title-substrike::after {
    content: '';
    border-bottom-color: #39081F;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    width: 30px;
}
.title-substrike:not(:empty)::before {
    margin-right: 2em;
}
.title-substrike:not(:empty)::after {
    margin-left: 2em;
}
/*******************************************************************************
 TO DELETE
*******************************************************************************/
body * {
    /*    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.035);
        -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.035);
        box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.035);*/
}
a:hover sup {
    color: inherit;
}
/*******************************************************************************
 TESTEMUNHOS
*******************************************************************************/
.testimonials_c_holder .testimonial_content_inner {
    padding: 25px 45px 25px 45px !important;
}
.testimonials_c_holder .flex-control-nav {
    margin-top: 5px !important;
}