body {
    overflow-x: hidden;
}

.sidebar__custom {
    width: 72px;
    position: relative;
} 

.globo-hidden-menu-clearfix .globomenu.globomenu-vertical {
    background-color: #2C2C2C; 
    height: 100%;
    width: 72px;
    display: flex;
    flex-direction: column;
} 

.globo-hidden-menu-clearfix .globomenu.globomenu-vertical li a {
    color: #fff ;
}

.globo-hidden-menu-clearfix .globomenu.globomenu-vertical li > ul li a {
    color: #000 !important;
}

.globo-hidden-menu-clearfix .globomenu.globomenu-main {
    max-width: 72px;
    overflow: hidden !important;
    transition: opacity, max-width .5s ease;
}

@media(min-width:991px) {
    .globo-hidden-menu-clearfix .globomenu.globomenu-main:hover {
        max-width: 100%;
        overflow: visible !important;   
    }

    .globo-hidden-menu-clearfix .globomenu.globomenu-vertical:hover .globomenu-target:after {
        opacity: 1;
    }
    .menu-login-mobile a::after {
        display: none !important;
    }
}

.main-grid-webtom {
    display:grid; 
    grid-template-columns: 72px 1fr;
}

.globomenu-main .globomenu-item-level-0  .globomenu-item-layout-image_above .globomenu-target-title{
    /* padding-right: 29px !important; */
} 

.globomenu-sub-indicators .globomenu-has-submenu-drop>.globomenu-target:after {
    opacity: 0;
    transition: opacity .3s ease;
}



.custom__container-webtom .border {
    border-bottom: 1px solid #FFF;
    opacity: .1;
}

.border-open {
    border-bottom: 1px solid #FFF;
    opacity: .1;
    display: block;
    margin-bottom:14px;
}

.custom__container-webtom--hamburger {
    padding:24px;
    height: auto;
    transition: opacity .3s ease;
}

.custom__container-webtom--hamburger-open {
    padding:24px;
    height: auto;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

.custom__container-webtom--hamburger-open svg {
    height: 23px;
}

.sidebar__custom .globo-hidden-menu-clearfix:hover .custom__container-webtom--hamburger {
    opacity:0;
}

.sidebar__custom .globo-hidden-menu-clearfix:hover .custom__container-webtom--hamburger-open {
    opacity:1;
} 

.globomenu .globomenu-target-with-image>.globomenu-target-text {
    opacity:0;
    transition: opacity .3s ease;
    /* white-space: nowrap !important; */
}

.sidebar__custom .globo-hidden-menu-clearfix:hover .globomenu .globomenu-target-with-image>.globomenu-target-text {
    opacity:1;
}

.custom__container-webtom--list {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.custom__container-webtom--list svg {
    margin-bottom:20px;
}

.globomenu .globomenu-target {
    display: flex;
    align-items: center;
}

.globomenu .globomenu-target img {
    margin-right:16px;
}

.globomenu li > ul > li > ul .globomenu-target {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.globomenu li > ul > li > ul .globomenu-target img {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}

.globomenu > .globomenu-item-level-0 .globomenu-title-level-0 > span {
    padding-right: 24px;
}

.sidebar__custom .globo-hidden-menu-clearfix {
    padding: 0;
    width: auto;
    position: fixed;
    height:100%;
    display: flex;
}

.sidebar__custom .globo-hidden-menu-clearfix ul {
    height:100%;
    margin:0;
}

/* submenu */

.globomenu-submenu > li > ul {
    height: 100vh !important;
    background-color: #F2F2F2 !important;
    color: #2C2C2C;
    border: none;
}

.globomenu-submenu > li > ul > li > ul > li > ul { 
    background-color: #A10B0B !important;
}

.globo-hidden-menu-clearfix .globomenu.globomenu-vertical li>ul li > ul li > ul li a {
    color: #fff !important;
}

.globomenu-submenu > li > ul > li > ul > li > ul > li > ul { 
    background-color: #7F0909 !important;
    color: #fff !important;
} 

.globomenu .globomenu-target-description {
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 25px 0;
    width: 100%;
    position: relative;
    padding-right: 0 !important;
}

.globomenu .globomenu-target-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% + 24px);
    height: 1px;
    background-color: #000;
    opacity: .1;
    left: -24px;
}

.flex {
    display:flex;
}
.globo-hidden-menu-clearfix ul {
    
    transition: opacity .3s ease-in;
}

/* hide arrow title menu */
/* .globomenu-submenu .globomenu-item-layout-image_above::after, */
 .globomenu-without-drop a::after{
    display: none !important;
}


/* .globomenu-submenu ul > li > ul > li > ul > li .globomenu-item-layout-image_above .globomenu-target-title {
    font-weight: 600;
    font-size: 18px;
    padding-left: 24px;
} */

/* .globomenu-submenu ul > li > ul > li > ul > li > ul > li .globomenu-item-layout-image_above .globomenu-target-title {
    padding-top: 18px;
} */

.li-title-first-webtom.globomenu-active{
    background-color: #00000000 !important;
}

/* #header .header-nav>.container>.row>div {
    width: auto;
} */

.logo-webtom {
    max-width: 160px !important;
    height: auto;
}

.icon-header-webtom {
    width: 24px;
    height: 24px;
}

.w-full {
    width:100%;   
}

.price-select-webtom {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 16px !important;
}

.header_container_webtom { 
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left:20px;
    padding-right:20px;
}

.container-header-web {
    max-width: 1560px;
    width: 100%;
}

#header .header-nav {
    background-color: white;
    width: calc(100% - 72px);
    z-index: 100;
    position: fixed;
}

#header .header-top {
    padding-bottom: 137px !important;
}

#search_block_top #search_query_top, #search_block_top #searchbox {
    max-width: 473px;
}

.wrap_search_widget, .search-widget {
    width: 100%;
}

.wrap_search_widget {
    display: flex;
    justify-content: center;
}

/* cart */

#header .header-nav .blockcart {
    max-height: 0;
    pointer-events: none;
    z-index: -1;
    opacity:0;
    transition: all 0.3s ease;
}

.cart_container-count {
    position: relative;
}

.count_cart_webtom {
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    color: white;
    background-color: #A10B0B;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -4px;
    top: -2px;
}

.cart_show_webtom:hover .blockcart{
    max-height: 100% !important;
    pointer-events: all !important;
    z-index: 10 !important; 
    opacity:1 !important;
}

.cart_show_webtom .blockcart:hover{
    max-height: 100% !important;
    pointer-events: all !important;
    z-index: 10 !important; 
    opacity:1 !important;
}

.cart_webtom-title {
    font-size: 14px;
}

.buttons_cart {
    display: flex;
    gap:8px;
}

.cart_count_container {
    display: flex;
    justify-content: space-between;
}

.cart-btn {
    border-radius: 4px;
    display: flex;
    width: 108px;
    padding: 6px 10px;
    align-items: center;
    gap: 16px;
    text-decoration: none !important;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    opacity:1;
    transition: opacity .3 ease;
}

.cart-btn:hover {
    opacity:.7;
}

.cart_title {
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.cart-btn_1 {
    color: #fff !important;
    background-color: #A10B0B;
    border: 1px solid #A10B0B;
}

.cart-btn_2 {
    color: #A10B0B !important;
    background-color: #FFF;
    border: 1px solid #A10B0B;
}

#_desktop_cart {
    position: relative;
}

#header .header-nav .blockcart {
    position: absolute;
    top: 28px;
    right: 0;
    height: auto;
    border-radius: 4px;
    border: 1px solid var(--Neutral-50, #F2F2F2);
    background: var(--Neutral-0, #FFF);
}

.cart-right-side {
    background-color: white;
}

.tablet-show-webtom {
    display: none;
}

@media(min-width:991px) {

    .globomenu .globomenu-item.globomenu-item-level-0 {
        width: 255px;
    }
}


/* login menu */

.menu_form_login {
    height: 100% !important;
    background-color: #F2F2F2 !important; 
    width: 320px !important;
}

.title_form_login {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding:28px 24px;
    position: relative;
}

.title_form_login::after { 
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% + 24px);
    height: 1px;
    background-color: #000;
    opacity: .1;
    left: -24px;
}

.menu_form_login form {
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.input_menu_webtom {
    border:none;
    background-color: white;
}

.btn_login_webtom {
    width: 100%;
    font-size: 16px !important;
    padding:6px 12px;
}

.label_webtom {
    margin-bottom: 4px;
}

.lostpsw_menu_webtom a, .register_menu_webtom {
    color: black !important;
    width: 100% !important;
    text-align: center !important;
}

.lostpsw_menu_webtom a {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.register_menu_webtom {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.register_menu_webtom .bold {
    font-weight: 700;
}

.flex-mobile {
    display: flex;
    align-items: center;
    width: 100%;
}

#header .header-nav>.container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.globomenu .globomenu-submenu-type-stack .globomenu-item-normal .globomenu-target-with-image {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.globomenu .globomenu-target-title {
    padding-right:24px !important;
}
.globomenu .li-title-first-webtom a{
    padding-right: 0 !important;
}

.globomenu .globomenu-tab.globomenu-active>.globomenu-tab-content-panel ul>.globomenu-active ul {
    padding-bottom: 150px !important;
}

.globomenu .globomenu-submenu-type-stack {
    overflow-y: auto !important;
}
.globomenu #globomenu-item-2153 ul {
    overflow-y: auto !important;
}

.globomenu #globomenu-item-2153 ul .globomenu-retractor {
    background-color: white;
}

#x13callback_button .callback-container {
    display: flex !important;
    justify-content: center;
}

/* navbar mobile */

@media(max-width:1420px) {
    .contact-link-item {
        margin-right: 10px;
    }
}

@media (min-width: 1300px){
.container {
    width: 1255px;
    max-width: 100%;
}
}

@media(max-width:1250px) {
    .tablet-webtom {
        display:none;
    }
    .tablet-show-webtom {
        display: block; 
    }
}

@media(max-width: 991px) {
    .main-grid-webtom {
        grid-template-columns: 56px 1fr;
    }
    #header .logo {
        max-width: 100px !important;
    }
    .custom__container-webtom--hamburger, .custom__container-webtom--hamburger-open {
        display: none;
    }
    .globomenu-responsive-toggle {
        padding:16px;
    }
    .border-open{
        margin-top:60px;

    }
    .globo-hidden-menu-clearfix .globomenu.globomenu-main:hover, .globo-hidden-menu-clearfix .globomenu.globomenu-main {
        max-width: 57px;
    }
    .globomenu-main.globomenu-open-webtom {
        max-width: 100% !important;
        z-index: 999999999;
    }
    .globomenu-responsive-toggle {
        width: 56px;
        max-width: 56px;
        height: 59px;
        z-index: 9999999999;
        transition: all .3s ease-in;
    }
    [id^=globo-hidden-menu-displayTop-] .globomenu .globomenu-item-level-0>.globomenu-target {
        padding:10px!important;
    }
    .globomenu-open-webtom .globomenu-has-submenu-drop>.globomenu-target:after {
        opacity:1;
    }
    .sidebar__custom .globo-hidden-menu-clearfix:hover .globomenu .globomenu-target-with-image>.globomenu-target-text {
        opacity:0;
    }
    .sidebar__custom .globo-hidden-menu-clearfix .globomenu.globomenu-open-webtom  .globomenu-target-with-image>.globomenu-target-text {
        opacity:1;
    }
    .globomenu-responsive-toggle.close, .globomenu-responsive-toggle.open{
        transition: all .3s ease-in;
    }
    .globomenu-responsive-toggle.active-hamburger .open{
        width: 20px;
        height: 20px;
        opacity:0;
    }
    .globomenu-responsive-toggle.active-hamburger{
        width: 300px;
        max-width: 100%;
    }
    .globomenu-responsive-toggle .close {
        width: 20px;
        height: 20px;
        opacity:0;
        position: absolute;
        left: 16px;
    }
    .globomenu-responsive-toggle .close svg {
        width: 20px;
        height: 20px;
    }
    .globomenu-responsive-toggle.active-hamburger .close {
        opacity: 1;
    }
    .globomenu-responsive-default.globomenu-responsive .globomenu-item.globomenu-active>.globomenu-submenu.globomenu-submenu-type-mega {
        position: absolute !important;
        top: 59px;
    } 
    .globomenu-retractor {
        position: relative !important;
        height: 30px;
        text-align: left !important;
        padding:16px !important;
        font-weight: 700;
    }
    .globomenu-retractor::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: calc(100% + 24px);
        height: 1px;
        background-color: #000;
        opacity: .1;
        left: -24px;
    }
    .globomenu .globomenu-item a {
        padding-left: 16px !important;
        padding-right: 16px;
    }
    .globomenu .globomenu-target-title {
        padding-right:16px !important;
    }
    .globomenu .globomenu-target-description::after {
        display: none;
    }
    .globomenu .globomenu-target-description {
        padding: 66px 0 12px 0;
    }
    .globomenu-responsive-default.globomenu-vertical.globomenu-sub-indicators .globomenu-item-level-0.globomenu-item-has-children>.globomenu-target:after, .globomenu-responsive-default.globomenu-responsive.globomenu-sub-indicators .globomenu-tabs>.globomenu-tabs-group>.globomenu-tab.globomenu-has-submenu-drop>.globomenu-target:after {
        /* transform: rotate(-90deg); */
    }
    .fa-chevron-left:before {
        content: "\f053";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 100;
        font-family: FontAwesome;
    }
    .z-index-max {
        z-index: 999999;
    }
    .globomenu .globomenu-submenu {
        width: 300px !important;
    }
    .globo-hidden-menu-clearfix ul {
        padding-bottom: 160px;
    }
    .globomenu-item-level-0 {
        z-index: -1 !important;
    }
    .globomenu .globomenu-submenu .globomenu-column-1-5 ul>li>ul>li>ul {
        width: 300px !important;
        left: 300px !important;
    }
    .globomenu {
        transition: all .3s ease;
    }
    .globomenu .globomenu-tab.globomenu-active>.globomenu-tab-content-panel, .globomenu-nojs .globomenu-tab>.globomenu-tab-content-panel, .globomenu-nojs .globomenu-tabs-show-default>.globomenu-tabs-group>.globomenu-tab:first-child>.globomenu-tab-content-panel {
        z-index: 99;
        width: 300px !important;
        max-width: 300px;
    }
    .globomenu .globomenu-submenu .globomenu-column-1-5 ul>li>ul>li>ul {
        left: 0px !important;
        width: 300px !important;
        max-width: 300px;
    }
    .globomenu .globomenu-item {
        margin-bottom: 0px !important;
    }
    .globomenu .globomenu-submenu .globomenu-column-1-5 ul {
        /* left: 300px !important; */
        left: 600px !important;
    }
    .globomenu .globomenu-submenu .globomenu-column-1-5 ul>li>ul>li>ul>li>ul {
        padding-top:50px;
    }
    .globomenu .globomenu-submenu .globomenu-column-1-5 ul>li>ul>li>ul> .globomenu-retractor {
        z-index: 100;
        top: 0; 
        background-color: #7F0909;
    }
    .globomenu-left {
        left:-300px !important;
    } 
    /* .globomenu-active ul, .globomenu-active ul li ul {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }   */
    .globo-hidden-menu-clearfix .globomenu.globomenu-main {
        overflow: visible !important;
    }
    .globomenu-column-4-5 li {
        color: white;
    }
    .globomenu .globomenu-tab.globomenu-active>.globomenu-tab-content-panel, .globomenu-nojs .globomenu-tab>.globomenu-tab-content-panel, .globomenu-nojs .globomenu-tabs-show-default>.globomenu-tabs-group>.globomenu-tab:first-child>.globomenu-tab-content-panel {
        overflow: visible !important;
        visibility: visible !important;
        display: block !important;
        opacity: 1 !important;
    }
    .globomenu .globomenu-submenu-type-stack .globomenu-item-normal .globomenu-target-with-image .globomenu-target-text {
        padding-left: 16px;
    }
    .sidebar__custom {
        width: 56px;
    }
    .up_register::after {
        display: none !important;
    }
    .globomenu .globomenu-tab.globomenu-active>.globomenu-tab-content-panel ul>.globomenu-active ul, .globomenu .globomenu-tab.globomenu-active>.globomenu-tab-content-panel ul, .globomenu .globomenu-active.li-title-first-webtom ul{
        overflow-y: auto !important;
    }
    .globomenu-column-4-5 .globomenu-retractor {
        background-color: #A10B0B !important;
    }
    main {
        overflow-x: hidden;
    }
    #header .header-nav>.container>.row {
        justify-content: space-between;
    }
    #header .header-nav {
        width: calc(100% - 56px);
    }
}

@media(max-width: 767px) {
    .header_container_webtom {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .header-nav #x13blocklogin span.x13bl_u {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .price-select-webtom {
        font-size: 14px !important;
    }
    #header .header-nav>.container>.row {
        flex-wrap: wrap;
        gap:5px;
    }
    .w-full {
        width: 65%;
    }
    #header .header-nav .blockcart {
        top: 38px !important; 
    }
    .cart-right-side {
        margin-top: 0 !important;
    }
    .logo-container-mobile {
        margin-right: auto !important;
    }
    .w-full {
        width: 100%;
    }
    #search_block_top #search_query_top, #search_block_top #searchbox {
        max-width: 100% !important;
    }
    #header .header-top {
        padding-bottom: 144px !important;
    }
    .flex-mobile {
        display: grid;
        grid-template-columns: auto min-content min-content;
    }
    .mobile-row-1 {
        grid-row-start: 1;
    }
    .mobile-row-2 {
        grid-row-start: 2;
        grid-column: span 3 / span 3;
    }
    .hook-2 {
        justify-content: flex-end;
    }
}

@media(max-width:590px) {
    .hide-mobile {
        display: none;
    }
    .header_container_webtom {
        padding-right: 10px;
        padding-left: 10px;
    }
    #search_block_top #search_query_top {
        padding: 4px 14px 4px 15px !important; 
    }
    .main-grid-webtom {
        grid-template-columns: 1fr;
    }
    .globomenu-main {
        max-width: 0 !important;
    }
    #header .header-nav {
        width: 100%;
        padding-left: 56px; 
    }
    .globomenu>.globomenu-item-level-0 .globomenu-title-level-0>span {
        opacity: 0;
    }
    .globomenu-open-webtom>.globomenu-item-level-0 .globomenu-title-level-0>span {
        opacity: 1;
    }
}