/*Normalize CSS*/
html, body, div, span, iframe, h1, h2, h3, h4, h6, p, a, img, small, strong, i, ol, ul, li, form, label, article, aside, figure, figcaption, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
html, body {
    overflow-x: hidden;}
html {
    line-height: 1;
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent; 
    font-family: 'Montserrat';
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;}


html {
  scroll-behavior: smooth;
}
#wrapper {
    min-height: 700px;}

@-ms-viewport {
    width: device-width; }

/*Geral*/
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    src: url('../webfonts/fa-solid-900.eot');
    src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/fa-solid-900.woff2') format('woff2'),
        url('../webfonts/fa-solid-900.woff') format('woff'),
        url('../webfonts/fa-solid-900.ttf') format('truetype'),
        url('../webfonts/fa-solid-900.svg#fontawesome') format('svg');}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/materialicons.eot);
    src: local("Material Icons"),local("MaterialIcons-Regular"),url(/assets/fonts/m_icons1.woff2) format("woff2"),url(/assets/fonts/m_icons2.woff) format("woff"),url(/assets/fonts/m_icons3.ttf) format("truetype")}

body {
    font-family: 'Montserrat';
    font-size: 13px;
    line-height: 1.5;
    color: #2d2d2d;
    background-color: #f8f8f8; 
    margin: 0;}

a {
    color: #2d2d2d;
    font-weight: 500;
    text-decoration: none;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
a:focus {
    outline: none;}
a:hover {
    text-decoration: none;
    transform: translateY(-2px);
    font-weight: 600;
}
a img {
    border: none; }

img {
    vertical-align: middle; 
    border-style: none}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;}
.img-fluid {
    max-width: 100%;
    height: auto;}
.thumbnail {
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    max-width: 100%;
    height: auto;
    display: block; }

article,aside,figcaption,figure,footer,header,main,nav,section {
    display: block;}

strong {
    font-weight: 600; }

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);}

figure {
    margin: 0; }

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
    color: #2D2D2D;}

button, input {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: normal; }
button {
    text-transform: none; }
button, input[type="submit"] {
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.email_subscription {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 0;}
.email_subscription input[type="email"] {
    border-radius: 10px 0 0 10px;}


.login-form input[type="email"] {
    margin-bottom: 5px;}
  
input[type="email"] {
    outline: 0;
    border-radius: 10px;}
input[type="submit"] {
    border-radius: 0 10px 10px 0;
    border: 0;
    font-weight: 600;}
input[type="submit"]:hover {
    background: #fddf5e;
    font-weight: 600;}
input[type="radio"] {
    margin-top: 1px \9;
    line-height: normal; }
input[type="radio"]:focus {
    outline: thin dotted #2D2D2D;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    height: auto;
    margin: 0;
    -webkit-appearance: none}
.input-group.js-parent-focus {
    display: flex;
    align-items: center;}

.input-group.js-parent-focus .btn {
    padding: 2px 5px;
    border-radius: 0 10px 10px 0;}
input#field-password {
    border-radius: 10px 0 0 10px;
}
input[type="text"] {
    font-weight: 500;
}
#authentication input[type="text"] {
    border-radius: 10px 0 0 10px;}
input[type="password"],  #field-new_password{
    border-radius: 10px 0 0 10px;}


input[type="password"] + .input-group-btn .btn::before {
    content: '\f06e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
}


input[type="text"] + .input-group-btn .btn::before {
    content: '\f070'; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
}

.mb-0 {
    margin-bottom: 0;
}

.custom-radio {
    position: relative;
    display: inline-block;
    width: 18px; 
    height: 18px; 
    margin-right: .5rem; 
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: #979797 1px solid;
    border-radius: 50%;}
.custom-radio input[type=radio] {
    cursor: pointer;
    opacity: 0;}  
.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #edc103;
    border-radius: 50%;}
.custom-radio input[type=radio]:focus+span {
    border-color: #7a7a7a}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 13px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
    padding: .5rem 1rem;
    color: #2d2d2d;}
    
.form-control:focus{
    border-color: #edc103;
    outline: 0;}
.form-control:focus + .input-group-btn .btn {
    background-color: #fddf5e
}
.form-control:-moz-placeholder, .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1;}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;}
.form-control:disabled {
    background-color: #f6f6f6;
    opacity: 1;
    cursor: not-allowed;}
.form-control+.input-group-addon:not(:first-child) {
    border-left: 0;}

.btn {
    padding: 6px 12px;
    line-height: 2;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 10px;
    white-space: nowrap;
    user-select: none;
    font-weight: 600;}
.btn:focus {
    outline: none;}
.btn:hover, .btn:focus {
    text-decoration: none;}
.btn:active {
    outline: 0;
    background-image: none;}

.btn-default {
    color: #2D2D2D;
    background-color: #fff;
    border-color: #ccc; 
    right: 0;
    position: absolute;
    height: 2.5em;
    border-radius: 10px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: #2D2D2D;
    background-color: #ebebeb;
    border-color: #adadad;}
.btn-default:active {
    background-image: none; }

.btn-primary {
    color: #2d2d2d;
    background-color: #fddf5e;
    border-radius: 10px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}
.btn-primary:hover {
    background: #edc103;}

.btn-secondary {
    border-color: #fff;
    border: 1px solid #ccc;
}
.btn-secondary:hover {
    color: #232323;
    background-color: #e5e5e5;
    border-color: transparent;}
.btn-secondary:focus {
    color: #232323;
    background-color: #e5e5e5;
    border-color: transparent;}
.btn-secondary:active {
    color: #232323;
    background-color: #e5e5e5;
    border-color: transparent;
    background-image: none;}
.btn-secondary:active:focus,.btn-secondary:active:hover {
    color: #232323;
    background-color: #cbcbcb;
    border-color: transparent;}
.btn-secondary:disabled:focus {
    background-color: #f6f6f6;
    border-color: transparent;}
.btn-secondary:disabled:hover {
    background-color: #f6f6f6;
    border-color: transparent;}
.btn-secondary .material-icons {
    margin-right: .625rem;}

.btn-unstyle {
    padding: 0;
    text-align: inherit;
    background-color: transparent;
    border: 0;}
.btn-unstyle:focus {
    outline: 0;}

.btn-primary .material-icons,.btn-secondary .material-icons,.btn-tertiary .material-icons {
    margin-right: .625rem;}

input[type=radio]:disabled {
    cursor: not-allowed}
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto}
[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0;}
[role=button] {
    cursor: pointer}
[role=button],a,button,input,label {
    -ms-touch-action: manipulation;
    touch-action: manipulation}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

*,:after,:before {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;}

p {
margin: 0 0 9px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', Helvetica;
    font-weight: 500;
    line-height: 1.1;}
h1, h3 {
    margin-top: 0px;
    margin-bottom: 9px;}
h4,h6 {
    margin-top: 9px;
    margin-bottom: 9px; }
h1, .h1 {
    font-size: 2em;
}
h2, .h2 {
    font-size: 1.6em; 
    margin: 0;}
h3, .h3 {
    font-size: 1.17em;
    }
h4, .h4 {
    font-size: 17px; }
h5, .h5 {
    font-size: 13px; }
h6, .h6 {
    font-size: 13px; }

.fab, .far {
    font-weight: 500;
    font-size: 20px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}
.fab:hover, .far:hover{
    color:#fddf5e;}

.material-icons {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-family: "Material Icons",Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";}
.material-icons, body {
    direction: ltr;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;}

.page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;}

ul, ol {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style: none;}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
.container:before, .container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
.container:after {
    clear: both; }

.row {
    margin-left: -15px;
    margin-right: -15px; }
.row:before, .row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
.row:after {
    clear: both; }

.col-12 {
    width: 100%;}

.col-xs-2,.col-xs-4,.col-xs-6,.col-xs-8,.col-xs-12,.col-sm-3,header .row #header_logo,.col-sm-6,.col-sm-8,.col-sm-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-8,.col-md-9,.col-md-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8,.col-lg-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }

.col-xs-2, .col-xs-4, .col-xs-6, .col-xs-8 {
    float: left; }
.col-xs-2 {
    width: 16.66667%;}
.col-xs-4 {
    width: 33.33333%;}
.col-xs-6 {
    width: 50%;}
.col-xs-8 {
    width: 66.66667%;}
.col-xs-10 {
    float: left;
    width: 83.33333%;}
.col-xs-12 {
    width: 100%;}



/*Layout*/
#header {
    box-shadow: 0px 7px 5px -7px #ccc }
header {
    z-index: 1001;
    position: relative;}
header .row {
    position: relative; 
    border-bottom: 1px solid #e5e5e5;}
.header_info {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;}
.header_a, .header_c, .header_mc, .header_m, .header_h {
    display: flex;
    align-items: center;
    margin: 0 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    color: #2d2d2d;}
.header_a img, .header_c img, .header_mc img {
    margin-right: 8px;
    height: 30px;
    width: auto;}
.header_a a, .header_c a, .header_mc a {
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #2d2d2d;}

.header-top .search-widgets form input[type=text] {
    width: 100%;
    min-width: inherit;
    color: #9b9b9b;
    background: #f6f6f6}

.header-top .search-widgets form input[type=text]:focus {
    background: #fff}
.header-top .search-widgets form button[type=submit] {
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.header-top #search_widget input {
    padding-right: 1rem}

#header .header-top>.container {
    position: relative}
#header .header-top>.container>.row:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
#header .header-top .menu {
    padding-left: 15px}

#header .header-top .position-static {
    position: static}

#header .header-top a[data-depth="0"] {
    color: #7a7a7a;
    text-transform: uppercase}

#header .header-top .search-widget {
    float: right}

#category #left-column {
    display: none;}

.top-hea {
    background-color: #2d2d2d;  
    color: #fff;
    padding: 8px 15px;
    display: flex;
    align-items: center;}
.mid-hea, .bot-hea {
    background-color:#f8f8f8}

.social-icons {
    white-space: nowrap;
    padding: 0;}
.social-icons a {
    color: #fff;
    text-decoration: none;
    margin-right: 10px;}

.top-message-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.top-message {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


.nav-container {
    align-items: center;
    padding: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: relative;
    width: 100%;
}

.pt_custommenu {
    position: relative;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;}
.pt_custommenu .pt_menu .parentMenu a span, .pt_custommenu .pt_menu .parentMenu p span {
    font: 600 14px 'Montserrat', serif;
    text-transform: uppercase;}

.pt_menu {
    white-space: nowrap;
    text-decoration: none;
    color: #2d2d2d;
    padding: 10px;
    margin: 0px 10px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    border-bottom: 5px solid transparent;
}
.pt_menu:hover {
    border-radius: 6px;
    border-bottom: 5px solid #fddf5e;
}
.pt_menu:hover .popup {
    display: block;
}
.pt_menu h3 {
    margin: 0;
    font-weight: 500;
    font-size: 1.2em;
}

.pt_menu  a {
    font-weight: 500;
}

.pt_menu .popup a:hover {
    font-weight:600;
}

.popup {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0px 1px 10px -5px #646464;
    z-index: 1000;
    overflow: hidden;
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
    border-radius: 10px;
    border-bottom: 3px solid #fddf5e;
    min-height: 170px;
} 
.popup .column {
    padding: 10px;}
    
.block1 h3 {
    padding-top: 20px;
}
.block1.colors a {
    margin: 5px;
    padding: 5px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.block2 a:hover {
    background-color: inherit;
    font-weight: 600;
    border-radius: 15px;
}

.itemcolor {
    height: 30px;
    width: 30px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.column.col1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.column.col1-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.column.col2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
}

.itemMenuName { 
    font-size: 1.1em;
    font-weight: 500;
    margin: 5px;
}


.block2 {
    width: 65%;
    display: flex;
    justify-content: center;
}
.block2 .itemMenuName {
    min-width: 150px;
    min-height: 80px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.block2 .itemMenuName:hover {
    box-shadow: 0px 1px 10px -5px #646464;
}

.block2 .itemMenuName img {
    width: 60px;
}

.item-forms {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    justify-content: center;
}

.format-ret {
    border: 2px solid #2d2d2d;
    height: 50px;
    width: 35px;
}
.format-ret, .format-qua, .format-pai {
    margin: 3px;
}

.format-duo, .format-tri {
    display: inline-flex;
}

.format-qua {
    border: 2px solid #2d2d2d;
    height: 35px;
    width: 35px;
}

.format-pai {
    border: 2px solid #2d2d2d;
    height: 35px;
    width: 50px;
}

.format-com {
    display: flex;
    align-items: center;
}

.title.clearfix {
    padding: 10px 0;
    cursor: pointer;
}


.collapse-icons .add {
    display: none;}

.collapsed .add {
    display: inline;}
.collapsed .remove {
    display: none;}

#ma-mobilemenu {
    list-style: none;
    padding: 15px;
    margin: 0;
    background-color: #fff;
    width: 60%;
    position: fixed;
    top: 0;
    left: -60%;
    height: 93%;
    z-index: 1001;
    overflow-y: auto;
    transition: left 300ms ease;
    box-shadow: 0 0 2px 1px #00000054;}
#ma-mobilemenu.show {
    left: 0;}
#ma-mobilemenu ul {
    margin: 0;}

.mobilemenu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #2d2d2d;}
    


#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    animation: fadeIn 300ms ease;}

.show {
display: block !important;}


.rsbanner-container {
    position: relative;
    overflow: hidden;
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
}

.rsbanner-container img {
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
    height: auto;
    display: block;
}




.slider-container {
position: relative;
overflow: hidden;
width: calc(100vw);
margin-left: calc(-50vw + 50%);}
.slider.slider-categ {
padding-top: 5px;
margin: 0 5rem 1rem;}
.slider {
display: flex;  
transition: transform 0.5s ease;}
.slide {
    min-width: 100%;
    box-sizing: 
    border-box;cursor: grab;}

.slide:active {
    cursor: grabbing
}

.slider img {
width: 100%;}

.slider.slider-categ img {
border-radius: 5px;
height: auto;
border: 1px solid #e5e5e5;}
.slider.slider-categ h4 {
text-align: center;
margin-top: 8px;
margin-bottom: 0;
font-size: 1.1em;
}

.slider.slider-categ .item-slider {
padding: 10px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.slider.slider-categ .item-slider:hover {
border-radius: 10px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);}
.slider-container-categ {
position: relative;
overflow: hidden;
width: calc(100vw);
margin-left: calc(-50vw + 50%);
border-bottom: 1px solid #e5e5e5;}
.slider-container-categ h3 {
margin: 5rem auto 1rem 0;
font-weight: 500;
text-align: center;
padding: 5px 35px 5px 65px;
color: #2d2d2d;
border-bottom: 2px solid #2d2d2d;
width: max-content;
font-size: 1.2em;
}

.slider-container .prev, .slider-container .next, .slider-container-categ .prev1, .slider-container-categ .next1 {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 8px;
    margin-top: -22px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 18px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    user-select: none;
    background-color: white;
    border-radius: 10px;
    border: 0;
    opacity: 0.3;
}
.slider-container .prev:hover, .slider-container-categ .next:hover,.slider-container-categ .prev1:hover,.slider-container-categ .next1:hover {
    opacity: 1;}
.slider-container .prev {
left: 0;}
.slider-container .next {
right: 0;}
.slider-container-categ .prev1, .slider-container-categ .next1 {
top: 60%;}
.slider-container-categ .prev1 {
left: 5px;}
.slider-container-categ .next1 {
right: 5px;}

.featured-products {
    border-radius: 10px;
    margin: 0 -10px 10px -10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.featured-products .products-section-title {
margin: 3rem 0 1rem;
font-weight: 600;
text-align: center}
.featured-products .all-product-link, .continue_shopping {
margin-top: 1rem;
clear: both;
font-weight: 500;
padding: 5px 9px;
border: 1px solid transparent;
border-radius: 10px;}
.featured-products .all-product-link:hover, .continue_shopping:hover {
border: 1px solid #ccc;}

.product {
width: 25%;}
.product:hover img {
scale: 1.05;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}

.product-container-img {
    position: relative;
    overflow: hidden;
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
    margin-top: 4em;
    margin-bottom: 4em;}

.img_desc {
    min-width: 100%;}
.product-container-img img {
    width:100%; }

.thumbnail-container .btn-primary, .card-block.checkout .btn-primary, .product-actions .add-to-cart {
margin: 0 5% 10px;
width: 90%;
text-transform: uppercase;
font-weight: 600;
font-size: 1.2em;
color: #fff;
background: #009900}  

.product-actions .add-to-cart {
width: 100%;
text-transform: uppercase;
font-weight: 600;
font-size: 1.6em;
margin: 0;
}

.product-miniature .product-description {
    padding: .25rem .25rem .7rem; }
.product-miniature .product-price-and-shipping {
font-weight: 800;
text-align: center;}

.thumbnail-container .btn-primary:hover, .card-block.checkout .btn-primary:hover, .product-actions .add-to-cart:hover {
background: #32cd32;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}


.footer-container li a {
cursor: pointer;
white-space: nowrap;}
.top-fot {
background-color: #3f3f3f;
border-top: 1px solid #2d2d2d;}

.img_newsletter img {
padding: 20px;
width: 370px;}

.bot-fot {
background-color: #2d2d2d;}

.sect-fot a, .sect-fot p {
font-size: 15px;
line-height: 30px;
margin: 0;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.sect-fot .fab:hover, .sect-fot .far:hover {
color: inherit;}
.sect-fot img {
margin: 5px;}
.sect-fot a:hover {
font-weight: 600;}

.form-pags {
display: flex;
justify-content: center;
align-items: center;
padding-top: 10px;}
.form-pags-item img {
max-width: 45px;
margin: 0 3px;}

.mid-fot .form-pags img {
    margin: 0 10px;
}

@media (max-width: 767px) {
    .mid-fot .form-pags img {
        margin: 0 ;}

}

.mid-fot .line_cat {
padding-top: 30px;}

.fa, .fas {
font-weight: 900;
font-size: 20px;}

.zap {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
z-index: 1199;}
.zap i {
font-size: 30px;}
.zap .fab:hover {
color: inherit;}

#cookie-banner {
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
position: fixed;
display:none;
bottom: 0;
background: #fff;
z-index: 6000;
box-shadow: 0px 1px 10px -4px rgb(0 0 0 / 84%);
border-radius: 10px 10px 0 0;
padding: 0 25px;
width: 100%;}
.cookies-container {
text-align: center;
padding: 15px 0;
display: flex;
flex-direction: column;
align-items: center;}
.btn-cookies {
border-radius: 10px;
border: 0;
padding: 10px;
display: flex;
background: #fddf5e;
font-weight: 700;
color: #2d2d2d;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-cookies:hover {
background: #2d2d2d;
color: #fff;}
.btn-cookies i {
margin-left: 5px;}


/*Component*/

::-webkit-input-placeholder {
color: inherit;
opacity: .54}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit}

.cart-item {
padding: 1rem 0;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.collapse {
display: none; }
.collapse.in {
  display: block;}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}

.dropdown {
position: relative;
color: #7a7a7a}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid #2D2D2D;
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }

.input-group-addon {
width: 1%;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px;
font-size: 13px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eeeeee;
border: 1px solid #d6d4d4;
border-radius: 0px; }
.input-group-addon:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.input-group-addon:first-child {
border-right: 0; }

.pagination {
width: 100%;
white-space: nowrap;
display: inline-block;
margin: 18px 0;
text-align: center}
.pagination>div:first-child {
padding-left: 0;
line-height: 2.5rem;
}
.pagination .page-list {
    padding: .375rem;
    margin-bottom: 0;
    width: 100%;
}
.pagination a {
font-weight: 500;}
.pagination a:not(.previous):not(.next) {
    
}

.pagination .disabled {
color: #7a7a7a}
.pagination .current a {
    text-decoration: none;
    background: #fff;
    border: 1px solid black;
    margin: 5px;
    border-radius: 50%;
    width: 27px;
    font-weight: 600;
}
.pagination .page-list li {
display: inline-flex;
margin: 0 2px;}

.label {
display: inline;
padding: .2em .6em .3em;
font-size: 100%;
font-weight: 600;
line-height: 1;
color: #2d2d2d;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0;}
.label[href]:hover, .label[href]:focus {
text-decoration: none;
cursor: pointer; }

.alert {
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0;
font-weight: 600;}
.alert:before {
cursor: pointer; }
.alert.alert-danger {
text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }

.alert-danger {
background-color: #ff4c4c;
border-color: #ebcccc;
color: #fff}

.media, .media-body {
overflow: hidden;
zoom: 1; }
.media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media-object {
display: block; }
.media-list,ul {
padding-left: 0;
list-style: none}
.media-body,.media-left {
display: table-cell;
vertical-align: top}
.media-middle {
vertical-align: middle}
.media-left {
padding-right: 10px}

.clearfix:before, .clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
.clearfix::after {
content: "";
display: table;
clear: both}

.submit_search {
    padding: 10px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    line-height: 1;
    border-left: none;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.submit_search:hover {
    border-color: #ccc;
    background-color: #ebebeb;
}

.add-to-cart .fa {
font-size: medium;}

.input-color {
position: absolute;
width: 1.25rem;
height: 1.25rem;
cursor: pointer;
opacity: 0}

.input-color-label {
cursor: pointer;
display: flex;
align-items: center;
flex-direction: column;
padding-right: 7px;}


.input-color-label img, .input-color:checked + img {
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
border-radius: 15px;}

.input-color-label img {
border: 1.5px solid #e5e5e5;
border-bottom: 4px solid #e5e5e5;
height: 82px;}

.input-color:checked + img {
border: 1.5px solid #fddf5e;
border-bottom: 4px solid #fddf5e;}

#wrapper .breadcrumb {
background: 0 0}
#wrapper .breadcrumb ol {
margin-bottom: 0}
#wrapper .breadcrumb[data-depth="1"] {
display: none}
#wrapper .breadcrumb li::after {
margin: .3125rem;
color: #7a7a7a;
content: "/"}
#wrapper .breadcrumb li:last-child {
margin: 0;
color: #7a7a7a;
content: "/"}
#wrapper .breadcrumb li:last-child::after {
content: ""}
#wrapper .breadcrumb li,.product-images>li.thumb-container {
display: inline}

.breadcrumb {
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
border-radius: 0;
display: none;}
.breadcrumb::after,.card-block::after {
content: "";
display: table;
clear: both}

.card-block {
padding: 1.25rem 1.25rem .5rem}

.card {
border: 0;
margin-bottom: .75rem}

.block-promo .promo-input {
width: 50%;
color: #232323;
text-indent: .625rem;
border: #2d2d2d 1px solid;
border-radius: 10px;
line-height: 2;
margin: 5px -10px;}
.block-promo p,.cart-items {
margin-bottom: 0}
.block-promo {
margin-bottom: 1rem}
.block-promo .promo-code {
padding: 1rem}
.block-promo .promo-code .alert-danger {
position: relative;
display: none;
margin-top: 1.25rem;
color: #fff;
background: #ff4c4c;
border: 0;
border-radius: 15px;
}
.block-promo .promo-code .alert-danger::after {
position: absolute;
bottom: 100%;
left: 20%;
width: 0;
height: 0;
margin-left: -10px;
pointer-events: none;
content: " ";
border: solid transparent;
border-width: 10px;
border-bottom-color: #ff4c4c}
.block-promo .cart-summary-line .label,.block-promo .promo-name {
margin-bottom: 0;
font-weight: 600;
color: #ff9a52}
.block-promo .promo-name a {
display: inline-block;
font-weight: 500;
color: #232323}
.block-promo .promo-name .cart-summary-line .label {
font-weight: 500;
color: #2D2D2D}
.block-promo .promo-name .cart-summary-line span {
color: #f49d6e}
.block-promo .promo-name .material-icons {
margin-left: .4rem;
font-size: 2rem}
.block-promo .promo-code-button {
display: block;
padding: 0 0 1rem;
text-align: center}
.block-promo .promo-code-button.cancel-promo {
margin-bottom: 0;
color: #edc103}
.block-promo .promo-code-button.cancel-promo[aria-expanded=true] {
display: block;
padding: 0;
margin-top: 1rem}
.block-promo .promo-code form {
display: flex;
justify-content: center;}

.input-group.bootstrap-touchspin {
display: flex;
align-items: center;
justify-content: flex-end;
}

.js-cart-line-product-quantity, #quantity_wanted {
border-radius: 10px;
margin-right: 5px;
max-width: 40px;
min-height: 40px;}

.bootstrap-touchspin input:focus {
outline: 0}
.bootstrap-touchspin .btn-touchspin {
height: 1.3125rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.25);
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.bootstrap-touchspin .btn-touchspin:hover {
background-color: #fddf5e;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 10px 10px 0 0;}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
content: "\E5CE"}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0 0 10px 10px;}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
content: "\E5CF"}    
.bootstrap-touchspin .input-group-btn-vertical>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px 10px;
position: relative}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 3px;
left: 5px;
font-size: 9px;
font-weight: 400}


.modal-content {
border-radius:10px;}
.modal {
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1200;
display: none;
outline: 0}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)}
.modal-dialog {
position: relative;
width: auto;
margin: 10px}
.modal-body {
position: relative;
padding: 15px}  

.card.cart-container {
margin-top: 1rem;}

.pagination .next {
background-color: inherit;
padding: 0;
font-size: inherit;
top: inherit;
margin-top: 0;}

.navbar-toggler {
width: 2.5em;
height: 2em;
padding: .5rem .75rem;
font-size: .9375rem;
line-height: 1;
background: no-repeat center center;
background-size: 24px 24px;
border: 1px solid transparent;
border-radius: 0}
.navbar-toggler:focus,.navbar-toggler:hover {
text-decoration: none}

input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder {
color: #7a7a7a}

input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder {
color: #232323}

#products .products,.featured-products .products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start}

.product-miniature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center}
.product-miniature .product-thumbnail {
display: block}
.product-miniature .thumbnail-container {
position: relative;
height: auto;
margin: 0.5em;
overflow: hidden;}
.product-miniature .thumbnail-container .product-thumbnail {
position: relative;
height: calc(100% - 70px)}
.product-miniature .thumbnail-container .product-thumbnail img {
position: relative;
display: block;
max-width: 100%;
height: auto;
margin: auto;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.product .thumbnail {
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #eee;
}
.product-miniature .product-title {
margin: .7rem;
text-align: center;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
    
.product-miniature .thumbnail-top {
position: relative;
overflow: hidden}
.product-miniature .product-flags li.product-flag {
min-width: 3.125rem;
min-height: 1.875rem;
font-weight: 600}

#products {
color: #7a7a7a}
#products .up {
margin-bottom: 1rem}
#products .up .btn-secondary {
color: #7a7a7a;
text-transform: inherit}
#products .up .btn-secondary .material-icons {
margin-right: 0}

.block-category {
margin-bottom: 1.563rem;
opacity: 0;
}
.block-category h1 {
margin-bottom: 1rem;
font-size: 2rem}
.block-category .block-category-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between}

.products-selection .sort-by-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center}
.products-selection .sort-by {
margin-right: -.9375rem;
margin-left: .9375rem;
text-align: right;
white-space: normal}
.products-selection .total-products {
padding-top: .625rem;
opacity: 0; }
.products-selection .sort-by-row .select-title i,.products-selection .sort-by-row i {
height: inherit;
line-height: inherit}

.products-sort-order {
color: #7a7a7a}
.products-sort-order .select-title {
display: inline-block;
width: 100%;
padding: .625rem;
color: #232323;
cursor: pointer;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 13px;}
.products-sort-order .select-list {
display: block;
padding: .625rem 1.25rem;
color: #232323}
.products-sort-order .select-list:hover {
font-weight: 600;}
.products-sort-order .dropdown-menu {
left: auto;
width: 100%;
margin-top: -10px;
background: #f6f6f6;
border: 0;
border-radius: 13px;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);}


#product-description-short {
color: #232323}

.product-information {
font-size: .9375rem;
color: #232323}

.product-actions .control-label {
display: block;
width: 100%;
margin-bottom: .375rem}
.product-actions .product-add-to-cart {
word-wrap: break-word}

.product-quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex}
.product-quantity .add {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: left;
margin-bottom: .5rem;
width: 100%;}

.product-discounts {
margin-bottom: 1.5rem}

.product-prices {
margin-top: 1.25rem}
.product-prices div {
margin-bottom: .625rem}

.product-cover {
position: relative;
margin-bottom: 1.25rem}
.product-cover .layer {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
background: #000;
background: rgba(0,0,0,.6);
opacity: 0}
.product-cover .layer:hover {
opacity: 1}
.product-cover .layer .zoom-in {
font-size: 3.125rem;
color: #fff}

#product-modal .modal-content {
padding: 0;
background: 0 0;
border: 0}
#product-modal .modal-content .modal-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -35%}
#product-modal .modal-content .modal-body .thumbnails,.block_newsletter form {
position: relative}
#product-modal .modal-content .modal-body .mask {
position: relative;
z-index: 1;
max-height: 49.38rem;
margin-top: 2.188rem;
overflow: hidden}
#product-modal .modal-content .modal-body .mask.nomargin {
margin-top: 0}
#product-modal .modal-content .modal-body .product-images img {
width: 9.25rem;
height: auto;
cursor: pointer;
background: #fff}
#product-modal .modal-content .modal-body .product-images img:hover {
border: #edc103 3px solid}
#product-modal .modal-content .modal-body .product-cover-modal,.product-cover img {
background: #fff}

.product-images>li.thumb-container .thumb {
margin-bottom: .625rem;
cursor: pointer}

.images-container .product-images>li.thumb-container .thumb {
margin-right: .8125rem;
border-radius: 15px;
border: 1px solid #e5e5e5;}

.product-images>li.thumb-container .thumb.selected,.product-images>li.thumb-container .thumb:hover {
border: #fddf5e 2px solid}

.scroll-box-arrows {
display: none}
.scroll-box-arrows.scroll {
display: block}
.scroll-box-arrows i {
position: absolute;
bottom: 1.625rem;
height: 100px;
line-height: 100px;
cursor: pointer}
.scroll-box-arrows .left {
left: 0}
.scroll-box-arrows .right {
right: 0}

#product-availability {
display: inline;
margin-top: .625rem;
font-weight: 700}

.product-variants-item ul {
display:flex;}

.product-variants>.product-variants-item {
margin: 1.25rem 0}
.product-flags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 0;
left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: none}
.product-flags li.product-flag {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: .3125rem .4375rem;
margin-top: .625rem;
font-size: 1rem;
font-weight: 700;
color: #fff;
text-transform: uppercase;
word-break: break-word;
pointer-events: auto;
background: #edc103;
display: none;
}
.products-selection {
margin-bottom: 1.25rem}

.review-rating {
margin-top: 5px;}
.review-rating .fas {
color: #F9D342;
font-size: 15px;}

.js-custom-prices p {
    font-size: 15px;
    font-weight: 500;}

.product-line-grid-left img {
max-width: 100%}
.product-line-grid-body>.product-line-info>.label {
padding: 0;
font-weight: 600;
line-height: inherit;
text-align: left;
white-space: inherit}
.product-line-grid-right .cart-line-product-actions,.product-line-grid-right .product-price {
line-height: 36px;    color: #232323}
.product-line-grid-right .cart-line-product-actions .remove-from-cart {
display: inline-block;
margin-top: .3125rem;
color: #232323}

#blockEmailSubscription_displayFooterBefore {
float: inherit;
width: 100%;
margin: auto}

.block_newsletter form input[type=email] {
width: 100%;
padding: 11px;
border: 1px solid #e5e5e5;}

/*Pages*/
.current-price-value {
text-decoration: line-through;}

.product-description span span {
font-weight: 300;}
.titl_item {
display: flex;
align-items: center;
margin-left: -85px;}
.titl_item .line_cat {
width: 100%;
margin: 0 -30px 0 20px;}
.desc_item {
font-size: 1.5em;
font-weight: 500;
line-height: 1.7;
border: 1px solid #999999;
border-radius: 15px;
padding: 30px;
border-right: 13px solid #fddf5e;
margin-bottom: 60px;
margin-top: -5px;}



.pix-price {
  font-size: 1.1em;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;}

.pix-price strong {
  font-size: 1.4em;
  font-weight: 700;}

.pix-value {
    color: #038f32;}

.pix-label {
  font-size: 0.9em;
  font-weight: 500;}
 .pix-label strong {
  font-size: 0.9em;}

.installments {
  font-size: 0.95em;
  display: flex;
  align-items: center;
  gap: 4px;
font-weight: 500;}

.installments strong {
  font-weight: 700;
  font-size: 1.1em;}

.installment-count {
  font-weight: 700;}


/* Responsivo */
@media (max-width: 768px) {
  
  .pix-price {
    font-size: 1em;}
  
  .installments {
    font-size: 0.85em;}}


.cart-grid {
margin-bottom: 1rem}
.cart-grid-right {
border-radius: 10px;
box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);
padding: 10px;
margin: 30px 0;}
.cart-grid-right .form-pags, .cart-summary .form-pags{
padding: 20px 0px;
justify-content: space-evenly;
flex-wrap: wrap;}

.card.cart-summary {
padding: 10px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.remove-from-cart .material-icons, .material-icons {
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.remove-from-cart .material-icons:hover {
color: #ff4c4c;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}
.cart-grid.row {
min-height: 760px;}
.card-block.checkout .btn-primary {
white-space: normal}
.card-block.cart-detailed-subtotals+.cart-summary-totals .cart-total {
border-top: 1px solid #e5e5e5;}
.card-block.cart-summary-totals .cart-summary-line {
padding: .5rem .2rem 0}
.card-block.cart-summary-totals .cart-summary-line:last-child {
margin-bottom: 0}
.card-block.cart-summary-totals .cart-summary-line.cart-total {
padding: 1rem 0}
.card-block.cart-summary-totals .cart-summary-line.cart-total .label,.card-block.cart-summary-totals .cart-summary-line.cart-total .value {
font-weight: 700}

.cart-summary-line {
margin-bottom: .315rem;
clear: both}
.cart-summary-line::after {
content: "";
display: table;
clear: both}
.cart-summary-line:not(:last-child) {
margin-bottom: 1rem}
.cart-summary-line .label {
padding-left: 0;
font-weight: 600;
color: #2d2d2d;
white-space: inherit}
.cart-summary-line .value {
float: right;
font-weight: 600;
color: #232323}
.cart-summary-line.cart-summary-subtotals .label,.cart-summary-line.cart-summary-subtotals .value {
font-weight: 500}

.cart-grid-body {
margin-bottom: .75rem}
.cart-grid-body .card-block,.cart-grid-body .cart-overview {
padding: 1rem}


#main .page-content,#main .page-footer,#main .page-header {
margin-bottom: 1.563rem}
#main .page-content #notifications {
margin-right: -15px;
margin-left: -15px}
#main .images-container .js-qv-mask {
overflow: hidden;
white-space: nowrap}
#main .images-container .js-qv-mask.scroll {
width: calc(100% - 60px);
margin: 0 auto}


#infos {
    background-image: url(/assets/img/home.png);
    background-position: center;
    backdrop-filter: blur(3px);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;}
#infos .container {
    width: 400px;
    margin: 25px 0 30px;
    border-radius: 10px;
    box-shadow: 0px 1px 10px -4px rgb(0 0 0 / 84%);
    padding: 0;
    background: #fff;  }
#infos .header {
    padding:20px;
    border-radius: 10px;
    background: #2d2d2d;}
#infos .header img {
    width: 260px;
    margin: 0 auto 10px;    }
#infos h2{
    text-align: center;
    font-size: 20px;    }
#infos h2, #infos a {
    color: #2d2d2d;}
#infos .header h2 {
    color: #fff;
    font-weight: 600;}
#infos .social-icons {
    text-align: center;
    padding: 10px;
    border-bottom: 7px solid #fddf5e;
    border-radius: 10px;}
#infos .content .fab, #infos .content .far, #infos .content .fas, #infos img {
    margin: 0 5px;}
#infos #b_zap .fab:hover  {
    color: inherit;}
    
#b_red:hover {
    background-color: #ff5757;}
.fa-exclamation-triangle {
    color: #ff5757;}
#b_red:hover span, #b_red:hover .fa-exclamation-triangle {
    color: white;}


.h-func {
    background: #fddf5e;
    border-radius: 10px;
    margin: 10px 25px;
    padding: 15px;
    text-align: center;}
.h-func span {
    font-weight: 700;}
.h-func h3 {
    font-weight: 600;}

.func_block {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9E9E9E;
    border-radius: 10px;}


.retirada-btn, .devol-btn, .encomenda-btn, .agencia-btn, .passos-inst , .limpeza-btn {
    display: flex;
    align-items: baseline;
    padding: 0;
    border: 0;
    margin: 0;
    background: none;}  
.retirada-btn  h3, .devol-btn  h3, .encomenda-btn  h3, .agencia-btn h3, .passos-inst h3, .limpeza-btn h3 {
    border-radius: 10px;
    padding: 10px 20px;
    background: #2d2d2d;
    color: #fff;
    min-width: 150px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.retirada-btn  h3:hover, .devol-btn  h3:hover, .encomenda-btn  h3:hover, .agencia-btn h3:hover, .passos-inst h3:hover, .limpeza-btn h3:hover {
    background: #fddf5e;
    color: #2d2d2d;}


.popup-info {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);
    z-index: 1000;
    border-radius: 10px;
    opacity: 0;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    min-width: 310px;
    text-align: justify;
}
    
.popup-info.active {
  display: block;
  opacity: 1;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1); }

.overlay.active {
    display: block;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1); }

.popup-info .fechar-pop {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1); }

.fechar-pop:hover {
    color: red;}
    
.info-alert {
   display: inline-flex;
   background: #d9d9d9;
   border-radius: 35px;
   border-bottom: 10px solid #b7b7b4;
   padding: 0 10px;
   width: 300px;
   justify-content: space-around;
   align-items: center;}

.info-alert div {
    padding-right: 10px;
    padding-top: 1rem;}
.info-alert h3 {
    margin-bottom: 4px;}

#popup-3passos.active {
    display: flex;
    flex-direction: column;
    align-items: center;}

#popup-3passos span, #popup-3passos p {
    font-weight: 600;}


.button_home, .button_cupoum{
padding: 15px;
font-size: 15px;
font-weight: 600;
border-bottom: 1px solid #9E9E9E;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;}
.button_home:hover, .button_cupoum:hover {
background: #fddf5e;}

.cupoum_h {
    margin: 10px 25px;
    text-align: center;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}
.cupoum_h:hover {
    cursor: pointer;}
.cupoum_h span {
    font-weight: 700;}
.cupoum_h h3 {
    margin-bottom: 3px;}
.cupoum_h.copiado {
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 5px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);}    


.sub_cupoum {
    display: flex;
    align-items: center;
    padding: 5px 7px;
    border-radius: 10px;
    background: #fddf5e;}
    
.sub_cupoum h3 {
    margin: 0;
    font-weight: 600;}
.sub_cupoum h3, .sub_cupoum span {
    font-size: 1.2em;}
.sub_cupoum span {
    margin-left: 2px;}

.promo_block {
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #9E9E9E;
border-radius: 10px;}

.desc_atual {
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;}

.desc_atual h2 {
    margin-bottom: 20px;}

.destaque_cat {
display:flex;
margin-top: 10px;
align-items: baseline;}    
.destaque_cat h3 {
border-radius: 10px;
padding: 10px 20px;
background: #2d2d2d;
color: #fff;
min-width: 150px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.destaque_cat h3:hover {
background: #fddf5e;
color: #2d2d2d;}
.destaque_cat i {
min-width: 20px;
text-align: center;}

#popup-3passos h3 {
text-align: center;
white-space: nowrap;}

/* no pc*/
.manual-inst {
display: flex }

.passo-inst {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 20px 10px;}

.passo-inst img {
width: 200px;
height: 200px }


.footer i {
font-size: 25px;}


#product #content {
  position: relative;
  margin: 0 auto;}
  
.regular-price {
    font-weight: 600;
    text-decoration: line-through;
    color: #acacac;}
#product .regular-price {
    font-size: 1.7em;}
    
.discount-percentage {
    color: #038f32;
    font-weight: 600;}
#product .discount-percentage {
    color: #2d2d2d;}

.product-cover .layer:hover {
opacity: 1;}
  
.fade.in {
opacity: 1; }

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
background: #000000d1;}

.modal-header {
  border-radius: 10px 10px 0 0;
  background-color: #ffffff;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5}

#blockcart-modal .modal-dialog {
  width: 100%;
  max-width: 1140px}
#blockcart-modal .modal-title {
  font-size: 1rem;
  font-weight: 500;
  color: #353943}
#blockcart-modal .divide-right {
  border-right: 1px solid #dbdbdb}
#blockcart-modal .product-image {
  display: block;
  width: 100%;
  max-width: 9.375rem;
  margin: 0 0 0 auto}
#blockcart-modal .product-name {
  font-size: 1.5rem;
  color: #edc103}
#blockcart-modal .product-price {
  display: block;
  color: #2D2D2D}
#blockcart-modal .modal-body .divide-right span {
  display: inline-block;
  margin-bottom: .3125rem}
#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,#blockcart-modal .cart-content p.cart-products-count,.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
  font-size: 1rem;
  font-weight: 600;
  color: #6c868e}
#blockcart-modal .cart-content .page-content.page-cms ul,#blockcart-modal .cart-content p,.page-content.page-cms #blockcart-modal .cart-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 .5rem;
  color: #2D2D2D}
#blockcart-modal .cart-content .page-content.page-cms ul.product-total,#blockcart-modal .cart-content p.product-total,.page-content.page-cms #blockcart-modal .cart-content ul.product-total {
  padding: .5rem;
  background-color: #f6f6f6}
#blockcart-modal .cart-content .cart-content-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between}
#blockcart-modal .cart-content .cart-content-btn button {
  margin-right: .9rem;}
#blockcart-modal .modal-title i.material-icons {
  margin-right: 1.875rem;
  color: #4cbb6c}
#blockcart-modal .modal-body {
  padding: 3.125rem 1.875rem;
  background: #fff;
  border-radius: 0 0 10px 10px;}
#blockcart-modal .modal-dialog {
  width: 100%;
  max-width: 1140px}
  
.cart-content a {
  display: flex;
  align-items: center;
  justify-content: center;}
  
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000d1}
  
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)}

.page-my-account #content .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start}
.page-my-account #content .links a {
    display: inline-block;
    padding: 0 .9375rem;
    margin-bottom: 1.875rem;
    font-weight: 500;
    text-align: center;}
.page-my-account #content .links a span.link-item {
    display: block;
    height: 100%;
    padding: 2em 1em;
    border-radius: 13px;
    background: #fff;
    border: 1px solid #ccc;}
.page-my-account #content .links a i {
    display: block;
    width: 100%;
    padding-bottom: 3.4rem;
    font-size: 2.6rem;
    color: #2d2d2d}
.page-authentication #content,.page-registration #content, .page-password #content {
    padding: 1rem;
    background: #fff;
    max-width: 640px;
    margin: 0 auto}

.page-order-detail .box, .page-order-detail .addresses{
    padding: 1rem;
    background: #fff;
    margin-bottom: 1rem;
    box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);
    border-radius: 10px;
}

.addresses .box {
  all: unset;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #f6f6f6;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}
table {
    border-collapse: collapse;
    background-color: transparent;
}

.table-labeled .label {
    padding: .25rem .375rem;
    margin: .125rem;
    font-size: inherit;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px;
}

.page-order-detail #order-history .history-lines .history-line {
    padding: .5rem 0;
    border-bottom: 1px solid #f6f6f6;
}


#history .orders .order .label, .page-order-detail #order-history .history-lines .history-line .label {
    display: inline-block;
    padding: .25rem .375rem;
    margin: .25rem 0;
    color: #fff;
    border-radius: 3px;
}


address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #f6f6f6;
}
.thead-default th {
    color: #7a7a7a;
    background-color: #f6f6f6;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #f6f6f6;
}

.page-order-detail .order-items {
    padding: 0 !important;
}

.page-order-detail .order-items .order-item {
    padding: 1rem 1rem 0;
    border-bottom: 1px solid #f6f6f6;
}

.page-order-detail .order-items .order-item .desc, .page-order-detail .order-items .order-item .qty {
    margin-bottom: 1rem;
}

#history .orders .order:last-child, .page-order-detail .messages .message:last-child {
    border-bottom: 0;
}

.page-order-detail .messages .message {
    margin-top: .5rem;
    border-bottom: 1px solid #f6f6f6;
}

.page-order-detail .messages .message>div, body#checkout section.checkout-step .payment-options .payment-option {
    margin-bottom: .5rem;
}   

.page-content.page-cms ul, p {
    font-weight: 500;
    color: #2d2d2d;
    font-size: 15px;
}

.page-content.page-cms ul, dl, ol, p, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

form .form-control-label {
    font-weight: 600;
    color: #2d2d2d;
}


.form-control-select {
    border-radius: 10px;
    background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center / 1.25rem 1.25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}


#history .orders .order {
    padding: .75rem 1rem;
    border-bottom: 1px solid #eeeeee;
}

.page-customer-account #content {
    padding: 2.5rem;
    border-radius:10px;
    box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);
    color: #7a7a7a;}
    
.order-message-form header {
    z-index: 1000;
}

.page-customer-account #content .order-actions a {
    padding: 0 1rem;
}


#checkout a:hover {
    color: #edc103}

#checkout #header {
    background:#2d2d2d;}
#checkout #header .header-nav {
    max-height: none;
    padding: .9375rem 0;
    margin-bottom: 0;
    border: 0;}
#checkout #header .header-nav .logo {
    width: auto;
    max-height: 8rem;
    margin: 1rem;}

#checkout section#content {
    margin-bottom: 1.563rem;}

#checkout section.checkout-step .content,body#checkout section.checkout-step .done,body#checkout section.checkout-step .step-edit {
    display: none;}

.tab-content {
margin-top: 20px; }

#checkout section.checkout-step {
    padding: 2.625rem;
    background-color: #fff}
#checkout section.checkout-step .step-edit {
    font-weight: 500;
    text-transform: lowercase}
#checkout section.checkout-step .step-edit .edit {
    font-size: 1rem}
#checkout section.checkout-step.-current .content {
    display: block;
    margin-top: 15px;}
#checkout section.checkout-step .delivery-options .delivery-option {
    min-height: 80px;
    padding: .9375rem;
    margin-bottom: .9375rem;
    background: #f6f6f6;}
#checkout section.checkout-step .delivery-options .delivery-option, #checkout section.checkout-step .delivery-options .delivery-option .carrier, #checkout section.checkout-step .delivery-options .delivery-option label>.row {
    display: flex;
    align-items: center;
    border-radius: 10px;}
#checkout section.checkout-step .delivery-options .delivery-option label {
    margin-bottom: 0;
    text-align: inherit;}
#checkout section.checkout-step .delivery-options .delivery-option label .carrier {
    margin-left: 0;}
#checkout section.checkout-step .custom-radio input[type=radio] {
    width: 1.25rem;
    height: 1.25rem}

#checkout section.checkout-step .carrier-delay,#checkout section.checkout-step .carrier-name {
    display: inline-block;
    margin-bottom: 0;
    text-align: left;}

#checkout #order-summary-content .summary-selected-carrier .logo-container img,#checkout section.checkout-step .delivery-options .delivery-option img {
    width: 6rem}



#checkout #delivery textarea, #checkout #gift_message textarea {
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    outline:0;}

#checkout section.checkout-step .content,#checkout section.checkout-step .done,body#checkout section.checkout-step .step-edit,body#checkout section.checkout-step.-current.-reachable.-complete .done,body#checkout section.checkout-step.-current.-reachable.-complete .step-edit,body#checkout section.checkout-step.-reachable.-complete h1 .step-number {
    display: none}
#mp-pix-input-code {min-height: 40px;}  

#checkout section.checkout-step .step-title {
    padding-bottom: 1.25rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5}

#checkout .checkout-step.-reachable.-current .step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    margin-right: .65rem;
    color: #fff;
    vertical-align: middle;
    background-color: #25d366;
    border: 0;
    border-radius: 50%;}


#checkout #search_widget,.tab-content>.tab-pane {
    display: none;}


.faqs {
    border-bottom: 1px solid #c0c0c0;
    border-radius: 3px;
    padding: 5px 0;}
    
.faqs ul {
    background: #f2f2f2;
    padding: 8px;
    border-radius: 10px;
    margin: 0;}

.item-faq {
    display: flex;
    border-radius: 10px;
    box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);
    padding: 10px;
    margin: 20px 0;
    justify-content: center;}

.subfaq {
    width: 50%;
    text-align: center;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #eee;
    margin: 5px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.subfaq:hover {
    box-shadow: 0px 1px 10px -5px #646464;    }

.subfaq p, .faqs p {
    margin: 0;}

.title-politics,.title-faq {
    padding-top: 3em;
    padding-bottom: 15px;}
.item-politics {
    padding: 15px 0 15px;}
.item-politics h2 {
    font-weight: 700;}
.item-politics h3 {
    margin: 0;
    line-height: 1.5;}
.item-politics p {
    text-align: justify;}


/*Responsive*/

.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, 
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px; }
    
@media print {
    *,::after,::before,::first-letter,div::first-line,li::first-line,p::first-line {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important    }

    a,a:visited {
        text-decoration: underline    }

    img {
        page-break-inside: avoid    }

    h2,h3,p {
        orphans: 3;
        widows: 3   }}

@media (min-width: 992px) {

    .col-sm-3, header .row #header_logo {
        width: 25%; }
    
     }

@media (min-width: 1200px) {
    
    .container {
        max-width: 70%;
        padding-left: 0;
        padding-right: 0;
        /*max-width: 1170px;*/ }

    .col-sm-3 {
        width: 25%; }
        
    .row {
        margin-right:-15px;
        margin-left: -15px }

    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left; }
    .col-lg-2 {
        width: 16.66667%; }
    .col-lg-3 {
        width: 25%; }
    .col-lg-4 {
        width: 33.33333%; }
    .col-lg-5 {
        width: 41.66667%; }
    .col-lg-7 {
        width: 58.33333%; }
    .col-lg-8 {
        width: 66.66667%; }
    .col-lg-9 {
        width: 75%; }

    #product-modal .modal-content .modal-body .product-images {
        margin-left: 2.5rem}}

@media (min-width: 1024px) {
    .order-line.row {
        display: flex;
        align-items: center;
        padding: 10px 0;
        margin: 0 -10px 10px 10px;}

    #order-confirmation .image img {
        max-width: 200px;}}
    
@media (max-width: 1024px) {
    .header_a, .header_c, .header_mc, .header_m, .header_h, .header_a img, .header_c img, .header_mc img, .header_m img, .header_h img {
        margin: 0;}
    .header_a span, .header_c span, .header_mc span {
        display: none;}
    header .row #header_logo {
        padding: 15px 15px 0;}

    #search-bar {
        padding-top: 25px;
        padding-bottom: 25px;}

    h3 {
        font-size: 1em;
        }
        
    .titl_item {
        padding: 15px;
        margin-left: -25px; }
    .desc_item {
        padding: 20px 15px;}

    .product {
        width: 50%;
        margin-bottom: 25px;
    }
    
    .page-my-account #content .links {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media (min-width: 1024px) and (max-width: 1200px){
    .header_a span, .header_c span, .header_mc span {
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-width 400ms ease opacity 400ms ease;
        transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .header_a:hover span, .header_c:hover span, .header_mc:hover span {
        max-width: 100%; 
        opacity: 1; }

    .thumbnail-container .btn-primary {
    line-height: 1.5; }}


@media (min-width: 1024px){
    header .row {
        display: flex;
        align-items: center;
        padding: 15px 0;}
    
    .hidden-desktop {
        display: none !important;}
    
    #group_1, #group_2, #group_3 {
        flex-wrap: wrap;}
    
    #product #content {
      max-width: 80%;}
    
    .btn-details {
        opacity: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    header .row {
        display: flex;
        align-items: center;
        flex-direction: column;}
    header .row #header_logo {
        width:50%;
        padding-bottom: 20px;
        padding-top: 20px;}

    .pt_custommenu .pt_menu .parentMenu a span, .pt_custommenu .pt_menu .parentMenu p span {
        font-size: 12px;}

    .parentMenu a, .parentMenu p {
        text-decoration: none;
        color: #000;
        padding: 8px;
        margin: 5px;}
        
    .sect-fot {
        width: 50%;
        margin-bottom: 20px; }}

@media (max-width: 991px) {
    .done {
        padding: 0;
        margin-right: .625rem;}

    #product-modal .modal-content .modal-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column    }

    #products .products,.featured-products .products {
        -webkit-box-pack: center;
        -ms-flex-pack: center;    }

    #product-modal .modal-content .modal-body .product-cover-modal {
        max-width: 100%;
        height: auto    }

    .product-cover img {
        width: 100%;
        height: auto    }

    #product-modal .modal-content .modal-body {
        margin-left: 0    }

    #product-modal .modal-content .modal-body .image-caption {
        width: 100%   }
    #blockcart-modal .product-image {
        max-width: 70%;
        margin: 0 auto 1rem;}
    #blockcart-modal .modal-dialog {
        width: calc(100% - 20px); }}
           
@media (min-width: 992px) {
    .container {
        max-width:75% }

    .col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-8,.col-md-9,.col-md-10 {
        float: left }
    .col-md-2 {
        width: 16.66667% }
    .col-md-3 {
        width: 25% }
    .col-md-4 {
        width: 33.33333% }
    .col-md-5 {
        width: 41.66667% }
    .col-md-6 {
        width: 50% }
    .col-md-8 {
        width: 66.66667% }
    .col-md-9 {
        width: 75% }
    .col-md-10 {
        width: 83.33333% }

    .offset-md-2 {
        margin-left: 16.66667% }

    .hidden-md-up {
        display: none!important }}
        
@media (max-width: 992px) {
    .product-variants-item ul {
    overflow: auto}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .featured-products {
        margin-left: -60px;
        margin-right: -60px;}
}
        
@media (min-width: 768px) {
    .d-lg-block {
        display: block;}
    
    .hidden-sm-up {
        display: none;}
    
    .hidden-md-up {
        display: none;}

    .hidden-sm-down {
        display: block;}
        
    .hidden-xs-down {
        display: block;}
        
    .mid-fot {
        padding: 30px 0 10px;
        display: flex;
        flex-wrap: wrap; }

    .form-inline .form-control {
        display: inline-block; }

    .container {
        max-width: 75%;
        /*max-width: 750px;*/}

    .col-sm-3, header .row #header_logo, .col-sm-6, .col-sm-8 {
        float: left; }
    .col-sm-6 {
        width: 50%; }
    .col-sm-8 {
        width: 66.66667%; }
    .col-sm-11 {
        width: 91.66667%; }
    .col-sm-12 {
    width: 100%; }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle}
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto }

    .text-sm-center {
        text-align: center!important}
        
    #delivery-addresses {
    display: flex;}
    
    /*.product-variants-item ul {
    flex-wrap: wrap;} */}

@media (max-width: 768px){

    .btn-default {
        right: 2.8%;}
    
    .zap {
        margin-bottom: 45px;}
    
    .nav-container {
        display: none;}
    
    .header_a span, .header_c span, .header_mc span {
        display: none;}
    .header_info {
        position: fixed;
        bottom: 0;
        background-color: #f8f8f8;
        height: 7%;
        box-shadow: 0px 0px 2px 1px #00000054;
    }
    
    .sect-fot {
        border-top: 1px #e5e5e5 solid;
        padding: 15px;}
    
    .mid-fot {
        border-top: 0px;
        padding: 0;}
    .mid-fot .line_cat {
        padding: 0;  }
        
    .form-pags {
        flex-wrap: wrap;
        justify-content: space-evenly;
        padding: 20px;}
    
    .collapse {
        display: none;}
    
    .hidden-sm-down {
        display: none;}
    
    .hidden-xs {
        display: none !important; }
    .hidden-md-up {
        display: block;}

    #checkout #header .header-nav .logo { 
        margin: 1rem; }
    
    .thumbnail-container .btn-primary {
        font-size: inherit;
        margin: 0;}
    
    
    .promo-code .btn-primary {
        max-width: 100px;}
    
    .slider.slider-categ img {
        min-width: 100px;
        height: auto;}
    .slider.slider-categ {
        margin: 0 1rem 1rem;}
    .slider-container-categ h3 {
        padding-right: 10px;
        padding-left: 25px;}
    .input-color-label {
        padding-right: 7px;}
    
        
    .faqs span.h3 {
      display: inline-block; 
      max-width: 310px;
      word-wrap: break-word; 
      white-space: normal;    }
    
    .ui-autocomplete{left:0 !important;}
    
    .products-sort-order .dropdown-menu {
        max-width: 382px;}
    
    .manual-inst {
    flex-direction: column;}
    
    .passo-inst img {
    width: 150px;
    height: 150px;}
    
    .input-color-label img {
    height: 90px;}}


@media only screen and (min-width: 767px) {
#search_widget {
    float: none;}}

@media screen and (max-width: 767px) {
.hidden-xs-down {
        display: none;}

.block-category {
    min-height: 0;
    margin-bottom: 0    }

.card-block {
    padding: 0    }

.card {
    background-color: inherit;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none }}        

@media (max-width: 767px) {
    .slider .slide img {
        width: 100%;
        max-width: 500px;
        height: auto; }
    .hidden-sm-down {
        display: none!important    }

    .products-sort-order .select-title {
        margin-left: 0    }

    .products-selection .showing {
        padding-top: 1rem    }

    .product-line-grid-body {
        margin-bottom: 1rem    }

    .block_newsletter {
        padding-top: 1rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid #f6f6f6  }

    .footer-container {
        margin-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;}
        
    #footer .title.clearfix {
        padding: 0;    }

    body#checkout #header .header-nav {
        max-height: none;
        padding: 0;}

    #header .top-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;}

    .delivery-option .col-xs-12 {
        padding: 0 10px;}

    body#checkout .form-group {
        margin-bottom: .5rem;}

    body#checkout section.checkout-step .delivery-options .delivery-option img {
        width: 3.5rem;}
        
    .header-top .search-widget {
        float: none}

    .header-top .search-widget form {
        margin: 0 auto}

    .header-top .search-widget form input[type=text] {
        min-width: inherit;
        background: #fff}
    
    .order-line.row {
        display: block;
        margin: 2px;
        padding: 10px 0;}
    #order-confirmation .image img {
        max-width: 100px;}}
    
@media (max-width: 575px) {
    .product-miniature .thumbnail-container:focus .product-description::after,.product-miniature .thumbnail-container:hover .product-description::after {
        display: none   }

    .cart-items {
        padding: 1rem 0   }

    .cart-item {
        border-bottom: 1px solid #f6f6f6   }

    .cart-item:last-child {
        border-bottom: 0    }

    .cart-grid-body .cart-overview {
        padding: 0    }

    .product-line-grid-left {
        padding-right: 0!important  }}

@media (min-width: 576px) {
    .row {
        margin-right:-15px;
        margin-left: -15px    }

    .col-sm-3 {
        float: left;
        width: 16.66667%    }

    .col-sm-3 {
        width: 25%    }

    .col-sm-6 {
        float: left;
        width: 50%    }

    .col-sm-8 {
        float: left;
        width: 66.66667%    }

    .col-sm-12 {
        float: left;
        width: 100% }}
         
@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px; } }

/*Úteis*/
.d-flex {
display: flex;}

.line_cat {
border-bottom: 1px solid #e5e5e5;}

.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }    
.hide {
display: none !important; }

.float-xs-left {
float: left!important}

.float-xs-right {
float: right!important}

.ml-1 {
margin-left: 1rem!important}

.mt-3 {
margin-top: 3rem!important}

.pr-0 {
padding-right: 0!important}

.text-xs-right {
text-align: right!important}

.text-uppercase {
text-transform: uppercase!important}

.text-center {
text-align: center!important}

.hidden-xs-up {
display: none!important}

template {
display: none}

small {
font-size: 80%; }

.text-muted {
color: #999999;
font-size: 1rem}

.done {
display: inline-block;
padding: 0 .8125rem;
margin-right: 1.563rem;
color: #4cbb6c;
}

.separator {
margin: 0;
border-color: rgba(0,0,0,.25)}

.open>.dropdown-menu {
  display: block}

button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;}

.close {
float: right;
font-size: 19.5px;
font-weight: 600;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.header_m button {
  border: inherit;
  background-color: transparent}
  
::-webkit-scrollbar {
  width: 3px;
  height: 3px;}
::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;}
::-webkit-scrollbar-thumb {
  background: #fddf5e;
  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {
  background: #fddf5e;}

.nav-item .nav-link.active,body#checkout {
color: #232323}

.custom-checkbox label,body#checkout section.checkout-step #customer-form .form-control-label,body#checkout section.checkout-step #login-form .form-control-label {
text-align: left}



.tab-content > .tab-pane {
display: none; }

.tab-content > .active {
display: block; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:before, .nav:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
.nav:after {
clear: both; }
.nav > li {
position: relative;
display: block; }
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;}
.my-2 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}

.nav-inline .nav-item {
display: inline-block}

.form-control-comment {
padding-top: .5rem;
font-size: .875rem;
color: #7a7a7a}

.form-group {
margin-bottom: 15px; }

.nav-item .nav-link {
font-weight: 600;
color: #7a7a7a}

label.required:before {
content: "*";
color: #ff4c4c;
font-size: 14px;
position: relative;
line-height: 12px; }

.custom-checkbox input[type=checkbox]:focus+span,.custom-radio input[type=radio]:focus+span {
border-color: #7a7a7a}

.custom-checkbox {
word-break: break-word}

.custom-checkbox input[type=checkbox] {
position: absolute;
width: 18px;
height: 18px;
margin-top: .25rem;
cursor: pointer;
opacity: 0}

.custom-checkbox input[type=checkbox]+span {
display: inline-block;
width: 1.125rem;
height: 1.125rem;
margin-right: .5rem;
vertical-align: middle;
pointer-events: none;
cursor: pointer;
border: 1px #979797 solid}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
display: none;
margin: -.125rem;
font-size: 1.25rem;
color: #232323}

.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
display: block}

.payment-option {
    display: flex;}


.swipe-element {
    user-select: none;       
    -webkit-user-drag: none;  
    cursor: grab;  }

.swipe-element:active {
    cursor: grabbing;}
    
.order-line.row {
    border: 1px solid #ccc;
    border-radius: 10px;}



.details {
    max-width: 430px;}

#order-details {
    border-radius: 10px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 1px 10px -5px rgb(0 0 0 / 84%);}

#order-confirmation table {
    margin: 10px;}

.address-item {
    padding: 15px;
    border-radius: 10px;
    margin: 15px 5px;
    border: 2px solid #e5e5e5;}
.address-item.selected {
    border: 2px solid #f8d543;}

.address {
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;}

.address-footer .material-icons {
    font-size: 20px;}

.add-address {
    display: flex;
    align-items: center;}

#index #content-wrapper, #quem-somos #content-wrapper, #profissionais #content-wrapper{
    padding-top: 0px;}
#quem-somos .card-block, #profissionais .card-block {
    padding: 0 1.25rem 1.25rem;}

#content-wrapper {
    padding-top: 15px;}

#share-btn {
    margin-top: 5px;
    border-radius: 50px;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
#share-btn:hover {
    background: #fddf5e;}

.password-requirements-length {
    margin-top: 5px;
    display: none;}

.thumb-mask>.mask img {
    width: 55px;
    height: 55px
}

.product-pack {
    margin-top: 2.5rem
}

.product-pack .pack-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    /* font-size: 16px; */
}

.product-pack .pack-product-container .pack-product-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    color: #7a7a7a
}

.product-pack .pack-product-container .pack-product-quantity {
    padding-left: .625rem;
    border-left: #f6f6f6 2px solid
}

.product-pack .pack-product-container .pack-product-name,
.product-pack .pack-product-container .pack-product-price,
.product-pack .pack-product-container .pack-product-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        font-size: 1.2rem;
}

.product-pack-price {
    display: none;
}


/*==========================================================*/



.menu-ambientes {
    position: relative;
    cursor: pointer;
}

.menu-ambientes::before {
    content: "EM BREVE";
    position: absolute;
    inset: 0;       
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    opacity: 0;
    pointer-events: none;

    color: #2d2d2d;         
    font-weight: inherit;
    font-size: inherit;
    transition: opacity 0.2s ease;
}

.pt_menu:hover .menu-ambientes::before {
    opacity: 1;
    transition: all 300ms linear;
}


#pro {
    background: #2d2d2d;
    border-radius: 16px;
    border: 3px solid #f8f8f8;
    text-align: center;
}

#pro:hover {
    background: #ccc;
}
#pro:hover a {
    color: #2d2d2d;
}

.menu-PRO a {
    color: white;
    font-weight: 600;
}


.col3 {
    display: flex;
}

.itemMenuName.arquitetos, .itemMenuName.lojistas , .itemMenuName.artistas  {
    width: 200px;
    margin: 20px;
    border-radius: 11px;
    white-space: normal;
}

.itemMenuName.arquitetos img, .itemMenuName.lojistas img, .itemMenuName.artistas img {
    width: 100%;
    border-radius: 11px;
    margin-bottom: 7px;
}


.btn-details, .btn-principal {
    line-height: 1.3;
    width: 60%;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 500;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    text-align: center;
}

.btn-details:hover, .btn-principal:hover {
    background: #2d2d2d;
    font-weight: 600;
    color: #fff;
}

.product .thumbnail-container a:hover .btn-details {
    opacity: 1;
}

.cart-products-count {
    display: none;
}

.about-header {
    text-align: center;
    border-bottom: 2px solid #fddf5e;
    padding-bottom: 25px;
    margin-bottom: 30px;}

.about-header h1 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #2d2d2d;
    margin: 0;}

.about-header h2 {
    font-size: 1.6rem;
    color: #EBC400 ;
    font-weight: 700;
    margin: 5px 0 15px 0;}

.about-header .intro {
    font-size: 1.15rem;
    color: #555;
    font-weight: 500;}

section h2 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;}

.stats ul {
    list-style: none;
    padding-left: 0;}

.stats li {
    padding: 12px 18px;
    background-color: #f1f1f1;
    margin: 12px;
    border-radius: 12px}

.pil h2 {
    text-align: center;
    border-bottom: none;}


.mvv-item, .form-intro {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-left: 5px solid #fddf5e;
    margin: 10px 0;
}

.mvv-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
}


#familia, .our-work, .intro-top, .pil {
    padding-bottom: 7em;
    margin-top: 3em;
}

section h2 {
    text-align: center;
    color: #2d2d2d}


.mvv-item li {
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    color: #555;}

.work-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 30px;
    justify-items: center;}

.work-step {
    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);
    padding: 45px 20px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #ccc;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    max-width: 250px;}

.work-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(184, 145, 61, 0.15);
    border-color: #fddf5e;}

.work-step h3, .pil-grid h3 {
    font-weight: 600;
}

.work-step span {
    display: block;
    color: #444;
    font-weight: 500;
    line-height: 1.6;}

.stats-purpose {
    background-color: #fff8f0;
    padding: 25px;
    border-radius: 12px;
    border-left: 5px solid #fddf5e;
    text-align: center;
    margin-top: 30px;}

.stats-purpose strong {
    color: #2d2d2d;}
    
.bloco-img, .bloco-img-l {
    display: flex;
    gap: 20px;
    align-items: center;}

.bloco-img-l {
    flex-direction: row-reverse;}
    
.bloco-img .b-img, .bloco-img-l .b-img {
    max-width: 50%;
    padding: 30px;
}

.bloco-img img, .bloco-img-l img {
    width: 100%;
    border-radius: 10px;}

.qm-top img {
    width: 100% }

.intro-top p {
    text-align: justify; }


#profissionais section li::before {
    content: "✦";

    left: 0;
    color: #fddf5e;
    padding-right: 20px
}

.bloco-txt {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#pro-arq, #pro-art, #pro-loj, #pro-cat {
    background: #fff;
    border-radius: 20px;
    margin: 9em 0;
}

#pro-arq, #pro-art, #pro-loj, #pro-cat {
    scroll-margin-top: 20vh;
    scroll-margin-bottom: 20vh;
}


.bloco-txt ul {
    line-height: 3;
}

.profs {
    display: flex;
    justify-content: center;
    margin: 4em 1em;
    flex-wrap: wrap;}
.profs h3 {
  margin: 0;
  white-space: nowrap;
  letter-spacing: 1px;
}

separator {
  background: #2d2d2d;
  width: 1px;
  border-radius: 10px;
  margin: 0 40px;
}

.intro-pro {
  margin-top: 3em;
}


.benefits-row {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 9em 0;
}

.benefit-item {
    display: flex;
    gap: 15px;
    align-items: center;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 10px;
    background-color: #fff;
    padding: 15px;
    width: 260px;
}

.benefit-item:hover {
    transform: translateY(-5px);
}

.benefit-item .fas {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 13px;
}
.benefit-item h3 {
    font-weight: 600;   
}

.benefit-item:last-child {
    border-right: none;
}

.text-group {
    display: flex;
    flex-direction: column;
}   

.top-txt {
    font-size: 1.5em;
    color: white;
    text-shadow: 0px 1.5px 0px rgba(0, 0, 0, 0.5);
}

.top-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
}
.top-img img {
    width: 100%;
    filter: brightness(0.5);
}
@media (max-width: 768px) {

    .pil-grid {
        grid-template-columns: 1fr;}
        
    .work-step {
        max-width: 85%;}
        
    .bloco-img, .bloco-img-l {
        flex-direction: column-reverse;
    }
        
    .bloco-img img {
        max-width: 100%;}
    
    .bloco-img .b-img, .bloco-img-l .b-img {
        max-width: 100%;
        padding:15px;
    }
    
    .work-grid {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        padding: 20px;
        margin: 0;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;}
    
    .work-grid::-webkit-scrollbar {
        display: none;}

    .work-step {
        flex: 0 0 85%;
        max-width: 85%;
        scroll-snap-align: center;}
    
    .work-step.is-active {
        transform: translateY(-5px) scale(1.02);
        box-shadow: 0 10px 25px rgba(184, 145, 61, 0.18);
        border-color: #fddf5e;}
    
    .work-step:not(.is-active) {
        opacity: 0.5;
        transform: scale(0.96);
        background: #f8f8f8;}
        
        
    .benefits-row {
        display: flex;
        overflow-x: auto;
        gap: 16px;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        justify-content: inherit;
    }
    
    .benefits-row::-webkit-scrollbar {
    }
    
    .benefit-item {
        min-width: 260px;
        flex: 0 0 auto;
        
        scroll-snap-align: start;
    }
      
    .profs h3 {
        margin: 5px 0;
    }
    
    separator {
        margin: 5px 10px;
    }
}

.col1-2 {
    display: grid;
    justify-items: start;
}

.destaque-txt_menu {
    background: #f8f8f8;
    border-radius: 14px;
    width: 280px;
    white-space: normal;
    padding: 15px 20px;
    margin: 20px 0;
    line-height: 1.5;
    text-align: start;
    border: 1px solid #ccc;
}

.mobilemenu #pro a {
    color: white;
    font-weight: 600;
}

.mobilemenu #pro:hover a {
    color: #2D2D2D;
}

.radio-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 5px;
}

#subcategories {
    display: none;
}