.woo_header{ display: flex; align-items: center; justify-content: flex-end}
#btn_logueo a{ width: auto; height: 20px; margin: 0 20px; display: flex; justify-content: center; align-items: center}
#btn_logueo a svg{ height: auto; width: 20px} 
#btn_serach,#btn_serach svg{ width: 24px; height: 24px;background: none; border: none}
#btn_serach:hover svg path,#btn_logueo:hover svg path,.min_cart_header:hover svg path{  stroke:#038999}
#btn_serach{ cursor: pointer}
#search_top{background: #038999!important; position: fixed; width: 100%; left: 0; top: 0; z-index: 99991; display: none;}
#search_top .cont_buscar{ border-top: 1px solid transparent; padding: 10px}
#search_top .dgwt-wcas-sf-wrapp {padding: 0; }
#search_top .dgwt-wcas-sf-wrapp .dgwt-wcas-close:before{ color: #333!important}
#search_top .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding: 10px; border: 1px solid #038999!important; border-radius: 10px; background: #fff}
#search_top .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{ position: absolute; top: 0; left: inherit; right: 10px; bottom: 0; margin: auto}

/*********TIENDA***Filtros******/

#sidebar_shop{ position: sticky; top: 130px; left: 0}
#filtros_productos{ padding-right: 30px}

#filtros_productos h4.title_filter{ font-size: 15px; text-transform: uppercase;}

#content_filter{margin-top: 15px}
.berocket_single_filter_widget{ margin-bottom: 15px; border-bottom: 1px solid rgba(3, 137, 153, 0.34)}
.bapf_head h3{ font-size: 14px; text-transform: uppercase; color: #038999; margin-bottom: 12px}
.bapf_body ul li{ margin-bottom: 8px!important; font-size: 13px; font-weight: 500}
.bapf_ckbox_square input[type=checkbox]{ border: 1px solid #038999; border-radius: 3px; width: 12px; height: 12px; padding: 2px}
.bapf_ckbox_square input[type=checkbox]:checked{ background: #038999}


/* precio .irs--square .irs-handle*/
.bapf_slidr_ion{}
.bapf_slidr_ion .bapf_head{ margin-bottom: 15px!important}

.irs--round .irs-handle{border: 2px solid #038999  ;width: 15px;height: 15px; top: 30px;box-shadow: none!important; transform: rotate(0deg)!important}
.irs--round .irs-line{background-color: #038999;height: 2px; top: 36px}
.irs--round .irs-bar {top: 36px;height: 2px;background-color: #038999  ;} 
.irs--round .irs-from, .irs--square .irs-single, .irs--round .irs-to{ background: #038999  ;border-radius: 3px; font-size: 11px}
.irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before{border-top-color: #038999  }
 
.bapf_sfilter.bapf_button_berocket .bapf_button{ background-color: #038999!important; font-size: 15px!important; font-weight: 500; border-radius: 10px}
.bapf_sfilter.bapf_button_berocket .bapf_button:hover{ background: 005D68!important} 
/*********TIENDA***LISTA******/

#productos{ padding-bottom: 110px}

.header_tienda{ padding: 35px 0 0 0; text-align: center}
.header_tienda h1{ margin-bottom: 10px}

#productos #banner_top{ height: 310px; background-size: cover!important; background-position: center center !important}
#productos #banner_top .cont_at_full{ display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: flex-start}
.vlr_desc{ position: absolute; width: 40px; height: 40px; background: #008999; color: #fff; border-radius: 90px; position: absolute; top: 20px; left: 20px; z-index: 90; display: flex; align-items: center; justify-content: center; font-size: 12px}
.list_tax{display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 15px 0 45px 0!important}
.list_tax li{margin-right: 25px}


.list_tax li a{display: block;  padding: 10px 0; border-bottom: 1px solid #ededed; text-transform: uppercase; color: #333; font-size: 12px; line-height: 12px}

.list_tax li a:hover,.list_tax li.active a{ border-color: #333; font-weight: 500}

#cont_prod{ display: flex; justify-content: space-between; padding: 0 35px}
#filters_at{ width: 380px}
#product_list.cont_list{ width: calc(100% - 380px)}

#product_list{ padding-bottom: 110px}

.row_at.list_product{  justify-content: flex-start}

.list_product .col_4{ width: calc(25% - 20px); margin: 0 10px 35px 10px }
.item_prod_ATM  figure{ position: relative; overflow: hidden}
.item_prod_ATM  figure:hover img{ transition: all 300ms ease-out; transform: scale(1.05)}
.item_prod_ATM  figure{ position: relative}
.item_prod_ATM .btn_shop{ background: #fff; width: 35px; height: 35px;  display: none; align-items: center; justify-content: center;position: absolute; right: 20px; bottom: 20px; border-radius: 90px; box-shadow: 0px 0px 3px rgba(0,0,0,20%); overflow: hidden;transition: all 150ms ease-out;}
.item_prod_ATM:hover .btn_shop{display: flex}
.item_prod_ATM .btn_shop i,.item_prod_ATM .btn_shop i svg{ width: 20px; height: 20px;transition: all 150ms ease-out;}
.item_prod_ATM .btn_shop i{transform: translateX(20px);transition: all 150ms ease-out;}
.item_prod_ATM .btn_shop span{ font-size: 14px; transform: translateX(5ch);transition: all 150ms ease-out;}
.item_prod_ATM .btn_shop:hover{ width: auto; padding: 0 10px;transition: all 150ms ease-out;}
.item_prod_ATM .btn_shop:hover i{ margin-right: 5px;transform: translateX(0);transition: all 150ms ease-out;}
.item_prod_ATM .btn_shop:hover span{  transform: translateX(0);transition: all 150ms ease-out;}

.item_prod_ATM h2,.item_prod_ATM  .woo_price{ font-size: 15px; line-height: 15px; font-weight: 500; }
.item_prod_ATM h2{ margin: 5px 0 10px 0px; min-height: 45px; line-height: 20px}
.item_prod_ATM .tax_current{ font-size: 12px; line-height: 12px; text-transform: uppercase}

#container_info.cont_at_full {width: calc(100%)!important;margin: 0 auto;max-width: 100%;padding: 0!important;}
#container_info .row_at{ align-items:flex-start; justify-content: space-between;}

#prod_info{ width: 50%}
#prod_info{position: sticky; top: 100px; left: 0;}
#prod_info .entry_product{ padding: 35px 0 20px 10%}
.entry_product .title_product{ margin-bottom: 15px}
.entry_product .title_product h1,.entry_product .title_product h2,.entry_product .title_product h4{ font-weight: 400}
.entry_product .title_product h1{ font-size: 25px; line-height: 25px; margin: 5px 0 10px 0}
.entry_product .title_product h2{ font-size: 22px; line-height: 22px}
.entry_product .title_product h4{text-transform:uppercase;font-size: 12px; line-height: 12px}
.entry_product .short_description p,.atm_accordions .atm_accordion_content p{font-size: 14px; line-height: 22px; margin-bottom: 10px}
.entry_product .short_description ul{margin: 15px 0 !important}
.entry_product .short_description ul li{position: relative; display: flex; align-items: center;font-size: 14px; line-height: 16px;; margin-bottom: 5px}
.entry_product .short_description ul li:before{ content: ''; margin-right: 5px; background: #038999; width: 8px; height: 8px; border-radius: 90px}
.entry_product .short_description h2,.entry_product .short_description h3,.entry_product .short_description h4{ margin-bottom: 10px; font-weight: 500; font-size: 17px}
.entry_product .single_add_to_cart_button {background: #038999!important; border-radius: 10px!important; width: calc(100% - 145px); opacity: 1!important; display: flex!important; align-items: center; height: 45px}
.entry_product .single_add_to_cart_button span{ font-weight: 400; font-size: 15px; line-height: 15px; margin-left: 10px}
.entry_product .single_add_to_cart_button:hover{ background: #1d1d1b!important; border-radius: 10px} 
.entry_product .added_to_cart{display: none!important}
.btn_asesor {background: #1d1d1b!important; color: #fff; border-radius: 10px!important; padding: 15px 30px; text-align: center; display: flex; justify-content: center; align-items: center}
.btn_asesor i{ margin-right: 15px}
.entry_product .woocommerce-Price-amount{ color: #1d1d1b!important;} 
.atm_accordions{ margin-top: 20px}
.variations{}

.woocommerce div.product form.cart .variations label,.woo-selected-variation-item-name{ font-size: 14px; line-height: 14px;  font-weight: 400!important}
.woocommerce div.product form.cart .variations li{ border: 1px solid #038999; padding: 15px 30px; border-radius: 10px!important}
.woocommerce div.product form.cart .variations li.selected,.woocommerce div.product form.cart .variations li:hover{ border: 1px solid #1d1d1b; background-color: #1d1d1b!important; color: #fff!important}

.atm_accordions .atm_accordion_header{ border: none; background: #fff; border: none; border-bottom: 1px solid #008999; border-radius: 0; padding: 10px 0;display: inline-flex;align-items: center;justify-content: space-between;width: 100%; } 
.atm_accordions .atm_accordion_header span{ text-transform: uppercase; font-weight: 300}
.atm_accordions .atm_accordion_header svg{ width: 20px; height: auto; stroke:#ccc!important}
.atm_accordion_item.active svg{ stroke:#1d1d1b; transform: rotate(180px)}
.atm_accordions .atm_accordion_content{padding: 10px 0}
.atm_accordions .atm_accordion_content p{}

#form_add_carrito .stock.in-stock{ display: none!important}

.variable-item.custom-disabled {opacity: 0.3 !important;pointer-events: none !important;}
.atm-stock-bar-wrap {margin-top: 15px;margin-bottom: 20px}
.atm-stock-message {font-size: 15px;color: #1d1d1b;margin-bottom: 6px;}
.time_entrega{ display: table}

.atm-stock-progress {width: 85%;height: 10px;background: #fff;border: 1px solid #038999;border-radius: 0;overflow: hidden;padding: 2px; border-radius: 90px }
.atm-stock-progress-fill {height: 95%;background-color: #038999!important;transition: width 0.4s ease; border-radius: 90px}

#product_related{ margin: 110px 0}
#product_related h3{ font-size: 18px; font-weight: 500; margin-bottom: 15px}

/***MSN W00****/
#content_page .woocommerce .wc-backward{ background-color:#1d1d1b!important; border-radius: 0px!important; color: #fff!important; text-transform: uppercase; letter-spacing: 2px; margin: 0 auto!important; display: table!important}
#content_page .woocommerce .wc-backward:hover{ background-color:#333!important; }
.woocommerce-message,ul.woocommerce-error,.woocommerce-error, .woocommerce-info, .woocommerce-message{ border:none!important; background: rgba(3, 137, 153, 0.10)!important; color: #1d1d1b; margin: 15px 0!important; padding-left: 60px; border-radius: 10px}
.woocommerce-message::before,ul.woocommerce-error::before,.woocommerce-info::before{ font-size: 30px;color: #038999;top: -15px;  right: -20px; border: 0; width: 45px; height: 45px; line-height: 45px; left: inherit;}
.woocommerce-message a,ul.woocommerce-error li a{color: #1d1d1b; padding: 5px 10px; }
.woocommerce-message a:hover,ul.woocommerce-error li a:hover{background: rgb(3, 137, 153) color: #1d1d1b; padding: 5px 10px; }
.woocommerce-notices-wrapper ul.woocommerce-error{ padding: 10px 35px 10px 55px!important}
ul.woocommerce-error li{display: flex; justify-content: space-between; align-items: center}

/*******RESET WOO********/


.cont_at [class*='row_at_']  > .col_at{  padding: 5px 10px; margin: 5px; display: flex; flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
.row_at{display: flex; justify-content: center}
.row_at_1{ display:grid;grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
.row_at_2{ display:grid;grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
.row_at_3{ display:grid;grid-template-columns: repeat(3, 1fr); box-sizing: border-box;}
.row_at_4{ display:grid;grid-template-columns: repeat(4, 1fr); box-sizing: border-box;}

.row_at_3_9{ display:grid;grid-template-columns: 0.5fr 2.5fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_5_7{ display:grid;grid-template-columns: 1.2fr 1.8fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_7_5{ display:grid;grid-template-columns:  1.8fr 1.2fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_2_8{ display:grid;grid-template-columns:  0.4fr 1.6fr;   grid-template-rows: 1fr;box-sizing: border-box;}

.col_at > [class*='row_at_'] .col_at{ margin:  0; padding: 5px 0}
.col_at [class*='row_at_']{ padding: 0; margin: 0}

#prod_gale{ width: calc(50%); position: sticky; top: 100px; left: 0}
#prod_gale .mi_galeria.galeria_una{}
#prod_gale .mi_galeria.galeria_grid{display: flex; flex-wrap: wrap; justify-content: space-between}
#prod_gale .mi_galeria.galeria_grid .item{ width:calc(50% - 4px); margin: 0px 2px 4px 2px}
#prod_gale .mi_galeria.galeria_grid .item img{ display: table; width: 100%; max-width: 100%}

.quantity{ border:1px solid #038999!important; width:130px; border-radius: 10px; margin-right: 15px; height: 45px; display: flex; justify-content: space-between; align-items: center; overflow: hidden} 
.quantity span,.quantity input{ width: calc(100% / 3)!important; height: 100%; display: flex; align-items: center; justify-content: center; color: #038999}
.quantity span:hover{ background: #038999; color: #fff}
.quantity input{ font-size: 18px}
.quantity input::-webkit-outer-spin-button,
.quantity  input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}

#billing_country_field,#shipping_country_field{position: relative}
#billing_country_field label ,#shipping_country_field label { font-size: 12px; line-height: 12px; margin: 0!important; position: absolute;z-index: 99999;top: 10px; left:16px;}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection{ border: 1px solid rgba(3, 137, 153, 0.35)!important;padding: 15px 5px 5px 5px; border-radius: 10px}
#checkout_wrapper .header_checout.entrega{padding-top:20px!important}
#ship-to-different-address{ margin: 25px 0!important}

#form_at_W00{}
#form_at_W00 .woocommerce-input-wrapper{margin-bottom: 10px; display: block}
#form_at_W00 .input-text,#cont_tabs_acount input{border: 1px solid rgba(3, 137, 153, 0.35) !important;padding: 15px 10px;border-radius: 10px;}


/*******CART**WOO*****/

.page_carrito #content_page.cont_at{ width: 90%;margin-top: 45px;}
#cart_woo{ margin-bottom: 155px}
#cart_woo .row_at{ justify-content: space-between; align-items: flex-start}
#cart_left{ width: calc(100% - 410px)} 
#cart_right{ width: 410px; top: 130px; position: sticky} 

.item_product_cart{ width: calc(50% - 20px); margin: 0 10px 20px 10px; border: 1px solid #ededed}
.item_product_cart .content_product{ display: flex; align-items: center; justify-content: space-between}
.item_product_cart figure{ width: 45%}
.item_product_cart .info_pro_cart_bt{ width: 55%; padding: 10px}
.item_product_cart figure{ position: relative}
.item_product_cart figure .remove{  position: absolute; top: 5px; left: 5px; background: #038999; width: 25px; height: 25px; border-radius: 3px; padding: 2px}
.item_product_cart figure .remove svg path{ stroke:#fff}
.item_product_cart h3{font-size: 15px;line-height: 15px; font-weight: 500;}
#cart_right{}
#cart_right .cart_totals{ width: 100%; float: inherit}
#cont_total{ padding-left: 20px}
#cont_total h2{ margin-bottom: 15px;  font-size: 16px; line-height: 16px; letter-spacing: 3px}
#cont_total .checkout-button{  background: #038999; color: #fff; letter-spacing: 3px; border-radius: 10px; font-weight: 400; font-size: 16px; line-height: 16px}

#row_actions{ width: calc(100% - 20px); display: flex; align-items: center; justify-content: space-between; margin-top: 35px; margin-left: 10px}
#row_actions .coupon{}
#row_actions .coupon .input-text{border: 1px solid rgba(3, 137, 153, 0.35) !important;padding: 10px; margin-right: 10px; border-radius: 10px;}
#cont_btns,#row_actions .coupon{ display: flex; align-items: center}
#cont_btns .btn_actualizar,#cont_btns a,#row_actions .coupon .btn_at{background: #038999; color: #fff; letter-spacing: 3px; border-radius: 10px; font-weight: 400; font-size: 16px; line-height: 16px; border: none; padding: 10px 25px}
#cont_btns .btn_actualizar{ margin-right: 15px}

/**********CCS*CHECK OUT PASOS****************/
.woocommerce form .form-row{ margin-bottom: 0!important}
#checkout_wrapper {}
#header_check_out{ margin-top: 35px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between}
#header_check_out #logo_top{ width: 75px; display: table}
#checkout_wrapper{ position: relative} 
#header_check_out ul{ margin-right: 40px!important}
#header_check_out ul,#header_check_out ul li a{display: flex; align-items: center}
#header_check_out ul li.ver_carrito{ margin-right: 30px}
#header_check_out ul li svg{ width: 25px; height: auto; margin-right: 10px}
#header_check_out ul li.iniciar_sesion svg{ width: 18px; height: auto}
#checkout_wrapper:before{ content: ''; background:rgba(3, 137, 153, 9%)!important; ; display: block; position: absolute; top: 0; right: 0; height: 100%; width: calc(50% + 15px)} 

#checkout_wrapper .cont_at{ width: 100%; max-width: 1170px; display: flex; justify-content: space-between; }
#checkout_wrapper .header_checout h3{ font-weight: 500; font-size: 18px; line-height: 18px}
#checkout_wrapper .header_checout{ margin-top: 5px!important} 
#checkout_wrapper #check_left,#checkout_wrapper #check_right{ width: 50%}
#checkout_wrapper #check_left{ padding-bottom: 80px }

#checkout_wrapper #check_left form{ padding-right: 35px}
#checkout_wrapper #check_left form #place_order{ background: #038999; border: none; display: block; width: 100%; border-radius: 10px; padding: 15px 30px; color: #fff; font-size: 16px; line-height: 16px}
#checkout_wrapper #check_left form .place-order .woocommerce-privacy-policy-text { margin-top: 30px; margin-bottom: 15px}
#checkout_wrapper #check_left form .place-order .woocommerce-privacy-policy-text p{font-size: 14px; line-height: 16px}

#checkout_wrapper #check_right{ padding-left: 35px}
#checkout_wrapper .order-summary{ padding: 0 55px}

#checkout_wrapper .checkout_coupon{ display: block!important; border: none}
#checkout_wrapper .checkout_coupon .item_coupon{ display: flex; align-items: center; justify-content: space-between}
#checkout_wrapper .checkout_coupon .item_coupon .input-text{ padding: 10px; width:calc(80% - 25px); border: 1px solid rgba(3, 137, 153, 0.35) !important; border-radius: 10px }
#checkout_wrapper .checkout_coupon .item_coupon .btn_at{ background:#038999; color: #fff; padding: 10px 15px; border-radius: 10px; border: none}

#checkout_wrapper .order-summary{ position: sticky; top:30px; right: 0; }

.cart_check_out,.cart_check_out li{list-style: none!important}
.cart_check_out li{ padding: 0px!important; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px}
#form_at_W00 li:before, #check_right li:before{ display: none!important}
.cart_check_out li figure{ margin: 0!important; position: relative}
.cart_check_out li figure img{ border-radius: 10px}
.cart_check_out li figure .cantidad{ display: block; width: 20px; height: 20px; line-height: 20px; font-size: 14px; background:#1d1d1b; color: #fff; position: absolute; top: -5px; right: -5px; border-radius: 90px; text-align: center}

.cart_check_out li .product-info{  width: calc(100% - 140px); padding: 0 10px}
.cart_check_out li .product-info h5{ font-size: 14px; line-height: 14px; margin-bottom: 5px!important}
.cart_check_out li .product-info .product-variation{ display: flex; flex-direction: column;}
.cart_check_out li .product-price{ width: 70px}



#payment_method  h3{margin-bottom: 10px; font-size: 16px}
#payment_method ul  {margin: 0!important }
#payment_method ul li {border: none!important; padding: 0!important; margin-bottom: 10px }
#payment_method ul li label{background: rgba(3, 137, 153, 0.10)!important; padding: 15px 10px; font-size: 15px; line-height: 15px; padding-left: 40px!important; position: relative; border:none; display: block; width: calc(100% - 50px); border-radius: 10px; cursor: pointer}
#payment_method ul li label:before{content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; border: 1px solid #038999; position: absolute; left: 15px; top: 0;  bottom: 0; margin: auto}
#payment_method ul li:hover  label:before{ background: #038999}
#payment_method ul li input[type=radio]{ display: none}
#payment_method ul li input[type=radio]:checked + label:before{ background: #038999; border-color: #038999!important}
#payment_method ul li .payment_box{ padding: 10px}
#payment_method ul li .payment_box p{ font-size: 14px; line-height: 16px}

.foo_cart_check{ margin-top: 15px!important}
.foo_cart_check li{padding: 0!important; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px}

#form_at_W00 .woocommerce-billing-fields input.is-invalid, #form_at_W00 .woocommerce-billing-fields select.is-invalid {    border: 2px solid red !important; box-shadow: 0px 0px 5px rgba(0,0,0,50%)}



/*****MI**CUENTA*****/
#customer_login{ padding: 120px 0}
.tab-pane{    display:none;}
.tab-pane.show.active{    display:block;}
.registro-form-container .loader {display: none;text-align: center;margin-top: 10px;}

.registro-form-container .loader::after {content: " ";display: inline-block;width: 16px;height: 16px;border: 2px solid #fff;border-top: 2px solid 007bff;border-radius: 50%;animation: spin 1s linear infinite;}

@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); } }


.cont_tab #tabs_acount{  display: flex; align-items: center; justify-content: center}
.cont_tab #tabs_acount button{ cursor: pointer;margin: 0 10px; background: none;  text-align: center;  border: none; border-radius: 10px!important; font-size: 15px; line-height: 15px; display: flex; align-items: center ; justify-content: center;font-weight: 500; letter-spacing: 2px; padding: 5px 10px; border: 1px solid #1d1d1b;color: #1d1d1b; margin-bottom: 10px}
.cont_tab #tabs_acount button i{ width: 25px; margin-right: 10px}
.cont_tab #tabs_acount button i svg{ width: 25px; height: auto}
.cont_tab #tabs_acount button i svg path{stroke:#1d1d1b}
.cont_tab #tabs_acount button:hover i svg path,.cont_tab #tabs_acount button.active i svg path{stroke:#fff}
.cont_tab #tabs_acount #lost_pass-tab i svg{fill:#1d1d1b}
.cont_tab #tabs_acount #lost_pass-tab:hover i svg,.cont_tab #tabs_acount #lost_pass-tab.active i svg{fill:#fff}
.cont_tab #tabs_acount button.active,.cont_tab #tabs_acount button:hover{background:#1d1d1b; color: #fff }

#cont_tabs_acount { width: 850px; display: table; margin: 25px auto}

#cont_tabs_acount .col_at{padding: 5px 10px}
#cont_tabs_acount input{ width: calc(100% - 20px)}
#cont_tabs_acount .btn_at { display: flex; justify-items: center; align-items: center;margin: 15px auto; color: #fff; background: #038999; border: none; border-radius: 10px; padding: 10px 30px; font-size: 17px; line-height: 17px}
#cont_tabs_acount .btn_at i{ margin-right: 10px; width: 25px}
#cont_tabs_acount .btn_at i svg{ width: 25px; height: auto}
#cont_tabs_acount .btn_at i svg  path{ stroke:#fff}

.woocommerce-form-login{ width: 630px; display: table;margin: 0 auto!important; border: none!important}
.lost_reset_password{ width: 480px; display: table;margin: 0 auto!important; border: none!important}
.woocommerce-form-login .woocommerce-Input{ margin-bottom: 10px}
.lost_reset_password .title_form_woo{ font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 15px; text-align: center}
.lost_reset_password .btn_at svg{ fill:#fff}


#info_acount{ padding: 120px 0}
#info_acount .row_at{ flex-direction: column; justify-content: center}
#info_acount .woocommerce-MyAccount-navigation,#info_acount .woocommerce-MyAccount-content{ float: inherit; width: auto}
#info_acount .woocommerce-MyAccount-content{ min-width: 1170px}
.woocommerce-MyAccount-navigation{ margin-bottom: 45px}
.woocommerce-MyAccount-navigation ul{ display: flex; align-items: center; justify-content: center}
.woocommerce-MyAccount-navigation ul li{margin: 0 10px}
.woocommerce-MyAccount-navigation ul li a{ background:#fff; border: 1px solid #1d1d1b; color: #1d1d1b; padding: 10px 30px; border-radius: 15px}
.woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li:hover a{ background:#1d1d1b;  color: #fff;}

#info_acount  .btn_at{display: flex;justify-items: center;align-items: center;margin: 35px auto 15px auto;color: #fff;background: #038999;
    border: none;border-radius: 10px;padding: 10px 30px;font-size: 17px;line-height: 17px;}

.row_at.list_addresses{ flex-direction: row!important; flex-wrap: wrap; justify-content: center}
.row_at.list_addresses h3.text_address { width: 100%; text-align: center; margin-bottom: 30px}
.mis_adress{ width: 40%; min-height: 250px; border: 1px solid rgba(3, 137, 153, 0.35); border-radius: 10px; padding: 15px; margin: 10px}
.mis_adress header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px}

.mis_adress header h4{font-size: 18px; line-height: 18px}
.mis_adress header a{font-size: 15px; line-height: 15px; background: #038999; color: #fff; padding: 5px 10px; border-radius: 5px }
.form_adress .cont_at{ max-width: 65%}
.form_adress .cont_at h2,.form_acount .cont_at h2{text-align: center; margin-bottom: 30px}
,.form_acount .cont_at{ max-width: 75%}
.account_left,.account_right{ width: 40%; margin: 15px}
.account_left{ margin-right: 35px}
.account_left .input-text{ width: calc(100% - 25px ); margin-bottom: 10px}
.account_right{ margin-left: 35px }
.account_right .input-text{ margin-bottom: 10px}
.account_left h3,.account_right h3{ margin-bottom: 15px}
#info_acount .form_acount .row_at{ flex-direction: row!important; align-items: flex-start}



/*******COMENTARIOS RENIEWS*********/
.atm_reviews{ display: flex; align-items: flex-end; justify-content: center; margin-bottom: 35px}
.atm_reviews label{ margin-right: 15px}
.atm_reviews label i{ font-weight: 700; font-size: 55px; line-height: 40px}
.atm_reviews label span{ ma}
.atm_reviews span,.atm_reviews .star-rating{  display: inline-block; float: inherit!important} 
.atm_reviews .estrellas{display: flex; flex-direction: column}
.atm_reviews  .star-rating{ color:#F8BE00; font-size: 20px }
.atm_reviews .atm-average-resenas{ margin-top: 5px; font-size: 15px; line-height: 15px}

#form_rewiews{margin-top: 70px}
#form_rewiews h3.atm-reviews-title{ text-align: center; margin-bottom: 35px}
#cont_momment.row_at{ align-items: flex-start}
#list_comment{ width:100%}
.atm-reviews-stars-section{border: 1px solid #000}
#form_comment{ width: 430px;background: #fff; height: 50%; position: fixed; left: -200%; top: 0; bottom: 0; margin: auto;padding: 30px; z-index: 9999999991; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);transition: all 400ms ease-out;} 
#form_comment.on{ left: 30px;transition: all 400ms ease-out;}
.atm-review-form{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.close_comment{ width: 25px; height: 25px; background: none; border: none; position: absolute; top: 10px; right: 10px}
.close_comment svg{ width: 25px; height: 25px}
.close_comment svg path{stroke:#1d1d1b} 

.open_comment{ border: none; background: #1d1d1b; display: table; margin: 10px auto; border-radius: 10px; padding: 10px 35px; color: #fff; color: #fff}

#form_comment h4{ margin-bottom: 15px; text-align: center}
#commentform .comment-notes{ margin-bottom: 20px}
#commentform .comment-notes span{ font-size: 12px; line-height: 14px}
#commentform .comment-form-rating{ display: flex; align-items: center; margin-bottom: 20px}
#commentform .comment-form-rating label{ margin-right: 10px; font-weight: 600}
#commentform .comment-form-rating .stars a{  color: #F8BE00}
#commentform input[type="text"],#commentform input[type="email"],#commentform textarea{   border: 1px solid rgba(3, 137, 153, 0.35) !important;padding: 15px 10px;border-radius: 10px; width: calc(100% - 20px); margin-bottom: 10px}
#commentform .comment-form-cookies-consent{}
#commentform .comment-form-cookies-consent label{ font-size: 12px; line-height: 12px}
.woocommerce #commentform .form-submit .submit{background: #038999!important; color: #fff!important;  font-size: 15px!important; line-height: 15px!important; font-weight: 400!important; border-radius: 10px !important;width: calc(100%); padding: 15px 30px!important; margin-top: 20px!important; letter-spacing: 2px}

.atm-review-list{padding: 15px 0!important}
.atm-review-list li{ padding: 15px 0}
.atm-review-list li .atm-review-header{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px}
.atm-review-list li .atm-review-header .atm-review-author{}
.atm-review-list li .atm-review-header .star-rating{ float: inherit!important; color: #F8BE00}


@media (max-width: 1440px) {
    .list_product .col_4{ width: calc(25% - 10px); margin: 0 5px 35px 5px}
    #filters_at {width: 330px;}
    #product_list.cont_list {width: calc(100% - 330px);}
}

@media (max-width: 1024px) {
    .list_product .col_4{ width: calc(50% - 10px); margin: 0 5px 35px 5px}
}
@media (max-width: 767px) {
    #cont_prod {padding: 0 10px; flex-wrap: wrap}
    .row_at_2 {display: grid;grid-template-columns: repeat(1, 1fr);box-sizing: border-box;}
    #search_top{ top: 66px}
    #filters_at {width: 100%; }
    #sidebar_shop,#prod_info {position: relative;top: 0;left: inherit;}

    #product_list.cont_list {width: calc(100% - 0px);}
    #productos #banner_top{ height: 155px}
    
    #single_product{padding-top: 100px}
    #prod_gale,#prod_info{ width: 100%}
    #container_info .row_at{ flex-direction: column-reverse}
    #prod_info .entry_product{ padding: 10px}
    #product_related{ margin: 45px 0}
    #product_related h3{ text-align: center}
    #cont_tabs_acount{ width: calc(100% - 40px); padding: 0 20px!important}
    .woocommerce-form-login,.lost_reset_password{ width: 100%; padding: 0!important}
    .cont_tab #tabs_acount button{ flex-direction: column; min-height:80px }
    .cont_tab #tabs_acount button i{ margin: 0 0 10px 0}
    #cont_tabs_acount .btn_at{ width: 95%}
    .bapf_sfilter.bapf_button_berocket .bapf_button{ width: 100%}
    
    #row_actions,#cart_woo .row_at,.item_product_cart .content_product{ flex-wrap: wrap}
    #cart_left{ width: calc(100%)} 
    #cart_right{ width: 100%; top: 0; position: relative}  
    .item_product_cart figure{ width: 100%}
    .item_product_cart .info_pro_cart_bt{ width: 100%; padding: 10px!important; text-align: center}
    .item_product_cart .info_pro_cart_bt h3{min-height: 35px}
    .item_product_cart .info_pro_cart_bt .precio_cart{ margin: 5px 0}
    .item_product_cart .info_pro_cart_bt .precio_cart b{ display: block}
    .item_product_cart .info_pro_cart_bt .cantidad{ margin: 10px 0}
    .item_product_cart .info_pro_cart_bt h4{ text-align: center; margin-bottom: 5px}
    .item_product_cart .info_pro_cart_bt bdi{ font-size: 16px; font-weight: 600}
    
     .item_product_cart .info_pro_cart_bt  .quantity{border:1px solid #038999!important;width: 100%;border-radius: 10px;margin-right: 15px;height: 45px;display: flex;justify-content: space-between;align-items: center;overflow: hidden} 
     .item_product_cart .info_pro_cart_bt  .quantity span,.quantity input{ width: calc(100% / 3)!important; height: 100%; display: flex; align-items: center; justify-content: center; color: #038999}
    .quantity input{ font-size: 18px}
    #row_actions{ }
   #row_actions .coupon{ margin-bottom: 30px; width: 100%}
    
    #cont_btns .btn_actualizar, #cont_btns a, #row_actions .coupon .btn_at{ text-align: center; width: calc(50% - 10px); margin: 0 5px}

    #cont_total{ padding-left: 0px; margin-top: 35px}
    #cart_woo {margin-bottom: 80px;}
    #checkout_wrapper .cont_at{width: calc(100% - 10px);margin: 0 auto;max-width: 1420px;padding: 0 5px 55px 5px; flex-direction: column}
    #checkout_wrapper #check_left, #checkout_wrapper #check_right{ width: 100%}
    #checkout_wrapper:before{ display: none}
    #checkout_wrapper #check_left{ padding: 0px 0 0 0}
    #header_check_out{ justify-content: center}
    #checkout_wrapper #check_left form{ padding: 0!important}
    #header_check_out #logo_top{ display: none}
    #check_right_mb{ margin-top: 110px; }
    #checkout_wrapper .order-summary{ position: relative; top: 0; padding: 30px 10px!important;background: rgba(3, 137, 153, 9%)!important}
    #checkout_wrapper .order-summary h3{ text-align: center; margin-bottom: 35px}
    #form_comment{ width: 80%; right: 0; margin: auto; left: -300%;    height: 60vh;}
#form_comment.on{ left: 0;transition: all 400ms ease-out;}
}