/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.title-container {
    clear: both
}

.title {
    font-size: 28px
}

.subtitle {
    font-size: 18px;
    text-transform: uppercase
}

.title, .subtitle {
    margin: 10px 0 30px 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

    .title a, .subtitle a {
        color: #36393d
    }

    .title:after, .title:before, .subtitle:after, .subtitle:before {
        flex-grow: 1;
        height: 1px;
        content: " ";
        background-color: #f9b5cd;
        position: relative;
        top: .5em
    }

    .title:before, .subtitle:before {
        margin-right: 10px
    }

    .title:after, .subtitle:after {
        margin-left: 10px
    }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Nunito";
    letter-spacing: 2px
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
        color: #36393d
    }

.box-title {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    font-weight: bold
}

body {
    font-size: 14px
}

.font-body {
    font-size: 14px !important
}

.font-medium, .btn-link-secondary {
    font-size: 16px
}

.font-small, .cart-summary, .nav-head-top, .pill-link, .badge-secondary, .breadcrumb {
    font-size: 12px !important
}

.font-small-extra {
    font-size: 10px
}

.fa-min {
    font-size: 8px
}

.fa-huge {
    font-size: 6em
}

.weight-normal {
    font-weight: 400
}

.weight-strong {
    font-weight: 700
}

.weight-light {
    font-weight: 300
}

.border-top {
    border-top: 1px solid #f9b5cd !important
}

.border-bottom {
    border-bottom: 1px solid #f9b5cd
}

.border-left {
    border-left: 1px solid #f9b5cd
}

.border-right {
    border-right: 1px solid #f9b5cd
}

.border-none {
    border: 0 !important
}

.text-foreground {
    color: #36393d !important
}

.text-primary {
    color: #f9b5cd
}

.text-secondary {
    color: #a8dcd1
}

.text-accent {
    color: #f9b5cd;
    fill: #f9b5cd
}

body {
    background-color: #fff;
    color: #36393d;
    font-family: "Lato"
}

    body.pattern-background {
        background-image: url("//acdn.mitiendanube.com/assets/themes/style/static/img/tramas/light_grey.png")
    }

.bg-no-repeat {
    background-repeat: no-repeat
}

.box-container, .list-readonly .list-unstyled {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid rgba(54,57,61,.08);
    background-color: #fefefe;
    border-radius: 4px
}

.circle-box {
    border: dashed #a8dcd1 5px
}

.container-with-border {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #f9b5cd
}

.svg-primary-fill {
    fill: #f9b5cd
}

.svg-accent-fill {
    fill: #f9b5cd
}

.svg-secondary-fill {
    fill: #a8dcd1
}

.svg-text-fill {
    fill: #36393d
}

.svg-back-fill {
    fill: #fff
}

.placeholder-container {
    background: #f9b5cd;
    background: -moz-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 );
    opacity: .5
}

.placeholder-icon {
    fill: rgba(249,181,205,.5)
}

.placeholder-color {
    background-color: rgba(245,134,173,.75)
}

.placeholder-shine, .placeholder-fade {
    background-color: rgba(255,255,255,.4)
}

.placeholder-empty-overlay {
    background-color: rgba(54,57,61,.8);
    opacity: 0
}

.placeholder-info {
    color: #36393d;
    fill: #36393d;
    background-color: #fff
}

.spinner-bar {
    height: 10px;
    width: 60%;
    margin: 20px auto 40px auto;
    border-radius: 4px;
    background: -webkit-linear-gradient(right, #f9b5cd, white, #f9b5cd);
    background: linear-gradient(270deg, #f9b5cd, white, #f9b5cd);
    background-size: 400% 400%;
    -webkit-animation: spinner-bar 3s ease-in-out infinite;
    animation: spinner-bar 3s ease-in-out infinite
}

@-webkit-keyframes spinner-bar {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes spinner-bar {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.breadcrumb li {
    padding: 0
}

.breadcrumb-crumb {
    color: rgba(54,57,61,.8)
}

.btn {
    position: relative;
    height: 50px;
    padding: 14px 20px;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0
}

    .btn:hover, .btn:focus {
        text-decoration: none;
        outline: 0
    }

.btn-circle {
    height: 50px;
    width: 50px;
    padding: 0;
    border-radius: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 46px;
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

    .btn-circle:hover, .btn-circle:focus {
        text-decoration: none;
        outline: 0
    }

    .btn-circle:hover {
        opacity: .8
    }

    .btn-circle.btn-small {
        width: 30px;
        height: 30px
    }

    .btn-circle.btn-icon {
        font-size: 0
    }

        .btn-circle.btn-icon:before {
            position: absolute;
            top: 4px;
            left: 12px;
            width: 20px;
            height: 15px
        }

.btn-primary {
    color: #fff;
    fill: #fff;
    border: none;
    border-bottom: 4px solid #84cdbe;
    background: #a8dcd1;
    background: -moz-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 )
}

    .btn-primary:hover {
        background: #a8dcd1;
        background: -moz-linear-gradient(top, rgba(168, 220, 209, 0.8) 0%, #a8dcd1 100%);
        background: -webkit-linear-gradient(top, rgba(168, 220, 209, 0.8) 0%, gradient 100%);
        background: linear-gradient(to bottom, rgba(168, 220, 209, 0.8) 0%, #a8dcd1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.8)", endColorstr="$gradient",GradientType=0 );
        color: #fff;
        border: none;
        border-bottom: 0
    }

    .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary[disabled], .btn-primary.disabled, .btn-primary[disabled]:hover, .btn-primary.disabled:hover {
        background: #a8dcd1;
        background: -moz-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
        background: -webkit-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 );
        color: #fff;
        border: none;
        border-bottom: 0;
        outline: none;
        box-shadow: none
    }

        .btn-primary[disabled], .btn-primary[disabled]:hover {
            opacity: .8
        }

.btn-secondary, .btn-tertiary {
    background: #f9b5cd;
    background: -moz-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 );
    color: #fff;
    fill: #fff;
    text-transform: uppercase;
    border: none;
    border-bottom: 4px solid #f586ad
}

    .btn-secondary:hover, .btn-tertiary:hover {
        background: #f9b5cd;
        background: -moz-linear-gradient(top, rgba(249, 181, 205, 0.8) 0%, #f9b5cd 100%);
        background: -webkit-linear-gradient(top, rgba(249, 181, 205, 0.8) 0%, gradient 100%);
        background: linear-gradient(to bottom, rgba(249, 181, 205, 0.8) 0%, #f9b5cd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.8)", endColorstr="$gradient",GradientType=0 );
        color: #fff;
        border: none;
        border-bottom: 0
    }

    .btn-secondary:focus, .btn-tertiary:focus, .btn-secondary:active, .btn-tertiary:active, .btn-secondary:active:hover {
        background: #f9b5cd;
        background: -moz-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
        background: -webkit-linear-gradient(top, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(249, 181, 205, 0.7) 0%, rgba(249, 181, 205, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 );
        color: #fff;
        border: none;
        border-bottom: 0
    }

    .btn-secondary[disabled], [disabled].btn-tertiary, .btn-secondary[disabled]:hover {
        background-color: #ddd;
        color: #fff;
        border: none;
        border-bottom: 0
    }

    .btn-secondary.btn-circle.chevron:before, .btn-circle.chevron.btn-tertiary:before {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23FFFFFF"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg>')
    }

.btn-tertiary {
    background: rgba(249,181,205,.2);
    color: #f9b5cd;
    fill: #f9b5cd;
    border-bottom: 4px solid rgba(249,181,205,.4)
}

    .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:active:hover {
        background: rgba(249,181,205,.2);
        color: #f9b5cd;
        fill: #f9b5cd;
        border-bottom: 4px solid rgba(249,181,205,.4)
    }

    .btn-tertiary:hover {
        opacity: .6
    }

    .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:active:hover {
        opacity: .8
    }

    .btn-tertiary[disabled], .btn-tertiary[disabled]:hover {
        background: rgba(249,181,205,.2);
        color: #f9b5cd;
        fill: #f9b5cd;
        border-bottom: 4px solid rgba(249,181,205,.4);
        cursor: not-allowed;
        opacity: .6
    }

.btn-default {
    color: #36393d;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

    .btn-default svg {
        fill: #36393d
    }

    .btn-default:hover, .btn-default:focus {
        color: #36393d;
        background-color: #fff;
        border-color: #f9b5cd;
        opacity: .8
    }

.btn-default-icon {
    width: 18px;
    height: 20px;
    fill: rgba(54,57,61,.6);
    float: right
}

.transparent {
    background: rgba(0,0,0,0)
}

.btn-link {
    position: relative;
    color: #f9b5cd;
    fill: #f9b5cd;
    text-decoration: underline;
    text-transform: none;
    font-size: 18px
}

    .btn-link:hover, .btn-link:focus {
        color: #f9b5cd;
        opacity: .8
    }

.btn-link-small {
    font-size: 14px
}

.btn-link-small-extra {
    font-size: 12px
}

.btn-link-secondary {
    text-transform: uppercase;
    font-weight: bold
}

.btn-link-text {
    color: #36393d;
    fill: #36393d
}

.btn-append {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.btn-small {
    height: 35px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 30px
}

.btn-floating {
    position: absolute;
    top: 5px;
    right: 5px;
    height: auto;
    padding: 5px;
    opacity: .5;
    border: 0;
    z-index: 100
}

    .btn-floating svg {
        fill: #36393d
    }

    .btn-floating:hover, .btn-floating:focus {
        opacity: .8
    }

    .btn-floating.fixed-bottom {
        position: fixed;
        top: auto;
        bottom: 15px;
        right: 15px
    }

.btn-whatsapp {
    color: #fff;
    background-color: #4dc247;
    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
    opacity: 1;
    border-radius: 50%
}

    .btn-whatsapp svg {
        width: 40px;
        height: 40px;
        padding: 5px 2px;
        fill: #fff;
        vertical-align: middle
    }

a {
    color: rgba(54,57,61,.8);
    text-decoration: none
}

    a:hover {
        color: #f9b5cd;
        text-decoration: none
    }

    a:active, a:focus, a:hover {
        outline: 0;
        box-shadow: none
    }

.link-module {
    border-bottom: 1px solid #f9b5cd
}

.link-module-icon {
    fill: #f9b5cd
}

.link-module-icon-right {
    fill: #36393d
}

.bar-progress {
    background: rgba(54,57,61,.1)
}

.bar-progress-active {
    background-image: linear-gradient(-90deg, #f9b5cd, rgba(249, 181, 205, 0.2))
}

.bar-progress-check {
    background-color: #f9b5cd;
    fill: #fff;
    border: 2px solid #fff
}

.chip {
    color: #a8dcd1;
    background-color: rgba(54,57,61,.05);
    border: 1px dashed rgba(54,57,61,.2)
}

.chip-remove-icon {
    fill: #fff;
    background-color: #a8dcd1
}

.modal-header {
    background: #fff;
    border-bottom: 1px solid rgba(54,57,61,.1)
}

    .modal-header .nav-tabs-container {
        border-bottom: 0
    }

.modal-body {
    float: left;
    width: 100%;
    background: #fff;
    color: #36393d;
    border-radius: 0 0 6px 6px
}

.modal-right, .modal-content {
    background: #fff;
    color: #36393d
}

.modal-footer {
    background: #fff;
    color: #36393d;
    border-top: 1px solid rgba(54,57,61,.1);
    box-shadow: none
}

.tab-group {
    border-bottom: 1px solid rgba(54,57,61,.1)
}

    .tab-group .tab-link {
        border: 1px solid rgba(0,0,0,0);
        color: #36393d
    }

    .tab-group .tab.active .tab-link {
        color: #f9b5cd;
        border-bottom: 2px solid #f9b5cd
    }

.panel {
    background-color: #fff;
    border: 1px solid rgba(54,57,61,.2)
}

.panel-heading {
    background-color: rgba(54,57,61,.1) !important;
    border-bottom: 1px solid rgba(54,57,61,.2)
}

.panel-footer {
    background-color: #fff;
    border-top: 1px solid rgba(54,57,61,.2)
}

.panel-item {
    border-bottom: 1px solid rgba(54,57,61,.2)
}

.badge {
    background: #f9b5cd;
    color: #fff
}

.badge-secondary {
    background: #a8dcd1;
    color: #fff;
    font-weight: bold
}

.tooltip {
    color: #f9b5cd;
    background: #f5f5f5;
    border-bottom: 2px solid rgba(54,57,61,.6);
    box-shadow: 0 2px 2px 0 rgba(54,57,61,.15)
}

    .tooltip a, .tooltip svg {
        color: #f9b5cd;
        fill: #f9b5cd
    }

    .tooltip .tooltip-arrow {
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        border-bottom: 10px solid #f5f5f5
    }

.divider {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid rgba(54,57,61,.1)
}

hr {
    border-top-color: #f9b5cd
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.form-control {
    height: 42px;
    color: rgba(54,57,61,.8);
    background-color: #fff;
    border: 1px solid #f9b5cd
}

.form-control-small {
    height: 35px
}

.form-control::-webkit-input-placeholder {
    color: rgba(54,57,61,.3)
}

.form-control:-moz-placeholder {
    color: rgba(54,57,61,.3)
}

.form-control::-moz-placeholder {
    color: rgba(54,57,61,.3)
}

.form-control:-ms-input-placeholder {
    color: rgba(54,57,61,.3)
}

.input-clear-content:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%2336393D"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>')
}

.dropdown-toggle {
    border: 0
}

.dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(54,57,61,.1)
}

    .dropdown-menu li a {
        color: #36393d
    }

        .dropdown-menu li a:hover {
            background-color: rgba(54,57,61,.2)
        }

select {
    border: 1px solid rgba(54,57,61,.06);
    padding: 4px
}

.select-container:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%2336393D"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg>')
}

.radio-button-container .radio-button-content {
    background-color: #fff;
    border: 1px solid rgba(54,57,61,.2);
    box-shadow: inset 0 -3px 1px rgba(54,57,61,.3);
    border-radius: 4px
}

.radio-button-container .radio-button input[type=radio]:checked + .radio-button-content {
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

    .radio-button-container .radio-button input[type=radio]:checked + .radio-button-content .radio-button-icons-container {
        background-color: #f9b5cd
    }

        .radio-button-container .radio-button input[type=radio]:checked + .radio-button-content .radio-button-icons-container .unchecked {
            border: 2px solid #fff
        }

        .radio-button-container .radio-button input[type=radio]:checked + .radio-button-content .radio-button-icons-container .checked {
            background-color: #fff;
            border: 3px solid #f9b5cd
        }

    .radio-button-container .radio-button input[type=radio]:checked + .radio-button-content .shipping-price {
        color: #f9b5cd
    }

        .radio-button-container .radio-button input[type=radio]:checked + .radio-button-content .shipping-price.text-accent {
            color: #f9b5cd
        }

.radio-button-container .radio-button input[type=radio] + .radio-button-content .unchecked {
    border: 2px solid #36393d
}

.radio-button-container .radio-button input[type=radio] + .radio-button-content .checked {
    background-color: #f9b5cd
}

.checkbox-container .checkbox {
    color: #36393d;
    fill: #36393d;
    background-color: #fff;
    border: 2px solid rgba(54,57,61,.3);
    border-bottom: 4px solid rgba(54,57,61,.3)
}

.checkbox-container .checkbox-color {
    border: 1px solid rgba(54,57,61,.3)
}

.checkbox-container .checkbox:hover {
    border: 2px solid #36393d;
    border-bottom: 4px solid #36393d
}

.checkbox-container input:checked ~ .checkbox {
    border: 2px solid rgba(168,220,209,.8);
    border-bottom: 4px solid rgba(168,220,209,.8)
}

.list-readonly .list-item {
    border-bottom: 1px solid rgba(54,57,61,.1)
}

    .list-readonly .list-item .radio-button-content {
        border: none;
        box-shadow: none;
        background-color: rgba(0,0,0,0)
    }

.list-readonly .shipping-extra-options .list-item:first-child {
    border-top: 1px solid rgba(54,57,61,.1)
}

    .list-readonly .shipping-extra-options .list-item:first-child .radio-button-content {
        border-top: none
    }

.list-readonly .list-item:only-child, .list-readonly .list-item:last-of-type {
    border-bottom: none
}

.alert {
    background: #fff
}

.alert-primary {
    border-color: #a8dcd1;
    color: #a8dcd1
}

    .alert-primary:before {
        color: #a8dcd1
    }

.alert-danger, .alert-error {
    border-color: #cc4845;
    color: #cc4845
}

    .alert-danger:before, .alert-error:before {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%23cc4845"><path d="M176 432c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zM25.26 25.199l13.6 272C39.499 309.972 50.041 320 62.83 320h66.34c12.789 0 23.331-10.028 23.97-22.801l13.6-272C167.425 11.49 156.496 0 142.77 0H49.23C35.504 0 24.575 11.49 25.26 25.199z"/></svg>')
    }

.alert-warning {
    border-color: #fdb333;
    color: #cc8710
}

    .alert-warning:before {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23cc8710"><path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>')
    }

.alert-info {
    border-color: #3d9ccc;
    color: #3d9ccc
}

    .alert-info:before {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%233d9ccc"><path d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>')
    }

.alert-success {
    border-color: #3caf65;
    color: #3caf65
}

    .alert-success:before {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%233caf65"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>')
    }

.notification-primary {
    background: #fff;
    border-color: #a8dcd1;
    color: #a8dcd1;
    border-top: 1px solid #f9b5cd
}

    .notification-primary:before {
        color: #a8dcd1;
        -webkit-box-shadow: 0 0 2px rgba(54,57,61,.5);
        -ms-box-shadow: 0 0 2px rgba(54,57,61,.5);
        -moz-box-shadow: 0 0 2px rgba(54,57,61,.5);
        box-shadow: 0 0 2px rgba(54,57,61,.5)
    }

.notification-secondary {
    background: #f7f7f7;
    border-top: 1px solid #f9b5cd;
    color: rgba(54,57,61,.8);
    fill: rgba(54,57,61,.8)
}

    .notification-secondary a {
        color: #a8dcd1
    }

.notification-danger {
    color: #cc4845;
    fill: #cc4845
}

.notification-centered {
    box-shadow: 0 2px 5px rgba(54,57,61,.3)
}

.pagination > li > a {
    background-color: #fff;
    color: #36393d;
    margin-bottom: 5px
}

    .pagination > li > a:hover {
        color: #36393d;
        background-color: #e6e6e6;
        border-color: #f9b5cd
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    color: #36393d;
    background-color: #fff;
    border-color: #f9b5cd
}

.swiper-pagination-bullet {
    background: rgba(54,57,61,.2)
}

    .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
        background: #f9b5cd
    }

.slider-arrow {
    fill: #36393d
}

    .slider-arrow:hover {
        fill: #f9b5cd
    }

.pills-container {
    background-color: rgba(54,57,61,.03)
}

.pill-link {
    padding: 10px;
    color: #fff;
    border: none;
    border-bottom: 4px solid #84cdbe;
    background: #a8dcd1;
    background: -moz-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(168, 220, 209, 0.7) 0%, rgba(168, 220, 209, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.7)", endColorstr="rgba($gradient,.9)",GradientType=0 );
    border-radius: 4px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.pill-link-small {
    margin: 0 5px 8px 0;
    padding: 8px;
    font-size: 10px
}

.pill-link:hover, .pill-link:focus {
    color: #fff;
    background: #a8dcd1;
    background: -moz-linear-gradient(top, rgba(168, 220, 209, 0.8) 0%, #a8dcd1 100%);
    background: -webkit-linear-gradient(top, rgba(168, 220, 209, 0.8) 0%, gradient 100%);
    background: linear-gradient(to bottom, rgba(168, 220, 209, 0.8) 0%, #a8dcd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba($gradient,.8)", endColorstr="$gradient",GradientType=0 )
}

.label {
    color: #fff;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(50,50,50,.3);
    -ms-box-shadow: 1px 1px 2px 0 rgba(50,50,50,.3);
    -moz-box-shadow: 1px 1px 2px 0 rgba(50,50,50,.3);
    box-shadow: 1px 1px 2px 0 rgba(50,50,50,.3)
}

.label-secondary, .label-accent {
    background: #a8dcd1
}

.label-primary {
    background: #f9b5cd
}

.label-primary-dark {
    background: #ee276d
}

.table tbody > tr:nth-child(odd) > th, .table tbody > tr:nth-child(odd) > td {
    background-color: rgba(54,57,61,.03)
}

.table tbody.table-body-inverted > tr:nth-child(odd) > th, .table tbody.table-body-inverted > tr:nth-child(odd) > td {
    background-color: #fff
}

.table tbody.table-body-inverted > tr:nth-child(even) > th, .table tbody.table-body-inverted > tr:nth-child(even) > td {
    background-color: rgba(54,57,61,.03)
}

.table > thead > tr > th {
    border-bottom: 0
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 0
}

.service-link {
    color: #36393d
}

.textbanner-text {
    color: #36393d;
    background-color: #f7f7f7
}

.textbanner-shape:before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f7f7f7 rgba(0,0,0,0)
}

.textbanner-image {
    background-color: #f0f0f0
}

    .textbanner-image:after {
        background: #f9b5cd
    }

.module-image {
    background-color: #f7f7f7
}

.module-text {
    color: #36393d;
    background-color: rgba(255,255,255,.9)
}

.video-container {
    margin: 20px 0;
    background-color: #f7f7f7
}

.product-video-container {
    background-color: rgba(54,57,61,.07)
}

.embed-responsive {
    background: #36393d
}

.shape-container {
    position: absolute;
    left: 0;
    z-index: -999;
    width: 100%;
    height: 470px;
    margin-top: -470px;
    overflow: hidden
}

.background-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -999;
    width: 100%;
    height: 300px;
    background: #fafafa
}

    .background-shape:after {
        position: absolute;
        top: -170px;
        left: 0;
        border-style: solid;
        border-width: 0 0 170px 100vw;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fafafa rgba(0,0,0,0);
        content: ""
    }

.instafeed-module .instafeed-item {
    display: inline-block
}

    .instafeed-module .instafeed-item .instafeed-link {
        position: relative;
        display: block;
        padding-top: 100%;
        overflow: hidden
    }

    .instafeed-module .instafeed-item .instafeed-img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .instafeed-module .instafeed-item .instafeed-info {
        position: absolute;
        top: 8px;
        left: 8px;
        padding: 0 5px;
        border-radius: 14px;
        font-size: 10px;
        background-color: #f9b5cd;
        color: #fff;
        fill: #fff
    }

        .instafeed-module .instafeed-item .instafeed-info .instafeed-info-item {
            display: inline-block;
            margin: 5px
        }

.fb-page-img-container {
    background: #fff
}

.section-advertising {
    color: #fff;
    background-color: #f9b5cd
}

    .section-advertising a {
        color: #fff
    }

.logo-text {
    color: #f9b5cd;
    font-family: "Nunito"
}

.nav-head {
    background: #fff;
    color: #36393d;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -ms-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15)
}

    .nav-head a {
        color: #36393d
    }

    .nav-head .svg-text-fill {
        fill: #36393d
    }

.nav-head-top {
    border-bottom: 1px solid #f9b5cd
}

.nav-head-fixed {
    background: #fff
}

.desktop-nav {
    background-color: #fff
}

    .desktop-nav a {
        color: #36393d
    }

.desktop-nav-arrow {
    fill: rgba(54,57,61,.8)
}

.desktop-nav-item {
    background: #fff
}

    .desktop-nav-item:hover > .desktop-nav-link {
        color: #f9b5cd
    }

    .desktop-nav-item .desktop-nav-item {
        border-bottom: 1px solid #f9b5cd;
        border-left: 1px solid #f9b5cd;
        border-right: 1px solid #f9b5cd
    }

        .desktop-nav-item .desktop-nav-item:first-child {
            border-top: 1px solid #f9b5cd
        }

        .desktop-nav-item .desktop-nav-item:last-child {
            border-bottom: 1px solid #f9b5cd
        }

        .desktop-nav-item .desktop-nav-item:hover {
            background-color: #36393d;
            background-color: #f9b5cd
        }

            .desktop-nav-item .desktop-nav-item:hover > .desktop-nav-link {
                color: #fff
            }

                .desktop-nav-item .desktop-nav-item:hover > .desktop-nav-link .desktop-nav-arrow {
                    fill: #fff
                }

    .desktop-nav-item.selected > .desktop-nav-link {
        color: #f9b5cd;
        font-weight: bold
    }

        .desktop-nav-item.selected > .desktop-nav-link .desktop-nav-arrow {
            fill: #f9b5cd
        }

.desktop-nav-list {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: #fff
}

.desktop-search-input {
    height: 28px
}

.desktop-search-icon {
    fill: rgba(54,57,61,.8)
}

.search-suggest {
    background-color: #fff
}

    .search-suggest-name, .search-suggest-link, .search-suggest-icon, .search-suggest .installments {
        color: rgba(54,57,61,.8);
        fill: rgba(54,57,61,.8)
    }

        .search-suggest-name:hover, .search-suggest-name:focus, .search-suggest-link:hover, .search-suggest-link:focus, .search-suggest-icon:hover, .search-suggest-icon:focus, .search-suggest .installments:hover, .search-suggest .installments:focus {
            color: rgba(54,57,61,.6);
            background-color: #f7f7f7
        }

.search-suggest-price {
    color: #f9b5cd;
    font-weight: bold
}

.search-suggest-icon {
    color: rgba(54,57,61,.8)
}

.search-suggest-all-link {
    background-color: #f7f7f7
}

.cart-summary {
    color: rgba(54,57,61,.8)
}

.filters-overlay {
    background-color: rgba(255,255,255,.85)
}

.item {
    background-color: #fff
}

.item-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #f9b5cd;
    transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    z-index: 1
}

.item:hover .item-overlay {
    opacity: .6
}

.item-info-container {
    background-color: #f7f7f7
}

.item-info {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f7f7f7 rgba(0,0,0,0)
}

    .item-info:before {
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f7f7f7 rgba(0,0,0,0)
    }

.item-price {
    margin: 3px 0;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "Nunito"
}

.item-price-compare {
    letter-spacing: 2px;
    font-family: "Nunito"
}

.item-colors-bullet {
    border: 1px solid rgba(54,57,61,.5)
}

    .item-colors-bullet.selected {
        border: 2px solid #36393d
    }

.installments {
    text-transform: uppercase
}

.item-quickshop-link {
    background-color: #fff;
    opacity: .9
}

    .item-quickshop-link a {
        color: #36393d
    }

.cloud-zoom-loading {
    background: #fff;
    color: #36393d;
    border-radius: 5px
}

.price-compare {
    letter-spacing: 0;
    color: rgba(54,57,61,.6);
    text-decoration: line-through
}

.product-price {
    letter-spacing: 0;
    font-weight: 400
}

.product-selected-gateway {
    color: #36393d
}

.product-variants {
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 1px dashed rgba(54,57,61,.2);
    border-bottom: 1px dashed rgba(54,57,61,.2)
}

.variant-label {
    font-family: "Nunito"
}

.btn-variant {
    color: #36393d;
    border: 2px solid rgba(54,57,61,.2)
}

.btn-variant-custom {
    background: #fff
}

.btn-variant:hover, .btn-variant:focus {
    color: #36393d
}

.btn-variant.selected {
    border: 2px solid #f9b5cd
}

.btn-variant-no-stock {
    color: rgba(54,57,61,.5);
    border-color: rgba(54,57,61,.2)
}

    .btn-variant-no-stock:after {
        background: linear-gradient(to top left, transparent 49%, rgba(54, 57, 61, 0.5), transparent 52%)
    }

    .btn-variant-no-stock.selected:after {
        background: linear-gradient(to top left, transparent 49%, #36393D, transparent 52%)
    }

    .btn-variant-no-stock.btn-variant-color:after {
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) calc(50% - 0.7px), rgba(54, 57, 61, 0.5) calc(50% - 0.7px), rgba(54, 57, 61, 0.5) 50%, rgba(54, 57, 61, 0.5) calc(50% + 0.7px), rgba(255, 255, 255, 0.3) calc(50% + 0.7px))
    }

.product-shipping-calculator li input[type=radio]:checked + .shipping-option {
    background: rgba(0,0,0,0);
    color: #36393d
}

.product-shipping-calculator .radio-button-icons {
    display: none
}

.footer {
    background: #fff;
    color: #36393d;
    border-bottom: 1px solid #f9b5cd
}

    .footer a, .footer svg {
        color: #36393d;
        fill: #36393d
    }

.footer-legal {
    background: #fff;
    color: #36393d
}

    .footer-legal a {
        color: #36393d;
        fill: #36393d
    }

    .footer-legal .powered-by-logo svg {
        fill: #36393d
    }

.map {
    border-color: #f9b5cd
}

.cart-table-row {
    background: #fff
}

.cart-quantity-btn {
    color: rgba(54,57,61,.6);
    fill: rgba(54,57,61,.6);
    border: 1px solid rgba(54,57,61,.6)
}

.cart-quantity-input {
    border: 0;
    border-top: 1px solid rgba(54,57,61,.6);
    border-bottom: 1px solid rgba(54,57,61,.6)
}

.cart-totals-container {
    background: #fff
}

.cart-total {
    color: #a8dcd1;
    font-weight: bold
}

.ajax-cart-table-header {
    border-top: 1px solid rgba(168,220,209,.2);
    border-bottom: 1px solid rgba(168,220,209,.2)
}

.ajax-cart-item {
    border-bottom: 1px solid rgba(168,220,209,.2);
    background: rgba(150,150,150,.06)
}

@media(max-width: 767px) {
    .title {
        font-size: 18px
    }

    .h1-xs {
        font-size: 36px
    }

    .h2-xs {
        font-size: 30px
    }

    .h3-xs {
        font-size: 24px
    }

    .h4-xs {
        font-size: 18px
    }

    .h5-xs {
        font-size: 14px
    }

    .h6-xs {
        font-size: 12px
    }

    .font-body-xs {
        font-size: 14px
    }

    .font-medium-xs {
        font-size: 16px
    }

    .font-small-xs {
        font-size: 12px
    }

    .font-small-extra-xs {
        font-size: 10px
    }

    .btn-small-xs {
        font-size: 10px;
        letter-spacing: 1px
    }

    .weight-normal-xs {
        font-weight: 400
    }

    .weight-strong-xs {
        font-weight: 700
    }

    .weight-light-xs {
        font-weight: 300
    }

    .container-with-border-top-xs {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px dashed #f9b5cd
    }

    .btn-module {
        color: #36393d;
        border: 1px solid rgba(54,57,61,.2);
        border-radius: 0;
        background: #fff;
        font-family: "Nunito"
    }

        .btn-module:hover .btn-module:focus {
            color: #36393d
        }

    .btn-module-icon {
        fill: #f9b5cd
    }

    .modal-xs {
        background-color: #fff
    }

    .modal-xs-header {
        color: #36393d;
        fill: #36393d
    }

        .modal-xs-header:active {
            background-color: #f9b5cd;
            color: #fff
        }

            .modal-xs-header:active .modal-xs-header-icon {
                color: #fff;
                fill: #fff
            }

    .modal-xs-list-item {
        color: #36393d;
        border-bottom: 1px solid rgba(54,57,61,.25)
    }

        .modal-xs-list-item.darker {
            background-color: rgba(54,57,61,.02)
        }

        .modal-xs-list-item .modal-xs-list-icon {
            fill: #f9b5cd
        }

        .modal-xs-list-item:active {
            background-color: #f9b5cd;
            color: #fff
        }

            .modal-xs-list-item:active .modal-xs-list-icon {
                color: #fff;
                fill: #fff
            }

        .modal-xs-list-item.selected {
            color: #fff;
            border-right: 0;
            border-left: 0;
            border-bottom: 0;
            background: #f9b5cd
        }

            .modal-xs-list-item.selected .modal-xs-radio-icon {
                background: #fff
            }

                .modal-xs-list-item.selected .modal-xs-radio-icon svg {
                    visibility: visible;
                    fill: #f9b5cd
                }

        .modal-xs-list-item .modal-xs-radio-icon {
            background: rgba(249,181,205,.4);
            color: #f9b5cd
        }

        .modal-xs-list-item.inverse {
            color: rgba(255,255,255,.8);
            border-bottom: 1px solid rgba(255,255,255,.05)
        }

            .modal-xs-list-item.inverse .modal-xs-list-icon {
                fill: #fff
            }

    .modal-footer {
        border: 0
    }

    .table-responsive {
        border-color: #f9b5cd
    }

    .pagination {
        background: #ebeced
    }

        .pagination > li > a, .pagination > li > span, .pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover {
            background-color: rgba(0,0,0,0);
            border: 0
        }

    .pagination-input {
        color: #36393d
    }

    .pagination-icon {
        float: left;
        color: #36393d
    }

    .hamburger-panel-link:hover, .hamburger-panel-link:focus {
        background: #f9b5cd;
        color: #fff
    }

    .hamburger-panel-link.selected .hamburger-panel-arrow {
        background-color: #f9b5cd
    }

    .hamburger-panel-link.selected svg {
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .mobile-nav {
        background-color: #fff
    }

        .mobile-nav a, .mobile-nav .mobile-nav-title {
            color: #f9b5cd
        }

    .mobile-nav-first-row-icon {
        fill: #36393d
    }

    .mobile-nav-tab:hover {
        color: #36393d
    }

    .mobile-nav-tab.selected .mobile-nav-tab-icon {
        fill: #f9b5cd
    }

    .mobile-nav-tab.selected .mobile-nav-tab-text {
        color: #f9b5cd
    }

    .mobile-nav .mobile-nav-tab-icon {
        fill: rgba(54,57,61,.8)
    }

    .mobile-nav.move-up {
        box-shadow: 2px 0px 5px rgba(54,57,61,.3)
    }

    .mobile-nav .mobile-search-input-container .svg-text-fill {
        fill: #36393d
    }

    .mobile-nav .mobile-search-input-container .mobile-search-input {
        background-color: #fff;
        color: #36393d
    }

        .mobile-nav .mobile-search-input-container .mobile-search-input::placeholder {
            color: #36393d
        }

    .mobile-nav-arrow-up {
        background-color: #fff
    }

        .mobile-nav-arrow-up svg {
            fill: #36393d
        }

    .mobile-nav-categories-container, .mobile-nav-subcategories-panel {
        background-color: #36393d;
        color: #fff;
        box-shadow: 2px 0px 1px 1px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
    }

        .mobile-nav-categories-container .modal-xs-list-item, .mobile-nav-subcategories-panel .modal-xs-list-item {
            border-bottom: 1px solid rgba(255,255,255,.08)
        }

        .mobile-nav-categories-container .modal-xs-list-item, .mobile-nav-categories-container .modal-xs-header, .mobile-nav-subcategories-panel .modal-xs-list-item, .mobile-nav-subcategories-panel .modal-xs-header {
            background-color: #36393d;
            color: #fff
        }

            .mobile-nav-categories-container .modal-xs-list-item:active, .mobile-nav-categories-container .modal-xs-header:active, .mobile-nav-subcategories-panel .modal-xs-list-item:active, .mobile-nav-subcategories-panel .modal-xs-header:active {
                color: #fff;
                background-color: #f9b5cd
            }

                .mobile-nav-categories-container .modal-xs-list-item:active .modal-xs-list-icon, .mobile-nav-categories-container .modal-xs-list-item:active .modal-xs-header-icon, .mobile-nav-categories-container .modal-xs-header:active .modal-xs-list-icon, .mobile-nav-categories-container .modal-xs-header:active .modal-xs-header-icon, .mobile-nav-subcategories-panel .modal-xs-list-item:active .modal-xs-list-icon, .mobile-nav-subcategories-panel .modal-xs-list-item:active .modal-xs-header-icon, .mobile-nav-subcategories-panel .modal-xs-header:active .modal-xs-list-icon, .mobile-nav-subcategories-panel .modal-xs-header:active .modal-xs-header-icon {
                    fill: #fff
                }

            .mobile-nav-categories-container .modal-xs-list-item .modal-xs-list-icon, .mobile-nav-categories-container .modal-xs-list-item .modal-xs-header-icon, .mobile-nav-categories-container .modal-xs-header .modal-xs-list-icon, .mobile-nav-categories-container .modal-xs-header .modal-xs-header-icon, .mobile-nav-subcategories-panel .modal-xs-list-item .modal-xs-list-icon, .mobile-nav-subcategories-panel .modal-xs-list-item .modal-xs-header-icon, .mobile-nav-subcategories-panel .modal-xs-header .modal-xs-list-icon, .mobile-nav-subcategories-panel .modal-xs-header .modal-xs-header-icon {
                fill: #fff
            }

    .backdrop.search-backdrop {
        background-color: rgba(54,57,61,.9)
    }

    .btn-filter {
        margin: 10px 10px 5px 0;
        padding: 5px 10px
    }

    .item-price {
        font-weight: bold
    }

    .product-price {
        font-size: 30px
    }

    .product-price-small-xs {
        font-size: 20px
    }

    .mobile-zoom-panel {
        background: #fff
    }
}
/* Engine:dart */