/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600&family=Barlow:wght@400;600;700&display=swap'); */

/*** custom radio ***/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #285571;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #285571;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #285571;
    position: absolute;
    top: 8px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*** end of custom radio ***/

body.single.single-product .jupiterx-site{
    font-size: 23px;
    color: #285571;
}

body.woocommerce strong{
    font-weight: 600;
}

body.single.single-product .jupiterx-header{
    background-image: url(../images/woo-header-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 150px;
}

body.jupiterx-header-sticked.single.single-product .jupiterx-header{
    background-image: unset;
    padding-bottom: 0px;
}

body.single.single-product .jupiterx-site .jupiterx-main-header [class*=-header-post-title],
body.single.single-product .jupiterx-site .breadcrumb,
body.woocommerce-cart .jupiterx-site .breadcrumb,
body.woocommerce-page .jupiterx-site .breadcrumb{
    display: none;
}

body.woocommerce .jupiterx-main-content,
body.woocommerce-cart .jupiterx-main-content,
body.woocommerce-page .jupiterx-main-content{
    padding-top: 0px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
    font-size: 20px;
}

.woocommerce h3, .woocommerce-page h3{
    font-size: 28px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label{
    font-size: 20px;
    color: #285571;
    line-height: 100%;
}

.woocommerce-page .jupiterx-primary input, .woocommerce-page .jupiterx-primary textarea, .woocommerce-page .jupiterx-primary select, .woocommerce form input, .woocommerce form textarea, .woocommerce form select{
    border-radius: 0px;
    font-size: 20px;
}

.woocommerce form .form-row .select2-container--default .select2-selection--single{
    border-radius: 0px;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 20px;
}

.woocommerce div.product .product_title{
    font-size: 50px;
    font-weight: 400;
    text-transform: uppercase;
    color: #285571;
}

.woocommerce-message,
.woocommerce-info{
    border-top-color: #CBB697;
}

.woocommerce-message::before,
.woocommerce-info::before{
    color: #CBB697;;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .jupiterx-wc-loadmore,
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce .jupiterx-wc-loadmore:hover, .woocommerce .jupiterx-wc-loadmore:focus{
    background: #285571;
    color: #ffffff;
    border-color: #285571;
}

.woocommerce div.product .summary p.price > span, .woocommerce div.product .summary span.price > span{
    font-weight: 600;
    color: #285571;
    background-color: #fff;
    padding: 10px 25px;
    display: inline-block;
    line-height: 100%;
}

.woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{
    margin-bottom: 15px;
}

.product_with_gravity_form .price,
.custom_single_variation_wrap {
    display: none;
}

.custom_single_variation_wrap .js-variation-custom-label-field{
    font-size: 40px;
    margin-bottom: 20px;
}

.custom_single_variation_wrap .js-variation-custom-label-field p{
    margin-bottom: 0px;
}

.woocommerce div.product form.cart .variations{
    margin-bottom: 2em;
}

.single-product table.variations td.label {
    display: none !important;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item{
    padding: 10px;
    width: 100%;
    height: auto;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 100px;
    box-shadow: unset!important;
    border: 2px solid #285571;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover{
    box-shadow: unset!important;
    background-color: #285571;
    color: #fff;
}

.woo-variation-swatches .variable-items-wrapper .variable-item span{
    line-height: 130%;
}

.woocommerce-variation-add-to-cart.variations_button{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
}

.anim_qty_wrapper{
    display: flex;
    align-items: center;
    /* border: 2px solid #285571;
    width: auto;
    padding-top: 0.35rem;
    padding-right: 0.75rem;
    padding-bottom: 0.35rem;
    padding-left: 0.75rem;
    border-radius: 30px 30px 30px 30px; */
}

.anim_qty_wrapper > span{
    font-size: 20px;
    line-height: 100%;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: uppercase;
    border: 2px solid #285571;
    width: auto;
    padding-top: 0.35rem;
    padding-right: 0.75rem;
    padding-bottom: 0.35rem;
    padding-left: 0.75rem;
    border-radius: 30px 0px 0px 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Barlow Semi Condensed", Sans-serif!important;
    flex: 1;
}

.anim_qty_wrapper button{
    border: 0px!important;
}

.woocommerce div.product form.cart .anim_qty_wrapper div.quantity{
    margin-bottom: 0px;
    height: 100%;
    display: flex;
}

.woocommerce div.product form.cart .anim_qty_wrapper div.quantity .input-group{
    display: flex;
    flex-direction: column!important;
    width: 50px;
    background-color: #285571;
    color: #ffffff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 2px 10px 2px 0px;
}

.woocommerce div.product form.cart .anim_qty_wrapper div.quantity .input-group .input-group-prepend{
    order: 3;
    transform: rotate(180deg);
}
.woocommerce div.product form.cart .anim_qty_wrapper div.quantity .input-group .input-group-append{
    order: 1;
    transform: rotate(180deg);
}

.woocommerce div.product form.cart div.quantity .btn{
    padding: 0px;
    line-height: 100%;
    color: #ffffff;
    font-family: "Barlow Semi Condensed", Sans-serif!important;
    position: relative;
    display: flex;
    padding: 2px;
}

.woocommerce div.product form.cart div.quantity .btn.btn-decrement:before{
    content: "";
    width: 10px;
    height: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #ffffff transparent;

}

.woocommerce div.product form.cart div.quantity .btn.btn-increment:before{
    content: "";
    width: 10px;
    height: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    cursor: pointer;
}

.woocommerce div.product form.cart div.quantity .btn.btn-decrement:hover:before{
    border-color: transparent transparent #56798f transparent;
    border-top-right-radius: 30px;
}

.woocommerce div.product form.cart div.quantity .btn.btn-increment:hover:before{
    border-color: #56798f transparent transparent transparent;
}

.woocommerce div.product form.cart div.quantity .btn strong{
    display: none;
}

.woocommerce div.product form.cart .anim_qty_wrapper div.quantity input{
    width: auto!important;
    font-family: "Barlow Semi Condensed", Sans-serif!important;
    font-size: 20px!important;
    line-height: 100%;
    padding: 0px 5px!important;
    background-color: #285571;
    color: #ffffff;
    border: 0px;
    border-radius: 50%;
    order: 2;
}

.woocommerce div.product form.cart .anim_qty_wrapper div.quantity .input-group .input-group-prepend,
.woocommerce div.product form.cart .anim_qty_wrapper div.quantity .input-group .input-group-append{
    justify-content: center;
}

.single-product div.product .single_add_to_cart_button{
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    background-color: transparent;
    color: #285571;
    border: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.single-product div.product .single_add_to_cart_button:hover,
.single-product div.product .single_add_to_cart_button:focus{
    color: #285571;
    background-color: transparent;
    outline: unset;
    box-shadow: unset;
}

.single-product div.product .single_add_to_cart_button span:nth-child(1){
    width: 46px;
    height: 33px;
    background-image: url(../images/cart-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: flex;
    margin-right: 5px;
}

.single-product div.product .single_add_to_cart_button span:nth-child(2){
    flex: 1;
    text-align: right;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Barlow Semi Condensed", Sans-serif!important;;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button.checkout-button{
    background: transparent;
    color: #285571;
    border: 2px solid #285571;
    font-size: 20px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    text-transform: uppercase;

    display: none;
}

.woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{
    background: transparent;
    color: #285571;
    border-color: #285571;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button.checkout-button:hover{
    background-color: #285571;
    border-color: #fff;
    color: #fff;
}

.jupiterx-wc-step-active .jupiterx-wc-step-number{
    background-color: #285571;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .jupiterx-wc-loadmore{
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 10px 20px;
    letter-spacing: 1px;
    line-height: 100%;
}

.product-desc-heading{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.gform_variation_wrapper.gform_wrapper h3.gform_title{
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
}

.gform_variation_wrapper.gform_wrapper .gform_body{
    display: flex;
    flex-wrap: wrap;
}

.gform_variation_wrapper.gform_wrapper ul{
    width: 100%;
}

.gform_variation_wrapper.gform_wrapper .gfieldset{
    width: 50%;
}

.gform_variation_wrapper.gform_wrapper .gfieldset legend{
    display: none;
}

.gform_variation_wrapper.gform_wrapper  label.gfield_label,
.gform_variation_wrapper.gform_wrapper  legend.gfield_label{
    font-weight: 400;
    font-size: 23px;
    font-family: 'Barlow Semi Condensed' sans-serif;
}

.gform_variation_wrapper.gform_wrapper .gfield_checkbox li,
.gform_variation_wrapper.gform_wrapper .gfield_radio li{
    margin-bottom: 15px;
}

.gform_variation_wrapper.gform_wrapper  .gform_fileupload_rules{
    display: none;
}

.gform_variation_wrapper.gform_wrapper .gform_fileupload_multifile .gform_drop_area{
    background-color: transparent;
    border: 0px;
    text-align: left;
}

.gform_variation_wrapper.gform_wrapper .gform_drop_instructions{
    display: none;
}

.gform_variation_wrapper.gform_wrapper .button.gform_button_select_files{
    background-color: #ffffff!important;
    border-color: #ffffff;
    color: #b4aabd!important;
    text-transform: none!important;
    font-size: 16px!important;
    padding: 5px 30px!important;
    letter-spacing: 0px!important;
}

.gform_variation_wrapper.gform_wrapper .gfield_radio li label {
    font-size: 16px;
    width: 100%;
    padding-left: 28px;
    margin: 0px;
}

.gform_variation_wrapper.gform_wrapper .text-italic .ginput_container label{
    font-style: italic;
}

.gform_variation_wrapper.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label,
.gform_variation_wrapper.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label{
    font-weight: 500;
    font-style: normal;
}

.gform_variation_wrapper.gform_wrapper .custom_text{
    margin-top: 5px;
}

.gform_variation_wrapper.gform_wrapper .custom_text input{
    width: 100%;
    background: #e1dfe8;
    border: 2px solid #285571;
    border-radius: 0px;
    height: 50px;
}

body .gform_legacy_markup_wrapper ul li.gfield{
    margin-top: 0px;
    margin-bottom: 40px;
}

body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio{
    margin-top: 0px;
}

.pictures_radio_btn ul.gfield_radio{
    display: flex;
    flex-wrap: wrap;
}

.pictures_radio_btn ul.gfield_radio li{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px!important;
}

.pictures_radio_btn ul.gfield_radio li input{
    order: 2;
}

.pictures_radio_btn ul.gfield_radio li label{
    order: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding-left: 0px!important;
    padding-bottom: 30px;
    position: relative;
}

.pictures_radio_btn ul.gfield_radio li label img{
    width: 60px;
    height: 60px;
    margin: 0 auto 10px auto;
    object-fit: contain;
    object-position: center;
}

.pictures_radio_btn ul.gfield_radio li label span{
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.pictures_radio_btn [type="radio"]:checked + label:before, .pictures_radio_btn [type="radio"]:not(:checked) + label:before{
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 4px;
}

.pictures_radio_btn [type="radio"]:checked + label:after, .pictures_radio_btn [type="radio"]:not(:checked) + label:after{
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 8px;
}

.gform_wrapper .qty_based_price_info{
    margin-top: 10px;
}

.gform_wrapper .qty_based_price_info span{
    display: inline-block;
    background: #ffffff;
    padding: 5px 20px;
    font-size: 16px;
}

.gform_wrapper .qty_based_price_info span strong{
    font-size: 23px;
    font-weight: 500;
}

.product-type-simple form.cart #field_2_2 > label::first-letter,
.product-type-simple form.cart #field_2_4 > label::first-letter,
.product-type-simple form.cart #field_2_5 > label::first-letter,
.product-type-simple form.cart #field_2_6 > label::first-letter{
    font-weight: 600;
}

.product_with_gravity_form form.cart > .woocommerce-variation-add-to-cart.variations_button{
    display: none;
}

.gform_variation_wrapper.gform_wrapper .product_totals{
   display: flex;
   justify-content: flex-end;
}

.gform_variation_wrapper.gform_wrapper .product_totals ul{
    width: auto;
    line-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.gform_variation_wrapper.gform_wrapper .product_totals ul li{
    display: flex;
    flex-wrap: wrap;
}

.gform_variation_wrapper.gform_wrapper .product_totals ul li label{
    line-height: 100%;
    margin-right: 10px;
}

.gform_variation_wrapper.gform_wrapper .product_totals ul li label:after{
    content: ": ";
}

.gform_variation_wrapper.gform_wrapper .gform_footer{
    display: none;
}

/*** cart table ***/

body.woocommerce-cart .shop_table{
    font-size: 18px;
}

body.woocommerce-cart .shop_table .product-quantity button{
    padding: 0px!important;
    border-radius: 0px;
}

body.woocommerce-cart  form.cart div.quantity input, body.woocommerce-cart  .product-quantity div.quantity input{
    border-radius: 0px;
    font-size: 16px;
}

body.woocommerce-cart  .woocommerce-cart-form .shop_table button{
    font-size: 18px;
    letter-spacing: 0px!important;
    line-height: 100%;
    letter-spacing: 1px;
    padding: 5px 20px!important;
    text-transform: none;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 10px 20px;
    letter-spacing: 1px;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt{
    float: none;
    font-size: 16px;
}

.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child{
    float: none;
    font-size: 16px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus{
    background-color: unset;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    font-weight: 500;
}

/*** related products ***/
.woocommerce .products.related h2, .woocommerce .products.upsells h2{
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 23px;
    color: #285571;
    text-align: left;
}

.woocommerce ul.products li.product div[itemprop="description"]{
    font-size: 16px;
    color: #285571;
    line-height: 100%;
    text-align: justify;
    align-items: flex-start;
}


.woocommerce ul.products li.product .woocommerce-loop-product__footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__footer .button{
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
    background-color: transparent;
    border-color: #285571;
    color: #285571;
    padding: 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__footer .button .fas.fa-plus{
    font-size: 10px;
    margin-bottom: 1px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__footer a{
    color: #285571;
}

.woocommerce ul.products li.product a .jupiterx-wc-loop-product-image{
    background-color: #fff;
}

.woocommerce ul.products li.product a img{
    width: 280px;
    height: 280px;
    margin: 0 auto;
    object-fit: contain;
}

/** product list page **/
.elementor-products-grid ul.products.elementor-grid li:first-child{
    position: relative;
}

.elementor-products-grid ul.products.elementor-grid li:first-child:after{
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -60px;
    background-image: url(../images/vertical-shape-line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.distributor-list{
    max-width: 700px;
    margin: 0 auto;
    overflow-x: auto;
}

.distributor-list table{
    width: 700px;
    table-layout: fixed;
}

.distributor-list table td{
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #285571;
    width: 33.333;
}

.distributor-list table td:nth-child(odd){
    font-weight: 500;
}

.distributor-list table td:nth-child(1){
    width: 30%;
}

.distributor-list table td:nth-child(2){
    width: 30%;
}

.distributor-list table td:nth-child(3){
    text-transform: lowercase;
    width: 40%;
}

/*** my account ***/
.woocommerce-MyAccount-header{
    background-image: url(../images/myaccount-shade.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-bottom: 60px;
    font-family: "Barlow Semi Condensed", Sans-serif;
}

.woocommerce-MyAccount-pagetitle{
    max-width: 1240px;
    margin: 0 auto;
    text-align: center;
    padding: 40px;
}

.woocommerce-MyAccount-header .pagetitle-upper{
    font-family: "Barlow Semi Condensed", Sans-serif;
    color: #285571;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-header .pagetitle-bottom{
    color: #285571;
    font-family: "Permanent Marker", Sans-serif;
    font-size: 70px;
    line-height: 1em;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-menus{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 24px;
}

.woocommerce-MyAccount-dropdown-menu{
    display: none;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation{
    float: none;
    width: unset;
    flex: 1;
    border: 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation .line{
    position: relative;
    flex: auto;
    padding: 4rem 2rem;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation .line:before{
    content: "";
    height: 2px;
    width: 100%;
    background-color: #b7c0cd;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 55%;
    transform: translateY(-55%);
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul{
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li{
    border: 0px;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li.is-active{
    background-color: unset;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li.is-active:after{
    content: "";
    width: 50px;
    height: 5px;
    background-color: #345675;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li a{
    font-weight: bold;
    color: #345675;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li a:hover{
    text-decoration: none!important;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li.is-active a{
    color: #345675;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-login{
    order: 1;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation{
    order: 2;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-logout{
    order: 3;
}

/* .woocommerce-MyAccount-header .woocommerce-MyAccount-logout span{ font-weight: 800; }
.woocommerce-MyAccount-header .woocommerce-MyAccount-logout span:first-word { font-weight: 400; } */

.woocommerce-MyAccount-header .woocommerce-MyAccount-login, 
.woocommerce-MyAccount-header .woocommerce-MyAccount-logout,
.woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li{
    padding: 4rem 2rem;
    position: relative;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-login a,
.woocommerce-MyAccount-header .woocommerce-MyAccount-logout a{
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-login a i,
.woocommerce-MyAccount-header .woocommerce-MyAccount-logout a i{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-login a i{
    background-image: url(../images/icon-user.png);
    margin-right: 5px;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-logout a i{
    background-image: url(../images/icon-logout.png);
    margin-left: 5px;
}

.woocommerce-MyAccount-header .woocommerce-MyAccount-login a span{
    line-height: 100%;
}

.woocommerce-MyAccount-content{
    float: none!important;
    width: 100%!important;
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px;
}

.anim_membership__header-title{
    text-align: center;
    color: #285571;
    font-family: "Barlow", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.anim_membership__header-desc{
    text-align: center;
    color: #285571;
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 60px;
}

.anim_membership__badge-list{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 20px;
}

.anim_membership__badge-item{

}

.anim_membership__badge-item.badge-progress{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.anim_membership__badge-item.badge-progress span{
    width: 100%;
    max-width: 18px;
    height: 12px;
    border: 2px solid #CBB697;
}

.anim_membership__badge-item.badge-progress.active span.check{
    border-color: #285571;
    background-color: #285571;
}

.anim_membership__badge-title{
    text-align: center;
    color: #CBB697;
    font-family: "Barlow", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.anim_membership__badge-note{
    text-align: center;
    color: #CBB697;
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 20px;
    position: relative;
}

.anim_membership__badge-note:after{
    content: "";
    height: 1px;
    width: 10px;
    background-color: #CBB697;
    position: absolute;
    bottom: -5px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}

.anim_membership__badge-item.active .anim_membership__badge-note:after{
    background-color: #285571;
}

.anim_membership__badge-icon{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.anim_membership__badge-icon--wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 4px solid #CBB697;
    position: relative;
}

.anim_membership__badge-item .anim_membership__badge-icon--wrap span{
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.anim_membership__badge-item.active .anim_membership__badge-icon--wrap:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 14px;
    background-image: url('../images/icon-tick.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.anim_membership__badge-item.badge_1 .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_1_on.png');
}

.anim_membership__badge-item.badge_1.active .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_1_off.png');
}

.anim_membership__badge-item.badge_2 .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_2_on.png');
}

.anim_membership__badge-item.badge_2.active .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_2_off.png');
}

.anim_membership__badge-item.badge_3 .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_3_on.png');
}

.anim_membership__badge-item.badge_3.active .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_3_off.png');
}

.anim_membership__badge-item.badge_4 .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_4_on.png');
}

.anim_membership__badge-item.badge_4.active .anim_membership__badge-icon--wrap span{
    background-image: url('../images/badge_4_off.png');
}

.anim_membership__badge-item.active .anim_membership__badge-title,
.anim_membership__badge-item.active .anim_membership__badge-note{
    color: #285571;
}

.anim_membership__badge-item.active .anim_membership__badge-icon--wrap{
    background-color: #285571;
    border: 0px;
}

.woocommerce-checkout .woocommerce .jupiterx-continue-shopping{
    display: none!important;
}

.woocommerce-checkout .woocommerce .btn-recalculate-tax{
    background: transparent!important;
    text-decoration: underline!important;
    cursor: pointer!important;
    border: 0px!important;
    padding: 0px!important;
}

.woocommerce-checkout .woocommerce .btn-recalculate-tax:hover{
    background: transparent!important;
    color: inherit;
}

@media(max-width: 1260px){
    body.single.single-product .jupiterx-header{
        padding-bottom: 130px;
    }

    .woocommerce div.product form.cart .button.single_add_to_cart_button.checkout-button,
    .anim_qty_wrapper > span,
    .woocommerce div.product form.cart .anim_qty_wrapper div.quantity input,
    .single-product div.product .single_add_to_cart_button span:nth-child(2){
        font-size: 16px!important;
    }

    .woocommerce div.product form.cart div.quantity .btn.btn-increment:before{
        border-width: 8px 6px 0 6px;
    }

    .woocommerce div.product form.cart div.quantity .btn.btn-decrement:before{
        border-width: 0 6px 8px 6px;
    }

    .single-product div.product .single_add_to_cart_button span:nth-child(1){
        width: 30px;
        height: 22px;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-menus{
        font-size: 20px;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li a{
        font-weight: 500;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-login, 
    .woocommerce-MyAccount-header .woocommerce-MyAccount-logout, .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul li,
    .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation .line{
        padding: 3rem 1.0rem;
    }

    .anim_membership__badge-title{
        font-size: 20px;
    }    

    .anim_membership__badge-item.badge-progress span{
        max-width: 14px;
    }

    .anim_membership__badge-icon--wrap{
        width: 110px;
        height: 110px;
    }

    .anim_membership__badge-item .anim_membership__badge-icon--wrap span{
        width: 50px;
        height: 50px;
    }

    .anim_membership__badge-item.active .anim_membership__badge-icon--wrap:after{
        width: 15px;
        height: 15px;
    }
}

@media(max-width: 1024px){

    body.single.single-product .jupiterx-header{
        padding-bottom: 110px;
    }

    .woo-variation-swatches.wvs-style-squared .variable-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 10px;
    }

    .woocommerce div.product form.cart .variations{
        margin-bottom: 1em;
    }

    .woocommerce-variation-add-to-cart.variations_button{
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .woocommerce div.product form.cart .button.single_add_to_cart_button.checkout-button,
    .anim_qty_wrapper > span,
    .woocommerce div.product form.cart .anim_qty_wrapper div.quantity input,
    .single-product div.product .single_add_to_cart_button span:nth-child(2){
        font-size: 15px!important;
    }

    .woocommerce div.product p.price, .woocommerce div.product span.price{
        font-size: 16px;
    }

    .single-product div.product .single_add_to_cart_button span:nth-child(2){
        flex: unset;
    }

    .distributor-list table{
        width: 550px;
    }

    .elementor-products-grid ul.products.elementor-grid li:first-child:after{
        right: -40px;
    }

}

@media(max-width: 992px){
    .woocommerce-MyAccount-menus{
        flex-wrap: wrap;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation .line, .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation ul{
        display: none;
    }
    
    .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation{
        justify-content: center;
    }

    .woocommerce-MyAccount-dropdown-menu{
        display: block;
        padding: 3rem 1.5rem;
    }

    .woocommerce-MyAccount-dropdown-menu select{
        background: transparent;
        text-align: center;
    }

    /* .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation{
        order: 1;
        flex: none;
        width: 100%;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-login{
        order: 2;
    }
    
    .woocommerce-MyAccount-header .woocommerce-MyAccount-logout{
        order: 3;
    } */
}

@media(max-width: 767px){

    body.single.single-product .jupiterx-header{
        padding-bottom: 70px;
    }

    .woocommerce div.product .product_title{
        font-size: 30px;
    }

    .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{
        text-align: center;
    }

    .woocommerce-variation-add-to-cart.variations_button{
        grid-template-columns: repeat(1, 1fr);
        max-width: 300px;
        margin: 0 auto;
    }

    .woocommerce div.product form.cart .button.single_add_to_cart_button.checkout-button{
        padding: 10px;
    }

    .woo-variation-swatches.wvs-style-squared .variable-items-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item{
        padding: 10px;
    }

    .button-variable-item span{
        font-size: 13px;
    }

    .woocommerce div.product form.cart div.quantity .btn.btn-increment:before{
        border-width: 6px 5px 0 5px;
    }

    .woocommerce div.product form.cart div.quantity .btn.btn-decrement:before{
        border-width: 0 5px 6px 5px;
    }

    .anim_membership__badge-title {
        font-size: 25px;
    }

    .anim_membership__badge-list{
        grid-template-columns: repeat(1, 1fr);
    }

    .anim_membership__badge-item.badge-progress{
        grid-template-columns: repeat(1, 1fr);
    }

    .anim_membership__badge-item.badge-progress.active span{
        max-width: 20px;
        margin: 0 auto;
    }

    .anim_membership__badge-icon--wrap {
        width: 140px;
        height: 140px;
    }

    .anim_membership__badge-item .anim_membership__badge-icon--wrap span {
        width: 60px;
        height: 60px;
    }

    .anim_membership__badge-item.active .anim_membership__badge-icon--wrap:after {
        width: 18px;
        height: 18px;
    }
}

@media(max-width: 600px){

    .woocommerce-MyAccount-pagetitle{
        padding: 20px;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-navigation{
        order: 1;
        flex: none;
        width: 100%;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-login{
        order: 2;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-login,
    .woocommerce-MyAccount-header .woocommerce-MyAccount-logout{
        flex: 1;
    }

    .woocommerce-MyAccount-header .woocommerce-MyAccount-login,
    .woocommerce-MyAccount-header .woocommerce-MyAccount-logout,
    .woocommerce-MyAccount-dropdown-menu{
        padding: 2rem;
        text-align: center;
        display: flex;
        justify-content: center;
    }
}