@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700");
html {
    font-size: 1rem !important
}

body {
    width: 100%;
    margin: 0;
    padding: 0
}

body .uba-devs {
    font-size: 0
}

#ajaxBusy {
    display: none !important
}

.uba-devs a,
.uba-devs p,
.uba-devs ul,
.uba-devs li,
.uba-devs h1,
.uba-devs h2,
.uba-devs h3,
.uba-devs h4,
.uba-devs h5,
.uba-devs h6,
.uba-devs table {
    width: auto;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    line-height: inherit;
    font-size: 1rem
}

.uba-devs img,
.uba-devs fieldset,
.uba-devs figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    word-spacing: 0
}

.uba-devs .field-12,
.ub-forms .field-12 {
    width: 100%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-12 input[type=text],
.uba-devs .field-12 input[type=password],
.uba-devs .field-12 input[type=tel],
.uba-devs .field-12 select,
.ub-forms .field-12 input[type=text],
.ub-forms .field-12 input[type=password],
.ub-forms .field-12 input[type=tel],
.ub-forms .field-12 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-12 input[type=text].field-error,
.uba-devs .field-12 input[type=password].field-error,
.uba-devs .field-12 input[type=tel].field-error,
.uba-devs .field-12 select.field-error,
.ub-forms .field-12 input[type=text].field-error,
.ub-forms .field-12 input[type=password].field-error,
.ub-forms .field-12 input[type=tel].field-error,
.ub-forms .field-12 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-12 input[type=submit],
.uba-devs .field-12 input[type=button],
.uba-devs .field-12 button,
.uba-devs .field-12 textarea,
.ub-forms .field-12 input[type=submit],
.ub-forms .field-12 input[type=button],
.ub-forms .field-12 button,
.ub-forms .field-12 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-11,
.ub-forms .field-11 {
    width: 91.6666%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-11 input[type=text],
.uba-devs .field-11 input[type=password],
.uba-devs .field-11 input[type=tel],
.uba-devs .field-11 select,
.ub-forms .field-11 input[type=text],
.ub-forms .field-11 input[type=password],
.ub-forms .field-11 input[type=tel],
.ub-forms .field-11 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-11 input[type=text].field-error,
.uba-devs .field-11 input[type=password].field-error,
.uba-devs .field-11 input[type=tel].field-error,
.uba-devs .field-11 select.field-error,
.ub-forms .field-11 input[type=text].field-error,
.ub-forms .field-11 input[type=password].field-error,
.ub-forms .field-11 input[type=tel].field-error,
.ub-forms .field-11 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-11 input[type=submit],
.uba-devs .field-11 input[type=button],
.uba-devs .field-11 button,
.uba-devs .field-11 textarea,
.ub-forms .field-11 input[type=submit],
.ub-forms .field-11 input[type=button],
.ub-forms .field-11 button,
.ub-forms .field-11 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-10,
.ub-forms .field-10 {
    width: 83.3333%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-10 input[type=text],
.uba-devs .field-10 input[type=password],
.uba-devs .field-10 input[type=tel],
.uba-devs .field-10 select,
.ub-forms .field-10 input[type=text],
.ub-forms .field-10 input[type=password],
.ub-forms .field-10 input[type=tel],
.ub-forms .field-10 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-10 input[type=text].field-error,
.uba-devs .field-10 input[type=password].field-error,
.uba-devs .field-10 input[type=tel].field-error,
.uba-devs .field-10 select.field-error,
.ub-forms .field-10 input[type=text].field-error,
.ub-forms .field-10 input[type=password].field-error,
.ub-forms .field-10 input[type=tel].field-error,
.ub-forms .field-10 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-10 input[type=submit],
.uba-devs .field-10 input[type=button],
.uba-devs .field-10 button,
.uba-devs .field-10 textarea,
.ub-forms .field-10 input[type=submit],
.ub-forms .field-10 input[type=button],
.ub-forms .field-10 button,
.ub-forms .field-10 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-9,
.ub-forms .field-9 {
    width: 75%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-9 input[type=text],
.uba-devs .field-9 input[type=password],
.uba-devs .field-9 input[type=tel],
.uba-devs .field-9 select,
.ub-forms .field-9 input[type=text],
.ub-forms .field-9 input[type=password],
.ub-forms .field-9 input[type=tel],
.ub-forms .field-9 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-9 input[type=text].field-error,
.uba-devs .field-9 input[type=password].field-error,
.uba-devs .field-9 input[type=tel].field-error,
.uba-devs .field-9 select.field-error,
.ub-forms .field-9 input[type=text].field-error,
.ub-forms .field-9 input[type=password].field-error,
.ub-forms .field-9 input[type=tel].field-error,
.ub-forms .field-9 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-9 input[type=submit],
.uba-devs .field-9 input[type=button],
.uba-devs .field-9 button,
.uba-devs .field-9 textarea,
.ub-forms .field-9 input[type=submit],
.ub-forms .field-9 input[type=button],
.ub-forms .field-9 button,
.ub-forms .field-9 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-8,
.ub-forms .field-8 {
    width: 66.6666%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-8 input[type=text],
.uba-devs .field-8 input[type=password],
.uba-devs .field-8 input[type=tel],
.uba-devs .field-8 select,
.ub-forms .field-8 input[type=text],
.ub-forms .field-8 input[type=password],
.ub-forms .field-8 input[type=tel],
.ub-forms .field-8 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-8 input[type=text].field-error,
.uba-devs .field-8 input[type=password].field-error,
.uba-devs .field-8 input[type=tel].field-error,
.uba-devs .field-8 select.field-error,
.ub-forms .field-8 input[type=text].field-error,
.ub-forms .field-8 input[type=password].field-error,
.ub-forms .field-8 input[type=tel].field-error,
.ub-forms .field-8 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-8 input[type=submit],
.uba-devs .field-8 input[type=button],
.uba-devs .field-8 button,
.uba-devs .field-8 textarea,
.ub-forms .field-8 input[type=submit],
.ub-forms .field-8 input[type=button],
.ub-forms .field-8 button,
.ub-forms .field-8 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-7,
.ub-forms .field-7 {
    width: 58.3333%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-7 input[type=text],
.uba-devs .field-7 input[type=password],
.uba-devs .field-7 input[type=tel],
.uba-devs .field-7 select,
.ub-forms .field-7 input[type=text],
.ub-forms .field-7 input[type=password],
.ub-forms .field-7 input[type=tel],
.ub-forms .field-7 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-7 input[type=text].field-error,
.uba-devs .field-7 input[type=password].field-error,
.uba-devs .field-7 input[type=tel].field-error,
.uba-devs .field-7 select.field-error,
.ub-forms .field-7 input[type=text].field-error,
.ub-forms .field-7 input[type=password].field-error,
.ub-forms .field-7 input[type=tel].field-error,
.ub-forms .field-7 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-7 input[type=submit],
.uba-devs .field-7 input[type=button],
.uba-devs .field-7 button,
.uba-devs .field-7 textarea,
.ub-forms .field-7 input[type=submit],
.ub-forms .field-7 input[type=button],
.ub-forms .field-7 button,
.ub-forms .field-7 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-6,
.ub-forms .field-6 {
    width: 50%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-6 input[type=text],
.uba-devs .field-6 input[type=password],
.uba-devs .field-6 input[type=tel],
.uba-devs .field-6 select,
.ub-forms .field-6 input[type=text],
.ub-forms .field-6 input[type=password],
.ub-forms .field-6 input[type=tel],
.ub-forms .field-6 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-6 input[type=text].field-error,
.uba-devs .field-6 input[type=password].field-error,
.uba-devs .field-6 input[type=tel].field-error,
.uba-devs .field-6 select.field-error,
.ub-forms .field-6 input[type=text].field-error,
.ub-forms .field-6 input[type=password].field-error,
.ub-forms .field-6 input[type=tel].field-error,
.ub-forms .field-6 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-6 input[type=submit],
.uba-devs .field-6 input[type=button],
.uba-devs .field-6 button,
.uba-devs .field-6 textarea,
.ub-forms .field-6 input[type=submit],
.ub-forms .field-6 input[type=button],
.ub-forms .field-6 button,
.ub-forms .field-6 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-5,
.ub-forms .field-5 {
    width: 41.6666%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-5 input[type=text],
.uba-devs .field-5 input[type=password],
.uba-devs .field-5 input[type=tel],
.uba-devs .field-5 select,
.ub-forms .field-5 input[type=text],
.ub-forms .field-5 input[type=password],
.ub-forms .field-5 input[type=tel],
.ub-forms .field-5 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-5 input[type=text].field-error,
.uba-devs .field-5 input[type=password].field-error,
.uba-devs .field-5 input[type=tel].field-error,
.uba-devs .field-5 select.field-error,
.ub-forms .field-5 input[type=text].field-error,
.ub-forms .field-5 input[type=password].field-error,
.ub-forms .field-5 input[type=tel].field-error,
.ub-forms .field-5 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-5 input[type=submit],
.uba-devs .field-5 input[type=button],
.uba-devs .field-5 button,
.uba-devs .field-5 textarea,
.ub-forms .field-5 input[type=submit],
.ub-forms .field-5 input[type=button],
.ub-forms .field-5 button,
.ub-forms .field-5 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-4,
.ub-forms .field-4 {
    width: 33.3333%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-4 input[type=text],
.uba-devs .field-4 input[type=password],
.uba-devs .field-4 input[type=tel],
.uba-devs .field-4 select,
.ub-forms .field-4 input[type=text],
.ub-forms .field-4 input[type=password],
.ub-forms .field-4 input[type=tel],
.ub-forms .field-4 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-4 input[type=text].field-error,
.uba-devs .field-4 input[type=password].field-error,
.uba-devs .field-4 input[type=tel].field-error,
.uba-devs .field-4 select.field-error,
.ub-forms .field-4 input[type=text].field-error,
.ub-forms .field-4 input[type=password].field-error,
.ub-forms .field-4 input[type=tel].field-error,
.ub-forms .field-4 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-4 input[type=submit],
.uba-devs .field-4 input[type=button],
.uba-devs .field-4 button,
.uba-devs .field-4 textarea,
.ub-forms .field-4 input[type=submit],
.ub-forms .field-4 input[type=button],
.ub-forms .field-4 button,
.ub-forms .field-4 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-3,
.ub-forms .field-3 {
    width: 25%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-3 input[type=text],
.uba-devs .field-3 input[type=password],
.uba-devs .field-3 input[type=tel],
.uba-devs .field-3 select,
.ub-forms .field-3 input[type=text],
.ub-forms .field-3 input[type=password],
.ub-forms .field-3 input[type=tel],
.ub-forms .field-3 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-3 input[type=text].field-error,
.uba-devs .field-3 input[type=password].field-error,
.uba-devs .field-3 input[type=tel].field-error,
.uba-devs .field-3 select.field-error,
.ub-forms .field-3 input[type=text].field-error,
.ub-forms .field-3 input[type=password].field-error,
.ub-forms .field-3 input[type=tel].field-error,
.ub-forms .field-3 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-3 input[type=submit],
.uba-devs .field-3 input[type=button],
.uba-devs .field-3 button,
.uba-devs .field-3 textarea,
.ub-forms .field-3 input[type=submit],
.ub-forms .field-3 input[type=button],
.ub-forms .field-3 button,
.ub-forms .field-3 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-2,
.ub-forms .field-2 {
    width: 16.6666%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-2 input[type=text],
.uba-devs .field-2 input[type=password],
.uba-devs .field-2 input[type=tel],
.uba-devs .field-2 select,
.ub-forms .field-2 input[type=text],
.ub-forms .field-2 input[type=password],
.ub-forms .field-2 input[type=tel],
.ub-forms .field-2 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-2 input[type=text].field-error,
.uba-devs .field-2 input[type=password].field-error,
.uba-devs .field-2 input[type=tel].field-error,
.uba-devs .field-2 select.field-error,
.ub-forms .field-2 input[type=text].field-error,
.ub-forms .field-2 input[type=password].field-error,
.ub-forms .field-2 input[type=tel].field-error,
.ub-forms .field-2 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-2 input[type=submit],
.uba-devs .field-2 input[type=button],
.uba-devs .field-2 button,
.uba-devs .field-2 textarea,
.ub-forms .field-2 input[type=submit],
.ub-forms .field-2 input[type=button],
.ub-forms .field-2 button,
.ub-forms .field-2 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .field-1,
.ub-forms .field-1 {
    width: 8.3333%;
    padding: 0 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    vertical-align: middle
}

.uba-devs .field-1 input[type=text],
.uba-devs .field-1 input[type=password],
.uba-devs .field-1 input[type=tel],
.uba-devs .field-1 select,
.ub-forms .field-1 input[type=text],
.ub-forms .field-1 input[type=password],
.ub-forms .field-1 input[type=tel],
.ub-forms .field-1 select {
    width: 100%;
    display: table-cell;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    outline: none
}

.uba-devs .field-1 input[type=text].field-error,
.uba-devs .field-1 input[type=password].field-error,
.uba-devs .field-1 input[type=tel].field-error,
.uba-devs .field-1 select.field-error,
.ub-forms .field-1 input[type=text].field-error,
.ub-forms .field-1 input[type=password].field-error,
.ub-forms .field-1 input[type=tel].field-error,
.ub-forms .field-1 select.field-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important
}

.uba-devs .field-1 input[type=submit],
.uba-devs .field-1 input[type=button],
.uba-devs .field-1 button,
.uba-devs .field-1 textarea,
.ub-forms .field-1 input[type=submit],
.ub-forms .field-1 input[type=button],
.ub-forms .field-1 button,
.ub-forms .field-1 textarea {
    width: 100%;
    display: table-cell;
    padding: 0.4375rem 0.5rem;
    border: 0;
    margin: 0;
    background: transparent
}

.uba-devs .form,
.ub-forms .form {
    width: 100%;
    display: block
}

.uba-devs .form .group,
.ub-forms .form .group {
    width: 100%;
    display: inline-table
}

.uba-devs .form .group .addon,
.ub-forms .form .group .addon {
    width: 1%;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.uba-devs .form .field-row,
.ub-forms .form .field-row {
    margin-left: -1rem
}

.uba-devs .form .field-error,
.ub-forms .form .field-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.uba-devs .form #formMessage,
.ub-forms .form #formMessage {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 1rem 0
}

.uba-devs .form #formMessage.error,
.ub-forms .form #formMessage.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.uba-devs .form #formMessage ul li,
.ub-forms .form #formMessage ul li {
    width: 100%;
    display: inline-block;
    margin: 0.5rem 0
}

body .uba-devs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.uba-devs .col-mn-12 {
    width: 100%
}

.uba-devs .col-mn-12.fixed {
    width: 75rem;
    float: left
}

.uba-devs .col-mn-12.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-11 {
    width: 91.6666%
}

.uba-devs .col-mn-11.fixed {
    width: 68.74995rem;
    float: left
}

.uba-devs .col-mn-11.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-10 {
    width: 83.3333%
}

.uba-devs .col-mn-10.fixed {
    width: 62.499975rem;
    float: left
}

.uba-devs .col-mn-10.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-9 {
    width: 75%
}

.uba-devs .col-mn-9.fixed {
    width: 56.25rem;
    float: left
}

.uba-devs .col-mn-9.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-8 {
    width: 66.6666%
}

.uba-devs .col-mn-8.fixed {
    width: 49.99995rem;
    float: left
}

.uba-devs .col-mn-8.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-7 {
    width: 58.3333%
}

.uba-devs .col-mn-7.fixed {
    width: 43.749975rem;
    float: left
}

.uba-devs .col-mn-7.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-6 {
    width: 50%
}

.uba-devs .col-mn-6.fixed {
    width: 37.5rem;
    float: left
}

.uba-devs .col-mn-6.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-5 {
    width: 41.6666%
}

.uba-devs .col-mn-5.fixed {
    width: 31.24995rem;
    float: left
}

.uba-devs .col-mn-5.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-4 {
    width: 33.3333%
}

.uba-devs .col-mn-4.fixed {
    width: 24.999975rem;
    float: left
}

.uba-devs .col-mn-4.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-3 {
    width: 25%
}

.uba-devs .col-mn-3.fixed {
    width: 18.75rem;
    float: left
}

.uba-devs .col-mn-3.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-2 {
    width: 16.6666%
}

.uba-devs .col-mn-2.fixed {
    width: 12.49995rem;
    float: left
}

.uba-devs .col-mn-2.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-1 {
    width: 8.3333%
}

.uba-devs .col-mn-1.fixed {
    width: 6.249975rem;
    float: left
}

.uba-devs .col-mn-1.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-mn-12,
.uba-devs .col-mn-11,
.uba-devs .col-mn-10,
.uba-devs .col-mn-9,
.uba-devs .col-mn-8,
.uba-devs .col-mn-7,
.uba-devs .col-mn-6,
.uba-devs .col-mn-5,
.uba-devs .col-mn-4,
.uba-devs .col-mn-3,
.uba-devs .col-mn-2,
.uba-devs .col-mn-1 {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

.uba-devs .col-ch-10 {
    width: 100%
}

.uba-devs .col-ch-10.fixed {
    width: 75rem;
    float: left
}

.uba-devs .col-ch-10.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-9 {
    width: 90%
}

.uba-devs .col-ch-9.fixed {
    width: 67.5rem;
    float: left
}

.uba-devs .col-ch-9.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-8 {
    width: 80%
}

.uba-devs .col-ch-8.fixed {
    width: 60rem;
    float: left
}

.uba-devs .col-ch-8.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-7 {
    width: 70%
}

.uba-devs .col-ch-7.fixed {
    width: 52.5rem;
    float: left
}

.uba-devs .col-ch-7.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-6 {
    width: 60%
}

.uba-devs .col-ch-6.fixed {
    width: 45rem;
    float: left
}

.uba-devs .col-ch-6.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-5 {
    width: 50%
}

.uba-devs .col-ch-5.fixed {
    width: 37.5rem;
    float: left
}

.uba-devs .col-ch-5.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-4 {
    width: 40%
}

.uba-devs .col-ch-4.fixed {
    width: 30rem;
    float: left
}

.uba-devs .col-ch-4.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-3 {
    width: 30%
}

.uba-devs .col-ch-3.fixed {
    width: 22.5rem;
    float: left
}

.uba-devs .col-ch-3.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-2 {
    width: 20%
}

.uba-devs .col-ch-2.fixed {
    width: 15rem;
    float: left
}

.uba-devs .col-ch-2.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-1 {
    width: 10%
}

.uba-devs .col-ch-1.fixed {
    width: 7.5rem;
    float: left
}

.uba-devs .col-ch-1.fixed+.overflow {
    width: auto;
    display: block;
    overflow: hidden
}

.uba-devs .col-ch-10,
.uba-devs .col-ch-9,
.uba-devs .col-ch-8,
.uba-devs .col-ch-7,
.uba-devs .col-ch-6,
.uba-devs .col-ch-5,
.uba-devs .col-ch-4,
.uba-devs .col-ch-3,
.uba-devs .col-ch-2,
.uba-devs .col-ch-1 {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

.uba-devs .row {
    margin-left: -15px;
    margin-right: -15px
}

.uba-devs .col-mn-left {
    float: left
}

.uba-devs .col-mn-right {
    float: right
}

.debug .uba-devs .col-mn-12 {
    background-color: khaki;
    position: relative
}

.debug .uba-devs .col-mn-12:before {
    content: "column-main-12"
}

.debug .uba-devs .col-mn-11 {
    background-color: #9370DB;
    position: relative
}

.debug .uba-devs .col-mn-11:before {
    content: "column-main-11"
}

.debug .uba-devs .col-mn-10 {
    background-color: #6495ED;
    position: relative
}

.debug .uba-devs .col-mn-10:before {
    content: "column-main-10"
}

.debug .uba-devs .col-mn-9 {
    background-color: #DB7093;
    position: relative
}

.debug .uba-devs .col-mn-9:before {
    content: "column-main-9"
}

.debug .uba-devs .col-mn-8 {
    background-color: #4682B4;
    position: relative
}

.debug .uba-devs .col-mn-8:before {
    content: "column-main-8"
}

.debug .uba-devs .col-mn-7 {
    background-color: salmon;
    position: relative
}

.debug .uba-devs .col-mn-7:before {
    content: "column-main-7"
}

.debug .uba-devs .col-mn-6 {
    background-color: #20B2AA;
    position: relative
}

.debug .uba-devs .col-mn-6:before {
    content: "column-main-6"
}

.debug .uba-devs .col-mn-5 {
    background-color: #FF8C00;
    position: relative
}

.debug .uba-devs .col-mn-5:before {
    content: "column-main-5"
}

.debug .uba-devs .col-mn-4 {
    background-color: #3CB371;
    position: relative
}

.debug .uba-devs .col-mn-4:before {
    content: "column-main-4"
}

.debug .uba-devs .col-mn-3 {
    background-color: #DAA520;
    position: relative
}

.debug .uba-devs .col-mn-3:before {
    content: "column-main-3"
}

.debug .uba-devs .col-mn-2 {
    background-color: gold;
    position: relative
}

.debug .uba-devs .col-mn-2:before {
    content: "column-main-2"
}

.debug .uba-devs .col-mn-1 {
    background-color: #DC143C;
    position: relative
}

.debug .uba-devs .col-mn-1:before {
    content: "column-main-1"
}

.debug .uba-devs .col-mn-12:before,
.debug .uba-devs .col-mn-11:before,
.debug .uba-devs .col-mn-10:before,
.debug .uba-devs .col-mn-9:before,
.debug .uba-devs .col-mn-8:before,
.debug .uba-devs .col-mn-7:before,
.debug .uba-devs .col-mn-6:before,
.debug .uba-devs .col-mn-5:before,
.debug .uba-devs .col-mn-4:before,
.debug .uba-devs .col-mn-3:before,
.debug .uba-devs .col-mn-2:before,
.debug .uba-devs .col-mn-1:before {
    color: #FFFFFF;
    background: #111111;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 0.625rem;
    vertical-align: top;
    display: inline-block;
    padding: 0.625rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3
}

.debug .uba-devs .col-ch-10 {
    background-color: #6495ED;
    position: relative
}

.debug .uba-devs .col-ch-10:before {
    content: "column-child-10"
}

.debug .uba-devs .col-ch-9 {
    background-color: #DB7093;
    position: relative
}

.debug .uba-devs .col-ch-9:before {
    content: "column-child-9"
}

.debug .uba-devs .col-ch-8 {
    background-color: #4682B4;
    position: relative
}

.debug .uba-devs .col-ch-8:before {
    content: "column-child-8"
}

.debug .uba-devs .col-ch-7 {
    background-color: salmon;
    position: relative
}

.debug .uba-devs .col-ch-7:before {
    content: "column-child-7"
}

.debug .uba-devs .col-ch-6 {
    background-color: #20B2AA;
    position: relative
}

.debug .uba-devs .col-ch-6:before {
    content: "column-child-6"
}

.debug .uba-devs .col-ch-5 {
    background-color: #FF8C00;
    position: relative
}

.debug .uba-devs .col-ch-5:before {
    content: "column-child-5"
}

.debug .uba-devs .col-ch-4 {
    background-color: #3CB371;
    position: relative
}

.debug .uba-devs .col-ch-4:before {
    content: "column-child-4"
}

.debug .uba-devs .col-ch-3 {
    background-color: #DAA520;
    position: relative
}

.debug .uba-devs .col-ch-3:before {
    content: "column-child-3"
}

.debug .uba-devs .col-ch-2 {
    background-color: gold;
    position: relative
}

.debug .uba-devs .col-ch-2:before {
    content: "column-child-2"
}

.debug .uba-devs .col-ch-1 {
    background-color: #DC143C;
    position: relative
}

.debug .uba-devs .col-ch-1:before {
    content: "column-child-1"
}

.debug .uba-devs .col-ch-10:before,
.debug .uba-devs .col-ch-9:before,
.debug .uba-devs .col-ch-8:before,
.debug .uba-devs .col-ch-7:before,
.debug .uba-devs .col-ch-6:before,
.debug .uba-devs .col-ch-5:before,
.debug .uba-devs .col-ch-4:before,
.debug .uba-devs .col-ch-3:before,
.debug .uba-devs .col-ch-2:before,
.debug .uba-devs .col-ch-1:before {
    color: #FFFFFF;
    background: #111111;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 0.625rem;
    vertical-align: top;
    display: inline-block;
    padding: 0.625rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3
}

#image .zoomPad {
    text-align: center;
    position: relative
}

#image .zoomPad .zoomPup {
    cursor: crosshair;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-color: #C4C4C4;
    border-style: solid;
    opacity: 0.6;
    overflow: hidden;
    z-index: 1
}

#image .zoomPad .zoomWindow {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-left: 2px solid #999999;
    height: 100% !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    left: 0 !important;
    z-index: 0 !important;
    background-color: #fff
}

#image .zoomPad .zoomWindow .zoomWrapper .zoomWrapperTitle {
    display: none !important
}

#image .zoomPad .zoomWindow .zoomPreload {
    display: none !important
}

#image .zoomPad img {
    border: 0 none
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(/arquivos/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.page a:hover {
    color: inherit
}

.page #newsletter fieldset select,
.page #newsletter fieldset input[type="text"] {
    margin: 0;
    top: -1px;
    padding: 3px 5px;
    border-radius: 30px;
    box-shadow: none
}

.page #newsletter .left strong {
    margin: 3% auto
}

.page header .search input[type="text"] {
    box-shadow: none;
    border: none
}

.page h1.title {
    width: 100%
}

.page .nav-pills>li>a {
    font-size: 12px
}

.page .nav-pills>.active>a {
    color: white;
    background: red;
    border: none;
    text-shadow: none;
    transition: 0.3s
}

.page .nav-pills>.active>a:hover,
.page .nav-pills>.active>a:focus {
    background: #c10707;
    color: white
}

.page .btn {
    color: white;
    background: red;
    border: none;
    text-shadow: none;
    transition: 0.3s
}

.page .btn:hover {
    background: #c10707;
    color: white
}

.page #orders-extra-top,
.page #orders-extra-bottom {
    clear: both
}

.page .container {
    padding: 0
}

.page .row {
    margin: auto
}

.page .control-group {
    margin: auto;
    width: 100%
}

.page .table>tbody>tr.info>td {
    background: none
}

.page .table>tbody>tr.info>th {
    background: none
}

.page .table>tbody>tr>td.info {
    background: none
}

.page .table>tbody>tr>th.info {
    background: none
}

.page .table>tfoot>tr.info>td {
    background: none
}

.page .table>tfoot>tr.info>th {
    background: none
}

.page .table>tfoot>tr>td.info {
    background: none
}

.page .table>tfoot>tr>th.info {
    background: none
}

.page .table>thead>tr.info>td {
    background: none
}

.page .table>thead>tr.info>th {
    background: none
}

.page .table>thead>tr>td.info {
    background: none
}

.page .table>thead>tr>th.info {
    background: none
}

.vtex-bootstrap * {
    font-size: 12px
}

.vtex-bootstrap .form-search .search-query {
    border: 1px solid lightgrey;
    width: 100%;
    text-indent: 20px
}

#orders header .search fieldset:after {
    top: 9px
}

#orders header .search:after {
    top: 8px
}

#orders #mainMenu.active+#mainMenuMask {
    top: 141px
}

#orders fieldset {
    padding: 0
}

#account header .search fieldset:after {
    top: 8px
}

.menu-departamento .box:nth-of-type(n+4)>ul .hasSub>a:before {
    top: 0
}

.menu-departamento ul .hasSub>a:after {
    top: 0
}

@media screen and (max-width: 999px) {
    .page #newsletter .left strong {
        margin: auto;
        line-height: 200%
    }
}

@media screen and (max-width: 639px) {
    .page .order-detail-items thead {
        display: none
    }
    .page .order-detail-items td {
        width: 100% !important;
        display: block !important;
        text-align: center !important
    }
    .page .order-detail-items td:before {
        width: 100%;
        display: block;
        text-align: center;
        background: #ebebeb;
        padding: 5px 0;
        font-weight: bold
    }
    .page .order-detail-items .product-image:before {
        content: 'Produto:'
    }
    .page .order-detail-items .shipping-date:before {
        content: 'Entrega:'
    }
    .page .order-detail-items .product-price:before {
        content: 'Preço:'
    }
    .page .order-detail-items .quantity:before {
        content: 'Qtd:'
    }
    .page .order-detail-items .quantity-price:before {
        content: 'Total:'
    }
}

@media screen and (max-width: 499px) {
    #orders header .search:after {
        left: 18px;
        top: 8px
    }
    #orders header .search input[type="text"] {
        padding: 0 20px 0 60px
    }
}

.menu-departamento ul li.color {
    display: inline-block;
    width: 70px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    margin: 2px;
    vertical-align: top;
    overflow: hidden
}

.menu-departamento ul li.color:hover span {
    opacity: 1
}

.menu-departamento ul li.color a {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.menu-departamento ul li.color span {
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: .75rem;
    color: #FFFFFF;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none
}

ul.ui-autocomplete {
    font-family: 'Roboto';
    position: absolute !important;
    margin: -5px auto auto -10px;
    background: #ffffff;
    box-shadow: 0px 6px 9px -1px black;
    padding: 20px 15px;
    font-size: 12px;
    color: #363636
}

ul.ui-autocomplete li.ui-menu-item {
    cursor: pointer;
    text-transform: capitalize;
    margin: 2.5px auto;
    padding: 5px;
    transition: 0.3s;
    list-style: none
}

ul.ui-autocomplete li.ui-menu-item:first-child {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px
}

ul.ui-autocomplete li.ui-menu-item:hover {
    background-color: #005ead
}

ul.ui-autocomplete li.ui-menu-item:hover a {
    color: #fff !important
}

ul.ui-autocomplete li.ui-menu-item a {
    text-decoration: none;
    color: black !important
}

ul.ui-autocomplete li.ui-menu-item a img {
    display: inline-block;
    vertical-align: middle
}

#vtexIdContainer {
    position: fixed !important
}

.uba-devs {
    font-family: 'Roboto', sans-serif
}

.uba-devs .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.uba-devs .defaultContent {
    display: inline-block;
    width: 100%;
    padding-top: 1.25rem
}

.loadingBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(204, 204, 204, 0.7);
    color: #FFF;
    font-family: Font Awesome\ 5 Free;
    -webkit-font-smoothing: antialiased;
    display: none;
    font-style: .75rem;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: .3125rem 0;
    font-weight: 900;
    z-index: 3
}

.loadingBox::before {
    content: "\f110";
    -webkit-animation: a 2s infinite linear;
    animation: a 2s infinite linear;
    display: inline-block;
    position: relative;
    text-align: center
}

html,
body {
    font-family: 'Bricolage Grotesque', sans-serif !important;
    width: 100%;
    height: 100%
}

.fa,
.fas,
.far {
    font-family: "Font Awesome 5 Free" !important
}

.fab {
    font-family: "Font Awesome 5 Brands" !important
}

.wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.bg-light {
    background-color: #efefef !important
}

.font-amatic {
    font-family: 'Amatic SC', cursive
}

.collapse {
    overflow: hidden
}

.fa-phone {
    transform: scaleX(-1)
}

.modal.fade.in {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5)
}

.modal.fade .modal-dialog {
    transform: none
}

.modal.fade .modal-dialog button {
    margin: 15px auto;
    display: block;
    pointer-events: auto;
    text-transform: uppercase;
    font-size: 12px;
    padding: 15px 30px !important;
    height: auto;
    line-height: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #0a0a0a;
    border: 1px solid #0a0a0a
}

.modal.fade .modal-dialog button:hover {
    background: #0a0a0a;
    color: white;
    border: 1px solid #0a0a0a
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    filter: alpha(opacity=50);
    opacity: 0.5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "‹"
}

.carousel-control .icon-next:before {
    content: "›"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

#Account {
    font-size: 15px
}

#Account .col-mn-6 {
    vertical-align: top;
    text-align: center
}

#Account .btn-primary {
    display: inline-block
}

#Account #accountAjaxBusy {
    display: none
}

#Account #address-remove {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    z-index: 14;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none;
    background: white;
    border-radius: 15px;
    padding: 20px;
    width: calc(90% - 40px);
    max-height: 250px;
    overflow: visible
}

#Account #address-remove.in {
    opacity: 1;
    display: block;
    overflow: visible;
    max-height: 250px
}

#Account #address-remove .modal-body {
    height: auto
}

#Account #address-remove .btn-link {
    margin: 10px 0 0 5px
}

#Account #editar-perfil {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    width: 90%;
    z-index: 2;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none
}

#Account #editar-perfil.in {
    opacity: 1;
    display: block;
    overflow: visible;
    max-height: 470px
}

#Account #editar-perfil form {
    background: white;
    width: 100%;
    padding: 20px;
    height: 470px;
    margin: auto;
    border-radius: 5px;
    position: relative
}

#Account #account-extra-top,
#Account #account-extra-bottom {
    clear: both
}

#Account .form-personal-data-gender .controls label {
    width: inherit;
    margin: auto 15px 5px auto;
    padding: 0;
    line-height: 15px
}

#Account .address-form .row>div {
    margin: auto;
    width: 100%
}

#Account .address-form .row .span1 {
    margin: auto;
    width: 100%
}

#Account .address-display>div {
    padding: 15px 0;
    float: left;
    width: 100%
}

#Account .span,
#Account .span1,
#Account .span2,
#Account .span3,
#Account .span4,
#Account .span5,
#Account .span6,
#Account .span7,
#Account .span8,
#Account .span9,
#Account .span10,
#Account .span11,
#Account .span12 {
    margin: 0 10px 0 0
}

#Account #response-message {
    background: white;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    height: auto;
    opacity: 1 !important
}

#Account #response-message h4 {
    font-size: 18px;
    font-weight: bold
}

#Account #address-edit {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    max-width: 600px;
    width: 90%;
    z-index: 14;
    opacity: 0;
    margin: auto;
    transition: 0.3s;
    display: none
}

#Account #address-edit.in {
    display: block;
    overflow: visible;
    max-height: 470px;
    opacity: 1 !important
}

#Account #address-edit.in h4 {
    background: white;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    height: auto
}

#Account #address-edit.in form {
    background: white;
    width: 100%;
    padding: 20px;
    height: 470px;
    margin: auto;
    border-radius: 5px;
    position: relative
}

#Account .modal-header {
    padding: 5px 0
}

#Account .modal-header h3 {
    width: 100%;
    display: inline-block;
    font-size: 1.375rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #0a0a0a
}

#Account .modal-header h3:before {
    content: "\f2bd";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .modal-header button.close {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #0a0a0a;
    color: white;
    font-size: 0;
    font-weight: bold;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    padding: 0;
    margin: auto;
    transition: .3s
}

#Account .modal-header button.close:hover {
    background: #1a1a1a
}

#Account .modal-header button.close:after {
    content: 'X';
    display: block;
    font-size: 16px;
    top: -1px;
    position: relative
}

#Account .modal-body {
    height: 315px;
    overflow: auto;
    margin-top: 5px
}

#Account .modal-body h5 {
    font-size: 18px;
    width: 100%
}

#Account .modal-body .profile-detail-form {
    padding: 10px 0;
    font-size: .875rem
}

#Account .modal-body .control-group select {
    border: 1px solid lightgrey;
    line-height: 30px;
    height: 30px;
    text-indent: 5px;
    width: 100%;
    box-sizing: border-box
}

#Account .modal-body .control-group input {
    border: 1px solid lightgrey;
    line-height: 30px;
    height: 30px;
    text-indent: 5px;
    width: 100%;
    box-sizing: border-box
}

#Account .modal-body .control-group input[type=radio] {
    display: inline;
    width: 15px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    position: relative;
    top: -1px
}

#Account .modal-body .control-group label {
    margin: 10px auto 5px auto;
    float: left;
    width: 100%
}

#Account .modal-body #business-toggle {
    font-size: 0;
    display: inline-block;
    margin: 10px auto 20px auto;
    color: #FFF;
    text-decoration: none;
    background: #6f6f6f;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 5px 10px
}

#Account .modal-body #business-toggle:link,
#Account .modal-body #business-toggle:active,
#Account .modal-body #business-toggle:visited {
    color: white;
    text-decoration: none
}

#Account .modal-body #business-toggle:hover {
    background: #BEBEBE
}

#Account .modal-body #business-toggle[data=off]:before {
    content: 'Incluir dados de pessoa jurídica';
    display: inline;
    font-size: 10px
}

#Account .modal-body #business-toggle[data=on]:before {
    content: 'Não usar dados de pessoa jurídica';
    display: inline;
    font-size: 10px
}

#Account .modal-body .row {
    margin: 0
}

#Account .modal-footer {
    background: none;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-top: 10px
}

#Account .modal-footer .btn-link,
#Account .modal-footer #address-delete {
    font-size: 11px;
    color: white;
    background: #0a0a0a;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    border: 0;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s
}

#Account .modal-footer .btn-link:hover,
#Account .modal-footer #address-delete:hover {
    background: #1a1a1a
}

#Account .modal-footer #form-submit,
#Account .modal-footer #profile-submit {
    margin: 10px 5px 10px auto;
    font-size: 11px;
    color: white;
    border: 0;
    background: #727d84;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s
}

#Account .modal-footer #form-submit:hover,
#Account .modal-footer #profile-submit:hover {
    background: rgba(58, 58, 146, 0.7)
}

#Account .userProfile,
#Account .userAddress {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left
}

#Account .userProfile .profile-detail-display,
#Account .userAddress .profile-detail-display {
    font-size: .9375rem
}

#Account .userProfile .profile-detail-display h4,
#Account .userAddress .profile-detail-display h4 {
    width: 100%;
    display: inline-block;
    font-size: 1.5625rem;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #0a0a0a
}

#Account .userProfile .profile-detail-display h4:before,
#Account .userAddress .profile-detail-display h4:before {
    content: "\f2bd";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .userProfile .profile-detail-display .edit.edit-profile-link,
#Account .userAddress .profile-detail-display .edit.edit-profile-link {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .profile-detail-display .edit.edit-profile-link #edit-data-link,
#Account .userAddress .profile-detail-display .edit.edit-profile-link #edit-data-link {
    font-size: .75rem;
    color: #FFF;
    background: #0a0a0a;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s
}

#Account .userProfile .profile-detail-display .edit.edit-profile-link #edit-data-link:hover,
#Account .userAddress .profile-detail-display .edit.edit-profile-link #edit-data-link:hover {
    background: #1a1a1a
}

#Account .userProfile .profile-detail-display .profile-detail-display-info,
#Account .userAddress .profile-detail-display .profile-detail-display-info {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span,
#Account .userAddress .profile-detail-display .profile-detail-display-info span {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
    line-height: .75rem
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span span,
#Account .userAddress .profile-detail-display .profile-detail-display-info span span {
    width: 50%;
    margin-bottom: 0px
}

#Account .userProfile .profile-detail-display .profile-detail-display-info span span:first-child,
#Account .userAddress .profile-detail-display .profile-detail-display-info span span:first-child {
    font-weight: bold;
    max-width: 150px
}

#Account .userProfile .address-display-block,
#Account .userAddress .address-display-block {
    font-size: .9375rem
}

#Account .userProfile .address-display-block h4,
#Account .userAddress .address-display-block h4 {
    width: 100%;
    display: inline-block;
    font-size: 1.5625rem;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #0a0a0a
}

#Account .userProfile .address-display-block h4:before,
#Account .userAddress .address-display-block h4:before {
    content: "\f2bb";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-right: 8px
}

#Account .userProfile .address-display-block .new.new-address-link,
#Account .userAddress .address-display-block .new.new-address-link {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .address-display-block .new.new-address-link .address-update,
#Account .userAddress .address-display-block .new.new-address-link .address-update {
    font-size: .75rem;
    color: white;
    background: #0a0a0a;
    padding: 0 20px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s
}

#Account .userProfile .address-display-block .new.new-address-link .address-update:hover,
#Account .userAddress .address-display-block .new.new-address-link .address-update:hover {
    background: #1a1a1a
}

#Account .userProfile .address-display-block .address-display,
#Account .userAddress .address-display-block .address-display {
    float: left;
    width: 100%;
    font-size: 14px
}

#Account .userProfile .address-display-block .address-display.row,
#Account .userAddress .address-display-block .address-display.row {
    margin: 0
}

#Account .userProfile .address-display-block .address-display .address-display-unit,
#Account .userAddress .address-display-block .address-display .address-display-unit {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background: #f1f1f1;
    padding: 5px 15px;
    border-radius: 10px
}

#Account .userProfile .address-display-block .address-display .address-display-unit h5,
#Account .userAddress .address-display-block .address-display .address-display-unit h5 {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    padding-bottom: 5px;
    font-weight: bold
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link {
    display: inline-block;
    width: 30%;
    text-align: center;
    font-size: 0;
    float: right
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    border-radius: 20px;
    padding: 6px;
    border-radius: 20px;
    margin: 3px 0;
    line-height: 15px;
    color: #727d84;
    vertical-align: middle;
    cursor: pointer
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update:before,
#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before {
    content: "\f14b";
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 5px;
    float: left
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete:before {
    content: "\f410"
}

#Account .userProfile .address-display-block .address-display .address-display-unit .edit.edit-address-link a:hover,
#Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a:hover {
    text-decoration: underline
}

#Account .userProfile .address-display-block .address-display .address-display-unit .address-display-unit-info,
#Account .userAddress .address-display-block .address-display .address-display-unit .address-display-unit-info {
    display: inline-block;
    width: 70%;
    float: left
}

.modal-backdrop {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    background: black;
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
    top: 0
}

.modal-backdrop.in {
    opacity: 0.75;
    display: block
}

#beneficios {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    margin: 20px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

#beneficios .nav {
    width: 100%
}

#beneficios .nav .nav-item .nav-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#beneficios .nav .nav-item .nav-link img {
    height: 30px;
    margin-right: 10px
}

#beneficios .nav .nav-item .nav-link .title {
    line-height: 10px;
    color: #000000 !important
}

#beneficios .nav .nav-item .nav-link .title h1 {
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0
}

#beneficios .nav .nav-item .nav-link .title a,
#beneficios .nav .nav-item .nav-link .title span {
    font-size: 12px;
    font-size: 0.75rem
}

#bread_crumb .bread-crumb {
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8;
    margin: 1rem 0;
    font-size: 12px;
    font-size: 0.75rem
}

#bread_crumb .bread-crumb ul {
    padding: 0
}

#bread_crumb .bread-crumb ul li {
    display: inline-block
}

#bread_crumb .bread-crumb ul li.last a {
    color: #000000
}

#bread_crumb .bread-crumb ul li:not(:last-child):after {
    content: '/'
}

#bread_crumb .bread-crumb ul a {
    color: #767676
}

.btn {
    height: 44px;
    line-height: 40px;
    padding: 0 1rem !important;
    color: #0a0a0a
}

.btn.btn-circle {
    border-radius: 50px 50px 50px 50px !important
}

.btn.btn-shadow {
    -webkit-box-shadow: 0px 1px 3px 0px #0000004d;
    -moz-box-shadow: 0px 1px 3px 0px #0000004d;
    box-shadow: 0px 1px 3px 0px #0000004d
}

.btn-outline-green {
    color: #00FF66;
    background-color: transparent;
    background-image: none;
    border-color: #00FF66
}

.btn-outline-green:hover {
    color: #66FF99
}

.btn-outline-white {
    color: #00FF66;
    background-color: #ffffff;
    background-image: none;
    border-color: #00FF66
}

.btn-outline-white:hover {
    color: #00CC55;
    border-color: #00CC55
}

.btn-primary,
.btn-cesta-open {
    display: none;
    background-color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #ffffff
}

.btn-primary:hover,
.btn-cesta-open:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important
}

.btn-cesta-close {
    display: none
}

.btn-white,
.btn-cesta-close {
    background-color: #ffffff !important;
    border-color: #ffffff !important
}

.btn-white:hover,
.btn-cesta-close:hover {
    background-color: #00CC55 !important;
    border-color: #00CC55 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #00CC55;
    -moz-box-shadow: 0px 2px 5px 1px #00CC55;
    box-shadow: 0px 2px 5px 1px #00CC55
}

.btn-white-primary {
    background-color: #ffffff !important;
    border-color: #ffffff !important
}

.btn-white-primary:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #1a1a1a;
    -moz-box-shadow: 0px 2px 5px 1px #1a1a1a;
    box-shadow: 0px 2px 5px 1px #1a1a1a
}

.btn-white-primary.active {
    background-color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #ffffff !important
}

.btn-orange {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #ffffff !important
}

.btn-orange:hover {
    -webkit-box-shadow: 0px 2px 5px 1px #E30613;
    -moz-box-shadow: 0px 2px 5px 1px #E30613;
    box-shadow: 0px 2px 5px 1px #E30613
}

.btn-green {
    background-color: #00FF66 !important;
    border-color: #00FF66 !important;
    color: #ffffff !important
}

.btn-green:hover {
    -webkit-box-shadow: 0px 2px 5px 1px #00FF66;
    -moz-box-shadow: 0px 2px 5px 1px #00FF66;
    box-shadow: 0px 2px 5px 1px #00FF66
}

.btn-sum,
.btn-decrease {
    background-color: #efefef;
    color: #00FF66;
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0.8rem;
    line-height: 40px;
    height: 40px
}

.btn-decrease {
    border-radius: 0.25rem 0 0 0.25rem !important
}

.btn-sum {
    border-radius: 0 0.25rem 0.25rem 0 !important
}

.btn-toggle {
    position: absolute;
    top: 0;
    right: 1rem;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    color: #00FF66
}

.btn-group-window {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem
}

.btn-group-window .btn-window {
    background-color: transparent !important;
    border: none !important
}

#Department {
    background-color: #efefef
}

#Department .departments .btn {
    height: 40px;
    line-height: 40px;
    padding: 0 1rem !important;
    color: #0a0a0a
}

#Department .departments .btn.btn-circle {
    border-radius: 50px 50px 50px 50px !important
}

#Department .departments .btn.btn-shadow {
    -webkit-box-shadow: 0px 1px 3px 0px #0000004d;
    -moz-box-shadow: 0px 1px 3px 0px #0000004d;
    box-shadow: 0px 1px 3px 0px #0000004d
}

#Department .departments .btn-outline-green {
    color: #00FF66;
    background-color: transparent;
    background-image: none;
    border-color: #00FF66
}

#Department .departments .btn-outline-green:hover {
    color: #66FF99
}

#Department .departments .btn-outline-white {
    color: #00FF66;
    background-color: #ffffff;
    background-image: none;
    border-color: #00FF66
}

#Department .departments .btn-outline-white:hover {
    color: #00CC55;
    border-color: #00CC55
}

#Department .departments .btn-primary,
#Department .departments .btn-cesta-open {
    background-color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #ffffff
}

#Department .departments .btn-primary:hover,
#Department .departments .btn-cesta-open:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important
}

#Department .departments .btn-white,
#Department .departments .btn-cesta-close {
    background-color: #ffffff !important;
    border-color: #ffffff !important
}

#Department .departments .btn-white:hover,
#Department .departments .btn-cesta-close:hover {
    background-color: #00CC55 !important;
    border-color: #00CC55 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #00CC55;
    -moz-box-shadow: 0px 2px 5px 1px #00CC55;
    box-shadow: 0px 2px 5px 1px #00CC55
}

#Department .departments .btn-white-primary {
    background-color: #ffffff !important;
    border-color: #ffffff !important
}

#Department .departments .btn-white-primary:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #1a1a1a;
    -moz-box-shadow: 0px 2px 5px 1px #1a1a1a;
    box-shadow: 0px 2px 5px 1px #1a1a1a
}

#Department .departments .btn-white-primary.active {
    background-color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #ffffff !important
}

#Department .departments .btn-orange {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #ffffff !important
}

#Department .departments .btn-orange:hover {
    -webkit-box-shadow: 0px 2px 5px 1px #E30613;
    -moz-box-shadow: 0px 2px 5px 1px #E30613;
    box-shadow: 0px 2px 5px 1px #E30613
}

#Department .departments .btn-green {
    background-color: #00FF66 !important;
    border-color: #00FF66 !important;
    color: #ffffff !important
}

#Department .departments .btn-green:hover {
    -webkit-box-shadow: 0px 2px 5px 1px #00FF66;
    -moz-box-shadow: 0px 2px 5px 1px #00FF66;
    box-shadow: 0px 2px 5px 1px #00FF66
}

#Department .departments .btn-sum,
#Department .departments .btn-decrease {
    background-color: #efefef;
    color: #00FF66;
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0.8rem;
    line-height: 40px;
    height: 40px
}

#Department .departments .btn-decrease {
    border-radius: 0.25rem 0 0 0.25rem !important
}

#Department .departments .btn-sum {
    border-radius: 0 0.25rem 0.25rem 0 !important
}

#Department .departments .btn-toggle {
    position: absolute;
    top: 0;
    right: 1rem;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    color: #00FF66
}

#Department .departments .btn-group-window {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem
}

#Department .departments .btn-group-window .btn-window {
    background-color: transparent !important;
    border: none !important
}

#Department .departments .cestas-menu-title {
    font-weight: bold;
    font-size: 19px;
    line-height: 40px
}

#Department #department {
    padding-bottom: 2rem
}

#Department #cestas-content .searchResultsTime,
#Department #cestas-content .sub{
    display: none
}

#Department #cestas-content .pager .pages .first,
#Department #cestas-content .pager .pages .last,
#Department #cestas-content .pager.top{
    display: none;
}

#Department #cestas-content .pager .pages{
    justify-content: center;
}

#Department #cestas-content .pager li.page-number {
    width: 50%;
    max-width: unset !important;
    flex: 0 0 0 !important;
    padding-bottom: 0 !important;
    line-height: 40px;
    font-weight: 700;
    margin: 0 5px;
}

#Department #cestas-content .pager .pages .previous{
    margin-right: 35px;
}

#Department #cestas-content .pager .pages .next{
    margin-left: 40px;
}

#Department #cestas-content .pager .pages li.next, 
#Department #cestas-content .pager .pages li.previous {
    text-transform: uppercase;
    background-color: #104d8c;
    color: white;
    font-weight: 700;
    padding-bottom: 0 !important;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13px;
    flex: 0 0 0 !important;
    padding: 0px 20px;
}

@media(max-width: 768px){
    #Department #cestas-content .pager .pages{
        justify-content: space-evenly;
        padding-bottom: 20px;
    }

    #Department #cestas-content .pager .pages li {
        margin: 0 !important;
    }
}

#Department #categoria {
    background-color: #efefef
}

#Department #categoria .qualy-list .list-group-item {
    text-transform: none
}

#Department #categoria-detalhes {
    background-color: #ffffff;
    background-size: cover;
    position: relative
}

#Department #categoria-detalhes .container {
    z-index: 99;
    position: relative
}

#Department #categoria-detalhes .categoria-detalhes--info h1 {
    font-size: 60px;
    font-size: 3.75rem
}

#Department #categoria-detalhes .categoria-detalhes--entidades {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row
}

#Department #categoria-detalhes .categoria-detalhes--entidades ul {
    color: #0a0a0a;
    list-style: none;
    padding: 0;
    margin: 0 15px 15px 0
}

#Department #categoria-detalhes .categoria-detalhes--entidades ul li a {
    color: #0a0a0a
}

#Department #categoria-detalhes .categoria-detalhes--entidades ul li a::before {
    content: "• ";
    color: #0a0a0a
}

#Department .qualy-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start
}

#Department .qualy-list img {
    flex: 0;
    margin-right: 5px;
    width: 25px;
    height: 25px
}

#Department .qualy-list i.fas {
    margin-left: auto
}

#Department .qualy-list .list-group-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    color: #0a0a0a
}

#Department .qualy-list .list-group-item:hover {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    box-shadow: none !important
}

#Department .qualy-list .list-group-item img {
    flex: 0;
    margin-right: 5px;
    width: 25px;
    height: 25px
}

#Department .qualy-list .list-group-item i.fas {
    margin-left: auto
}

#Department #cestas-content .cesta-card .vitrine {
    border-top: 1px solid lightgrey;
    margin: 15px auto auto auto
}

#Department #cestas-content .cesta-card .cesta-header {
    background-color: #ffffff;
    border-radius: 1rem 1rem 0 0 !important;
    border: none !important;
    padding-bottom: 0 !important
}

#Department #cestas-content .cesta-card .cesta-header .cesta-header-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#Department #cestas-content .cesta-card .cesta-header .cesta-header-title p {
    font-size: 19px
}

#Department #cestas-content .cesta-card .cesta-header .cesta-header-title h1 {
    font-size: 37px;
    line-height: 45px;
    font-weight: bold
}

#Department #cestas-content .cesta-card .cesta-header .cesta-header-title .btn {
    font-size: 12px;
    font-size: 0.75rem
}

#Department #cestas-content .cesta-card .cesta-header .cesta-header-title article {
    flex: 1
}

#Department #cestas-content .cesta-card .cesta-icon {
    width: auto;
    height: 60px;
    flex: 0
}

#Department #cestas-content .cesta-card .btn-cesta-all {
    text-transform: uppercase;
    font-weight: bold;
    width: 120px
}

#Department #cestas-content .cesta-card .btn-cesta-open {
    background-color: #0a0a0a;
    color: #ffffff
}

#Department #cestas-content .col-md-9.col-md-70 {
    max-width: 73% !important
}

#cestas {
    background-color: #edeef0
}

#cestas .cestas-menu-title {
    font-weight: bold;
    font-size: 19px;
    line-height: 40px
}

#cestas #cestas-categorias {
    width: 100%;
    margin-right: 2rem
}

#cestas #cestas-categorias .categoria-title {
    color: #767676;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 40px;
    font-weight: bold
}

#cestas #cestas-content .col-md-9.col-md-70 {
    max-width: 73% !important
}

#cestas #cestas-content .cesta-card {
    width: 100%;
    border-radius: 1rem 1rem 1rem 1rem !important
}

#cestas #cestas-content .cesta-card .cesta-header {
    background-color: #ffffff;
    border-radius: 1rem 1rem 0 0 !important;
    border: none !important
}

#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title h1 {
    padding: 0;
    font-size: 37px;
    line-height: 45px;
    font-weight: bold
}

#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title p {
    font-size: 19px
}

#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title .btn {
    font-size: 12px;
    font-size: 0.75rem
}

#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title article {
    flex: 1
}

#cestas #cestas-content .cesta-card .cesta-icon {
    width: auto;
    height: 60px;
    flex: 0
}

#cestas #cestas-content .cesta-card .btn-cesta-all {
    text-transform: uppercase;
    font-weight: bold;
    width: 120px
}

#cestas #cestas-content .cesta-card .btn-cesta-open {
    background-color: #0a0a0a;
    color: #ffffff;
    margin-left: 12px;
}

#cestas .cesta-header {
    background: none;
    border: none
}

#cestas .cesta-header h1 {
    font-size: 30px;
    font-weight: 900;
    padding: 15px 0
}

#cestas .cesta-body {
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#cestas .cesta-row {
    border-top: 1px solid #cecece
}

#cestas .cesta-row h2 {
    display: none !important
}

#cestas .cesta-row>div {
    width: 100%
}

#cestas ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px
}

#cestas ul li {
    list-style: none;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-bottom: 1rem;
    cursor: pointer
}

#cestas ul li:last-child {
    border-right: none
}

#cestas ul li a {
    text-decoration: none !important
}

#cestas .cesta-row ul {
    align-items: stretch
}

#cestas .cesta-row ul > li {
    display: flex
}

#cestas .cesta-row ul > li > .cesta-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%
}

#cestas .cesta-row .cesta-column > a {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 100%;
    width: 100%;
    color: inherit
}

#CMS {
    background-color: #f6f6f6
}

#CMS .title-cms {
    color: #0a0a0a;
    font-size: 54px;
    font-weight: bold;
    padding: 0 1rem
}

#CMS main {
    padding: 3rem 0
}

#CMS main .qualy-list .list-group-item {
    text-transform: none
}

#CMS main #institucional-mobile {
    display: none
}

#CMS main #institucional-mobile .qualy-card .btn-link {
    text-decoration: none;
    transition: 0.3s
}

#CMS main #institucional-mobile .qualy-card .btn-link:hover {
    font-weight: bold
}

#CMS main #institucional-desktop .card {
    border-radius: 1rem 1rem 1rem 1rem !important
}

#CMS main #institucional-desktop .card .capa {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 1rem 1rem 0 0 !important
}

#CMS main #institucional-desktop .card .capa h1 {
    color: #ffffff;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 1rem
}

#CMS main #institucional-desktop .card .card-body {
    font-size: 16px;
    line-height: 27px
}

#CMS main #institucional-desktop .card .card-body h5 {
    font-weight: bold;
    margin: 15px auto 30px auto;
    font-size: 20px
}

#CMS main #institucional-desktop .card .card-body h6 {
    font-weight: bold
}

#CMS main #institucional-desktop .card .card-body .btn {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: auto
}

#CMS main #institucional-desktop .card .card-body .no-list-point li {
    list-style: none
}

#CMS.cms-fale-conosco main #institucional-desktop .card {
    padding: 1rem
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body {
    padding-top: 0
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body .office-hours {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 14px;
    line-height: 20px
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body .office-hours .fa-clock {
    vertical-align: middle;
    color: #00b4ff
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body .office-hours h4 {
    color: #00b4ff;
    font-size: 14px;
    font-weight: bold;
    margin: 0
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body .office-hours p {
    margin: auto
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body form #formMessage {
    margin: 30px auto auto auto
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body form #formMessage ul {
    padding: 0;
    margin: auto
}

#CMS.cms-fale-conosco main #institucional-desktop .card .card-body form #formMessage ul li {
    margin: auto
}

#destaque {
    background-color: #efefef;
    padding-bottom: 10px;
    position: relative
}

#destaque .madeira {
    background: url("bg-madeira.jpg") no-repeat center center/cover;
    /*background: url('/arquivos/christmas_background.jpg') no-repeat center center / cover #3436a9;*/
    overflow: hidden;
    height: 75%;
    background-color: #E30613;
    position: absolute;
    top: 0;
    width: 100%
}

#destaque .madeira:after {
    content: '';
    /*background: url('/arquivos/christmas_curves.png') no-repeat top center / 100% auto;*/
    display: block;
    width: 100%;
    max-width: 1140px;
    opacity: 0.4;
    height: 100%;
    margin: 0 auto;
    z-index: 0;
    position: relative;
    max-height: 207px;
}

#destaque h1.title-destaque {
    text-shadow: 0 2px 5px #000000;
    margin: 30px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 58px;
    font-size: 3.625rem;
    font-weight: 700;
    z-index: 992
}

#destaque #menu-cestas {
    display: none;
    padding: 1rem 0 2rem 0
}

#destaque #cards-cestas a {
    text-decoration: none !important
}

#destaque #cards-cestas .card {
    width: 100%;
    margin: auto;
    border: none
}

#destaque #cards-cestas .card:hover {
    webkit-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.41)
}

#destaque #cards-cestas .card:hover .btn {
    background-color: #00CC55 !important;
    border-color: #00CC55 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #00CC55;
    -moz-box-shadow: 0px 2px 5px 1px #00CC55;
    box-shadow: 0px 2px 5px 1px #00CC55
}

#destaque #cards-cestas .card:hover .btn:hover {
    background-color: #00CC55 !important;
    border-color: #00CC55 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 2px 5px 1px #00CC55;
    -moz-box-shadow: 0px 2px 5px 1px #00CC55;
    box-shadow: 0px 2px 5px 1px #00CC55
}

#destaque #cards-cestas .card .card-title {
    color: #0a0a0a;
    font-size: 26px;
    font-weight: 700
}

#destaque #cards-cestas .card .card-text {
    font-size: 12px;
    font-size: 0.75rem;
    color: #000000
}

#destaque #cards-cestas .card .btn {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 100%;
    display: block
}

#ub_error {
    width: 100%;
    display: inline-block;
    margin: 1rem 0 3rem 0;
    text-align: center
}

#ub_error .ub-content-error {
    width: 100%;
    display: inline-block;
    padding: 2rem 1rem;
    text-align: center;
    margin: 0.5rem 0
}

#ub_error .ub-content-error h1,
#ub_error .ub-content-error h2,
#ub_error .ub-content-error p,
#ub_error .ub-content-error strong {
    width: 100%;
    display: inline-block
}

#ub_error .ub-content-error h1 {
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #0a0a0a
}

#ub_error .ub-content-error h2 {
    font-size: 1.125rem;
    color: #000;
    font-weight: bold
}

#ub_error .ub-content-error p {
    margin-top: 1rem;
    font-size: .875rem
}

#ub_error .ub-content-error p strong {
    font-weight: normal
}

#ub_error .ub-content-error a {
    width: auto;
    display: inline-block;
    padding: 1rem 3rem;
    border-radius: 50px;
    font-weight: bold;
    color: #FFF;
    background-color: #0a0a0a;
    text-transform: uppercase;
    font-size: 1rem;
    transition: 0.3s
}

#ub_error .ub-content-error a:hover {
    background: #1a1a1a
}

.bar {
    width:100%;
    margin:20px 0;
    padding:15px 0 0;
    border-top:1px dashed #dadada;
    text-align:right;
}

.bar a{
    display:inline-block;
    font-size:11px;
    color:#ababab;
    font-weight:100;
    text-decoration:none;
}

.bar a img{
    display:inline-block;
    max-height:20px;
    margin:0 0 0 5px;
    transition:opacity 0.4s;
}

.bar a:hover img{
    opacity:0.4;
}

footer#footer {
    background-color: #ffffff;
    background: linear-gradient(to right, #fff 57%, #0a0a0a 57%)
}

footer#footer #footer-newsletter {
    background-color: #00FF66;
    padding-bottom: 10px;
    box-sizing: content-box
}

footer#footer #footer-newsletter .container,
footer#footer #footer-newsletter .row {
    max-height: 100%;
    height: 100%
}

footer#footer #footer-newsletter .newsletter-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 62px;
    height: 62px
}

footer#footer #footer-newsletter .newsletter-title {
    color: #ffffff
}

footer#footer #footer-newsletter .newsletter-title h1 {
    font-size: 44px;
    margin: auto;
    margin-bottom: 0.2rem
}

footer#footer #footer-newsletter .newsletter-title h2 {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
    font-weight: bold
}

footer#footer #footer-newsletter .newsletter-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 100%
}

footer#footer #footer-newsletter .newsletter-form .newsletter-item {
    color: #ffffff !important;
    margin: 0 5px
}

footer#footer #footer-newsletter .newsletter-form .newsletter-item label {
    font-size: 11px;
    display: block;
    font-size: 0.6875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

footer#footer #footer-newsletter .newsletter-form .newsletter-item input.form-control {
    height: 40px
}

footer#footer #footer-newsletter .newsletter-form .newsletter-item input.form-control.field-error {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1
}

footer#footer #footer-newsletter .newsletter-form #formMessage {
    display: none !important
}

footer#footer #footer-newsletter .newsletter-form .newsletter-item button {
    padding: 0.3rem 3.5rem;
    width: 150px;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    display: block
}

footer#footer #footer-contato {
    height: 100%
}

footer#footer #footer-contato #footer-contato--menu {
    background-color: transparent
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--nav .nav-item .nav-link {
    color: #000000;
    padding: 0.1rem 1rem;
    font-size: 14px;
    font-size: 0.875rem
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--nav .nav-item .nav-link:hover {
    font-weight: bold
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--nav .nav-item .nav-link::before {
    content: ". ";
    color: #00FF66
}
footer#footer #footer-contato #footer-contato--menu .footer-row {
    margin-bottom: 2rem
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--body .forma-pagamento {
    padding-left: 1rem
}

footer#footer #footer-contato #footer-contato--menu .atendimento {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

footer#footer #footer-contato #footer-contato--menu .atendimento .contato-item {
    padding-left: 10px;
    border-left: 0.5px solid #a0a0a0;
    padding: 5px 10px 5px 10px;
    margin-left: 1rem;
    margin-bottom: 0
}

footer#footer #footer-contato #footer-contato--menu .atendimento .contato-item a {
    color: inherit;
    font-size: 14px
}

footer#footer #footer-contato #footer-contato--menu .whatsapp--title {
    color: #00FF66;
    font-size: 14px;
    font-size: 0.875rem
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--telefone p {
    margin: 0
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--whatsapp .fa-whatsapp {
    font-size: 20px;
    font-size: 1.25rem;
    color: #00FF66
}

footer#footer #footer-contato #footer-contato--menu .footer-contato--whatsapp p {
    margin: 0
}

footer#footer #footer-contato .footer-contato--title {
    padding: 0 1rem;
    color: #0a0a0a;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

footer#footer #footer-contato .title-formas-pagamento{
    margin-top: 1rem;
}

.selo-reclame-aqui{
    margin-top: 1rem;
    margin-left: 1.3rem;
}

footer#footer #footer-contato #footer-contato--form {
    width: 100%;
    height: 100%;
    background-color: #0a0a0a;
    border-radius: 28px 28px 0 0;
    overflow: hidden
}

footer#footer #footer-contato #footer-contato--form .qualy-title h2 {
    font-weight: 600
}

footer#footer #footer-contato #footer-contato--form .qualy-title h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.15
}

footer#footer #footer-contato #footer-contato--form input,
footer#footer #footer-contato #footer-contato--form textarea {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important
}

footer#footer #footer-contato #footer-contato--form input[type=file] {
    font-size: 12px
}

footer#footer #footer-contato #footer-contato--form .cb-file-wrap {
    position: relative;
    display: block;
    width: 100%
}

footer#footer #footer-contato #footer-contato--form .cb-file-wrap .cb-file-icon {
    position: absolute;
    left: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    color: #0a0a0a;
    display: flex;
    align-items: center;
    line-height: 0
}

footer#footer #footer-contato #footer-contato--form .cb-file-wrap .cb-file-icon svg {
    width: 1.25em;
    height: 1.25em;
    display: block
}

footer#footer #footer-contato #footer-contato--form .cb-file-wrap .cb-file-input {
    padding-left: 2.5rem !important
}

footer#footer #footer-contato #footer-contato--form label {
    font-size: 10px;
    font-size: 0.625rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600
}

footer#footer #footer-contato #footer-contato--form button {
    padding-left: 5rem;
    padding-right: 5rem;
    width: 100%;
    max-width: 280px;
    height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    transition: 0.3s;
    font-size: 0.875rem
}

footer#footer #footer-contato #footer-contato--form button:hover {
    box-shadow: none;
    border: 1px solid #1f9c02 !important;
    background: #1f9c02 !important
}

footer#footer #footer-contato #footer-contato--form .field-error {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1
}

footer#footer #footer-contato #footer-contato--form #formMessage {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1;
    text-align: left;
    font-size: 12px;
    border-radius: .25rem;
    margin: 15px auto auto auto
}

footer#footer #footer-contato #footer-contato--form #formMessage ul {
    list-style-position: inside;
    line-height: 150%;
    padding: 15px;
    margin: auto
}

footer#footer #footer-rodape .footer-rodape-icon {
    width: auto;
    max-width: 77px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

footer#footer #footer-rodape .footer-rodape-title .copyright {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #0a0a0a;
    text-transform: uppercase;
    margin-bottom: 0.8rem
}

footer#footer #footer-rodape .footer-rodape-title .endereco p {
    margin: 0;
    font-size: 10px;
    font-size: 0.625rem;
    width: 260px
}

footer#footer #footer-rodape .footer-rodape--social .social-title {
    font-size: 28px;
    font-size: 1.75rem;
    text-transform: uppercase;
    color: #0a0a0a;
    margin-top: .3rem;
    margin-bottom: .7rem
}

footer#footer #footer-rodape .footer-rodape--social .social-icon {
    width: 37px;
    height: 36px
}

#header .header-topo {
    height: 24px;
    background-color: #ffffff
}

#header .header-topo p {
    color: #0a0a0a !important;
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem
}

#header .header-topo p a {
    color: inherit
}

#header .header-principal-mobile {
    display: none;
    height: 36px;
    padding-top: 13px;
    padding-bottom: 13px;
    box-sizing: content-box
}

#header .header-principal-mobile .logo {
    width: auto;
    height: 38px
}

#header .header-principal-mobile .logo img {
    width: auto;
    height: 38px;
    max-width: 140px;
    object-fit: contain
}

#header .header-principal-mobile .botoes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#header .header-principal-mobile .botoes .btn {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    font-size: 12px;
    font-size: 0.75rem
}

#header .header-principal-mobile .botoes .btn img {
    max-height: 100%;
    width: auto
}

#header .header-principal-mobile .botoes .btn.btn-carrinho {
    height: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#header .header-principal-mobile .botoes .btn.btn-carrinho img {
    margin-right: 2px;
    padding-left: 2px
}

#header .header-principal-mobile .botoes .btn.btn-carrinho p {
    line-height: 15px;
    margin: 0;
    padding: 0 5px
}

#header .header-principal {
    height: 80px;
    border-bottom: 3px solid #0a0a0a;
    box-shadow: 0 2px 0 0 #FFDE00;
    padding: 10px;
    border-left: none;
    border-right: none;
    outline: none;
    box-shadow: none
}

#header .header-principal > .container {
    border-right: none !important;
    border-left: none !important;
    outline: none !important;
    box-shadow: none !important
}

#header .header-principal .logo a {
    display: inline-block
}

#header .header-principal .logo img {
    width: auto;
    height: auto;
    max-height: 56px;
    max-width: 180px;
    object-fit: contain;
    margin: 0px auto
}

#header .header-principal .botoes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (min-width: 768px) {
    #header .header-principal .row.align-items-center {
        flex-wrap: nowrap
    }
    #header .header-principal .row > .col-sm-3 {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding-right: 0.35rem
    }
    #header .header-principal .row > .col-sm-9 {
        flex: 1 1 auto;
        width: auto;
        max-width: none;
        padding-left: 0.5rem
    }
    #header .header-principal .col-sm-9.text-right {
        text-align: left !important
    }
    #header .header-principal .botoes {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 0.35rem;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }
    #header .header-principal .col-sm-9.text-right {
        flex: 1 1 0%;
        min-width: 0;
        max-width: 100%
    }
    /* Busca à esquerda; grupo WhatsApp + pedidos + carrinho colado à direita */
    #header .header-principal .botoes .header-acoes-direita {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        margin-left: auto !important;
        gap: 0.35rem
    }
    #header .header-principal .botoes .header-acoes-direita .btn {
        margin-left: 0 !important
    }
    #header .header-principal .botoes > .search__form {
        margin-right: 0 !important;
        flex: 0 1 auto;
        min-width: 0;
        display: flex;
        align-items: center;
        align-self: center;
        height: 44px;
        min-height: 44px;
        box-sizing: border-box;
        position: relative;
        z-index: 40;
        overflow: visible
    }
    #header .header-principal .botoes .search__input {
        height: 44px !important;
        min-height: 44px !important;
        line-height: 44px !important;
        box-sizing: border-box !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 14px !important;
        padding-right: 50px !important;
        vertical-align: middle;
        position: relative;
        z-index: 0
    }
    #header .header-principal .botoes .search__button.icon__button {
        position: absolute !important;
        top: 50% !important;
        right: 3px !important;
        left: auto !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        border: none !important;
        box-sizing: border-box !important;
        background: transparent !important;
        cursor: pointer !important;
        z-index: 50 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        line-height: 0 !important;
        font-size: 0 !important;
        flex-shrink: 0;
        pointer-events: auto
    }
    #header .header-principal .botoes .search__button.icon__button svg {
        width: 26px !important;
        height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
        display: block !important;
        margin: 0 !important;
        flex: 0 0 auto;
        transform: none;
        vertical-align: middle
    }
    #header .header-principal .botoes > a[href^="tel:"] {
        margin-left: auto
    }
}

#header .header-principal .botoes .btn-institucional img {
    width: 25px;
    height: 26px
}

#header .header-principal .botoes .btn {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}

#header .header-principal .botoes .btn .icon-pedidos {
    font-size: 21px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 0.3rem
}

#header .header-principal .botoes .btn .btn-text-pedidos {
    line-height: 40px;
    vertical-align: middle
}

#header .header-principal .botoes .btn img {
    max-height: 100%;
    width: auto
}

#header .header-principal .botoes .btn.btn-carrinho {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-self: center;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    line-height: 1.15;
    box-sizing: border-box;
    vertical-align: middle
}

#header .header-principal .botoes .btn.btn-carrinho img {
    float: none;
    flex-shrink: 0;
    margin-right: 4px;
    padding-left: 4px;
    width: auto;
    height: auto;
    max-width: 26px;
    max-height: 28px;
    align-self: center
}

#header .header-principal .botoes .btn.btn-carrinho p {
    line-height: 12px;
    float: none;
    text-align: left;
    margin: 0;
    padding: 0 8px 0 0
}

#header .header-principal .botoes .btn.btn-carrinho p .preco {
    color: #0a0a0a
}

#header .header-principal .botoes .btn.btn-carrinho .portal-totalizers-ref {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    vertical-align: middle;
    line-height: 1.15;
    max-height: 40px;
    overflow: hidden
}

#header .header-principal .botoes .btn.btn-carrinho .portal-totalizers-ref .title:before {
    font-size: 10px;
    line-height: 1.2
}

#header .header-principal .botoes .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart {
    font-size: inherit;
    line-height: 1.2
}

#header .header-principal .botoes .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em,
#header .header-principal .botoes .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em.total-cart-em {
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 0.03em;
    line-height: 1.2 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-font-smoothing: antialiased
}

#header .header-barra {
    background-color: #00FF66;
    background-image: -moz-linear-gradient(left, #00FF66 0%, #0a0a0a 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #00FF66), color-stop(100%, #0a0a0a));
    background-image: -webkit-linear-gradient(left, #00FF66 0%, #0a0a0a 100%);
    background-image: -o-linear-gradient(left, #00FF66 0%, #0a0a0a 100%);
    background: -ms-linear-gradient(left, #00FF66 0%, #0a0a0a 100%);
    background: linear-gradient(to right, #00FF66 0%, #0a0a0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to', GradientType=1)
}

#header .header-barra .nav-item {
    height: 50px;
    display: inline-block;
    vertical-align: middle
}

#header .header-barra .nav-item img {
    height: 25px;
    margin-right: 5px
}

#header .header-barra .nav-item a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 50px;
    padding: 0 5px
}

#header .header-barra .nav-item a:hover {
    background-color: #FFDE00;
    color: #0a0a0a
}

.portal-totalizers-ref {
    display: inline-block;
    vertical-align: middle
}

.portal-totalizers-ref .cart-info {
    padding: 0;
    margin: auto;
    text-align: left;
    line-height: normal
}

.portal-totalizers-ref .cart-info li,
.portal-totalizers-ref .cart-info .total-cart strong {
    display: none
}

.portal-totalizers-ref .cart-info .total-cart {
    display: block
}

.portal-totalizers-ref .cart-info .total-cart em {
    color: #0a0a0a;
    font-style: normal
}

#header .header-principal-mobile .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em,
#header .header-principal-mobile .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em.total-cart-em {
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 0.03em;
    line-height: 1.2 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-font-smoothing: antialiased
}

#sidebar .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em,
#sidebar .btn.btn-carrinho .portal-totalizers-ref .cart-info .total-cart em.total-cart-em {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 0.03em;
    line-height: 1.25 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-font-smoothing: antialiased
}

.portal-totalizers-ref .title {
    display: block;
    line-height: 100%;
    font-size: 0
}

.portal-totalizers-ref .title:before {
    content: 'Meu Carrinho';
    font-size: 12px;
    line-height: 100%
}

.mascara {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.47)
}

.mascara.white {
    background: rgba(255, 255, 255, 0.9)
}

#Orders .render-container {
    width: 100%
}

#Orders .render-container h1.title {
    margin: auto auto 30px auto;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 28px
}

#Orders .render-container ul.nav.nav-pills {
    margin: auto auto 15px auto
}

#Orders .render-container ul.nav.nav-pills li.active a {
    background: #E30613
}

#Orders .render-container ul.nav.nav-pills li.active a:hover {
    background: #E30613
}

#Orders .render-container ul.nav.nav-pills li a {
    border-radius: 50px;
    background: #0a0a0a;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin: auto 2px;
    transition: 0.3s
}

#Orders .render-container ul.nav.nav-pills li a:hover {
    background: #1a1a1a
}

#Orders .render-container a.myo-reorder-btn {
    margin: auto 5px auto auto
}

#Orders .render-container a.myo-cancel-btn {
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 15px;
    margin: auto 0 auto auto;
    display: block;
    text-align: center;
    max-width: 250px;
    transition: 0.3s
}

#Orders .render-container a.myo-cancel-btn button,
#Orders .render-container a.myo-cancel-btn svg,
#Orders .render-container a.myo-cancel-btn span {
    float: none;
    vertical-align: middle
}

#Orders .render-container a.myo-invoice-btn {
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 15px;
    margin: auto 0 auto auto;
    display: block;
    text-align: center;
    max-width: 250px;
    transition: 0.3s
}

#Orders .render-container a.myo-invoice-btn svg,
#Orders .render-container a.myo-invoice-btn span {
    vertical-align: middle
}

#Orders .render-container a.myo-details-btn {
    background: #0a0a0a;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 15px auto auto auto;
    display: block;
    max-width: 300px;
    transition: 0.3s
}

#Orders .render-container a.myo-details-btn:hover {
    background: #1a1a1a
}

#pontos {
    background-color: #00FF66;
    padding: 20px 0
}

#pontos .pontos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

#pontos .pontos .pontos-icon {
    background-color: #ffffff;
    width: 107px;
    height: 107px;
    border-radius: 100%;
    margin-right: 2rem
}

#pontos .pontos .pontos-icon img {
    width: 107px;
    height: 107px;
    padding: 1.5rem
}

#pontos .pontos article {
    width: 500px;
    color: #ffffff
}

#pontos .pontos article h1 {
    font-weight: bold;
    font-size: 43px;
    line-height: 40px
}

#pontos .pontos article h2 {
    font-weight: normal;
    font-size: 17px
}

#pontos .pontos .btn {
    width: 280px;
    margin-left: 0;
    padding: 0.5rem 2rem;
    font-size: 14px;
    font-size: 0.875rem;
    display: block
}

#Product {
    background-color: #efefef
}

#Product #oferta {
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px !important;
    margin-bottom: 1rem;
    padding: 15px
}

#Product #produto .produto-foto {
    display: inline-block;
    width: 100%
}

#Product #produto .produto-foto .thumbs {
    width: 80px;
    float: left;
    padding: 0;
    margin-right: 16px;
    list-style: none;
    display: none
}

#Product #produto .produto-foto .thumbs li {
    width: 100%;
    float: left;
    margin-bottom: 1rem
}

#Product #produto .produto-foto .thumbs li img {
    width: 100%;
    float: left;
    border: 1px solid #00FF66
}

#Product #produto .produto-foto .thumbs .slick-list {
    overflow: hidden
}

#Product #produto .produto-foto .thumbs .slick-prev,
#Product #produto .produto-foto .thumbs .slick-next {
    width: 100%;
    height: 36px;
    margin-bottom: 16px;
    background-color: #0a0a0a;
    border: 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 0;
    cursor: pointer
}

#Product #produto .produto-foto .thumbs .slick-prev:after,
#Product #produto .produto-foto .thumbs .slick-next:after {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 1rem
}

#Product #produto .produto-foto .thumbs .slick-prev:after {
    content: "\f0d8"
}

#Product #produto .produto-foto .thumbs .slick-next:after {
    content: "\f0d7"
}

#Product #produto .produto-foto #include {
    width: calc(100% - 96px);
    float: right;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef
}

#Product #produto .produto-foto #include img {
    width: 100%;
    float: left
}

#Product #produto .oferta-info .cesta-info {
    width: 100%;
    display: none;
    margin: auto auto 5px auto
}

#Product #produto .oferta-info .cesta-info div.btn {
    cursor: initial;
    color: #ffffff;
    font-size: 10px;
    font-size: 0.625rem;
    height: 22px;
    line-height: 22px;
    text-transform: uppercase;
    background-color: #767676;
    padding: 0.1rem 0.2rem
}

#Product #produto .oferta-info .cesta-info div.btn.last-item {
    color: #767676;
    background-color: #efefef
}

#Product #produto .oferta-info .oferta-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #efefef
}

#Product #produto .oferta-info .oferta-valores .valor-de,
#Product #produto .oferta-info .oferta-valores .economia-de {
    display: none !important
}

#Product #produto .oferta-info .oferta-valores .valor-por {
    font-size: 0;
    font-style: normal
}

#Product #produto .oferta-info .oferta-valores .valor-por{
    white-space: nowrap;
}

#Product #produto .oferta-info .oferta-valores .valor-por strong {
    font-size: 16px;
}

#Product #produto .oferta-info .oferta-valores .valor-dividido {
    font-style: normal
}

#Product #produto .oferta-info .oferta-valores .valor-dividido:after {
    content: 'sem juros';
    margin-left: 5px;
}

strong.skuPrice::after {
    content: '5% OFF PIX';
    font-size: 16px;
    line-height: 16px;
    background: #00FF66;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    margin-left: 12px;
}

strong.skuPrice.remove-pix-tag::after{
    display: none !important;
}

.sku-subscription-price{
    margin-bottom: 12px;
    order: 3;
}

.subscription-price-value{
    color: #000 !important;
    font-size: 16px !important;
}

.text-subscription-price{
    color: #000;
    font-size: 16px;
    font-weight: 400;

}

.skuPrice{
    font-size: 1.375rem;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    margin-bottom: 0;
    color: #00FF66;
}

.productPrice{
    display: grid;
}

.descricao-preco{
    display: flex;
    gap: 8px;
    order: 2;
}

#Product #produto .oferta-info .oferta-valores .valor-dividido label {
    margin: 0
}

#Product #produto .oferta-info .oferta-valores {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#Product #produto .oferta-info .oferta-valores .input-group {
    width: 35%
}

#Product #produto .oferta-info .oferta-valores .input-group label {
    font-size: 11px;
    font-size: 0.6875rem;
    width: 100%
}

#Product #produto .oferta-info .oferta-valores .input-group span {
    line-height: 40px
}

#Product #produto .oferta-info .oferta-valores .input-group input {
    border: 1px solid #efefef;
    width: 55px;
    max-height: 40px;
}

#Product #produto .oferta-info .oferta-valores .cesta-valor {
    width: 65%;
    align-self: flex-end;
    margin-left: 1rem
}

#Product #produto .oferta-info .oferta-valores .cesta-valor p {
    margin-bottom: 0
}

#Product #produto .oferta-info .oferta-valores .cesta-valor .preco-a-vista.price-cash {
    display: flex;
    gap: 8px;
    align-items: end;
    flex-wrap: wrap;
}

#Product #produto .oferta-info .btn-sum,
#Product #produto .oferta-info .btn-decrease {
    background-color: #efefef;
    color: #00FF66;
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0.8rem;
    line-height: 40px;
    height: 40px
}

#Product #produto .oferta-info .btn-decrease {
    border-radius: 0.25rem 0 0 0.25rem !important
}

#Product #produto .oferta-info .btn-sum {
    border-radius: 0 0.25rem 0.25rem 0 !important
}

#Product #produto .oferta-info .calcular-frete label[for="cep"] {
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem
}

#Product #produto .oferta-info .calcular-frete .form-inline {
    flex-flow: row nowrap
}

#Product #produto .oferta-info .calcular-frete .form-inline input {
    width: 135px
}

#Product #produto .oferta-info .calcular-frete .form-inline button {
    font-size: 12px;
    line-height: 100%;
    font-size: 0.75rem;
    font-weight: bold
}

#Product #produto .oferta-info .calcular-frete .form-group input {
    width: 30%
}

#Product #produto .oferta-info .calcular-frete .btn-outline-white {
    border: 2px solid #00FF66
}

#Product #produto .oferta-info .shippingInformation {
    display: none
}

#Product #produto .oferta-info .shippingInformation table {
    width: 100%;
    margin: 30px auto auto auto
}

#Product #produto .oferta-info .shippingInformation table thead tr th {
    padding: 5px 15px;
    text-align: center;
    background: #0a0a0a;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold
}

#Product #produto .oferta-info .shippingInformation table tbody tr td {
    background: #efefef;
    padding: 5px 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold
}

#Product #produto .oferta-info div.forma-pagamento {
    padding: 3rem 0
}

#Product #produto .oferta-info div.forma-pagamento .forma-pagamento--title {
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.6875rem
}

#Product #produto .oferta-info div.forma-pagamento .formas {
    display: block;
    text-align: left
}

#Product #produto .oferta-info div.forma-pagamento .formas img {
    display: inline-block;
    margin: 5px
}

#Product #produto .oferta-info .btn-comprar a {
    color: #FFFFFF
}

#Product #produto .oferta-info .btn-comprar a:hover {
    text-decoration: none !important
}

#Product #conteudo {
    display: none;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #efefef
}

#Product #conteudo h3 {
    font-weight: bold
}

#Product #conteudo .productDescription br {
    display: none
}

#Product #observacoes {
    display: none;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #efefef
}

#Product #observacoes h3 {
    font-weight: bold
}

#Product #observacoes .observacoes-destaque {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #efefef;
    border: 1px solid #dedede;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
    padding: 1rem
}

#Product #observacoes .observacoes-destaque .icon {
    font-size: 38px;
    font-size: 2.375rem;
    color: #00FF66;
    margin-right: 1rem
}

#Product #observacoes .observacoes-destaque .text p {
    margin: 0
}

#Product #condicoes {
    margin-bottom: 3rem
}

#Product #condicoes h3 {
    font-weight: bold
}

#Product #condicoes p {
    margin: 0
}

.qualy-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start
}

.qualy-list img {
    flex: 0;
    margin-right: 5px;
    width: 25px;
    height: 25px
}

.qualy-list i.fas {
    margin-left: auto
}

.qualy-list .list-group-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    color: #0a0a0a
}

.qualy-list .list-group-item img {
    flex: 0;
    margin-right: 5px;
    width: 25px;
    height: 25px
}

.qualy-list .list-group-item i.fas {
    margin-left: auto
}

.qualy-list .list-group-item:hover {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    box-shadow: none !important
}

.qualy-list .list-group-item.active,
.qualy-list .list-group-item:hover {
    width: 105%
}

.cesta-column .cesta-produto {
    border-radius: 0;
    border: 1px solid transparent;
    color: #000000 !important;
    transition: .3s;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%
}

.cesta-column .cesta-produto:hover {
    text-decoration: none;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey
}

.cesta-column .cesta-produto:hover .cesta-produto--body .cesta-produto--title {
    font-weight: bold
}

.cesta-column .cesta-produto:hover .cesta-produto--body button {
    box-shadow: 0 1px 6px rgba(37, 195, 1, 0.35);
    background: rgba(37, 195, 1, 0.1) !important;
    color: #1a8f00 !important;
    border-color: #00FF66 !important
}

.cesta-column .cesta-produto img {
    width: 90%;
    height: auto;
    margin: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.cesta-column .cesta-produto .card-img-top {
    flex: 0 0 auto
}

.cesta-column .cesta-produto .cesta-produto--body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0
}

.cesta-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--title {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    transition: 0.3s;
    line-height: 1.35;
    height: 5.4em;
    min-height: 5.4em;
    max-height: 5.4em;
    flex: 0 0 5.4em;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-left: auto;
    margin-right: auto
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-valor {
    margin-top: auto;
    width: 100%;
    flex: 0 0 auto
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-valor .descricao {
    min-height: 1.35em
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info {
    width: 100%;
    max-width: min(100%, 18.5rem);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.45rem !important;
    flex: 0 0 auto;
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    min-height: 0
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info.btn-group>.btn+.btn {
    margin-left: 0
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info.btn-group>.btn {
    float: none !important
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn {
    cursor: initial;
    color: #ffffff;
    font-size: clamp(0.4375rem, 1.65vw, 0.625rem);
    height: auto;
    min-height: 1.65rem;
    align-self: stretch;
    line-height: 1.25;
    width: auto;
    flex: 1 1 50%;
    min-width: 0;
    max-width: none;
    overflow: visible;
    padding: 7px 11px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    text-transform: uppercase;
    background-color: #767676;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 700;
    letter-spacing: 0.035em;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn.last-item {
    color: #555;
    background-color: #efefef
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn .cesta-badge-suffix {
    display: inline-block;
    width: auto;
    flex: 0 0 auto;
    flex-shrink: 0;
    text-align: center;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 3px;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: middle
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn .product-field {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: auto;
    flex: 0 1 auto;
    flex-shrink: 0;
    min-width: min-content;
    padding: 0;
    margin: 0 !important;
    text-align: center;
    line-height: inherit
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn .product-field ul {
    display: inline-flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
    min-width: min-content;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    text-align: center
}

.cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info .btn .product-field ul li {
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    display: inline-block;
    flex-shrink: 0;
    width: auto;
    padding: 0 !important;
    margin: 0;
    letter-spacing: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle
}

.cesta-column .cesta-produto .cesta-produto--body .btn-outline-green {
    line-height: 36px;
    height: 36px;
    width: 130px;
    font-weight: bold;
    font-size: 16px
}

.cesta-column .cesta-produto .cesta-produto--body .btn {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold
}

.cesta-column .cesta-produto .cesta-produto--body button {
    width: 100%;
    background: none !important;
    color: #00FF66 !important;
    flex: 0 0 auto;
    margin-top: 0.35rem
}

.faixaPreco form{
    display: flex;
    flex-direction: column;
}

.faixaPreco form .inputGroupFaixaPreco{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.faixaPreco form .inputGroupFaixaPreco label{
    margin-bottom: 0;
}

.faixaPreco form .inputGroupFaixaPreco .btnFiltrarPreco{
    background-color: #1d4d8c;
    border: none;
    color: #fff;
    border-radius: 15px;
    padding: 3px 15px;
    box-shadow: 2px 2px 4px #0000005c;
    cursor: pointer;
    margin-top: 12px;
    width: 100%;
    margin-bottom: 20px;
}

@media(max-width:768px){
    .faixaPrecoDesk{
        display: none !important;
    }
}

#sidebar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100vh;
    height: 100vh;
    z-index: 9999;
    margin-left: -1600px
}

#sidebar.active {
    margin-left: 0px;
    transition: all 1s
}

#sidebar.desactive {
    margin-left: -1600px;
    transition: all 1s
}

#sidebar .sidebar-menu {
    background-color: #ffffff;
    height: 100%;
    overflow-y: auto
}

#sidebar .sidebar-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5
}

#sidebar .sidebar-menu::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

#sidebar .sidebar-menu::-webkit-scrollbar-thumb {
    background-color: #0a0a0a
}

#sidebar .sidebar-btn {
    background-color: rgba(0, 0, 0, 0.8)
}

#sidebar .sidebar-btn .sidebar-btn-close {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 1rem
}

#sidebar .sidebar-btn .sidebar-btn-close button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0;
    background-color: #ffffff
}

#sidebar .sidebar-btn .sidebar-btn-close label {
    font-size: 12px;
    font-size: 0.75rem
}

#sidebar .botoes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 20px 15px
}

#sidebar .botoes .btn {
    display: block;
    margin-top: 0.5rem;
    text-align: left !important
}

#sidebar .botoes .btn.btn-carrinho {
    height: 45px
}

#sidebar .botoes .btn.btn-carrinho img {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 35px;
    margin-right: 5px;
    padding-left: 5px
}

#sidebar .botoes .btn.btn-carrinho p {
    line-height: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    padding: 0 10px
}

#sidebar .botoes .btn.btn-carrinho p .preco {
    color: #0a0a0a;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold
}

#sidebar .botoes .btn-sobre img {
    width: 25px;
    height: auto
}

#solucoes {
    position: relative;
    padding: 40px 0;
    background-image: url("bg-solucoes.jpg");
    background-size: cover;
    background-color: brown;
    background-attachment: fixed;
    background-attachment-background-position: center
}

#solucoes article.solucoes-title h1 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    color: #ffffff
}

#solucoes article.solucoes-title h2 {
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600
}

@media (max-width: 767px) {
    #solucoes article.solucoes-title h1.text-center,
    #solucoes article.solucoes-title h2.text-center {
        text-align: left !important
    }
}

#solucoes #solucoes-itens .solucoes-item {
    border-radius: 0.7rem 0.7rem 0.7rem 0.7rem !important;
    opacity: 0.9;
    margin: .5rem
}

#solucoes #solucoes-itens .solucoes-item .solucoes-item--img {
    height: 85px;
    width: auto;
    padding-top: 1rem
}

#solucoes #solucoes-itens .solucoes-item .solucoes-item--title {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700
}

#solucoes #solucoes-itens .solucoes-item .solucoes-item--divisor {
    background-color: #00FF66;
    boder-color: #00FF66;
    width: 30%
}

#solucoes #solucoes-itens .solucoes-item .solucoes-item--text {
    font-size: 12px;
    font-size: 0.75rem
}

#solucoes #solucoes-itens-mobile {
    display: none
}

#solucoes #solucoes-itens-mobile .solucoes-item {
    border-radius: 0.7rem 0.7rem 0.7rem 0.7rem !important;
    opacity: 0.9;
    margin: .5rem
}

#solucoes #solucoes-itens-mobile .solucoes-item .solucoes-item--img {
    height: 85px;
    width: auto;
    padding-top: 1rem
}

#solucoes #solucoes-itens-mobile .solucoes-item .solucoes-item--title {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700
}

#solucoes #solucoes-itens-mobile .solucoes-item .solucoes-item--divisor {
    background-color: #00FF66;
    boder-color: #00FF66;
    width: 30%
}

#solucoes #solucoes-itens-mobile .solucoes-item .solucoes-item--text {
    font-size: 12px;
    font-size: 0.75rem
}

#solucoes .solucoes-mascara {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: #0a0a0a;
    width: 100%;
    height: 100%
}

.text-green {
    color: #00FF66
}

.text-secondary {
    color: #00FF66 !important
}

.text-black {
    color: #000000 !important
}

.qualy-title h1 {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 700;
    font-size: 52px;
    font-size: 3.25rem;
    color: #ffffff;
    margin: 0
}

.qualy-title h2 {
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}

.cesta-valor .preco {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    margin-bottom: 0
}

.cesta-valor .descricao {
    font-size: 11px;
    font-size: 0.6875rem
}

@media (min-width: 299px) and (max-width: 481px) {
    .cesta-valor .descricao {
        font-size: 10px;
        font-size: 0.625rem
    }
}

#vendas-corporativas {
    background-color: #00FF66;
    background-image: -moz-linear-gradient(left, #00FF66 20%, #0a0a0a 20%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #00FF66), color-stop(20%, #0a0a0a));
    background-image: -webkit-linear-gradient(left, #00FF66 20%, #0a0a0a 20%);
    background-image: -o-linear-gradient(left, #00FF66 20%, #0a0a0a 20%);
    background: -ms-linear-gradient(left, #00FF66 20%, #0a0a0a 20%);
    background: linear-gradient(to right, #00FF66 20%, #0a0a0a 20%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to', GradientType=1);
    padding: 2rem 0
}

#vendas-corporativas .vendas-corporativas--image img {
    width: 220px;
    max-width: 100%
}

#vendas-corporativas .container .row article.vendas-corp--title h1 {
    font-size: 70px;
    font-size: 4.375rem;
    color: #ffffff;
    font-weight: 700;
    margin: 0
}

#vendas-corporativas .container .row article.vendas-corp--title hr {
    margin: 0.3rem 0 0.5rem;
    margin-bottom: 1rem;
    background-color: #00FF66;
    color: #00FF66;
    width: 30%
}

#vendas-corporativas .container .row article.vendas-corp--title h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #00FF66;
    text-transform: uppercase
}

#vendas-corporativas .container .row article.vendas-corp--title p {
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem
}

#vendas-form {
    background-color: #efefef;
    padding: 1rem;
    width: 100%;
    border-radius: 10px
}

#vendas-form .form-group {
    font-size: 12px;
    font-size: 0.75rem;
    color: #767676;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0.2rem !important
}

#vendas-form .form-group label {
    margin-bottom: .1rem;
    font-size: 10px;
    font-size: 0.625rem
}

#vendas-form .form-group .btn {
    width: 170px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 1rem
}

#vendas-form .form-group .field-error {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1
}

#vendas-form #formMessage {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1;
    text-align: left;
    font-size: 12px;
    border-radius: .25rem;
    margin: 15px auto auto auto
}

#vendas-form #formMessage ul {
    list-style-position: inside;
    line-height: 150%;
    padding: 15px;
    margin: auto
}

#vendas-form h1 {
    font-size: 18px;
    color: #0a0a0a;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

#vendas-form .subtitle-form {
    font-size: 12px;
    font-size: 0.75rem
}

@media screen and (min-width: 768px) {
    .selo-reclame-aqui{
        margin-left: 0;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

@media screen and (max-width: 999px) {
    #account-content .span1,
    #account-content .span2,
    #account-content .span3,
    #account-content .span4,
    #account-content .span5,
    #account-content .span6,
    #account-content .span7,
    #account-content .span8,
    #account-content .span9,
    #account-content .span10,
    #account-content .span11,
    #account-content .span12 {
        width: 100%
    }
    #account-content>.row>div {
        margin: auto auto 15px auto;
        float: left;
        width: 100%
    }
}

@media screen and (max-width: 630px) {
    #Account .col-mn-6 {
        width: 100%;
        vertical-align: top
    }
}

@media screen and (max-width: 480px) {
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link {
        width: 100%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.address-update {
        width: 60%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .edit.edit-address-link a.delete {
        width: 40%
    }
    #Account .userAddress .address-display-block .address-display .address-display-unit .address-display-unit-info {
        width: 100%
    }
}

@media screen and (max-width: 340px) {
    #Account .userProfile .profile-detail-display .profile-detail-display-info span span {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .btn-toggle {
        display: none
    }
}

@media (min-width: 1024px) {
    .btn-cesta-close {
        display: none
    }
}

@media (max-width: 991px) {
    #Department .vitrine ul {
        margin: auto;
        padding: 0
    }
    #Department .vitrine ul li {
        flex: 0 0 50%;
        max-width: 50%;
        margin: auto auto 30px auto
    }
    #Department .vitrine ul li:nth-child(even) {
        border: none
    }
}

@media (max-width: 767px) {
    #Department #cestas-content .cesta-card .cesta-body {
        height: auto;
        padding: 0
    }
    #Department aside .qualy-list {
        display: none
    }
    #Department #cestas-content .cesta-header .btn-order {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        margin-top: 1rem;
        font-weight: bold;
        display: block
    }
    #Department #categoria .cesta-header .btn-order span {
        flex: 0;
        margin: 0 auto
    }
    #Department #categoria .cesta-header .btn-order i.fas {
        margin-left: auto
    }
}

@media (max-width: 767px) {
    #Department #categoria-detalhes {
        text-align: center
    }
}

@media (max-width: 767px) {
    #Department #categoria-detalhes .categoria-detalhes--info {
        text-align: center
    }
}

@media (max-width: 767px) {
    #Department #categoria-detalhes .categoria-detalhes--entidades {
        flex-direction: column;
        text-align: center;
        display: block
    }
    #Department #categoria-detalhes .categoria-detalhes--entidades ul {
        width: 100%;
        margin: auto
    }
}

@media (max-width: 767px) {
    #Department .departments .cestas-menu-title {
        display: none
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content {
        padding: 0 .5rem
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content .cesta-card {
        width: 100%
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content .cesta-card .cesta-header .cesta-header-title p {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content .cesta-card .cesta-header .cesta-header-title h1 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content .cesta-card .cesta-icon {
        height: 48px
    }
}

@media (max-width: 767px) {
    #Department .departments #cestas-content .cesta-card .btn-cesta-all {
        display: none
    }
}

@media (max-width: 991px) {
    #cestas #cestas-content .cesta-card .cesta-header .cesta-header-title p {
        font-size: 12px
    }
    #cestas #cestas-content .cesta-card .cesta-header .cesta-header-title h1 {
        font-size: 16px;
        line-height: 120%
    }
    #cestas .cesta-row ul li {
        max-width: 50%;
        flex: 0 0 50%;
        display: none
    }
    #cestas .cesta-row ul li:last-child,
    #cestas .cesta-row ul li:first-child {
        display: block
    }
}

@media (max-width: 767px) {
    #cestas .cesta-produto .cesta-produto--body {
        padding: .8rem .2rem
    }
    #cestas .cesta-row ul li {
        display: block
    }
}

@media (max-width: 767px) {
    #cestas .cesta-produto .cesta-produto--body .cesta-produto--info div.btn {
        width: auto;
        flex: 1 1 50%;
        min-width: 0;
        overflow: hidden;
        padding: 9px 12px !important;
        min-height: 2rem;
        font-size: clamp(0.5rem, 2.85vw, 0.6875rem);
        line-height: 1.3;
        gap: 8px;
        white-space: nowrap
    }
    #cestas .cesta-produto .cesta-produto--body .cesta-produto--info {
        max-width: min(100%, 21rem)
    }
}

@media (max-width: 767px) {
    #cestas .cestas-menu-title {
        display: none
    }
}

@media (max-width: 767px) {
    #cestas #cestas-categorias {
        display: none
    }
}

@media (max-width: 767px) {
    #cestas #cestas-content .cesta-card {
        width: 100%
    }
}

@media (max-width: 767px) {
    #cestas #cestas-content .cesta-card .cesta-header .cesta-header-title p {
        font-size: 12px;
        line-height: 100%
    }
}

@media (max-width: 767px) {
    #cestas #cestas-content .cesta-card .cesta-icon {
        height: 48px
    }
}

@media (max-width: 767px) {
    #cestas #cestas-content .cesta-card .btn-cesta-all {
        display: none
    }
    #cestas #cestas-content .cesta-card .btn-cesta-close {
        display: block
    }
    #cestas #cestas-content .cesta-card .btn-cesta-open {
        display: block
    }
    #cestas .cesta-body {
        height: 0
    }
    #cestas .cesta-body.in {
        height: auto
    }
}

@media (max-width: 767px) {
    #cestas .cesta-row ul {
        padding: 0
    }
    #cestas .cesta-row ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    #cestas .cesta-row ul li:nth-child(2n+0) {
        border-right: none
    }
}

@media (max-width: 767px) {
    #cestas .cesta-column {
        padding: 0 .5rem
    }
}

@media (max-width: 767px) {
    #cestas .cesta-column:nth-child(2n+0) {
        border-right: none
    }
}

@media (max-width: 767px) {
    #cestas .cesta-ordem {
        width: 100%;
        min-height: 40px;
        background-color: #ffffff;
        padding: .7rem;
        transition: 1s
    }
    #cestas .cesta-ordem.fixed {
        position: fixed;
        z-index: 999;
        top: 62px;
        left: 0
    }
}

@media (max-width: 767px) {
    #CMS .title-cms {
        font-size: 44px;
        text-align: center
    }
    #CMS main #institucional-desktop .qualy-list {
        margin: auto auto 30px auto
    }
    #CMS main #institucional-desktop .card .card-body .office-hours {
        text-align: center
    }
}

@media (max-width: 767px) {
    .collection #cestas .cesta-body {
        height: auto
    }
}

@media (max-width: 991px) {
    #destaque #cards-cestas .card {
        margin: auto auto 30px auto
    }
    #destaque .madeira {
        height: 345px
    }
}

@media (max-width: 767px) {
    #destaque h1.title-destaque {
        font-size: 50px;
        width: 270px;
        margin: auto
    }
}

@media (max-width: 767px) {
    #destaque #menu-cestas {
        display: block
    }
}

@media (min-width: 1024px) {
    #destaque #menu-cestas {
        display: none
    }
}

@media (max-width: 767px) {
    #destaque #cards-cestas {
        display: none
    }
}

@media screen and (max-width: 999px) {
    #ub_error .col-mn-8 {
        width: 100%
    }
}

@media (max-width: 991px) {
    footer#footer {
        background: none
    }
    footer#footer #footer-newsletter .newsletter-title h1 {
        font-size: 32px
    }
    footer#footer #footer-newsletter .newsletter-icon img {
        width: 70%
    }
}

@media (max-width: 767px) {
    footer#footer {
        background-color: #ffffff
    }
    footer#footer .forma-pagamento {
        display: block !important
    }
    footer#footer #footer-newsletter .newsletter-form .newsletter-item button {
        margin: auto
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-icon {
        flex-direction: column;
        margin: 0 auto;
        margin-bottom: 1rem
    }
    footer#footer #footer-newsletter .newsletter-icon img {
        width: 65px;
        height: 65px
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-title {
        padding: 0 1.5rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-title h1 {
        font-size: 64px;
        line-height: 56px;
        font-weight: bold;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-title h2 {
        font-size: 16px !important
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-title {
        text-align: center;
        margin-bottom: 2rem
    }
    footer#footer #footer-newsletter .newsletter-title h2 {
        font-size: 12px;
        font-size: 0.75rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-form {
        flex-direction: column;
        text-align: center
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-form .newsletter-item {
        margin-bottom: 1rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    footer#footer #footer-newsletter .newsletter-form .newsletter-item input.form-control {
        width: 100%
    }
}

@media (max-width: 767px) {
    footer#footer #footer-contato #footer-contato--menu .footer-row {
        border-bottom: 1px solid #efefef;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-contato #footer-contato--menu .atendimento {
        padding: 0 1rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-contato #footer-contato--form button {
        margin: auto;
        display: block
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape {
        text-align: center
    }
    footer#footer #footer-rodape .footer-rodape-title {
        text-align: left
    }
    footer#footer #footer-rodape .footer-rodape--social {
        text-align: center
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape .footer-rodape-icon {
        width: auto;
        height: 82px;
        margin-bottom: 1.5rem;
        object-fit: contain;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%)
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape .footer-rodape-title .copyright {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape .footer-rodape-title .endereco p {
        text-align: left;
        width: 100%
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape .footer-rodape--social .social-title {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    footer#footer #footer-rodape .footer-rodape--social .social-icon {
        height: 35px;
        width: auto
    }
}

@media (max-width: 1200px) {
    #header .header-principal .logo img {
        max-width: 160px
    }
}

@media (max-width: 991px) {
    #header .header-barra .nav-item img {
        display: none
    }
    #header .header-principal .botoes .btn-institucional {
        display: none
    }
}

@media (max-width: 767px) {
    #header {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0
    }
    #header .header-principal-mobile .botoes {
        justify-content: flex-start;
        gap: 6px;
        flex-wrap: nowrap
    }
    #header .header-principal-mobile .botoes .btn.btn-carrinho {
        margin-left: auto
    }
    #header .header-principal-mobile .botoes .btn {
        display: block
    }
    body {
        padding: 60px 0 0 0
    }
}

@media (max-width: 767px) {
    #header .header-topo {
        display: none !important
    }
    #header .header-principal-mobile {
        display: block
    }
}

@media (max-width: 767px) {
    #header .header-principal {
        display: none !important
    }
}

@media (max-width: 767px) {
    #header .header-barra {
        display: none !important
    }
}

@media (max-width: 767px) {
    #pontos .pontos {
        flex-direction: column;
        text-align: left;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    #pontos .pontos .pontos-icon {
        margin-right: 0;
        margin-bottom: .5rem;
        align-self: center
    }
}

@media (max-width: 767px) {
    #pontos .pontos article {
        width: 100%;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {
    #pontos .pontos article h1 {
        font-size: 27px;
        line-height: 27px
    }
}

@media (max-width: 767px) {
    #pontos .pontos article h2 {
        margin: 0;
        font-size: 16px
    }
}

@media (max-width: 991px) {
    #Product #produto .oferta-info .oferta-valores .input-group span {
        padding: 0 !important;
        width: 30px;
        text-align: center
    }
    #Product #produto .oferta-info .oferta-valores .input-group input {
        width: 30px
    }
    #Product #produto .oferta-info .shippingInformation table {
        margin: 30px auto
    }
}

@media (max-width: 767px) {
    #Product #produto .produto-foto {
        margin: auto auto 15px auto
    }
    #Product #produto .oferta-info .oferta-valores {
        flex-direction: column;
        height: auto
    }
    #Product #conteudo .table .thead-light th:nth-child(2) {
        display: none
    }
    #Product #conteudo .table tbody td:nth-child(2) {
        display: none
    }
    #Product #observacoes .observacoes-destaque .text {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .input-group {
        width: 100%;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .input-group span {
        font-size: 1.5rem !important
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .input-group input {
        width: 40%;
        height: 40px;
        line-height: 40px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .input-group span {
        line-height: 2.5rem;
        font-size: 40px;
        font-size: 2.5rem;
        width: 20%
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .cesta-valor {
        width: 100%
    }
    #Product #produto .oferta-info .oferta-valores .cesta-valor p {
        padding: 0;
        margin-bottom: 0
    }
    #Product #produto .oferta-info .oferta-valores .cesta-valor h1 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .cesta-valor h1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-valores .cesta-valor .forma-pagamento {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .calcular-frete .form-inline input {
        width: 110px;
        margin-right: .5rem !important
    }
    #Product #produto .oferta-info .calcular-frete .form-inline button {
        font-size: 10px;
        font-size: 0.625rem
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info div.forma-pagamento {
        display: none
    }
}

@media (max-width: 767px) {
    #Product #conteudo {
        margin: 15px auto;
        border: none;
        padding: 0
    }
    #Product #conteudo .table {
        font-size: 10px;
        font-size: 0.625rem
    }
    #Product #observacoes {
        margin: 15px auto;
        border: none;
        padding: 0
    }
    #Product #condicoes {
        margin: 15px auto;
        border: none;
        padding: 0
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .btn-comprar {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    #Product #produto .oferta-info .oferta-title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    #Product #produto .produto-foto .thumbs {
        width: 100%;
        margin: 0;
        margin-top: 16px;
        font-size: 0
    }
    #Product #produto .produto-foto .thumbs .slick-prev,
    #Product #produto .produto-foto .thumbs .slick-next {
        width: 32px;
        height: 64px;
        float: none;
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }
    #Product #produto .produto-foto .thumbs .slick-prev:after {
        content: "\f0d9"
    }
    #Product #produto .produto-foto .thumbs .slick-next:after {
        content: "\f0da"
    }
    #Product #produto .produto-foto .thumbs .slick-list {
        width: calc(100% - 64px);
        float: none;
        display: inline-block;
        vertical-align: middle
    }
    #Product #produto .produto-foto .thumbs li {
        padding: 0 8px;
        margin: 0
    }
    #Product #produto .produto-foto #include {
        width: 100%;
        border: 1px solid #efefef
    }
}

@media (max-width: 767px) {
    .qualy-list .list-group-item.active,
    .qualy-list .list-group-item:hover {
        width: 100%
    }
}

@media (max-width: 767px) {
    .cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info {
        display: flex;
        max-width: min(100%, 21rem);
        margin-bottom: 0.45rem !important
    }
    .cesta-column .cesta-produto .cesta-produto--body .cesta-produto--info div.btn {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 9px 12px !important;
        min-height: 2rem;
        font-size: clamp(0.5rem, 2.85vw, 0.6875rem);
        line-height: 1.3;
        gap: 8px;
        white-space: nowrap
    }
}

@media (max-width: 767px) {
    #sidebar {
        display: block
    }
}

@media (max-width: 991px) {
    #solucoes #solucoes-itens {
        display: none
    }
    #solucoes #solucoes-itens-mobile {
        display: block
    }
}

@media (max-width: 991px) {
    #solucoes #solucoes-itens .solucoes-item {
        height: 240px;
        margin: 0 1rem
    }
}

@media (max-width: 991px) {
    #solucoes #solucoes-itens-mobile .solucoes-item {
        height: 240px;
        margin: 0 1rem
    }
}

@media (max-width: 767px) {
    #vendas-corporativas {
        background-color: #00FF66;
        background-image: -moz-linear-gradient(top, #00FF66 15%, #0a0a0a 15%);
        background-image: -webkit-gradient(linear, top bottom, top bottom, color-stop(15%, #00FF66), color-stop(15%, #0a0a0a));
        background-image: -webkit-linear-gradient(top, #00FF66 15%, #0a0a0a 15%);
        background-image: -o-linear-gradient(top, #00FF66 15%, #0a0a0a 15%);
        background: -ms-linear-gradient(top, #00FF66 15%, #0a0a0a 15%);
        background: linear-gradient(to bottom, #00FF66 15%, #0a0a0a 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to', GradientType=1)
    }
}

@media (max-width: 767px) {
    #vendas-corporativas .vendas-corporativas--image {
        margin-bottom: 1.5rem
    }
    #vendas-corporativas .vendas-corporativas--image img {
        width: auto
    }
}

@media (max-width: 767px) {
    #vendas-corporativas .container .row {
        flex-direction: column;
        text-align: left
    }
    #vendas-corporativas .container .row .vendas-corporativas--image {
        text-align: center;
        align-self: center
    }
    #vendas-corporativas .container .row img {
        width: 10rem
    }
}

@media (max-width: 767px) {
    #vendas-corporativas .container .row article.vendas-corp--title h1 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 767px) {
    #vendas-corporativas .container .row article.vendas-corp--title hr {
        margin: 1.5rem 0;
        margin-right: auto;
        width: 50%;
        background-color: #ffffff;
        color: #ffffff
    }
}

@media (max-width: 767px) {
    #vendas-corporativas .container .row article.vendas-corp--title p {
        font-weight: normal;
        font-size: 10px;
        font-size: 0.625rem
    }
}

@media (max-width: 767px) {
    #vendas-form {
        margin-top: 1rem
    }
}

@media (max-width: 767px) {
    #vendas-form .form-group .btn {
        display: block;
        margin: 0 auto
    }
}

.vtex-popup,
.vtex-popup-shade {
    width: 100%;
    height: 100%;
    position: fixed
}

.vtex-popup-shade {
    background: #000;
    left: 0;
    opacity: .4;
    top: 0;
    z-index: 3000
}

.vtex-popup {
    background: rgba(0, 0, 0, .6);
    color: rgba(0, 0, 0, .6);
    z-index: 99999
}

.popup-container {
    background: #FFF;
    border: 2px solid #000;
    left: 35%;
    position: fixed;
    z-index: 3002;
    top: 10%
}

.popup-header {
    position: absolute;
    left: 95%;
    top: -15px
}

.popup-header .close {
    cursor: pointer;
    padding: 8px;
    border-radius: 20px;
    opacity: 1;
    background-color: #fff
}

@media (max-width:810px) {
    .popup-container {
        left: 22%
    }
}

@media (max-width:620px) {
    .popup-container {
        left: 14%
    }
}

@media (max-width:540px) {
    .popup-container {
        left: 9%;
        width: 80%
    }
    .popup-container img {
        width: 100%
    }
}

.fixed-menu{
    position: fixed;
    width: 100%;
    z-index: 30;
    top: 0;
}

#Department #cestas-content .pager li.page-number{
    color: #d9d5d5!important;
}

#Department #cestas-content .pager li.page-number.pgCurrent{
    color: #01458b!important;
    transform: scale(1.2)!important;
}

/* Mi Mercado do Bem – #cestas: botão expandir à esquerda (após o ícone); painéis abertos no mobile */
#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title > img.cesta-icon {
    order: 0;
    flex-shrink: 0;
}
#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title > .btn-cesta-open {
    order: 1;
    margin-left: 0 !important;
    margin-right: 0.75rem !important;
}
#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title > a:first-of-type {
    order: 2;
    flex: 1;
    min-width: 0;
}
#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title > a.btn-cesta-all {
    order: 3;
    flex-shrink: 0;
}
#cestas #cestas-content .cesta-card .cesta-header .cesta-header-title article {
    flex: initial;
}
@media (max-width: 767px) {
    #cestas #cestas-content .cesta-card .cesta-body.collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
    }
    #cestas #cestas-content .cesta-card .cesta-body.collapsing {
        height: auto !important;
    }
    #cestas #cestas-content .cesta-card .btn-cesta-open {
        align-self: flex-start;
    }
}

/* Mobile: evitar scroll horizontal (barra do navegador / página “arrastar” para o lado) */
@media (max-width: 767px) {
    html {
        overflow-x: hidden;
        max-width: 100%
    }

    body {
        overflow-x: hidden;
        max-width: 100%;
        position: relative
    }

    /* Bootstrap: .row com margens negativas dentro do .card-body pode ficar mais largo que o cartão */
    #cestas .cesta-card .cesta-body .cesta-row.row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #cestas .cesta-card,
    #cestas #cestas-content {
        overflow-x: hidden;
        max-width: 100%
    }

    #cestas .cesta-row ul li {
        min-width: 0
    }

    #cestas .cesta-column {
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden
    }

    #cestas .cesta-column .cesta-produto {
        overflow-x: hidden;
        max-width: 100%
    }
}