/* Custom Buttons & Shape Morph Styles */

.shape_morph.blob {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    animation: morph 4s ease-in-out infinite;
    -webkit-animation: morph 4s ease-in-out infinite;
    -ms-animation: morph 4s ease-in-out infinite;
}

html body .shape_morph {
    height: 80px;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 280px;
    z-index: 5;
    background: #F46B68;
    z-index: -1;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat';
    text-align: center;
    margin: auto;
    justify-content: center;
    color: #fff;
}

html body .shape_morph:hover {
    color: #fff;
    border-radius: 0% / 0%;
    background: #02161c;
}

@keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% {
    border-radius: 40% 60% 70% 40% / 60% 60% 60% 60%; }
  100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}

@keyframes morph2 {
  0% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% {
    border-radius: 40% 60% 70% 40% / 60% 60% 60% 60%; }
  100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}

html body .ver-todos-trema .shape_morph.blob {
    width: auto;
    height: 57px;
    background: #EBFDFE;
    color: #007D88;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: inherit;
    min-width: 200px;
    display: inline-block;
    padding: 20px;
}

.pr_details .shape_morph.blob {
    margin-top: 30px;
    font-size: 14px;
    width: 201px;
    height: 70px;
    background: linear-gradient(90deg, rgba(54,187,202,1) 0%, rgba(237,134,172,1) 40%, rgba(239,58,75,1) 100%);
    border: transparent;
}

html body .pr_details .shape_morph.blob:hover {
    background: linear-gradient(90deg, #02161c 0%, #02161c 40%, #02161c 100%);
}

html body .btn_product .shape_morph.blob {
    background: #262D7B;
    width: 164px;
    height: 70px;
    font-size: 14px;
    color: #fff;
}

html body .btn_signup .shape_morph.blob {
    background: #00C0C6;
    width: 164px;
    height: 70px;
    font-size: 14px;
    color: #fff;
}

html body .gradint_bg a.shape_morph.blob {
    background: linear-gradient(90deg, rgba(54,187,202,1) 0%, rgba(237,134,172,1) 40%, rgba(239,58,75,1) 100%);
}

html body .accordion_secction .shape_morph.blob {
    margin: inherit;
    margin-top: 40px;
    font-size: 14px;
    line-height: 29px;
    background: #0FBDCC;
    width: 260px;
    height: 70px;
}

html body .or_online_shape .shape_morph.blob {
    background: #0FBDCC;
    font-weight: 600;
    font-size: 14px;
    width: 220px;
    height: 70px;
}

html body .hp_rs_block.gradint_bg a.shape_morph.blob {
    display: flex;
    align-items: center;
    margin: initial;
    margin-right: auto;
    width: 160px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
}

.obagi_sale_slider .shape_morph {
    width: 220px;
}

html body .lee_masbtn .shape_morph.blob {
    background: #0FBDCC;
    margin: auto;
    font-size: 14px;
    width: 230px;
    height: 70px;
    color: #fff;
    font-weight: 600;
}

.clubcard .shape_morph.blob {
    margin: inherit;
    margin-left: auto;
}

html body .hombre_btn .shape_morph.blob {
    background: linear-gradient(45deg, #112849, #093673);
    margin: inherit;
    font-size: 14px;
    width: 300px;
    height: 70px;
    color: #fff;
}

.hombre_btn.btn_auto .shape_morph.blob {
    margin: auto;
}

html body .solicita_btn .shape_morph.blob {
    background: #0FBDCC;
    margin: inherit;
    font-size: 14px;
    width: 230px;
    height: 70px;
    color: #fff;
}

html body .ver_area_btn .shape_morph.blob {
    margin: inherit;
    font-size: 14px;
    width: 230px;
    height: 70px;
    color: #fff;
}

html body .cele_form .shape_morph.blob {
    background: linear-gradient(90deg, rgba(54,187,202,1) 0%, rgba(237,134,172,1) 40%, rgba(239,58,75,1) 100%);
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    width: 120px;
    height: 59px;
}

html body .cele_form .shape_morph.blob:hover {
    background: linear-gradient(90deg, #02161c 0%, #02161c 40%, #02161c 100%);
}

.reg_refer_btn .shape_morph.blob {
    height: 56px;
    width: 253px;
    background: #0FBDCC;
    border: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;
}

html body .referido-register .reg_refer_btn .shape_morph.blob {
    height: 56px;
    width: 253px;
    background: #0FBDCC;
}

.derma_bnaner_section > .elementor-container:after {
    content: '';
    background: linear-gradient(to top, #DDE4FF, #EBFDFF);
    width: 82%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 30px;
    right: 0px;
}

html body .dermo-esta-btn .shape_morph.blob {
    width: 165px;
    height: 57px;
    background: #fff;
    color: #007D88;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;
    margin: inherit;
}

.control_bnaner_section > .elementor-container:after {
    content: '';
    background: linear-gradient(to top, #DDE4FF, #EBFDFF);
    width: 82%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 30px;
    left: 0px;
}

html body .control_bnaner_section .dermo-esta-btn .shape_morph.blob {
    width: 265px;
}

html body .controlpesoR-register .reg_refer_btn .shape_morph.blob {
    height: 56px;
    width: 127px;
    background: #18596C;
}

/**
* Start: Let Google reCaptcha at the left side of the screen
*/
html body .grecaptcha-badge {
    width: 70px;
    overflow: hidden;
    transition: all 0.3s ease;
    left: 0;
    right: auto;
}
html body .grecaptcha-badge:hover {
    width: 256px;
    overflow: visible;
}
/**
* End: Let Google reCaptcha at the left side of the screen
*/

html body > div.page_content.search_page > div > div > div.col-sm-8 > div.srch_page_prod_blks > div.row > div {
 	margin-bottom: 1.5rem; 
}

html body .dcinc-header-nav > div > nav > ul > li > a {
 	color: #0a6623; 
}
html body .dcinc-header-nav > div > nav > ul > li > ul.sub-menu {
  	background-color: white;
}
html body .dcinc-header-nav > div > nav > ul > li > ul.sub-menu > li > ul.sub-menu {
  	background-color: white;
}
html body .dcinc-header-nav > div > nav > ul > li > ul.sub-menu > li > a {
 	color: #0a6623; 
  	border-bottom: 1px solid #35443921;
  	font-weight: normal;
}
html body .dcinc-header-nav > div > nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
 	color: #0a6623; 
  	border-bottom: 1px solid #35443921;
  	font-weight: normal;
}
html body .dcinc-header-nav > div > nav > ul > li > a > span > svg {
 	fill: #0a6623; 
}

#payment > ul > li > label > img {
 max-width: 8rem; 
}

.user_profile_dd > a {
	padding: 0;
}

.woocommerce .product_shipping_class-obagi .aba_related_products .related.products .products .product a.button {
 	height: inherit; 
}

.discount-percentage {
	display: none; 
}

html body .tratamientos-esteticos-product-link > div > h2 > a {
 	color: #3C3C3C; 
}

.onsale {
 	display: none; 
}

/* body > div.elementor.elementor-498 > section.has_eae_slider.elementor-section.elementor-top-section.elementor-element.elementor-element-989cc83.elementor-section-full_width.elementor-section-height-min-height.banner_bg_section.elementor-section-height-default.elementor-section-items-middle > div.elementor-container.elementor-column-gap-no > div > div > section.has_eae_slider.elementor-section.elementor-inner-section.elementor-element.elementor-element-9f42c1b.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div.has_eae_slider.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-70eee5d > div > div > div > section > div > div > div > div > div > div > a > button {
  font-size: 1rem;
} */

/* Responsive Button & Section Media Queries */
@media (max-width: 767px) {
    .control_bnaner_section > .elementor-container:after {
        width: 100%;
    }
    .derma_bnaner_section > .elementor-container:after {
        width: 100%;
    }
    .shape_morph {
        width: 230px;
        height: 53px;
        font-size: 14px;
    }
    html body .accordion_secction .shape_morph.blob {
        width: 200px;
        height: 60px;
        font-size: 10px;
    }
    .clubcard .shape_morph.blob {
        margin: auto;
        margin-left: auto;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .shape_morph {
        height: 57px;
        width: 240px;
    }
}
